:root{color:#10263b;font-synthesis:none;--ink:#10263b;--muted:#607386;--line:#d5e0e8;--soft:#f5f8fa;--green:#147a55;--green-soft:#eef8f3;--red:#b42318;--red-soft:#fff1ef;--amber:#a86400;--amber-soft:#fff7df;--blue:#175d96;--blue-soft:#edf6fd;background:#eef3f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{background:#eef3f6;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:1px;outline:2px solid #2d7bb5}.app-shell{min-height:100vh}.topbar{z-index:40;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:24px;height:72px;padding:8px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;min-width:0;display:flex}.brand img{object-fit:contain;object-position:left center;width:118px;height:54px;margin-right:14px}.brand h1{margin:0;font-size:20px;line-height:1.15}.brand p{color:var(--muted);white-space:nowrap;margin:4px 0 0;font-size:13px}.top-actions{align-items:center;gap:8px;min-width:0;display:flex}.updated-badge,.language-select,.user-button,.refresh-button{border:1px solid var(--line);background:#fff;border-radius:6px;height:34px}.updated-badge{color:var(--muted);white-space:nowrap;align-items:center;padding:0 10px;font-size:11px;display:inline-flex}.language-select{padding:0 8px;font-weight:700}.user-button,.refresh-button{cursor:pointer;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.user-button span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.refresh-button{color:#0a6243;background:var(--green-soft);border-color:#b9ddce;font-weight:700}.refresh-menu{position:relative}.menu-popover{z-index:60;border:1px solid var(--line);background:#fff;border-radius:7px;width:235px;padding:5px;position:absolute;top:40px;right:0;box-shadow:0 12px 30px #142a3e29}.menu-popover button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:flex-start;gap:9px;width:100%;padding:9px;display:flex}.menu-popover button:hover{background:var(--soft)}.menu-popover span,.menu-popover small{display:block}.menu-popover small{color:var(--muted);margin-top:2px}.main-nav{z-index:35;border-bottom:1px solid var(--line);background:#fff;gap:2px;height:46px;padding:5px 20px;display:flex;position:sticky;top:72px;overflow-x:auto}.main-nav button{color:#526b7f;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;min-width:max-content;padding:0 13px;font-weight:700;display:inline-flex}.main-nav svg{width:17px}.main-nav button:hover{background:#f2f6f8}.main-nav button.active{color:#0a4d39;background:#eaf5f0;box-shadow:inset 0 -2px #17815b}.period-bar{z-index:30;border-bottom:1px solid var(--line);background:#f8fafb;align-items:center;gap:9px;min-height:54px;padding:8px 20px;display:flex;position:sticky;top:118px}.period-presets{border:1px solid var(--line);background:#fff;border-radius:6px;display:flex;overflow:hidden}.period-presets button{border:0;border-right:1px solid var(--line);cursor:pointer;background:0 0;height:34px;padding:0 11px;font-weight:700}.period-presets button:last-child{border-right:0}.period-presets button.active{color:#fff;background:var(--ink)}.period-stepper,.custom-range{align-items:center;gap:4px;display:flex}.period-stepper label{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:6px;height:34px;padding:0 7px;display:flex}.period-stepper input,.custom-range input{background:0 0;border:0;height:30px;font-weight:700}.custom-range{border:1px solid var(--line);background:#fff;border-radius:6px;padding:1px 7px}.range-label{border:1px solid var(--line);height:34px;color:var(--muted);white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;place-items:center;width:32px;height:32px;padding:0;display:inline-grid}.icon-button:hover{background:var(--soft)}.icon-button:disabled{opacity:.4;cursor:default}.icon-button.danger{color:var(--red)}.notice,.error-banner{background:var(--green-soft);color:#0b5d40;cursor:pointer;border:1px solid #b7ddcd;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin:10px 20px 0;padding:9px 12px;display:flex}.error-banner{background:var(--red-soft);color:var(--red);border-color:#f0b8b1}.workspace{padding:14px 20px 28px;position:relative}.loading-line{z-index:80;background:linear-gradient(90deg,#0000,#1f8b65,#0000);height:3px;animation:1.2s linear infinite loading;position:fixed;top:171px;left:0;right:0}@keyframes loading{0%{transform:translate(-70%)}to{transform:translate(70%)}}.context-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.context-row div{align-items:baseline;gap:8px;display:flex}.context-row span,.context-row small{color:var(--muted)}.kpi-grid{grid-template-columns:repeat(8,minmax(140px,1fr));gap:9px;margin-bottom:14px;display:grid}.kpi{border:1px solid var(--line);background:#fff;border-top:3px solid #8092a2;border-radius:7px;min-height:104px;padding:11px 12px 10px}.kpi.green{border-top-color:var(--green)}.kpi.blue{border-top-color:var(--blue);background:var(--blue-soft)}.kpi.amber{background:var(--amber-soft);border-top-color:#d69600}.kpi.red{background:#fff5f2;border-top-color:#df502e}.kpi.active-strong{background:var(--red-soft);border-color:#c53120 #e3a59b #e3a59b;box-shadow:0 5px 14px #b4231817}.kpi-label{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.kpi-label svg{width:16px;height:16px}.kpi strong{margin-top:10px;font-size:24px;line-height:1;display:block}.kpi small{color:var(--muted);margin-top:8px;font-size:10px;line-height:1.25;display:block}.section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin:15px 0 8px;display:flex}.section-head h2{margin:0;font-size:16px}.section-head p{color:var(--muted);margin:3px 0 0;font-size:12px}.section-head>span{color:var(--muted);font-size:12px}.table-frame{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;overflow:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:11px}.data-table th,.data-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #e0e7ec;min-width:86px;padding:8px 9px}.data-table th{z-index:3;color:#536a7e;text-transform:uppercase;background:#f5f8fa;font-size:10px;position:sticky;top:0}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#f8fbfc}.data-table .left{text-align:left}.data-table td small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.data-table td small.good{color:var(--green)}.data-table td small.bad{color:var(--red)}.sticky-col{z-index:2;background:#fff;position:sticky;left:0;min-width:150px!important}.data-table th.sticky-col{z-index:5;background:#f5f8fa}.manager-cell{text-overflow:ellipsis;max-width:190px;overflow:hidden}.active-head{color:#9f291d!important;background:#fff0ed!important}.active-cell{background:#fff5f2;font-weight:800}.active-cell button,.bucket button{cursor:pointer;background:0 0;border:0;font-weight:800}.table-link{color:#164f74;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #477693;padding:1px 4px}.danger-link{color:var(--red);border-color:var(--red)}.aging-table .sticky-col small{text-overflow:ellipsis;max-width:185px;overflow:hidden}.bucket.ok{background:#edf8f2}.bucket.watch{background:#fff8e3}.bucket.risk{background:#fff0e8}.bucket.critical{color:var(--red);background:#ffebe8}.location-list{gap:7px;display:grid}.location-section{border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.location-summary{text-align:left;cursor:pointer;background:#fff;border:0;grid-template-columns:minmax(250px,1.5fr) repeat(3,minmax(120px,.6fr));align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 12px;display:grid}.location-summary:hover{background:var(--soft)}.location-summary>span{align-items:center;gap:7px;display:flex}.location-summary>span:first-child{min-width:0}.location-summary small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.location-summary svg{transition:transform .15s}.location-summary svg.rotated{transform:rotate(90deg)}.nested{border:0;border-top:1px solid var(--line);border-radius:0}.transit-grid{grid-template-columns:repeat(3,minmax(250px,1fr));gap:8px;display:grid}.transit-row{border:1px solid var(--line);border-left:4px solid var(--blue);cursor:pointer;text-align:left;background:#fff;border-radius:7px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;min-height:58px;padding:9px 12px;display:grid}.transit-row:hover{background:var(--blue-soft)}.transit-row span{grid-template-columns:22px 1fr;align-items:center;display:grid}.transit-row small{color:var(--muted);grid-column:2}.transit-row>b{font-size:20px}.charts-grid{grid-template-columns:repeat(2,minmax(420px,1fr));gap:10px;display:grid}.chart-panel{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:0;padding:12px}.chart-panel header{justify-content:space-between;align-items:center;gap:14px;display:flex}.chart-panel h3{margin:0;font-size:14px}.chart-panel svg{width:100%;min-height:260px;overflow:visible}.chart-panel text{fill:#66798b;font-size:9px}.grid-line{stroke:#dfe7ec;stroke-width:1px}.chart-bar{fill:#9aa8b4}.chart-line{fill:none;stroke:#16805c;stroke-width:2.2px}.chart-dot{fill:#fff;stroke:#16805c;stroke-width:1.8px}.legend{color:var(--muted);gap:12px;font-size:10px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.bar-swatch{background:#9aa8b4;width:9px;height:9px}.line-swatch{background:#16805c;width:17px;height:2px}.profile-grid{grid-template-columns:1.2fr 1fr;gap:12px;max-width:1000px;display:grid}.plain-section{border:1px solid var(--line);background:#fff;border-radius:7px;padding:15px}.plain-section h2{margin:0 0 14px;font-size:17px}.plain-section dl{grid-template-columns:150px 1fr;margin:0;display:grid}.plain-section dt,.plain-section dd{border-bottom:1px solid #e7edf1;margin:0;padding:9px 0}.plain-section dt{color:var(--muted)}.plain-section dd{font-weight:650}.stack-form{gap:11px;display:grid}.stack-form label,.login-panel label{color:var(--muted);gap:5px;font-size:12px;font-weight:650;display:grid}.stack-form input,.stack-form select,.login-panel input{width:100%;height:38px;color:var(--ink);background:#fff;border:1px solid #c8d5de;border-radius:5px;padding:0 10px}.primary-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:5px;min-height:38px;padding:0 15px;font-weight:750}.primary-button:disabled{opacity:.55}.form-message{color:var(--green);margin:0}.form-error{background:var(--red-soft);color:var(--red);border-radius:5px;padding:8px 10px;font-size:12px}.force-banner,.force-notice{background:var(--amber-soft);color:#714700;border:1px solid #e7c46a;border-radius:6px;margin:10px 20px 0;padding:9px 12px;font-size:12px}.force-notice{margin:0 0 12px}.admin-layout{grid-template-columns:minmax(650px,1fr) 330px;gap:12px;display:grid}.admin-users{min-width:0}.admin-users>header{justify-content:space-between;align-items:center;display:flex}.admin-users td:last-child{gap:4px;display:flex}.audit-section{grid-column:1/-1}.audit-section>header{justify-content:space-between;align-items:center;display:flex}.login-page{background:#eef3f6;place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{border:1px solid var(--line);border-top:4px solid var(--green);background:#fff;border-radius:8px;width:min(410px,100%);padding:28px;box-shadow:0 18px 45px #1e384c1f}.login-panel>img{object-fit:contain;width:145px;height:70px;margin:0 auto 10px;display:block}.login-panel h1{text-align:center;margin:0;font-size:24px}.login-panel>p{color:var(--muted);text-align:center;margin:6px 0 22px}.login-panel form{gap:13px;display:grid}.language-row{color:var(--muted);justify-content:center;align-items:center;gap:4px;margin-top:19px;display:flex}.language-row button{cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 7px}.language-row button.active{color:#fff;background:var(--ink)}.app-loading,.loading-block{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:9px;display:flex}.loading-block{min-height:300px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.drawer-backdrop{z-index:100;background:#0c1d2b47;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#f5f8fa;flex-direction:column;width:min(1180px,92vw);height:100%;display:flex;box-shadow:-16px 0 45px #0e223338}.drawer>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:10px 15px;display:flex}.drawer h2{margin:3px 0 0;font-size:18px}.drawer header small{color:var(--muted)}.drawer-tools{gap:8px;padding:10px 15px;display:flex}.drawer-tools label{border:1px solid var(--line);background:#fff;border-radius:5px;align-items:center;gap:6px;min-width:280px;height:36px;padding:0 9px;display:flex}.drawer-tools input{background:0 0;border:0;flex:1}.drawer-tools button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.drawer-table{flex:1;width:auto;margin:0 15px 15px}@media (max-width:1350px){.kpi-grid{grid-template-columns:repeat(4,1fr)}.updated-badge{display:none}.warehouse-table{min-width:1250px}}@media (max-width:900px){.topbar{height:62px;padding:6px 10px}.brand img{width:78px;height:44px;margin-right:8px}.brand h1{font-size:16px}.brand p,.user-button span{display:none}.main-nav{height:43px;padding:4px 8px;top:62px}.main-nav button{padding:0 9px}.period-bar{padding:7px 10px;top:105px;overflow-x:auto}.period-presets{min-width:max-content}.range-label{margin-left:0}.workspace{padding:10px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid,.profile-grid,.admin-layout{grid-template-columns:1fr}.admin-users{min-width:0}.transit-grid{grid-template-columns:1fr}.location-summary{grid-template-columns:minmax(220px,1fr) 110px}.location-summary>span:nth-child(3),.location-summary>span:nth-child(4){display:none}.drawer{width:100%}}@media (max-width:560px){.brand img{width:60px}.brand h1{font-size:14px}.refresh-button{justify-content:center;width:34px;padding:0}.refresh-button>:not(svg:first-child){display:none}.language-select{width:48px;padding:0 3px}.main-nav button span{display:none}.main-nav button{justify-content:center;min-width:42px}.period-stepper{display:none}.period-presets button{padding:0 8px;font-size:11px}.range-label{display:none}.kpi-grid{gap:6px}.kpi{min-height:96px;padding:9px}.kpi strong{font-size:21px}.context-row{align-items:flex-start}.context-row small{text-align:right;max-width:46%}.drawer-tools{flex-wrap:wrap}.drawer-tools label{min-width:100%}}