/* ETA Desk V15: presentation-only redesign. No dependencies on external fonts or CDNs. */
:root{--navy:#0c1b32;--navy-light:#172b4a;--primary:#3b5bdb;--primary-hover:#2e4fcf;--primary-soft:#edf2ff;--ink:#1a2740;--ink-soft:#394963;--muted:#78869d;--line:#e7ebf2;--surface:#fff;--canvas:#f6f8fc;--success:#15a276;--success-soft:#e9f8f2;--error:#df5a64;--error-soft:#fff0f0;--shadow:0 9px 28px rgba(24,42,77,.035);--radius:17px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--canvas);font-family:'Segoe UI',Tahoma,Arial,sans-serif;color:var(--ink);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(59,91,219,.35)}.icon-sprite{display:none}.ico,.brand-symbol{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.ico.mini{height:16px;width:16px}.app-shell{display:flex;min-height:100vh;align-items:stretch}
/* Primary navigation */
.sidebar{width:270px;flex:none;min-height:100vh;height:100vh;position:sticky;top:0;background:linear-gradient(173deg,#10233f 0%,#0d1a30 70%,#0a192d 100%);color:#c1cde0;display:flex;flex-direction:column;padding:25px 16px 19px;z-index:20;overflow:auto;scrollbar-width:thin;scrollbar-color:#334765 transparent}.brand{display:flex;align-items:center;gap:12px;padding:5px 10px 33px;color:#fff}.brand-mark{display:grid;place-items:center;height:45px;width:45px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:linear-gradient(135deg,#526ff1 0%,#3764eb 75%);box-shadow:0 7px 17px rgba(39,75,206,.36)}.brand-symbol{width:27px;height:27px;stroke-width:1.9}.brand-text{display:flex;flex-direction:column;line-height:1.28}.brand-text strong{font-size:22px;letter-spacing:-.65px;font-family:'Segoe UI',Tahoma,sans-serif;direction:ltr;text-align:right}.brand-text strong span{font-weight:400;color:#a2b7fa}.brand-text small{font-size:10.5px;color:#a5b5d0;margin-top:5px}.sidebar-overline{font-size:10.5px;color:#748aa9;letter-spacing:.25px;font-weight:750;padding:0 16px 10px}.sidebar-section{padding-top:31px}.side-nav{display:grid;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:11px 14px;white-space:nowrap;border-radius:10px;color:#afc0d9;font-size:12.8px;font-weight:550;transition:background .18s,color .18s}.nav-link .ico{width:18px;height:18px;stroke-width:1.75}.nav-link span:nth-of-type(1){flex:1}.nav-link:hover{background:rgba(140,164,226,.095);color:#fff}.nav-link.active{background:linear-gradient(100deg,#3b5bda,#334fbd);color:#fff;box-shadow:0 6px 17px rgba(11,25,77,.25);font-weight:700}.nav-new{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.08);padding:1px 5px;border-radius:5px;font-size:9px;font-weight:700;color:#dbe5ff}.sidebar-bottom{margin-top:auto;padding:32px 5px 0}.local-indicator{display:flex;gap:9px;align-items:center;padding:13px 11px;color:#ccdaf1;font-size:11.5px;border:1px solid rgba(143,168,213,.16);border-radius:11px;background:rgba(255,255,255,.035)}.local-indicator span:nth-child(2){flex:1}.local-indicator .ico{color:#5fd7b8}.pulse-dot{height:7px;width:7px;flex:none;background:#4bdbad;border-radius:100%;box-shadow:0 0 0 4px rgba(57,208,160,.11)}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#6f86a6;font-size:10px;padding:17px 5px 0}.mobile-overlay{display:none}
/* Content / top navigation */
.main-area{min-width:0;flex:1}.topbar{height:82px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:15px}.topbar-location,.topbar-actions{display:flex;align-items:center;gap:13px}.breadcrumb-root{color:#97a2b4;font-size:12.5px}.topbar-location strong{font-size:13px;font-weight:700}.crumb-chevron{height:14px;width:14px;color:#b6bfcd}.mode-pill{display:inline-flex;align-items:center;gap:8px;font-size:11px;border-radius:999px;font-weight:750;padding:6px 11px;border:1px solid #d5eae1;background:#f3fbf6;color:#228268;white-space:nowrap}.mode-pill.mode-live{color:#b36113;background:#fff8eb;border-color:#ffebc9}.mode-dot{height:7px;width:7px;background:#22b681;border-radius:50%;flex:none}.mode-live .mode-dot{background:#e7a13f}.topbar-divider{height:25px;border-right:1px solid #e7ecf3}.profile-chip{display:flex;align-items:center;gap:9px;min-width:0}.profile-avatar{height:36px;width:36px;background:var(--primary-soft);border-radius:11px;color:#4362cd;display:grid;place-items:center}.profile-avatar .ico{width:17px;height:17px}.profile-info{display:flex;flex-direction:column;gap:0;line-height:1.4;min-width:0;max-width:205px}.profile-info small{font-size:10px;color:var(--muted)}.profile-info strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-button{display:none}.content{padding:34px 35px 10px;max-width:1700px;margin:auto}.page-footer{margin-top:35px;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;padding:22px 2px;color:#9aa6b8;font-size:11.5px}.footer-separator{padding:0 7px}
/* Titles */
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.page-heading h1{font-size:28px;line-height:1.38;letter-spacing:-.7px;margin:6px 0 6px;font-weight:800}.heading-accent{color:var(--primary)}.page-heading p{margin:0;color:var(--muted);font-size:12.5px}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:750;color:#5273d0}.eyebrow-dot{height:7px;width:7px;background:#5b7bee;border-radius:50%}
/* Buttons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;padding:10px 16px;min-height:40px;font-size:12.5px;font-weight:700;white-space:nowrap;transition:background .17s,border-color .17s,transform .17s,box-shadow .17s}.button .ico{width:17px;height:17px}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--primary);color:#fff;box-shadow:0 5px 11px rgba(59,91,219,.12)}.button-primary:hover{background:var(--primary-hover);box-shadow:0 6px 16px rgba(59,91,219,.2)}.button-secondary{background:#fff;color:#374963;border-color:#e0e6ef}.button-secondary:hover{border-color:#bdc9dd;background:#fdfdff}.button-soft{background:var(--primary-soft);color:#3657ca}.button-soft:hover{background:#dfe8ff}.button-outline{border-color:#cfdbf6;background:#fff;color:var(--primary)}.button-outline:hover{background:var(--primary-soft)}.button-ghost{background:transparent;border-color:var(--line);color:#62738b}.button-ghost:hover{background:#f9fbff}.button-danger-outline{border-color:#fac9cf;background:#fff;color:#c14651}.button-danger-outline:hover{background:#fff4f4}.button-white{background:#fff;color:#2444b0;box-shadow:0 6px 22px rgba(3,27,95,.18)}.button-white:hover{background:#f2f5ff}.button-large{padding:12px 20px;min-height:48px}.full-width{width:100%}.text-action{font-weight:700;color:#3b5bd1;display:flex;align-items:center;gap:5px;font-size:12px}.text-action:hover{text-decoration:underline}
/* Introduction */
.welcome-banner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);min-height:246px;overflow:hidden;position:relative;border-radius:19px;background:radial-gradient(circle at 15% 115%,rgba(83,125,248,.45),transparent 43%),linear-gradient(117deg,#152c65 0%,#2243a4 65%,#3c64d9 100%);box-shadow:0 10px 25px rgba(32,68,157,.12);margin-bottom:20px}.welcome-banner:before{content:'';position:absolute;width:230px;height:230px;right:-80px;bottom:-100px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.026),0 0 0 95px rgba(255,255,255,.019)}.banner-content{padding:28px 34px 30px;position:relative;z-index:2;color:#fff}.banner-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.11);padding:3px 10px;border:1px solid rgba(255,255,255,.13);border-radius:100px;color:#dee6ff;font-size:10.5px;font-weight:650}.banner-content h2{font-size:26px;font-weight:800;line-height:1.52;letter-spacing:-.5px;margin:8px 0 5px}.banner-content h2 span{color:#c3d2ff}.banner-content p{color:#d1dcff;font-size:11.5px;margin:0 0 18px;line-height:1.9;max-width:450px}.banner-actions{display:flex;align-items:center;gap:22px}.banner-link{color:#eef3ff;font-weight:650;display:inline-flex;align-items:center;gap:5px;font-size:12px}.banner-link:hover{text-decoration:underline}.banner-visual{position:relative;display:grid;place-items:center;min-height:240px;padding:20px 24px;transform:rotate(-3deg)}.mock-window{width:min(100%,300px);height:219px;background:rgba(255,255,255,.97);border-radius:13px;box-shadow:0 15px 45px rgba(4,22,76,.3);overflow:hidden;position:relative;padding:13px 16px 10px}.mock-top{display:flex;gap:4px;align-items:center;border-bottom:1px solid #e7ebf6;padding-bottom:10px}.mock-top span{height:6px;width:6px;border-radius:100%;background:#b7c7ef}.mock-top span:first-child{background:#6884ea}.mock-top i{height:6px;width:44px;background:#e7edf9;border-radius:10px;margin-right:auto}.mock-title{display:flex;align-items:center;gap:9px;margin:14px 0 12px}.mock-icon{background:#e6eeff;border-radius:8px;width:31px;height:31px;color:#4766d9;display:grid;place-items:center}.mock-icon .ico{width:16px;height:16px}.mock-title div{display:flex;flex-direction:column;line-height:1.35}.mock-title b{font-size:11px;color:#273b5d}.mock-title small{font-size:8px;color:#99a7bb}.mock-dots{margin-right:auto;color:#a4b4d2;font-size:22px;letter-spacing:2px}.mock-row{display:flex;gap:14px;justify-content:space-between;align-items:center;margin:11px 0}.mock-line{height:7px;background:#edf1f9;border-radius:8px}.mock-line.long{width:63%}.mock-line.mid{width:42%}.mock-badge{width:45px;height:13px;border-radius:5px;background:#d8f7e9}.mock-badge.waiting{background:#fff2d8}.mock-chart{height:47px;display:flex;align-items:flex-end;gap:7px;position:absolute;bottom:0;left:16px;right:16px;opacity:.8}.mock-chart span{background:#d7e2ff;flex:1;border-radius:3px 3px 0 0}.mock-chart span:nth-last-child(2){background:#5c7be5}.floating-check{display:flex;gap:7px;align-items:center;position:absolute;top:47px;left:10px;color:#236f5a;font-size:10px;font-weight:750;background:#fff;box-shadow:0 8px 22px rgba(11,25,68,.22);border-radius:10px;padding:8px 11px;transform:rotate(3deg)}.floating-check .ico{height:16px;width:16px;color:#18aa7c}
/* Summary cards */
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:19px 21px;box-shadow:var(--shadow);min-width:0}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-icon{height:38px;width:38px;display:grid;place-items:center;border-radius:11px}.metric-icon .ico{width:18px;height:18px}.metric-indigo{background:#f0ecff;color:#7059c8}.metric-blue{background:#ebf2ff;color:#3c6cd1}.metric-green{background:#e7f8f0;color:#189b76}.metric-rose{background:#fff0f0;color:#db5a69}.metric-label{font-size:11.5px;color:#73839c;font-weight:650;text-align:left}.metric-value{font-size:29px;font-weight:800;line-height:1.4;letter-spacing:-1px;margin:14px 0 0;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}.metric-caption{font-size:11px;color:#9aa7b9;margin-top:3px}
/* Generic panel */
.panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:21px;overflow:hidden}.panel-header{padding:23px 25px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.section-kicker{font-size:10.5px;font-weight:800;color:#6c85b0;margin-bottom:2px}.panel-header h2{display:flex;align-items:center;gap:9px;font-size:16px;line-height:1.5;margin:0 0 5px;font-weight:780}.title-ico{color:#4c67c6;height:18px;width:18px}.panel-header p{margin:0;color:#96a0b0;font-size:11.5px}.panel-content{padding:0 25px 24px}.subtle-count{font-size:10.5px;padding:6px 11px;background:#f2f5fa;color:#637591;border-radius:8px;white-space:nowrap;font-weight:750}.section-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:20px}.section-grid .panel{margin-bottom:21px}.active-company{display:flex;align-items:center;gap:12px;background:#f7f9fd;border:1px solid #eaf0f7;border-radius:11px;padding:14px 15px;margin-bottom:17px}.company-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:#e7edff;color:#5070db}.active-company-text{min-width:0;display:flex;flex-direction:column;flex:1}.active-company-text b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-company-text span{font-size:10.5px;color:#8897ac;direction:ltr;text-align:right}.company-tag{color:#1d9773;background:#e7f8f1;border-radius:7px;padding:4px 9px;font-size:10px;font-weight:750}.company-select-form .field-label{margin:0 0 8px}.field-label,.form-field label{font-size:11.5px;color:#586982;font-weight:750;display:block;margin-bottom:7px}.select-action-row{display:flex;gap:9px}.select-action-row select{flex:1;min-width:0}.divider-line{height:1px;background:var(--line);margin:17px 0}.company-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.quick-list{padding-top:0}.quick-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #edf0f5}.quick-item:first-child{padding-top:0}.quick-item:last-child{padding-bottom:0;border-bottom:0}.quick-item:hover .quick-arrow{color:var(--primary);transform:translateX(-3px)}.quick-icon{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center}.quick-icon .ico{height:19px;width:19px}.bg-blue{color:#4d70d4;background:#ecf1ff}.bg-purple{color:#9163ca;background:#f4efff}.bg-orange{color:#d28d3a;background:#fff5e9}.quick-item>span:nth-child(2){display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.quick-item b{font-size:12px}.quick-item small{font-size:10.5px;color:#98a4b5}.quick-arrow{color:#b1becf;height:17px;width:17px;transition:transform .17s,color .17s}
/* Forms */
input:not([type=file]),select{background:#fff;border:1px solid #dfe5ef;border-radius:9px;padding:10px 13px;min-height:42px;color:#2c3a53;outline:none;width:100%;transition:border-color .17s,box-shadow .17s;font-size:12.5px}input::placeholder{color:#a7b1c1}input:focus,select:focus{border-color:#7d93ef;box-shadow:0 0 0 3px rgba(83,117,233,.11)}select{padding-inline-end:35px;cursor:pointer}input[type=date]{direction:ltr;text-align:right}.form-field{min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.form-field input:read-only{background:#f7f9fb}.password-field{position:relative}.password-field input{padding-left:43px}.password-toggle{position:absolute;left:5px;top:4px;background:transparent;border:none;color:#8092aa;height:34px;width:34px;display:grid;place-items:center;border-radius:8px}.password-toggle:hover{background:#f0f3fc;color:var(--primary)}.password-toggle .ico{width:17px;height:17px}
/* Upload */
.step-count{color:#b1bfd6;direction:ltr;font-size:13px;letter-spacing:2px;font-weight:700}.upload-layout{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(220px,.9fr);gap:0;border-top:1px solid #eff2f7}.upload-main{padding:23px 25px 27px;min-width:0}.upload-context{display:flex;align-items:center;gap:11px;margin-bottom:16px}.context-icon{height:37px;width:37px;display:grid;place-items:center;border-radius:10px;background:#f1f5ff;color:#4263d5}.upload-context>div{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.upload-context small{color:var(--muted);font-size:10.5px}.upload-context strong{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-chip{padding:4px 10px;border-radius:6px;font-size:10px;font-weight:800;direction:ltr}.mode-chip.test{color:#5271ce;background:#edf2ff}.mode-chip.live{color:#bb7b20;background:#fff4de}.drop-zone{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:233px;border:1.5px dashed #becbf0;background:linear-gradient(180deg,#f9fbff,#f5f8ff);border-radius:13px;padding:23px 14px;gap:6px;transition:border-color .18s,background .18s,transform .18s}.drop-zone:hover,.drop-zone.dragging{border-color:#5775df;background:#edf3ff}.drop-zone.has-file{border-color:#37ad84;background:#f0fcf6}.drop-zone input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.drop-icon{height:52px;width:52px;display:grid;place-items:center;background:#e8efff;color:#5874dd;border-radius:16px;margin-bottom:7px}.drop-icon .ico{height:24px;width:24px}.drop-zone.has-file .drop-icon{background:#d9f4e8;color:#159d74}.drop-zone strong{font-size:13px;color:#3e526e;overflow-wrap:anywhere;max-width:100%}.drop-zone>span:not(.drop-icon):not(.drop-select){color:#97a6ba;font-size:11.5px}.drop-select{font-size:11.5px;font-weight:750;color:var(--primary);margin-top:9px;background:#ebf0ff;border:1px solid #dce5ff;padding:7px 14px;border-radius:8px}.upload-bottom{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:16px}.upload-trust{display:flex;align-items:center;gap:7px;color:#96a5b7;font-size:10px}.upload-trust .ico{height:14px;width:14px;color:#7894c2}.upload-guide{background:#fbfcff;border-right:1px solid #eef1f7;padding:24px 22px;display:flex;flex-direction:column;gap:21px}.guide-heading{font-size:12.5px;font-weight:800;color:#3b4f73;display:flex;align-items:center;gap:8px}.guide-heading .ico{color:#617fcd;width:18px;height:18px}.guide-step{display:flex;gap:10px}.guide-number{display:grid;place-items:center;border-radius:8px;height:26px;width:26px;flex:none;background:#eaf0ff;color:#5170dc;font-weight:750;font-size:11px}.guide-step>div{display:flex;flex-direction:column;gap:1px}.guide-step b{font-size:11.5px}.guide-step small{color:#9aa6b6;font-size:10.5px}.upload-guide .button{margin-top:auto}
/* Data tables */
.result-toolbar{padding:0 25px 16px;display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.result-count{font-size:11px;color:#8192aa;display:flex;align-items:center;gap:8px}.mini-dot{width:6px;height:6px;background:#8ba1cd;border-radius:50%}.download-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.utility-link{color:#57709c;background:#f7f9fd;padding:7px 10px;border:1px solid #e8edf5;border-radius:7px;font-size:10.5px;display:flex;gap:5px;align-items:center;transition:background .17s}.utility-link:hover{background:#eaf0ff;color:#3157c9}.utility-link .ico{height:14px;width:14px}.table-scroll{overflow:auto;width:100%;scrollbar-width:thin;scrollbar-color:#cbd5e5 #f7f9fc}.data-table{border-spacing:0;border-collapse:collapse;width:100%;min-width:890px;text-align:right;table-layout:auto}.data-table thead{background:#f8fafc}.data-table th{white-space:nowrap;color:#74859f;font-size:10.5px;font-weight:800;text-align:right;padding:13px 16px;border-top:1px solid #edf0f5;border-bottom:1px solid #e7ecf3}.data-table td{border-bottom:1px solid #f0f2f6;color:#475a78;font-size:11.5px;padding:13px 16px;vertical-align:middle;max-width:280px}.data-table tbody tr:hover{background:#fcfdff}.data-table tbody tr:last-child td{border-bottom:none}.data-table td.cell-company{font-weight:750;color:#263951}.data-table td strong{font-weight:700}.mono{font-family:'Consolas','Segoe UI',Tahoma,monospace;font-size:11px!important;direction:ltr;unicode-bidi:plaintext;word-break:break-all;max-width:260px;display:inline-block;vertical-align:middle}.muted-cell{color:#9ca9ba!important}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:7px;font-size:10.5px;white-space:nowrap;max-width:200px;font-weight:750}.status-badge.status-good{background:#e7f8ef;color:#178a69}.status-badge.status-bad{background:#fff0f0;color:#cc5363}.status-badge.status-neutral{background:#eff2f9;color:#667c9e}.status-dot{background:currentColor;height:6px;width:6px;border-radius:50%;flex:none}.error-details{position:relative;max-width:250px}.error-details summary{cursor:pointer;color:#5571c9;text-decoration:underline;text-underline-offset:3px;font-size:11px;white-space:nowrap}.error-details pre{direction:ltr;text-align:left;background:#f6f7fa;border:1px solid #e3e9f2;color:#5a6681;padding:12px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto;max-width:380px;font-size:10.5px;line-height:1.5}.table-footnote{display:flex;align-items:center;gap:8px;padding:13px 25px;background:#fcfdff;border-top:1px solid #edf1f6;color:#8796a9;font-size:10.5px}.table-footnote .ico{width:15px;height:15px;flex:none}.empty-state{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;padding:30px 10px;text-align:center}.empty-state-icon{height:50px;width:50px;border-radius:15px;color:#758dd1;background:#ecf1ff;display:grid;place-items:center;margin-bottom:5px}.empty-state strong{font-size:13px;color:#394961}.empty-state span:not(.empty-state-icon){font-size:11px;color:#98a6b8}.empty-state .button{margin-top:10px}
/* Settings */
.settings-lock{display:flex;gap:6px;align-items:center;border:1px solid #e1eaf8;background:#f4f7fc;color:#6e84a8;border-radius:8px;padding:6px 10px;font-size:10.5px;font-weight:700}.settings-lock .ico{height:14px;width:14px}.settings-form{padding:0 25px 24px}.form-section{padding:20px 0 23px;border-top:1px solid #edf0f5}.form-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.form-section-icon{height:36px;width:36px;flex:none;display:grid;place-items:center;color:#5773cf;background:#edf2ff;border-radius:9px}.form-section-icon .ico{width:18px;height:18px}.form-section-heading h3{font-size:13px;margin:0 0 1px;font-weight:780}.form-section-heading p{font-size:11px;color:#9ba8ba;margin:0}.settings-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid #edf0f5;padding-top:22px}.settings-actions>span{display:flex;gap:7px;align-items:center;font-size:11px;color:#8ea0b6}.settings-actions>span .ico{height:15px;width:15px}.danger-zone{border-top:1px solid #f3e8ea;background:#fffcfc;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:17px 25px}.danger-heading{display:flex;align-items:center;gap:7px;color:#ba5062;font-size:12px}.danger-heading .ico{height:17px;width:17px}.danger-zone p{font-size:10.5px;color:#a5969a;margin:3px 0 0}
/* Reports */
.reports-filters .panel-header{padding-bottom:10px}.filters-form{padding:8px 25px 24px}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.filter-invoice{grid-column:span 2}.filter-submit{grid-column:span 2;display:flex;flex-direction:column}.filter-submit .button{flex:1;max-height:42px}.search-field{position:relative}.search-field input{padding-right:37px}.search-field>.ico{position:absolute;top:12px;right:12px;color:#9cadc2;width:17px;height:17px}.reports-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.analytics-panel,.actions-panel{min-width:0}.status-breakdown{padding:4px 29px 27px;display:flex;align-items:center;justify-content:space-evenly;gap:26px;flex-wrap:wrap}.donut{height:172px;width:172px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#22b986 0% calc(var(--good)*1%),#ea7c83 calc(var(--good)*1%) calc((var(--good) + var(--bad))*1%),#dce4f2 calc((var(--good) + var(--bad))*1%) 100%);transform:rotate(90deg)}.donut-inner{height:124px;width:124px;border-radius:50%;background:white;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-90deg)}.donut-inner strong{font-size:30px;font-weight:800;line-height:1.2}.donut-inner span{font-size:10.5px;color:#98a4b6}.legend{min-width:160px;display:flex;flex-direction:column;gap:17px;flex:1}.legend>div{display:flex;align-items:center;gap:9px;font-size:11px;color:#64758f}.legend-color{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}.legend-green{background:#22b986}.legend-red{background:#ea7c83}.legend-gray{background:#dce4f2}.legend>div strong{margin-right:auto;color:#263852;direction:ltr;font-size:13px}.export-actions{padding:1px 25px 16px;display:flex;flex-direction:column;gap:11px}.export-card{border:1px solid #e7ecf4;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px;transition:border-color .17s,background .17s}.export-card:hover{border-color:#cad6f4;background:#fafcff}.export-icon{height:43px;width:43px;border-radius:10px;display:grid;place-items:center;flex:none}.export-icon .ico{width:19px;height:19px}.excel-icon{background:#e8f8f0;color:#15956e}.backup-icon{background:#eaf0ff;color:#5a74cf}.export-card>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.export-card strong{font-size:12px}.export-card small{color:#9ca8b8;font-size:10.5px}.export-arrow{height:18px;width:18px;color:#9aadc8}.security-note{margin:0 25px 23px;display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border-radius:8px;background:#fffaf0;color:#ae873f;font-size:10.5px;line-height:1.8}.security-note .ico{height:15px;width:15px;flex:none;margin-top:1px}.reports-table-panel .panel-header{padding-bottom:23px}.reports-scroll{max-height:900px}
/* Notifications */
.flash-stack{margin-bottom:19px;display:grid;gap:9px}.flash-alert{background:#eff7ff;border:1px solid #cfdeff;color:#3e61a0;border-radius:11px;padding:11px 14px;display:flex;gap:12px;align-items:center;font-size:12.5px}.flash-alert>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.flash-icon{background:#e0ebff;color:#5574cc;display:grid;place-items:center;border-radius:8px;height:30px;width:30px;flex:none}.flash-icon .ico{width:17px;height:17px}.dismiss-button{color:#7087b7;border:none;background:transparent;border-radius:6px;display:grid;place-items:center;width:27px;height:27px}.dismiss-button:hover{background:#dceaff}.dismiss-button .ico{width:15px;height:15px}
@media(max-width:1330px){.content{padding:30px 25px 12px}.topbar{padding:0 25px}.sidebar{width:245px}.welcome-banner{grid-template-columns:1.1fr .9fr}.banner-content h2{font-size:23px}.metric-card{padding:15px 16px}.metric-label{font-size:10.5px}}
@media(max-width:1120px){.section-grid{grid-template-columns:1fr}.section-grid .panel{margin-bottom:0}.section-grid{margin-bottom:21px}.quick-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-item{padding:7px 0;border-bottom:0}.quick-item .quick-arrow{display:none}.reports-dashboard-grid{grid-template-columns:1fr 1fr}.upload-layout{grid-template-columns:1.2fr .8fr}.upload-bottom{flex-wrap:wrap}.upload-bottom .button{margin-right:auto}}
@media(max-width:980px){.sidebar{position:fixed;right:0;top:0;height:100vh;transform:translateX(105%);transition:transform .22s ease;box-shadow:-8px 0 30px rgba(7,19,43,.12)}body.sidebar-open .sidebar{transform:translateX(0)}.mobile-overlay{position:fixed;inset:0;background:rgba(10,21,45,.47);z-index:15}.mobile-overlay:not([hidden]){display:block}.topbar{height:70px}.menu-button{display:grid!important}.icon-button{width:38px;height:38px;display:grid;place-items:center;background:#f6f8fc;border:1px solid #e6ebf4;border-radius:9px;color:#536a8f}.content{padding-top:27px}.welcome-banner{grid-template-columns:1.2fr .8fr}.banner-visual{padding:10px}.mock-window{max-width:230px}.floating-check{display:none}}
@media(max-width:760px){.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.desktop-heading-link{display:none}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.metric-card{padding:15px}.welcome-banner{grid-template-columns:1fr}.banner-content{padding:27px}.banner-visual{display:none}.upload-layout{grid-template-columns:1fr}.upload-guide{border-right:none;border-top:1px solid #edf0f7;gap:15px}.reports-dashboard-grid{grid-template-columns:1fr}.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-list{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr 1fr;gap:12px}.topbar-actions .mode-pill{display:none}.topbar-divider{display:none}.profile-info{max-width:145px}}
@media(max-width:560px){.topbar{padding:0 15px}.topbar-location,.topbar-actions{gap:7px}.breadcrumb-root,.crumb-chevron{display:none}.content{padding:21px 12px 10px}.page-heading{margin:3px 3px 20px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.banner-content{padding:23px 21px 25px}.banner-content h2{font-size:22px}.banner-actions{gap:13px;flex-wrap:wrap}.metrics-grid{gap:9px}.metric-top{align-items:flex-start;flex-direction:column;gap:9px}.metric-value{margin-top:5px;font-size:25px}.metric-caption{font-size:10px}.panel-header{padding:19px 17px 16px;align-items:flex-start;gap:10px}.panel-header h2{font-size:14px}.panel-header p{font-size:10.5px}.panel-content{padding:0 17px 19px}.panel-header>.button{padding:9px;font-size:11px}.panel-header>.button .ico{display:none}.quick-list{grid-template-columns:1fr}.quick-item{border-bottom:1px solid #f0f2f6}.active-company{gap:8px;padding:10px}.company-icon{height:36px;width:36px}.select-action-row{flex-wrap:wrap}.select-action-row .button{flex:1}.select-action-row select{flex-basis:100%}.upload-main{padding:19px 17px 21px}.drop-zone{min-height:205px}.upload-bottom{align-items:stretch;flex-direction:column}.upload-bottom .button{width:100%}.result-toolbar{padding:0 17px 14px}.form-grid{grid-template-columns:1fr}.settings-form{padding:0 17px 20px}.settings-actions{align-items:stretch;flex-direction:column}.settings-actions .button{width:100%}.danger-zone{padding:18px 17px;align-items:stretch;flex-direction:column}.danger-zone .button{width:100%}.filters-form{padding:8px 17px 20px}.filters-grid{grid-template-columns:1fr}.filter-invoice,.filter-submit{grid-column:span 1}.status-breakdown{padding:5px 20px 24px;gap:15px}.donut{height:151px;width:151px}.donut-inner{height:108px;width:108px}.export-actions{padding:0 17px 16px}.security-note{margin:0 17px 19px}.profile-avatar{height:33px;width:33px}.profile-info{max-width:110px}.page-footer{flex-direction:column;gap:3px}.metric-label{white-space:normal}.mode-chip{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep large invoice histories readable without making the dashboard infinitely long. */
.result-toolbar + .table-scroll{max-height:600px}
.reports-scroll{max-height:800px}
.table-scroll .data-table thead{position:sticky;top:0;z-index:2}