:root{--bg:#f4f7fb;--surface:#ffffff;--surface-2:#f7f9fc;--surface-3:#edf2f8;--line:#d9e2ec;--line-soft:#e9eef4;--text:#07142e;--muted:#5d6b80;--subtle:#8995a8;--mint:#cc3366;--mint-bright:#e34f80;--amber:#f3b44b;--red:#f25f5c;--blue:#0c4da2;--sidebar:264px;--radius:12px;--font:"DM Sans",sans-serif;--mono:"Space Mono",monospace;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}body{font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;background:#081210;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 14px 18px;overflow-y:auto}.brand,.login-brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--mint);color:#04241c;-webkit-clip-path:polygon(18% 0,100% 0,100% 72%,72% 100%,0 100%,0 18%);clip-path:polygon(18% 0,100% 0,100% 72%,72% 100%,0 100%,0 18%)}.brand strong,.login-brand strong{font-family:var(--mono);font-size:16px;letter-spacing:2px;display:block}.brand span,.login-brand span{font-family:var(--mono);font-size:8px;color:var(--mint);letter-spacing:2px}.live-strip{margin:0 7px 22px;border:1px solid var(--line);padding:9px 10px;font:700 9px var(--mono);letter-spacing:1px;color:var(--muted)}.kicker i,.live-strip i,.status-pill i,.system-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px var(--mint);margin-right:7px}.live-strip span{float:right;color:var(--subtle)}.nav-group{margin-bottom:18px}.nav-group label{font:700 8px var(--mono);color:#48625b;letter-spacing:1.6px;padding:0 10px 7px;display:block}.nav-group a{height:36px;padding:0 10px;display:flex;align-items:center;gap:11px;color:#7f9690;border-left:2px solid transparent;transition:.15s}.nav-group a:hover{color:var(--text);background:#0d1d1a}.nav-group a.active{color:var(--mint-bright);background:linear-gradient(90deg,rgba(39,212,168,.13),transparent);border-left-color:var(--mint)}.nav-group a b{margin-left:auto;font:700 7px var(--mono);color:#3d5750}.logout{margin-top:auto;border:0;border-top:1px solid var(--line);background:none;padding:18px 10px 0;display:flex;align-items:center;gap:10px;color:var(--muted);cursor:pointer}.main{min-height:100vh}.topbar{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:rgba(7,16,15,.92);position:-webkit-sticky;position:sticky;top:0;z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow,.section-label{font:700 9px var(--mono);letter-spacing:1.7px;color:var(--mint);text-transform:uppercase}.topbar h1{font-size:24px;margin:5px 0 0;letter-spacing:-.6px}.top-actions{display:flex;align-items:center;gap:14px}.system-live{font:700 9px var(--mono);letter-spacing:1px;color:var(--muted);padding-right:8px}.tenant-chip{display:flex;flex-direction:column;border:1px solid var(--line);padding:8px 14px;min-width:190px}.tenant-chip span{font:700 7px var(--mono);color:var(--mint);letter-spacing:1px}.tenant-chip strong{font-size:12px;margin-top:3px}.avatar{background:var(--surface-3);border:1px solid #355047;display:grid;place-items:center;font:700 10px var(--mono);color:var(--mint)}.content{padding:28px 32px 64px;max-width:1800px;margin:auto}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:16px;gap:16px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:11px}.metric-card,.panel{background:linear-gradient(145deg,var(--surface),#0a1513);border:1px solid var(--line);position:relative}.metric-card{padding:17px;min-height:142px;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-30px;bottom:-40px;width:100px;height:100px;border:1px solid rgba(39,212,168,.08);transform:rotate(45deg)}.metric-head{font:700 8px var(--mono);letter-spacing:1.2px;color:var(--muted);display:flex;justify-content:space-between}.metric-head svg{width:16px;color:var(--mint)}.metric-value{font:600 29px var(--mono);margin-top:25px;white-space:nowrap}.demand-value small,.metric-value small,.tank-state strong small{font-size:12px;color:var(--muted);margin-left:6px}.metric-trend{font-size:10px;color:var(--muted);margin-top:8px}.network-health{border:1px solid var(--line);background:var(--surface);padding:17px}.health-ring{display:flex;align-items:center;gap:13px;margin:14px 0}.health-ring>div:last-child{display:flex;flex-direction:column}.health-ring>div>strong{font:700 28px var(--mono)}.health-ring>div>span:not(.status-pill){font-size:10px;color:var(--muted);margin-bottom:9px}.tank-gauge{flex:none}.tank-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.tank-gauge circle{fill:none;stroke-width:7}.gauge-track{stroke:#1b302b}.gauge-value{stroke:var(--mint);stroke-linecap:square;filter:drop-shadow(0 0 5px rgba(39,212,168,.5))}.tank-gauge>strong{position:absolute;inset:0;display:grid;place-items:center;font:700 18px var(--mono)}.tank-gauge>strong small{font-size:8px;margin-left:1px;color:var(--muted)}.health-row,.sensor-metric{border-top:1px solid var(--line-soft);display:flex;align-items:center;height:36px;color:var(--muted);gap:9px;font-size:11px}.health-row svg,.sensor-metric svg{width:14px;color:var(--mint)}.health-row strong,.sensor-metric strong{margin-left:auto;color:var(--text);font:700 11px var(--mono)}.command-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.7fr);grid-gap:16px;gap:16px;margin-top:18px}.panel{padding:20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between}.panel h2,.panel-head h2{margin:5px 0 0;font-size:17px}.legend{display:flex;gap:14px;font:700 8px var(--mono);color:var(--muted)}.legend span:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--mint)}.legend .warning:before{background:var(--amber)}.legend .critical:before{background:var(--red)}.network-map{height:390px;margin-top:16px;background:radial-gradient(circle at 45% 48%,rgba(39,212,168,.09),transparent 38%),#081310;border:1px solid var(--line-soft);position:relative;overflow:hidden}.grid-overlay,.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(39,212,168,.055) 1px,transparent 0),linear-gradient(90deg,rgba(39,212,168,.055) 1px,transparent 0);background-size:36px 36px}.network-map:before{content:"";position:absolute;inset:10% 12%;border:1px dashed #25433b;-webkit-clip-path:polygon(14% 0,68% 7%,94% 30%,82% 72%,58% 100%,22% 88%,0 56%);clip-path:polygon(14% 0,68% 7%,94% 30%,82% 72%,58% 100%,22% 88%,0 56%);background:rgba(20,39,34,.45)}.map-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--mint);border:3px solid #0c1a17;box-shadow:0 0 0 1px var(--mint),0 0 10px rgba(39,212,168,.4);z-index:2;transition:.15s;transform:translate(-50%,-50%)}.map-dot:hover{transform:translate(-50%,-50%) scale(1.6);z-index:3}.map-dot span{display:none}.map-dot.reorder_soon{background:var(--amber);box-shadow:0 0 0 1px var(--amber)}.map-dot.critical{background:var(--red);box-shadow:0 0 0 1px var(--red)}.map-dot.offline{background:#667872;box-shadow:0 0 0 1px #667872}.map-coordinate{position:absolute;right:10px;bottom:8px;color:#405a53;font:8px var(--mono)}.demand-panel>svg{color:var(--mint)}.demand-value{display:block;font:700 36px var(--mono);margin:26px 0 5px}.demand-panel>p{color:var(--muted);font-size:11px;line-height:1.6}.bar-chart{height:150px;gap:8px;margin-top:24px;border-bottom:1px solid var(--line)}.bar-chart,.bar-chart div{display:flex;align-items:flex-end}.bar-chart div{flex:1 1;height:100%;position:relative}.bar-chart i{display:block;width:100%;background:linear-gradient(var(--mint),rgba(39,212,168,.08));border-top:1px solid var(--mint)}.bar-chart span{position:absolute;bottom:-18px;width:100%;text-align:center;font:8px var(--mono);color:var(--muted)}.insight{display:flex;gap:10px;margin-top:38px;padding:11px;background:rgba(243,180,75,.07);border-left:2px solid var(--amber);font-size:10px;color:var(--muted)}.insight i{width:6px;height:6px;background:var(--amber);margin-top:3px}.insight b{color:var(--text)}.status-pill{display:inline-flex;align-items:center;padding:5px 7px;border:1px solid var(--line);font:700 8px var(--mono);letter-spacing:.6px;white-space:nowrap}.status-pill i{width:5px;height:5px;margin-right:5px;box-shadow:none}.status-positive{color:var(--mint);border-color:rgba(39,212,168,.25);background:rgba(39,212,168,.06)}.status-warning{color:var(--amber);border-color:rgba(243,180,75,.25);background:rgba(243,180,75,.06)}.status-warning i{background:var(--amber)}.status-critical{color:var(--red);border-color:rgba(242,95,92,.3);background:rgba(242,95,92,.07)}.status-critical i{background:var(--red)}.status-muted{color:#7b8b86}.status-muted i{background:#73857f}.status-neutral i{background:var(--blue)}.table-toolbar{display:flex;gap:10px;margin-bottom:14px}.searchbox{height:42px;min-width:320px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);padding:0 13px}.searchbox svg{width:15px;color:var(--muted)}.searchbox input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:12px}.table-toolbar select{background:var(--surface);outline:0}.result-count,.table-toolbar select{color:var(--muted);border:1px solid var(--line);padding:0 13px}.result-count{margin-left:auto;display:flex;align-items:center;gap:8px;font:700 9px var(--mono)}.result-count svg{width:14px}.data-table-wrap{border:1px solid var(--line);background:var(--surface);overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:1050px}.data-table th{height:42px;text-align:left;padding:0 13px;border-bottom:1px solid var(--line);font:700 8px var(--mono);letter-spacing:1px;color:#58716a}.data-table td{height:63px;padding:8px 13px;border-bottom:1px solid var(--line-soft);font-size:11px;color:#a4b7b2}.data-table tbody tr:hover{background:rgba(39,212,168,.025)}.asset-id,.data-table td strong{color:var(--text);font-weight:600}.asset-id small,.data-table td small{display:block;color:var(--subtle);font-size:9px;margin-top:4px}.asset-id{font-family:var(--mono);font-size:11px}.mini-level{display:flex;align-items:center;gap:8px;width:100px}.mini-level:before{content:"";position:absolute}.inline-meter i,.mini-level i{height:4px;background:var(--mint);display:block}.mini-level{position:relative;background:linear-gradient(90deg,#183029 65px,transparent 0)}.mini-level i{max-width:65px}.mini-level span{font:700 9px var(--mono)}.inline-meter{display:flex;width:90px;align-items:center;gap:6px;background:linear-gradient(90deg,#183029 60px,transparent 0)}.inline-meter i{max-width:60px}.inline-meter span{font:700 9px var(--mono)}.data-table code{font:10px var(--mono);color:var(--mint)}.pagination{height:52px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font:700 8px var(--mono);color:var(--muted)}.pagination button{background:none;border:1px solid var(--line);padding:8px 12px;font:700 8px var(--mono);margin-left:6px;cursor:pointer}.pagination button:disabled{opacity:.25}.loading{height:320px;display:grid;place-content:center;justify-items:center;grid-gap:15px;gap:15px;color:var(--muted);font:9px var(--mono);letter-spacing:1px}.loading i{width:32px;height:32px;border:2px solid var(--line);border-top-color:var(--mint);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.detail-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:17px}.detail-head>a,.detail-head>div>a{font:700 8px var(--mono);color:var(--muted)}.asset-title{display:flex;align-items:center;gap:12px;margin-top:12px}.asset-title>span{font:700 8px var(--mono);padding:5px 7px;color:var(--mint);border:1px solid var(--line)}.asset-title h2{font:600 23px var(--mono);margin:0}.coordinates{display:flex;align-items:center;gap:8px;color:var(--muted)}.coordinates svg{width:16px;color:var(--mint)}.coordinates small{font:9px var(--mono);color:var(--subtle)}.tank-overview-grid{display:grid;grid-template-columns:1.15fr 1fr .85fr;grid-gap:14px;gap:14px}.tank-state{display:flex;align-items:center;gap:24px}.tank-state>div>strong{display:block;font:700 34px var(--mono);margin:11px 0 2px}.tank-state p{font-size:10px;color:var(--muted)}.threshold-line{position:relative;margin-top:17px;width:220px;height:8px;border-bottom:2px solid var(--line)}.threshold-line span{font:8px var(--mono);color:var(--muted)}.threshold-line i{position:absolute;bottom:-4px;width:2px;height:8px;background:var(--amber)}.facts{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;padding:8px 20px}.facts div{padding:12px 5px;border-bottom:1px solid var(--line-soft)}.assignment>span,.facts span{font:700 7px var(--mono);letter-spacing:1px;color:var(--subtle);display:block;margin-bottom:6px}.facts a,.facts strong{font-size:11px}.facts a{color:var(--mint)}.sensor-card>p{font-size:10px;color:var(--muted)}.text-link{color:var(--mint);font:700 9px var(--mono)}.sensor-card .text-link{display:block;margin-top:12px}.chart-panel{margin-top:14px}.chart-stat{text-align:right}.chart-stat span{font:700 7px var(--mono);color:var(--muted);display:block}.chart-stat strong{font:700 14px var(--mono);color:var(--mint)}.history-chart{height:255px;margin-top:18px;position:relative;background:linear-gradient(rgba(39,212,168,.035) 1px,transparent 0);background-size:100% 44px}.history-chart svg{width:100%;height:220px;overflow:visible}.history-chart .area{fill:url(#area)}.history-chart .line{fill:none;stroke:var(--mint);stroke-width:2;vector-effect:non-scaling-stroke}.chart-axis{display:flex;justify-content:space-between;font:8px var(--mono);color:var(--subtle)}.tabs-prepared{display:grid;grid-template-columns:repeat(5,1fr);margin-top:14px;border:1px solid var(--line)}.tabs-prepared span{padding:15px;border-right:1px solid var(--line);font:700 9px var(--mono);color:var(--muted)}.tabs-prepared small{display:block;font-size:7px;color:#3f5b54;margin-top:6px}.tabs-prepared .prepared{border-top:2px solid var(--mint);color:var(--text)}.fleet-summary{display:flex;border:1px solid var(--line);margin-bottom:14px;background:var(--surface)}.fleet-summary div{display:flex;align-items:center;gap:10px;padding:15px 24px;border-right:1px solid var(--line)}.fleet-summary svg{width:17px;color:var(--mint)}.fleet-summary strong{font:700 20px var(--mono)}.fleet-summary span{font:700 8px var(--mono);color:var(--muted)}.device-hero{display:flex;align-items:center;gap:24px}.device-orbit{width:100px;height:100px;border:1px solid var(--line);display:grid;place-items:center;position:relative}.device-orbit:after,.device-orbit:before{content:"";position:absolute;border:1px solid rgba(39,212,168,.15);border-radius:50%}.device-orbit:before{width:68px;height:68px}.device-orbit:after{width:45px;height:45px}.device-orbit svg{color:var(--mint);z-index:1}.device-hero h2{font:700 24px var(--mono);margin:7px 0}.device-hero p{color:var(--muted)}.device-kpis{margin-left:auto;display:flex}.device-kpis>div{min-width:145px;padding:10px 18px;border-left:1px solid var(--line);display:grid;grid-template-columns:22px 1fr;grid-gap:4px;gap:4px}.device-kpis svg{grid-row:1/3;width:16px;color:var(--mint)}.device-kpis span{font:700 7px var(--mono);color:var(--muted)}.device-kpis strong{font:700 16px var(--mono)}.two-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:14px}.assignment a{font:700 20px var(--mono);color:var(--mint);display:block;margin:12px 0}.assignment p,.assignment small,.reading-list>div{color:var(--muted)}.reading-list>div{height:39px;border-bottom:1px solid var(--line-soft);display:grid;align-items:center;grid-template-columns:8px 1fr 60px 80px;grid-gap:8px;gap:8px;font:9px var(--mono)}.reading-list>div>i{width:5px;height:5px;border-radius:50%;background:var(--mint)}.reading-list strong{color:var(--text)}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.customer-card{border:1px solid var(--line);background:var(--surface);padding:18px;transition:.15s}.customer-card:hover{border-color:#3a5c53;transform:translateY(-2px)}.customer-card>div:first-child>span,.customer-hero>div>span{font:700 8px var(--mono);color:var(--mint)}.customer-card h2{font-size:15px;margin:6px 0 18px}.customer-stats{display:grid;grid-template-columns:.6fr .6fr 1.3fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.customer-stats div{padding:11px 4px}.customer-stats small{font:700 7px var(--mono);color:var(--subtle);display:block}.customer-stats strong{font:700 13px var(--mono);display:block;margin-top:5px}.customer-foot{display:flex;justify-content:space-between;font-size:9px;margin-top:13px}.customer-foot,.customer-foot b{color:var(--muted)}.critical-text,.customer-foot .has-critical{color:var(--red)}.customer-hero{display:flex;align-items:center;padding:22px;border:1px solid var(--line);background:var(--surface);gap:17px}.customer-icon{width:58px;height:58px;display:grid;place-items:center;background:rgba(39,212,168,.08);color:var(--mint)}.customer-hero h2{margin:5px 0}.customer-hero p{color:var(--muted);margin:0}.customer-kpis{display:flex;margin-left:auto}.customer-kpis div{padding:4px 22px;border-left:1px solid var(--line)}.customer-kpis span{font:700 7px var(--mono);color:var(--muted);display:block}.customer-kpis strong{font:700 16px var(--mono);display:block;margin-top:7px}.site-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:14px}.section-label svg{width:12px;vertical-align:middle}.site-tank{display:grid;grid-template-columns:1fr .7fr 1fr 100px;align-items:center;height:43px;border-top:1px solid var(--line-soft);font-size:10px;color:var(--muted)}.site-tank strong{color:var(--text);font-family:var(--mono)}.scope-warning{border:1px solid rgba(243,180,75,.25);background:rgba(243,180,75,.05);display:flex;gap:13px;padding:15px;margin-bottom:18px}.scope-warning svg{color:var(--amber)}.scope-warning span,.scope-warning strong{display:block}.scope-warning span{color:var(--muted);font-size:10px;margin-top:4px}.tenant-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.tenant-card{text-align:left;background:var(--surface);border:1px solid var(--line);padding:20px;display:grid;grid-template-columns:50px 1fr 24px;align-items:center;grid-gap:16px;gap:16px;cursor:pointer}.tenant-card:hover{border-color:var(--mint)}.tenant-symbol{width:50px;height:50px;display:grid;place-items:center;color:var(--mint);background:rgba(39,212,168,.07)}.tenant-card span{font:700 8px var(--mono);color:var(--muted)}.tenant-card h2{font-size:16px;margin:5px 0}.tenant-card p{color:var(--muted);font-size:10px;margin:0}.tenant-card>svg{color:var(--mint)}.empty-state{height:520px;border:1px solid var(--line);background:radial-gradient(circle at center,rgba(39,212,168,.06),transparent 40%),var(--surface);display:grid;place-content:center;justify-items:center;text-align:center}.empty-state>svg{color:var(--mint);width:42px;height:42px;margin-bottom:20px}.empty-state>span{font:700 9px var(--mono);letter-spacing:2px;color:var(--mint)}.empty-state h2{font-size:25px;margin:10px}.empty-state p{max-width:520px;color:var(--muted);line-height:1.7}.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.login-visual{position:relative;padding:42px 55px;background:radial-gradient(circle at 74% 48%,rgba(39,212,168,.16),transparent 26%),linear-gradient(145deg,#0a1d19,#06100e);overflow:hidden;border-right:1px solid var(--line)}.login-visual:after{content:"";position:absolute;width:500px;height:500px;right:-120px;top:15%;border:1px solid rgba(39,212,168,.14);border-radius:50%;box-shadow:0 0 0 70px rgba(39,212,168,.025),0 0 0 140px rgba(39,212,168,.02)}.login-brand{padding:0;position:relative;z-index:2}.visual-copy{position:absolute;z-index:2;left:9%;top:31%}.kicker{font:700 9px var(--mono);color:var(--mint);letter-spacing:2px}.visual-copy h1{font-size:clamp(45px,5vw,76px);line-height:.98;letter-spacing:-4px;margin:22px 0}.visual-copy h1 em{color:var(--mint);font-style:normal}.visual-copy p{color:#93aaa4;max-width:470px;font-size:15px;line-height:1.7}.signal-card{position:absolute;z-index:2;bottom:7%;left:9%;display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:rgba(7,16,15,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:13px 17px;min-width:320px}.signal-card>svg{color:var(--mint)}.signal-card span,.signal-card strong{display:block}.signal-card strong{font:700 18px var(--mono)}.signal-card span{font-size:9px;color:var(--muted)}.wave{display:flex;align-items:center;gap:3px;margin-left:auto;height:24px}.wave i{width:3px;background:var(--mint);animation:wave 1.2s ease-in-out infinite}.wave i:first-child{height:8px}.wave i:nth-child(2){height:18px;animation-delay:.1s}.wave i:nth-child(3){height:12px;animation-delay:.2s}.wave i:nth-child(4){height:22px;animation-delay:.3s}.wave i:nth-child(5){height:10px;animation-delay:.4s}@keyframes wave{50%{height:4px;opacity:.4}}.login-panel{display:grid;place-items:center;padding:50px;background:#081210}.login-panel form{width:min(400px,100%)}.secure{display:flex;gap:8px;align-items:center;font:700 9px var(--mono);letter-spacing:1.5px;color:var(--mint)}.login-panel h2{font-size:30px;margin:18px 0 7px}.login-panel form>p{color:var(--muted);line-height:1.6;margin-bottom:34px}.login-panel label{font:700 8px var(--mono);letter-spacing:1px;color:var(--muted);display:block;margin-top:18px}.login-panel input{display:block;width:100%;height:48px;margin-top:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:0 13px;outline:0;font-family:var(--mono);font-size:11px}.login-panel input:focus{border-color:var(--mint)}.primary-button{height:49px;width:100%;background:var(--mint);color:#052119;font:700 10px var(--mono);letter-spacing:1.4px;margin-top:24px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.primary-button:disabled{opacity:.5}.demo-note{font-size:9px;color:var(--subtle);margin-top:16px;text-align:center}.demo-note i{display:inline-block;width:5px;height:5px;background:var(--amber);border-radius:50%;margin-right:6px}.form-error{margin-top:14px;color:var(--red);font-size:11px}.empty-chart{height:200px;display:grid;place-items:center;color:var(--muted)}.device-tabs{display:flex;overflow:auto;border:1px solid var(--line);background:var(--surface);margin:14px 0}.action-row button,.device-tabs button{border:0;border-right:1px solid var(--line);background:transparent;padding:14px 18px;font:700 8px var(--mono);letter-spacing:.7px;color:var(--muted);cursor:pointer}.device-tabs button.active{color:var(--mint);box-shadow:inset 0 -2px var(--mint);background:rgba(39,212,168,.04)}.device-facts{margin-top:14px}.timeline-list>div{display:grid;grid-template-columns:110px 1fr 1fr 190px;grid-gap:14px;gap:14px;align-items:center;min-height:56px;border-top:1px solid var(--line-soft);font-size:11px}.mono-note,.timeline-list small,.timeline-list span{color:var(--muted);font:9px var(--mono)}.finding-list>div{padding:13px 0;border-top:1px solid var(--line-soft)}.finding-list strong{margin-left:10px;font:10px var(--mono)}.finding-list p{color:var(--muted);font-size:10px;margin:7px 0 0}.global-search{width:min(330px,25vw)}.global-search input{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:0 12px;font:10px var(--mono);outline:0}.global-search>div{position:absolute;z-index:20;top:42px;left:0;right:0;border:1px solid var(--line);background:#0b1715;box-shadow:0 16px 35px #0008}.global-search a{display:flex;flex-direction:column;padding:10px 12px;border-bottom:1px solid var(--line-soft)}.global-search a:hover{background:var(--surface-3)}.global-search small{color:var(--mint);font:7px var(--mono);margin-bottom:3px}.billing-metrics{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin-bottom:16px}.billing-metrics .metric-card{min-height:100px}.billing-metrics strong{display:block;font:700 23px var(--mono);margin-top:23px}.action-row{display:flex;border:1px solid var(--line)}.action-row button:hover{color:var(--mint)}.provision-grid{display:grid;grid-template-columns:minmax(420px,.8fr) 1.2fr;grid-gap:14px;gap:14px}.provision-grid label{display:block;margin-top:18px;color:var(--muted);font:700 8px var(--mono);letter-spacing:1px}.provision-grid select{display:block;width:100%;height:44px;margin-top:7px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);padding:0 12px}.workflow-copy{color:var(--muted);line-height:1.7}.workflow-log>div{display:grid;grid-template-columns:35px 1fr;align-items:center;min-height:40px;border-bottom:1px solid var(--line-soft)}.workflow-log i{color:var(--mint);font:9px var(--mono)}.workflow-log span{font:11px var(--mono)}.workflow-log p{color:var(--muted)}@media (max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.tank-overview-grid{grid-template-columns:1fr 1fr}.sensor-card{grid-column:1/3}.customer-grid{grid-template-columns:1fr 1fr}.device-kpis>div{min-width:110px;padding:8px}.customer-kpis div{padding:4px 12px}}@media (max-width:820px){:root{--sidebar:0px}.sidebar{display:none}.topbar{padding:0 16px;height:78px}.content{padding:18px 14px}.tenant-chip,.top-actions .system-live{display:none}.command-grid,.hero-grid,.site-list,.tank-overview-grid,.tenant-grid,.two-columns{grid-template-columns:1fr}.sensor-card{grid-column:auto}.metrics-grid{grid-template-columns:1fr 1fr}.customer-grid{grid-template-columns:1fr}.tank-state{flex-direction:column;align-items:flex-start}.tabs-prepared{grid-template-columns:1fr}.device-hero{align-items:flex-start;flex-wrap:wrap}.device-kpis{margin:0;width:100%;overflow:auto}.customer-hero{align-items:flex-start;flex-wrap:wrap}.customer-kpis{margin:0;width:100%;overflow:auto}.login-page{grid-template-columns:1fr}.login-visual{display:none}.table-toolbar{flex-wrap:wrap}.searchbox{min-width:100%}.result-count{margin-left:0}.site-tank{grid-template-columns:1fr 1fr}.site-tank>:nth-child(n+3){display:none}}:root,html[data-theme=dark]{--brand-primary:#cc3366;--brand-secondary:#0c4da2;--background:#080b10;--surface-1:#0d1118;--surface-interactive:#161e29;--surface-selected:#1b2735;--overlay:rgba(3,6,10,0.72);--border-subtle:#202936;--border-strong:#344154;--text-primary:#f4f7fb;--text-secondary:#a7b2c2;--text-muted:#687589;--status-healthy:#39c78f;--status-warning:#e3a84b;--status-critical:#ef5f67;--status-offline:#677181;--status-info:#4d91de;--bg:var(--background);--surface:var(--surface-1);--surface-2:#121822;--surface-3:#19212d;--line:var(--border-subtle);--line-soft:#1a222d;--text:var(--text-primary);--muted:var(--text-secondary);--subtle:var(--text-muted);--mint:var(--brand-primary);--mint-bright:#df4d7e;--blue:var(--status-info);--red:var(--status-critical);--amber:var(--status-warning);--sidebar:252px;color-scheme:dark}html[data-theme=light]{--background:#f2f4f7;--surface-1:#ffffff;--surface-2:#f7f8fa;--surface-3:#e9edf2;--surface-interactive:#f4f6f8;--surface-selected:#eaf0f7;--overlay:rgba(21,28,38,0.38);--border-subtle:#dfe4ea;--border-strong:#c6ced8;--text-primary:#111722;--text-secondary:#526072;--text-muted:#7d8999;--bg:var(--background);--surface:var(--surface-1);--line:var(--border-subtle);--line-soft:#e8ebef;--text:var(--text-primary);--muted:var(--text-secondary);--subtle:var(--text-muted);color-scheme:light}body,html{background:var(--background);color:var(--text-primary)}body{background-image:radial-gradient(circle at 72% -10%,rgba(12,77,162,.1),transparent 34%);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);background:#090d13;border-right:1px solid var(--border-subtle);box-shadow:none;padding:16px 12px 0;transition:width .18s ease,transform .22s ease}html[data-theme=light] .sidebar{background:#111722}.sidebar .brand{min-height:50px;padding:0 8px 14px}.sidebar .brand-mark{width:34px;height:34px;border:1px solid rgba(204,51,102,.7);border-radius:8px;transform:none;background:linear-gradient(145deg,rgba(204,51,102,.22),rgba(12,77,162,.18))}.sidebar .brand-mark svg{transform:none}.sidebar .brand strong{font-size:15px;letter-spacing:1.2px}.brand-copy{min-width:0}.admin-scope{margin:12px 4px 18px;padding:11px;border-color:rgba(77,145,222,.22);background:rgba(77,145,222,.07);border-radius:8px}.admin-scope-icon{width:32px;height:32px;background:rgba(204,51,102,.14);color:#ec6d98}.admin-scope strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:158px}.sidebar .nav-group{margin-bottom:14px}.sidebar .nav-group label{color:#536071;font-size:7px;padding:0 10px 5px}.sidebar .nav-group a{min-height:38px;padding:8px 10px;gap:10px;color:#8e9bad;border-radius:7px}.sidebar .nav-group a:hover{background:#141b25;color:#fff}.sidebar .nav-group a.active{background:var(--surface-selected);box-shadow:inset 2px 0 var(--brand-primary)}.sidebar .nav-group a.active svg{color:#e85e8c}.sidebar-footer{background:#090d13}.collapse-control{position:absolute;right:-13px;top:74px;width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--border-subtle);border-radius:50%;background:var(--surface-2);color:var(--text-secondary);cursor:pointer}.main{margin-left:var(--sidebar);transition:margin-left .18s ease}.shell-collapsed{--sidebar:72px}.shell-collapsed .admin-scope>div:last-child,.shell-collapsed .brand-copy,.shell-collapsed .live-strip div,.shell-collapsed .logout-copy,.shell-collapsed .logout>svg,.shell-collapsed .nav-group a span,.shell-collapsed .nav-group label{display:none}.shell-collapsed .sidebar .brand{justify-content:center;padding-inline:0}.shell-collapsed .admin-scope{justify-content:center;padding:8px 4px}.shell-collapsed .sidebar .nav-group a{justify-content:center;padding-inline:0}.shell-collapsed .sidebar .logout{justify-content:center}.topbar{height:66px;padding:0 22px;background:color-mix(in srgb,var(--background) 88%,transparent);border-color:var(--border-subtle);box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.page-identity{min-width:190px}.topbar h1{margin-top:2px;font-size:18px;color:var(--text-primary);letter-spacing:-.3px}.eyebrow{font-size:7px;color:var(--text-muted);letter-spacing:1.5px}.top-actions{gap:8px;flex:1 1;justify-content:flex-end}.global-search{position:relative;width:min(420px,38vw)}.global-search input{width:100%;height:38px;padding:0 48px 0 14px;background:var(--surface-1);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:8px;box-shadow:none}.global-search input:focus{border-color:var(--status-info);box-shadow:0 0 0 3px rgba(77,145,222,.12);outline:0}.global-search kbd{position:absolute;right:10px;top:10px;padding:2px 5px;border:1px solid var(--border-strong);border-radius:4px;color:var(--text-muted);font:8px var(--mono)}.search-results{position:absolute;z-index:50;top:46px;inset-inline:0;padding:8px;background:var(--surface-2)!important;border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.36)!important}.search-results section label{display:block;padding:7px 9px 4px;color:var(--text-muted);font:700 7px var(--mono);letter-spacing:1.4px}.search-results a{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:0 9px;border-radius:6px}.search-results a:hover{background:var(--surface-interactive)}.live-command{display:flex;align-items:center;gap:6px;color:var(--status-healthy);font:700 8px var(--mono);letter-spacing:1px}.live-command i{width:6px;height:6px;border-radius:50%;background:var(--status-healthy);animation:live-pulse 2.4s infinite}@keyframes live-pulse{50%{opacity:.45}}.command-icon,.exit-tenant{height:36px;border:1px solid var(--border-subtle);border-radius:7px;background:var(--surface-1);color:var(--text-secondary);cursor:pointer}.command-icon{width:36px;display:grid;place-items:center;position:relative}.command-icon:hover,.exit-tenant:hover{color:var(--text-primary);border-color:var(--border-strong)}.notification-button>i{position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:50%;background:var(--brand-primary)}.exit-tenant{padding:0 10px;font-size:9px}.avatar{width:34px;height:34px;background:linear-gradient(145deg,#202a38,#111722);color:#fff;border:1px solid var(--border-strong);border-radius:8px}.context-bar{min-height:34px;display:flex;align-items:center;gap:7px;padding:0 22px;border-bottom:1px solid var(--border-subtle);background:var(--surface-1);color:var(--text-muted);font-size:9px}.context-bar strong{color:var(--text-primary)}.context-type{margin-left:auto;color:var(--status-info);font:700 7px var(--mono);letter-spacing:1px}.content{max-width:1660px;padding:20px 22px 56px}.customer-card,.customer-hero,.data-table-wrap,.fleet-summary,.metric-card,.network-health,.panel,.tenant-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.12)}.metric-card{border-top:1px solid var(--border-subtle);min-height:122px}.metric-card:nth-child(2n){border-top-color:var(--border-subtle)}.metric-card:after{display:none}.metric-value{font-size:27px}.section-label{color:var(--text-muted);font-size:7px}.panel h2,.panel-head h2{color:var(--text-primary)}.data-table th{background:var(--surface-2);color:var(--text-muted)}.data-table td,.data-table th{border-color:var(--border-subtle)}.data-table td{color:var(--text-secondary)}.data-table tbody tr:hover{background:var(--surface-interactive)}.primary-button{background:var(--brand-primary);border:0;box-shadow:none}.primary-button:hover{background:#df4d7e;transform:translateY(-1px)}.status-pill{border-radius:999px}.status-positive{color:var(--status-healthy);background:rgba(57,199,143,.08);border-color:rgba(57,199,143,.22)}.status-warning{color:var(--status-warning);background:rgba(227,168,75,.08);border-color:rgba(227,168,75,.22)}.status-critical{color:var(--status-critical);background:rgba(239,95,103,.08);border-color:rgba(239,95,103,.22)}.status-muted{color:var(--status-offline);background:rgba(103,113,129,.08);border-color:rgba(103,113,129,.22)}.health-indicator{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:11px}.health-indicator i{width:7px;height:7px;border-radius:50%;background:var(--status-offline)}.health-healthy i{background:var(--status-healthy)}.health-warning i{background:var(--status-warning)}.health-critical i{background:var(--status-critical)}.health-offline i{background:var(--status-offline)}.fill-level{min-width:112px;display:grid;grid-template-columns:38px 1fr;align-items:center;grid-gap:8px;gap:8px}.fill-level strong{font:700 10px var(--mono);color:var(--text-primary)}.fill-level>span{height:5px;overflow:hidden;border-radius:4px;background:var(--surface-3)}.fill-level>span i{display:block;height:100%;border-radius:inherit;background:var(--status-info)}.fill-warning>span i{background:var(--status-warning)}.fill-critical>span i{background:var(--status-critical)}.tank-gauge{position:relative;display:grid;place-items:center}.tank-vessel{position:absolute;inset:6% 20% 16%;overflow:hidden;border:2px solid var(--border-strong);border-radius:30% 30% 14% 14%/12% 12% 8% 8%;background:var(--surface-2)}.tank-vessel:before{content:"";position:absolute;z-index:3;top:7%;left:12%;right:12%;height:5%;border-radius:50%;border-top:1px solid rgba(255,255,255,.18)}.tank-liquid{bottom:0;background:linear-gradient(180deg,rgba(77,145,222,.88),rgba(12,77,162,.74));transition:height .5s ease}.tank-level-line,.tank-liquid{position:absolute;inset-inline:0}.tank-level-line{z-index:2;height:1px;background:rgba(255,255,255,.55)}.tank-gauge-value{position:relative;z-index:4;display:flex;align-items:baseline;padding:5px 7px;border-radius:6px;background:rgba(8,11,16,.76);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tank-gauge-value strong{font:700 17px var(--mono)}.tank-gauge-value small{margin-left:1px;color:var(--text-secondary);font-size:8px}.compact-empty{min-height:120px;display:grid;place-items:center;align-content:center;grid-gap:5px;gap:5px;text-align:center}.compact-empty>i{width:8px;height:8px;border-radius:50%;background:var(--status-healthy)}.compact-empty p{margin:0;color:var(--text-muted);font-size:11px}.network-map{background:var(--surface-2);border-radius:8px}.network-map:before{background:rgba(77,145,222,.03);border-color:var(--border-strong)}.map-grid{background-image:linear-gradient(rgba(77,145,222,.06) 1px,transparent 0),linear-gradient(90deg,rgba(77,145,222,.06) 1px,transparent 0)}.device-tabs{background:var(--surface-1);border:1px solid var(--border-subtle);box-shadow:none}.device-tabs button{color:var(--text-muted)}.device-tabs button.active{color:var(--text-primary);background:var(--surface-selected);box-shadow:inset 0 -2px var(--brand-primary)}@media (max-width:980px){.global-search{width:min(300px,32vw)}.exit-tenant,.live-command{display:none}}@media (max-width:820px){:root,html[data-theme=dark],html[data-theme=light]{--sidebar:0px}.shell-collapsed .sidebar,.sidebar{width:min(86vw,340px)}.shell-collapsed .admin-scope>div:last-child,.shell-collapsed .brand-copy,.shell-collapsed .live-strip div,.shell-collapsed .logout-copy,.shell-collapsed .logout>svg,.shell-collapsed .nav-group a span,.shell-collapsed .nav-group label{display:initial}.collapse-control{display:none}.topbar{padding:0 12px}.page-identity{min-width:0;flex:1 1}.command-icon{display:none}.context-bar{padding-inline:14px}.context-type{display:none}.content{padding:16px 14px 44px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.login-page{grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr)}.login-panel,.login-visual{min-width:0}@media (max-width:820px){.login-page{grid-template-columns:1fr}}body{background:radial-gradient(circle at 90% 0,rgba(12,77,162,.08),transparent 28%),var(--bg)}.sidebar{background:rgba(255,255,255,.97);border-right-color:var(--line);box-shadow:8px 0 32px rgba(7,20,46,.05)}.brand{padding-top:4px}.brand-mark{color:white;background:linear-gradient(145deg,#cc3366,#0c4da2);border-radius:11px;-webkit-clip-path:none;clip-path:none;box-shadow:0 8px 20px rgba(204,51,102,.22)}.brand strong,.login-brand strong{color:#07142e;letter-spacing:-.2px;text-transform:none;font-size:18px}.brand span,.login-brand span{color:#cc3366;font-size:9px;letter-spacing:2.2px}.live-strip{background:#f8fafd;border-radius:9px;color:#52627a}.kicker i,.live-strip i,.status-pill i,.system-live i{background:#cc3366;box-shadow:0 0 0 3px rgba(204,51,102,.12)}.nav-group label{color:#9aa5b5}.nav-group a{border-radius:9px;color:#52627a;border-left:0;margin:2px 0}.nav-group a:hover{color:#07142e;background:#f2f5f9}.nav-group a.active{color:#9f1f4e;background:linear-gradient(90deg,rgba(204,51,102,.12),rgba(204,51,102,.035));box-shadow:inset 3px 0 #cc3366}.nav-group a b{color:#a5afbd}.logout{color:#66758a}.topbar{background:rgba(255,255,255,.88);border-bottom-color:rgba(217,226,236,.9);box-shadow:0 8px 24px rgba(7,20,46,.035)}.topbar h1{color:#07142e;font-weight:700}.eyebrow,.section-label{color:#0c4da2}.global-search input,.result-count,.searchbox,.table-toolbar select,.tenant-chip{background:white;border-radius:10px;box-shadow:0 3px 12px rgba(7,20,46,.035)}.tenant-chip span{color:#cc3366}.tenant-type{display:inline-flex;width:-moz-fit-content;width:fit-content;margin:7px 0 3px;padding:5px 8px;border-radius:999px;background:#eef5ff;color:#0c4da2!important;font:700 8px var(--mono);letter-spacing:.8px}.avatar{background:#07142e;border:0;border-radius:10px;color:white}.customer-card,.customer-hero,.data-table-wrap,.fleet-summary,.metric-card,.network-health,.panel,.tenant-card{background:rgba(255,255,255,.96);border-color:var(--line);border-radius:14px;box-shadow:0 8px 28px rgba(7,20,46,.055)}.metric-card{border-top:3px solid #0c4da2}.metric-card:nth-child(2n){border-top-color:#cc3366}.metric-card:after{border-color:rgba(12,77,162,.07)}.asset-title>span,.assignment a,.facts a,.health-row svg,.metric-head svg,.sensor-metric svg,.text-link{color:#0c4da2}.tank-gauge .gauge-track{stroke:#e7edf4}.tank-gauge .gauge-value{stroke:#cc3366;filter:drop-shadow(0 0 4px rgba(204,51,102,.22))}.network-map{background:radial-gradient(circle at 45% 48%,rgba(12,77,162,.09),transparent 40%),#f7faff;border-radius:12px}.grid-overlay,.map-grid{background-image:linear-gradient(rgba(12,77,162,.055) 1px,transparent 0),linear-gradient(90deg,rgba(12,77,162,.055) 1px,transparent 0)}.network-map:before{border-color:#cbd9e8;background:rgba(12,77,162,.035)}.map-dot{background:#0c4da2;border-color:white;box-shadow:0 0 0 1px #0c4da2,0 5px 13px rgba(12,77,162,.3)}.bar-chart i,.inline-meter i,.mini-level i{background:linear-gradient(#cc3366,rgba(204,51,102,.25))}.data-table th{background:#f7f9fc;color:#66758a}.data-table td{color:#536277}.data-table tbody tr:hover{background:rgba(12,77,162,.035)}.status-positive{color:#087a5b;border-color:rgba(8,122,91,.2);background:#eefaf6}.status-neutral{color:#0c4da2;background:#eef5ff}.status-warning{background:#fff8e9}.status-critical{background:#fff0f0}.primary-button{background:linear-gradient(100deg,#cc3366,#a92355);color:white;border-radius:11px;box-shadow:0 10px 22px rgba(204,51,102,.22)}.device-tabs{background:white;border-radius:12px;box-shadow:0 6px 22px rgba(7,20,46,.04)}.device-tabs button.active{color:#a92355;box-shadow:inset 0 -3px #cc3366;background:rgba(204,51,102,.05)}.customer-icon,.device-orbit,.tenant-symbol{background:linear-gradient(145deg,#f5f8fc,#eaf1fa);color:#0c4da2;border-radius:16px}.global-search>div{background:white;border-radius:12px;box-shadow:0 16px 40px rgba(7,20,46,.14)}.global-search a:hover{background:#f5f7fb}.login-page{background:white}.login-visual{background:radial-gradient(circle at 76% 45%,rgba(204,51,102,.18),transparent 28%),linear-gradient(145deg,#f7faff,#e5f0fc 58%,#d8e9fb);border-right:0}.login-visual .login-brand strong{color:#07142e}.login-visual .kicker,.login-visual .login-brand span,.visual-copy h1 em{color:#ff78a5}.visual-copy p{color:#536884}.signal-card{background:rgba(255,255,255,.74);border-color:rgba(12,77,162,.14);border-radius:13px}.signal-card span{color:#60738e}.login-panel{background:#ffffff}.login-panel input{background:#f8fafd;border-radius:10px;color:#07142e}.login-panel input:focus{border-color:#cc3366;box-shadow:0 0 0 3px rgba(204,51,102,.1)}.secure{color:#0c4da2}.empty-state{background:radial-gradient(circle at center,rgba(12,77,162,.06),transparent 42%),white}@media (max-width:820px){.global-search{display:none}.billing-metrics{grid-template-columns:1fr 1fr}.provision-grid{grid-template-columns:1fr}}:root{--sidebar:288px}.sidebar{background:#061b32;border-right:1px solid rgba(72,222,221,.12);box-shadow:12px 0 36px rgba(5,22,42,.16);padding:22px 16px 0;color:#fff;overflow:hidden}.sidebar .brand{flex:0 0 auto;border-bottom:1px solid rgba(151,185,211,.12);padding:0 8px 20px}.sidebar .brand-mark{background:transparent;border:2px solid #2ed8d2;color:#fff;box-shadow:0 0 22px rgba(46,216,210,.12);transform:rotate(45deg)}.sidebar .brand-mark svg{transform:rotate(-45deg)}.sidebar .brand strong{color:#fff;font-size:20px;letter-spacing:1.4px;text-transform:uppercase}.sidebar .brand span{color:#7791a9}.admin-scope{flex:0 0 auto;margin:18px 6px 22px;padding:15px;display:flex;align-items:center;gap:12px;border:1px solid rgba(46,216,210,.23);border-radius:11px;background:rgba(25,202,202,.08)}.admin-scope-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;background:rgba(46,216,210,.13);color:#2ed8d2;font:700 12px var(--mono)}.admin-scope span{display:block;color:#66829d;font:700 8px var(--mono);letter-spacing:1.5px}.admin-scope strong{display:block;margin-top:5px;color:#eaf6ff;font-size:13px}.sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#173b58 transparent;padding-right:4px}.sidebar .nav-group{margin-bottom:20px}.sidebar .nav-group label{color:#63809a;padding:0 12px 8px;letter-spacing:2px}.sidebar .nav-group a{min-height:44px;height:auto;color:#98acc0;border-radius:8px;padding:9px 12px;margin:2px 0}.sidebar .nav-group a:hover{color:#f5fbff;background:rgba(23,78,105,.42)}.sidebar .nav-group a.active{color:#fff;background:linear-gradient(90deg,rgba(21,205,205,.18),rgba(13,55,82,.5));box-shadow:inset 4px 0 #2ed8d2}.sidebar .nav-group a.active svg{color:#2ed8d2}.sidebar .nav-group a b{color:#6f8aa1;font-size:6px}.sidebar .nav-group a .nav-marker{margin-left:auto;padding:3px 5px;border:1px solid rgba(151,185,211,.18);border-radius:4px;color:#8098ac;font:700 6px var(--mono);letter-spacing:.6px}.sidebar .nav-group a .nav-marker.revisar{border-color:rgba(236,170,56,.35);color:#e6b35c}.sidebar-footer{flex:0 0 auto;margin-top:auto;background:#061b32;border-top:1px solid rgba(151,185,211,.12)}.sidebar .live-strip{display:flex;align-items:center;gap:2px;margin:0;padding:14px 10px;border:0;border-radius:0;background:transparent}.sidebar .live-strip i{flex:0 0 auto;background:#2ee6af;box-shadow:0 0 12px #2ee6af}.sidebar .live-strip span,.sidebar .live-strip strong{display:block;float:none}.sidebar .live-strip strong{color:#e7f2fb;font-size:11px;letter-spacing:0}.sidebar .live-strip span{margin-top:3px;color:#627f99;font:9px var(--font);letter-spacing:0}.sidebar .logout{width:100%;margin:0;padding:14px 8px 18px;border-top-color:rgba(151,185,211,.12);color:#cbd9e5}.admin-avatar{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#36ddd4;color:#073047;font:800 10px var(--mono)}.logout-copy{display:flex;flex:1 1;flex-direction:column;align-items:flex-start}.logout-copy strong{font-size:12px}.logout-copy small{margin-top:3px;color:#66819a;font-size:9px}.mobile-close,.mobile-menu,.sidebar-backdrop{display:none}@media (max-width:820px){:root{--sidebar:0px}.sidebar{display:flex;width:min(86vw,360px);transform:translateX(-105%);transition:transform .22s ease;z-index:40}.menu-open .sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:39;border:0;background:rgba(5,18,34,.56);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-open .sidebar-backdrop{display:block}.mobile-menu{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line);border-radius:11px;background:#fff;color:#0c4da2}.mobile-close{display:grid;place-items:center;margin-left:auto;border:0;background:transparent;color:#8da3b7}.topbar{gap:12px}.topbar>div:first-of-type{min-width:0}.topbar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px}}html[data-theme=dark] body{background-color:var(--background);color:var(--text-primary)}html[data-theme=dark] .sidebar{background:#090d13;border-color:var(--border-subtle)}html[data-theme=dark] .topbar{background:rgba(8,11,16,.9);border-color:var(--border-subtle)}html[data-theme=dark] .topbar h1{color:var(--text-primary)}html[data-theme=dark] .customer-card,html[data-theme=dark] .customer-hero,html[data-theme=dark] .data-table-wrap,html[data-theme=dark] .fleet-summary,html[data-theme=dark] .metric-card,html[data-theme=dark] .network-health,html[data-theme=dark] .panel,html[data-theme=dark] .tenant-card{background:var(--surface-1);border-color:var(--border-subtle);box-shadow:0 8px 28px rgba(0,0,0,.14)}html[data-theme=dark] .global-search input,html[data-theme=dark] .result-count,html[data-theme=dark] .searchbox,html[data-theme=dark] .table-toolbar select,html[data-theme=dark] .tenant-chip{background:var(--surface-1);color:var(--text-primary);box-shadow:none}.last-update{color:var(--text-muted);font:9px var(--mono)}.network-hero{display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(190px,.8fr) repeat(3,minmax(150px,.6fr));min-height:176px;overflow:hidden;border:1px solid var(--border-subtle);border-radius:12px;background:linear-gradient(115deg,var(--surface-1),var(--surface-2))}.network-hero>div{padding:22px;border-right:1px solid var(--border-subtle)}.network-hero>div:last-child{border-right:0}.tenant-start{display:grid;grid-template-columns:260px 1fr;grid-gap:20px;gap:20px;margin:14px 0;padding:18px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-1)}.tenant-start-head{padding:5px 8px}.tenant-start-head h2{margin:8px 0 5px;font-size:20px}.tenant-start-head p{margin:0;color:var(--text-secondary);font-size:10px;line-height:1.5}.tenant-start-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.tenant-start-actions>a{display:flex;align-items:center;gap:12px;min-height:72px;padding:13px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--surface-2);transition:.18s ease}.tenant-start-actions>a:hover{border-color:var(--brand-primary);transform:translateY(-1px)}.tenant-start-actions svg{flex:0 0 auto;color:var(--brand-primary)}.tenant-start-actions span{display:flex;flex-direction:column;gap:4px}.tenant-start-actions strong{font-size:10px}.tenant-start-actions small{color:var(--text-muted);font-size:8px;line-height:1.35}.tenant-actions{display:flex;align-items:center;gap:6px}.tenant-actions>button{padding:7px 9px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--surface-2);color:var(--text-secondary);font:700 7px var(--mono)}.entitlement-panel{position:fixed;z-index:120;right:0;top:0;width:min(720px,100vw);height:100vh;display:flex;flex-direction:column;background:var(--background);box-shadow:-24px 0 70px #06162d30}.entitlement-panel>header{display:flex;justify-content:space-between;padding:22px;border-bottom:1px solid var(--border-subtle);background:var(--surface-1)}.entitlement-panel>header h2{margin:6px 0}.entitlement-panel>header p{margin:0;color:var(--text-secondary);font-size:10px}.entitlement-panel>header>button{border:0;background:transparent;color:var(--text-primary);font-size:24px}.entitlement-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:18px;overflow:auto}.entitlement-list>button{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;min-height:115px;padding:14px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--surface-1);color:var(--text-primary);text-align:left}.entitlement-list>button.active{border-color:var(--brand-primary);box-shadow:inset 0 -2px var(--brand-primary)}.entitlement-list span{display:flex;flex-direction:column;gap:5px}.entitlement-list small{color:var(--text-muted);font-size:8px;line-height:1.4}.entitlement-list i{grid-column:1/-1;color:var(--text-muted);font:700 7px var(--mono);font-style:normal}.entitlement-list .active i{color:var(--status-healthy)}.entitlement-panel>footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:16px 20px;border-top:1px solid var(--border-subtle);background:var(--surface-1)}.entitlement-panel>footer div{display:flex;flex-direction:column;gap:3px}.entitlement-panel>footer div small,.entitlement-panel>footer div span{color:var(--text-muted);font-size:8px}.entitlement-panel>footer div strong{font:700 18px var(--mono)}.entitlement-panel>footer>button{padding:11px 14px;border:0;border-radius:7px;background:var(--brand-primary);color:#fff;font:700 8px var(--mono)}.network-hero-copy{background:radial-gradient(circle at 10% 110%,rgba(204,51,102,.16),transparent 44%)}.network-hero-copy h2{margin:12px 0 6px;font-size:24px;letter-spacing:-.7px}.network-hero-copy p{min-height:34px;margin:0 0 17px;color:var(--text-secondary);font-size:11px;line-height:1.55}.network-primary-metric{display:flex;flex-direction:column;justify-content:center}.network-primary-metric>strong{font:600 43px var(--mono);letter-spacing:-2px}.network-primary-metric>span{color:var(--text-secondary);font-size:10px}.network-primary-metric>div{height:4px;margin-top:18px;overflow:hidden;border-radius:3px;background:var(--surface-3)}.network-primary-metric>div i{display:block;height:100%;background:var(--status-healthy)}.network-stat{display:flex;flex-direction:column;justify-content:center}.network-stat svg{width:18px;color:var(--status-info);margin-bottom:18px}.network-stat>span{color:var(--text-muted);font-size:9px}.network-stat strong{margin-top:5px;font:600 20px var(--mono)}.network-stat small{margin-top:7px;color:var(--text-muted);font-size:9px}.attention-stat strong,.network-stat.attention-stat svg{color:var(--status-warning)}.command-center-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.65fr);grid-gap:12px;gap:12px;margin-top:12px}.attention-panel,.demand-pulse,.fleet-health,.live-map-panel{padding:16px}.map-legend{display:flex;gap:15px;color:var(--text-muted);font-size:8px}.map-legend span:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--status-info)}.map-legend .warning:before{background:var(--status-warning)}.map-legend .critical:before{background:var(--status-critical)}.map-legend .healthy:before{background:var(--status-healthy)}.asset-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;grid-gap:10px;gap:10px;min-height:390px}.premium-map{min-height:390px;background:radial-gradient(circle at 48% 48%,rgba(77,145,222,.08),transparent 44%),#0c121a}.premium-map .map-grid{background-image:linear-gradient(rgba(77,145,222,.07) 1px,transparent 0),linear-gradient(90deg,rgba(77,145,222,.07) 1px,transparent 0)}.premium-map .map-dot{border:2px solid var(--surface-1);cursor:pointer}.premium-map .map-dot.selected{z-index:4;transform:scale(1.45);box-shadow:0 0 0 3px rgba(77,145,222,.2)}.asset-context{padding:14px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-2)}.asset-context-head{margin-top:15px}.asset-context-head h3{margin:3px 0;font:600 21px var(--mono)}.asset-context-head p,.asset-context-head small{color:var(--text-muted);font-size:9px}.asset-context-head .fill-level{margin-top:15px}.asset-context dl{margin:18px 0}.asset-context dl div{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid var(--border-subtle)}.asset-context dt{color:var(--text-muted);font-size:9px}.asset-context dd{margin:0;font:700 9px var(--mono)}.asset-actions{display:grid;grid-gap:6px;gap:6px}.asset-actions a{padding:8px 9px;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);font-size:9px}.asset-actions a:first-child{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.attention-count{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:rgba(227,168,75,.1);color:var(--status-warning);font:700 11px var(--mono)}.attention-list{display:grid}.attention-list>a{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;min-height:58px;border-top:1px solid var(--border-subtle)}.attention-list>a:hover{background:var(--surface-interactive);margin-inline:-8px;padding-inline:8px}.attention-list a>div{display:flex;flex-direction:column}.attention-list a small{margin-top:4px;color:var(--text-muted);font-size:8px}.priority-dot{width:7px;height:7px;border-radius:50%;background:var(--status-warning)}.priority-dot.critical{background:var(--status-critical)}.priority-dot.offline{background:var(--status-offline)}.calm-state{min-height:260px;display:grid;place-items:center;align-content:center;grid-gap:7px;gap:7px;text-align:center}.calm-state i{width:9px;height:9px;border-radius:50%;background:var(--status-healthy)}.calm-state span{color:var(--text-muted);font-size:10px}.pulse-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:12px;gap:12px;margin-top:12px}.demand-horizons{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:20px}.demand-horizons>div{padding:13px;border:1px solid var(--border-subtle);border-radius:7px;background:var(--surface-2)}.demand-horizons>div.active{border-color:rgba(77,145,222,.45);background:rgba(77,145,222,.07)}.demand-horizons span{display:block;color:var(--text-muted);font:700 7px var(--mono)}.demand-horizons strong{display:block;margin-top:10px;font:600 18px var(--mono)}.demand-horizons small{display:block;margin-top:6px;color:var(--text-muted);font-size:9px}.demand-pulse>p{margin-bottom:0;color:var(--text-muted);font-size:9px}.fleet-health .panel-head a{color:var(--status-info);font-size:9px}.fleet-distribution>div{display:flex;height:8px;margin:22px 0 12px;overflow:hidden;border-radius:4px;background:var(--surface-3)}.fleet-distribution .healthy{background:var(--status-healthy)}.fleet-distribution .offline{background:var(--status-offline)}.fleet-health-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--border-subtle)}.fleet-health-list a{min-height:52px;display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--surface-1);color:var(--text-secondary);font-size:10px}.fleet-health-list a strong{margin-left:auto;color:var(--text-primary);font:700 12px var(--mono)}.fleet-health-list svg{width:14px;color:var(--text-muted)}@media (max-width:1200px){.network-hero{grid-template-columns:1.2fr .8fr repeat(3,.55fr)}.network-hero>div{padding:16px}.command-center-grid{grid-template-columns:1fr}.attention-list{grid-template-columns:1fr 1fr;gap:0 14px}}@media (max-width:820px){.network-hero{grid-template-columns:1fr 1fr}.network-hero-copy{grid-column:1/3}.network-primary-metric{grid-column:1/2}.network-stat{min-height:120px}.network-stat:last-child{grid-column:1/3}.asset-map-layout,.tenant-start,.tenant-start-actions{grid-template-columns:1fr}.asset-context{display:none}.attention-list,.demand-horizons,.pulse-grid{grid-template-columns:1fr}}.premium-fleet-summary{grid-template-columns:repeat(4,1fr);margin-bottom:10px}.quick-filters{display:flex;gap:5px;margin:0 0 10px;overflow-x:auto}.quick-filters button{flex:0 0 auto;min-height:32px;padding:0 11px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--surface-1);color:var(--text-muted);font:700 8px var(--mono);cursor:pointer}.quick-filters button:hover{color:var(--text-primary);border-color:var(--border-strong)}.quick-filters button.active{color:#fff;background:var(--surface-selected);border-color:var(--brand-primary)}.quick-filters button span{margin-left:5px}.compact-action{width:auto;height:36px;min-height:36px;margin:0;padding:0 14px;display:inline-flex;font:700 8px var(--mono)}.billing-hero-premium{display:grid;grid-template-columns:1.4fr .65fr 1fr;min-height:190px;overflow:hidden;border:1px solid var(--border-subtle);border-radius:12px;background:linear-gradient(115deg,var(--surface-1),var(--surface-2))}.billing-hero-premium>div{padding:24px;border-right:1px solid var(--border-subtle)}.billing-hero-premium>div:last-child{border:0}.billing-question h2{max-width:440px;margin:12px 0 8px;font-size:25px;letter-spacing:-.8px}.billing-question p{max-width:520px;color:var(--text-secondary);font-size:11px;line-height:1.6}.revenue-primary{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at bottom,rgba(204,51,102,.12),transparent 60%)}.revenue-primary>span{color:var(--text-muted);font:700 8px var(--mono)}.revenue-primary>strong{margin-top:10px;font:600 30px var(--mono)}.revenue-primary p,.revenue-primary strong small{font-size:10px;color:var(--text-muted)}.billing-kpis{display:grid;grid-template-columns:1fr 1fr}.billing-kpis div{display:flex;flex-direction:column;justify-content:center;padding:12px;border-width:1px;border-left:0 solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);border-top:0 solid var(--border-subtle)}.billing-kpis span{color:var(--text-muted);font-size:8px}.billing-kpis strong{margin-top:6px;font:600 18px var(--mono)}.billing-command-grid{display:grid;grid-template-columns:1fr .8fr;grid-gap:12px;gap:12px;margin-top:12px}.billing-findings,.leakage-panel{padding:16px}.leakage-panel .panel-head button{border:1px solid var(--border-strong);border-radius:6px;background:var(--surface-interactive);color:var(--text-secondary);padding:8px 10px;font:700 7px var(--mono)}.leakage-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px;margin-top:14px}.leakage-grid>div{position:relative;min-height:110px;padding:13px;border:1px solid var(--border-subtle);border-radius:7px;background:var(--surface-2)}.leakage-grid svg{width:15px;color:var(--status-offline)}.leakage-grid span{display:block;margin-top:14px;color:var(--text-muted);font-size:8px}.leakage-grid strong{position:absolute;top:12px;right:12px;font:600 22px var(--mono)}.leakage-grid small{display:block;margin-top:7px;color:var(--text-muted);font-size:8px}.leakage-grid .has-leakage{border-color:rgba(227,168,75,.32)}.leakage-grid .has-leakage strong,.leakage-grid .has-leakage svg{color:var(--status-warning)}.billing-findings .finding-list>a{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;grid-gap:10px;gap:10px;min-height:58px;border-top:1px solid var(--border-subtle)}.billing-findings .finding-list>a>small{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-findings .finding-list>a>strong{font:700 9px var(--mono)}.drawer-overlay{position:fixed;z-index:100;inset:0;display:flex;justify-content:flex-end;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.billing-drawer{width:min(560px,100vw);display:flex;flex-direction:column;background:var(--surface-1);border-left:1px solid var(--border-strong);box-shadow:-20px 0 70px rgba(0,0,0,.35);animation:drawer-in .2s ease}@keyframes drawer-in{0%{transform:translateX(20px);opacity:0}}.billing-drawer header{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border-subtle)}.billing-drawer header h2{margin:5px 0 0}.billing-drawer header button{border:0;background:transparent;color:var(--text-muted)}.billing-stepper{display:grid;grid-template-columns:repeat(4,1fr);padding:14px;border-bottom:1px solid var(--border-subtle)}.billing-stepper button{min-height:58px;display:flex;flex-direction:column;align-items:flex-start;padding:8px;border:0;background:transparent;color:var(--text-muted);text-align:left;cursor:pointer}.billing-stepper button i{font:700 8px var(--mono)}.billing-stepper button span{margin-top:6px;font-size:8px}.billing-stepper button.active{background:var(--surface-selected);color:var(--text-primary);box-shadow:inset 2px 0 var(--brand-primary)}.billing-stepper button.complete i{color:var(--status-healthy)}.billing-review{flex:1 1;padding:28px 22px}.billing-review h3{margin:12px 0 24px;font-size:24px}.billing-review dl div{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--border-subtle)}.billing-review dt{color:var(--text-muted)}.billing-review dd{margin:0;font:700 11px var(--mono)}.billing-drawer footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border-subtle)}.billing-drawer footer button{min-height:36px;padding:0 14px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--surface-2);color:var(--text-secondary)}@media(max-width:1100px){.billing-hero-premium{grid-template-columns:1.2fr .8fr}.billing-kpis{grid-column:1/3;border-top:1px solid var(--border-subtle)}.billing-command-grid{grid-template-columns:1fr}}.billing-month-hero{display:grid;grid-template-columns:1.45fr .8fr 1fr;min-height:190px;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;background:var(--surface-1)}.billing-month-hero>div{padding:24px;border-right:1px solid var(--border-subtle)}.billing-month-hero>div:last-child{border:0}.billing-month-hero h2{margin:10px 0 7px;font-size:28px}.billing-month-hero p{color:var(--text-secondary);font-size:11px}.billing-progress{height:5px;margin-top:22px;border-radius:10px;background:var(--surface-3);overflow:hidden}.billing-progress i{display:block;height:100%;background:var(--brand-primary)}.billing-month-hero>div:nth-child(2){display:flex;flex-direction:column;justify-content:center}.billing-month-hero small,.billing-month-hero>div:nth-child(2)>span{color:var(--text-muted);font-size:8px}.billing-month-hero>div:nth-child(2)>strong{margin:10px 0;font-size:30px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.billing-month-signals{display:grid;grid-template-columns:1fr 1fr}.billing-month-signals div{display:flex;flex-direction:column;justify-content:center;padding:12px;border-width:1px;border-left:0 solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);border-top:0 solid var(--border-subtle)}.billing-month-signals b{font-size:19px}.billing-month-signals span{margin-top:5px;color:var(--text-muted);font-size:8px}.billing-workspace-nav{display:flex;margin:12px 0;border:1px solid var(--border-subtle);border-radius:9px;background:var(--surface-1);overflow:auto}.billing-workspace-nav a{padding:13px 16px;border-right:1px solid var(--border-subtle);color:var(--text-secondary);font-size:9px;font-weight:750;white-space:nowrap}.billing-workspace-nav a.active{box-shadow:inset 0 -2px var(--brand-primary);color:var(--text-primary)}.billing-workspace-nav b{margin-left:6px;padding:2px 5px;border-radius:9px;background:var(--surface-3);font-size:7px}.billing-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:12px;gap:12px}.billing-exceptions,.close-checklist,.commercial-to-billing,.tenant-ledger{padding:16px}.ledger-filters{display:flex;gap:5px}.billing-exceptions .panel-head button,.ledger-filters button{padding:7px 9px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--surface-2);color:var(--text-muted);font-size:7px;font-weight:800}.ledger-filters button.active{background:var(--surface-selected);color:var(--text-primary);border-color:var(--brand-primary)}.ledger-table{margin-top:12px;overflow:auto}.ledger-head,.ledger-row{display:grid;grid-template-columns:1.5fr .9fr .65fr .7fr .55fr .85fr .85fr;grid-gap:10px;gap:10px;align-items:center;min-width:880px}.ledger-head{padding:9px 10px;border-bottom:1px solid var(--border-strong);color:var(--text-muted);font-size:7px;font-weight:800}.ledger-row{min-height:62px;padding:8px 10px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:9px}.ledger-row:hover{background:var(--surface-interactive)}.ledger-row span{display:flex;flex-direction:column;gap:4px}.ledger-row strong{color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ledger-row small{color:var(--text-muted);font-size:7px}.ledger-row span:last-child{flex-direction:row;align-items:center;justify-content:space-between}.ledger-status{padding:5px 7px;border-radius:4px;background:var(--surface-3);font-size:7px;font-style:normal;font-weight:850}.ledger-status.impagado{color:var(--status-critical)}.ledger-status.nueva-venta,.ledger-status.revisar{color:var(--status-warning)}.ledger-status.listo{color:var(--status-healthy)}.close-checklist h2{margin:8px 0 18px}.close-checklist>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;grid-gap:8px;gap:8px;padding:13px 0;border-top:1px solid var(--border-subtle);font-size:9px}.close-checklist i{width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.close-checklist i.ok{background:var(--status-healthy)}.close-checklist i.warning{background:var(--status-warning)}.close-checklist strong{font-size:8px}.close-checklist>.primary-button{width:100%;margin-top:16px;padding:11px;color:#fff;font-size:8px}.billing-lower-grid{display:grid;grid-template-columns:1.4fr .6fr;grid-gap:12px;gap:12px;margin-top:12px}.commercial-to-billing>.panel-head a{font-size:8px;color:var(--brand-secondary)}.commercial-to-billing>div:not(.panel-head){display:grid;grid-template-columns:1fr 1.4fr .7fr auto;align-items:center;grid-gap:12px;gap:12px;min-height:56px;border-top:1px solid var(--border-subtle)}.commercial-to-billing span{display:flex;flex-direction:column;gap:4px}.commercial-to-billing small{color:var(--text-muted);font-size:7px}.commercial-to-billing b{font-size:9px}.commercial-to-billing button{border:0;background:transparent;color:var(--brand-secondary);font-size:7px;font-weight:850}.billing-exceptions>div:not(.panel-head){display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:9px;gap:9px;padding:12px 0;border-top:1px solid var(--border-subtle);font-size:9px}.billing-exceptions svg{width:14px;color:var(--status-warning)}.collections-strip{display:grid;grid-template-columns:1.2fr repeat(3,.7fr) auto;align-items:center;grid-gap:16px;gap:16px;margin-top:12px;padding:17px}.collections-strip h2{margin:6px 0 0}.collections-strip>div{display:flex;flex-direction:column;gap:5px}.collections-strip>div>span{color:var(--text-muted);font-size:8px}.collections-strip strong{font-size:16px}.collections-strip .danger{color:var(--status-critical)}.collections-strip>button{border:0;background:transparent;color:var(--brand-secondary);font-size:8px;font-weight:850}@media(max-width:1150px){.billing-month-hero{grid-template-columns:1fr 1fr}.billing-month-signals{grid-column:1/3}.billing-lower-grid,.billing-workspace-grid{grid-template-columns:1fr}.collections-strip{grid-template-columns:1fr 1fr 1fr}.collections-strip>button{grid-column:1/-1;text-align:left}}@media(max-width:760px){.billing-month-hero{grid-template-columns:1fr}.billing-month-signals{grid-column:auto}.collections-strip{grid-template-columns:1fr}.billing-month-hero>div{border-right:0;border-bottom:1px solid var(--border-subtle)}}.commissioning-layout{display:grid;grid-template-columns:210px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.commissioning-stepper{position:-webkit-sticky;position:sticky;top:120px;padding:16px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-1)}.commissioning-stepper h2{margin:7px 0 18px}.commissioning-stepper>div{position:relative;min-height:40px;display:grid;grid-template-columns:25px 1fr 7px;align-items:center;grid-gap:6px;gap:6px;color:var(--text-muted)}.commissioning-stepper>div:after{content:"";position:absolute;left:11px;top:29px;bottom:-10px;width:1px;background:var(--border-subtle)}.commissioning-stepper>div:last-child:after{display:none}.commissioning-stepper i,.commissioning-stepper span{font:700 8px var(--mono)}.commissioning-stepper b{width:6px;height:6px;border-radius:50%;background:var(--status-offline)}.commissioning-stepper .complete{color:var(--text-secondary)}.commissioning-stepper .complete b{background:var(--status-healthy)}.commissioning-stepper .current{color:var(--text-primary)}.commissioning-stepper .current b{background:var(--brand-primary);animation:live-pulse 1.5s infinite}.commissioning-layout .provision-grid{width:100%}.commissioning-success{margin-top:18px;padding:18px;border:1px solid rgba(57,199,143,.28);border-radius:8px;background:rgba(57,199,143,.05)}.commissioning-success>i{display:grid;place-items:center;width:28px;height:28px;margin-bottom:10px;border-radius:50%;background:var(--status-healthy);color:#07140f;font-weight:900}.commissioning-success h3{font:600 19px var(--mono)}.commissioning-success dl div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--border-subtle)}.commissioning-success dt{color:var(--text-muted);font-size:9px}.commissioning-success dd{margin:0;font:700 9px var(--mono)}.commissioning-success .primary-button{margin-top:12px}@media(max-width:1000px){.commissioning-layout{grid-template-columns:1fr}.commissioning-stepper{position:static;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px}.commissioning-stepper>.section-label,.commissioning-stepper>h2{grid-column:1/6}.commissioning-stepper>div{grid-template-columns:1fr;min-height:54px;padding:7px;border:1px solid var(--border-subtle);border-radius:6px}.commissioning-stepper b,.commissioning-stepper>div:after{display:none}}.health-ops-hero{display:grid;grid-template-columns:1.75fr repeat(4,.48fr);min-height:190px;overflow:hidden;border:1px solid var(--border-subtle);border-radius:12px;background:linear-gradient(115deg,var(--surface-1),var(--surface-2))}.health-ops-hero>div{display:flex;flex-direction:column;justify-content:center;padding:20px;border-right:1px solid var(--border-subtle)}.health-ops-hero>div:last-child{border:0}.health-ops-hero h2{max-width:630px;margin:10px 0 7px;font-size:25px;letter-spacing:-.8px}.health-ops-hero p{max-width:680px;margin:0;color:var(--text-secondary);font-size:10px;line-height:1.65}.health-ops-hero svg{width:18px;margin-bottom:17px;color:var(--status-warning)}.health-ops-hero>div>strong{font:650 28px var(--mono)}.health-ops-hero>div>span{margin-top:7px;color:var(--text-secondary);font-size:8px;font-weight:700}.health-ops-hero>div>small{margin-top:6px;color:var(--text-muted);font-size:7px}.health-main-number{background:radial-gradient(circle at bottom,rgba(204,51,102,.12),transparent 60%)}.health-main-number strong,.health-main-number svg{color:var(--status-critical)}.health-live{display:flex;align-items:center;gap:7px;margin-top:16px;color:var(--text-muted);font-size:8px}.health-live i{width:7px;height:7px;border-radius:50%;background:var(--status-healthy);animation:live-pulse 1.7s infinite}.diagnostic-method{display:grid;grid-template-columns:1.15fr .9fr auto .9fr auto .9fr auto .9fr;align-items:center;grid-gap:12px;gap:12px;margin:10px 0;padding:15px}.diagnostic-method>div:first-child{padding-right:10px}.diagnostic-method h2{margin:5px 0 0}.diagnostic-method>div:not(:first-child){display:grid;grid-template-columns:24px 1fr;grid-gap:2px 8px;gap:2px 8px}.diagnostic-method i{grid-row:1/3;color:var(--brand-primary);font:700 8px var(--mono)}.diagnostic-method strong{font-size:9px}.diagnostic-method span{color:var(--text-muted);font-size:8px;line-height:1.4}.diagnostic-method>svg{width:13px;color:var(--border-strong)}.health-filters{margin-top:12px}.health-table-wrap{margin-top:0}.health-table-wrap>.panel-head>small{color:var(--text-muted)}.health-table{min-width:1380px}.health-table td small{display:block;margin-top:4px;color:var(--text-muted);font-size:8px}.silence-cell>strong{color:var(--status-critical);font:700 13px var(--mono)}.confidence{min-width:90px}.confidence strong{font:700 10px var(--mono)}.confidence>i{display:block;height:4px;margin-top:7px;overflow:hidden;border-radius:3px;background:var(--surface-3)}.confidence b{display:block;height:100%;background:var(--status-info)}.case-status{padding:5px 7px;border-radius:4px;background:var(--surface-3);color:var(--text-muted);font:700 7px var(--mono);white-space:nowrap}.case-status.tenant_notified{background:rgba(57,199,143,.1);color:var(--status-healthy)}.case-status.action_planned{background:rgba(77,145,222,.1);color:var(--status-info)}.case-status.diagnosing{background:rgba(227,168,75,.11);color:var(--status-warning)}.health-case-drawer{width:min(590px,100vw);height:100%;overflow:auto;background:var(--surface-1);border-left:1px solid var(--border-strong);box-shadow:-20px 0 70px rgba(0,0,0,.35);animation:drawer-in .2s ease}.health-case-drawer header{position:-webkit-sticky;position:sticky;z-index:2;top:0;min-height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--border-subtle);background:var(--surface-1)}.health-case-drawer header h2{margin:6px 0 0;font:650 21px var(--mono)}.health-case-drawer header button{border:0;background:none;color:var(--text-muted)}.case-summary{display:grid;grid-template-columns:170px 1fr;grid-gap:20px;gap:20px;padding:24px 22px;background:radial-gradient(circle at left bottom,rgba(227,168,75,.12),transparent 60%)}.case-summary>div{display:flex;flex-direction:column}.case-summary strong{margin-top:14px;font:650 35px var(--mono)}.case-summary span{color:var(--text-muted);font-size:8px}.case-summary p{align-self:center;color:var(--text-secondary);font-size:10px;line-height:1.65}.case-context,.case-facts,.tenant-message{margin:0;padding:20px 22px}.case-facts>div{display:grid;grid-template-columns:28px 1fr;align-items:center;min-height:45px;border-bottom:1px solid var(--border-subtle)}.case-facts i{color:var(--text-muted);font:700 8px var(--mono)}.case-facts div span{font-size:10px}.case-context div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid var(--border-subtle)}.case-context dt{color:var(--text-muted);font-size:9px}.case-context dd{margin:0;text-align:right;font:700 9px var(--mono)}.tenant-message{margin:0 22px 22px;padding:15px;border-left:2px solid var(--status-info);background:var(--surface-2)}.tenant-message p{margin:9px 0 0;color:var(--text-secondary);font-size:10px;line-height:1.65}.health-case-drawer footer{position:-webkit-sticky;position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:7px;padding:14px 20px;border-top:1px solid var(--border-subtle);background:var(--surface-1)}.health-case-drawer footer a,.health-case-drawer footer button{min-height:36px;padding:0 11px;display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface-interactive);color:var(--text-secondary);font:700 7px var(--mono)}.health-case-drawer footer .primary{border-color:var(--brand-primary);background:var(--brand-primary);color:#fff}@media(max-width:1200px){.health-ops-hero{grid-template-columns:1.3fr repeat(2,.55fr)}.health-ops-hero>div:first-child{grid-row:1/3}.diagnostic-method{grid-template-columns:1fr 1fr}.diagnostic-method>svg{display:none}}@media(max-width:820px){.health-ops-hero{grid-template-columns:1fr 1fr}.health-ops-hero>div:first-child{grid-column:1/3;grid-row:auto}.case-summary,.diagnostic-method{grid-template-columns:1fr}.health-case-drawer footer{flex-wrap:wrap}}.functional-tabs{margin-top:12px}.functional-tabs a{display:flex;align-items:center;padding:0 14px;color:var(--text-muted);font:700 8px var(--mono)}.telemetry-strip{height:220px;display:flex;align-items:flex-end;gap:8px;padding:24px 8px 0;border-top:1px solid var(--border-subtle);background:linear-gradient(var(--border-subtle) 1px,transparent 1px);background-size:100% 25%}.billing-list-head,.rules-hero{display:flex;justify-content:space-between;align-items:center;padding:22px}.billing-list-head h2,.rules-hero h2{margin:7px 0}.billing-list-head p,.rules-hero p{color:var(--text-muted);font-size:10px}.billing-list-head input{width:260px;padding:10px;border:1px solid var(--border-subtle);border-radius:7px;background:var(--surface-2);color:var(--text-primary)}.billing-portfolio-table,.receivable-table,.serial-economics{margin-top:12px;padding:14px;overflow:auto}.portfolio-head,.portfolio-row{display:grid;grid-template-columns:1.5fr repeat(3,.55fr) .75fr .8fr .7fr .5fr auto;align-items:center;grid-gap:10px;gap:10px;min-width:900px}.portfolio-head,.receivable-head,.serial-head{padding:9px;color:var(--text-muted);font-size:7px;font-weight:800}.portfolio-row{min-height:61px;padding:9px;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:9px}.portfolio-row>span:first-child,.portfolio-row>span:nth-child(6){display:flex;flex-direction:column;gap:4px}.portfolio-row small,.serial-row small{color:var(--text-muted);font-size:7px}.portfolio-row .risk{color:var(--status-critical);font-weight:800}.tenant-billing-hero{display:grid;grid-template-columns:1.4fr .6fr .7fr;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-1)}.tenant-billing-hero>div{display:flex;flex-direction:column;justify-content:center;min-height:155px;padding:24px;border-right:1px solid var(--border-subtle)}.tenant-billing-hero h2{margin:8px 0;font-size:28px}.tenant-billing-hero p,.tenant-billing-hero small{color:var(--text-muted);font-size:9px}.tenant-billing-hero>div>strong{margin:8px 0;font-size:27px}.billing-workspace-nav button{padding:13px 17px;border:0;border-right:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);font-size:8px;font-weight:800}.billing-workspace-nav button.active{box-shadow:inset 0 -2px var(--brand-primary);color:var(--text-primary)}.serial-head,.serial-row{display:grid;grid-template-columns:1.1fr .7fr 1fr .6fr .8fr .6fr .7fr .7fr;grid-gap:10px;gap:10px;align-items:center;min-width:940px}.serial-row{min-height:54px;padding:8px 10px;border-top:1px solid var(--border-subtle);font-size:8px}.serial-row>span{display:flex;flex-direction:column;gap:4px}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.billing-empty,.rules-grid article,.tenant-billing-list{padding:20px}.rules-grid dl div{display:flex;justify-content:space-between;padding:11px 0}.rules-grid dl div,.tenant-billing-list>div{border-top:1px solid var(--border-subtle);font-size:9px}.tenant-billing-list>div{display:grid;grid-template-columns:1fr 2fr .7fr;grid-gap:12px;gap:12px;padding:14px 0}.tenant-billing-list span{display:flex;flex-direction:column;gap:4px}.billing-empty p,.tenant-billing-list small{color:var(--text-muted)}.rules-hero button{padding:11px;color:#fff}.rule-builder{display:grid;grid-template-columns:270px 1fr;grid-gap:12px;gap:12px;margin-top:12px}.rule-builder>nav{display:flex;flex-direction:column;padding:10px}.rule-builder>nav button{text-align:left;padding:15px;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-primary)}.rule-builder>nav button.active{background:var(--surface-selected);box-shadow:inset 2px 0 var(--brand-primary)}.rule-builder>nav span{display:block;margin-top:5px;color:var(--text-muted);font-size:7px}.rule-detail{padding:24px}.rule-flow{display:flex;align-items:center;gap:8px;margin:18px 0;padding:16px;background:var(--surface-2);font-size:8px;font-weight:800}.rule-flow i{color:var(--brand-primary)}.rule-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.rule-fields label{font-size:8px;color:var(--text-muted)}.rule-fields input,.rule-fields select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--surface-2);color:var(--text-primary)}.receivable-hero{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-1)}.receivable-hero>div{display:flex;flex-direction:column;min-height:130px;justify-content:center;padding:20px;border-right:1px solid var(--border-subtle)}.receivable-hero small,.receivable-hero span{color:var(--text-muted);font-size:8px}.receivable-hero strong{margin:9px 0;font-size:24px}.receivable-head,.receivable-table>div{display:grid;grid-template-columns:.8fr 1.2fr repeat(5,.8fr);grid-gap:10px;gap:10px;align-items:center;min-height:55px;padding:8px;border-top:1px solid var(--border-subtle);font-size:9px}.receivable-head{min-height:auto!important}.receivable-table .late{color:var(--status-critical)}.receivable-table button{border:0;background:transparent;color:var(--brand-secondary);font-size:7px;font-weight:800}.import-result{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:12px}.import-result>.panel{padding:17px}.import-result article{grid-column:1/-1}.import-result article>div{display:grid;grid-template-columns:.4fr 1fr .7fr 2fr;grid-gap:10px;gap:10px;padding:10px;border-top:1px solid var(--border-subtle);font-size:9px}.import-result .valid{color:var(--status-healthy)}.import-result .invalid{color:var(--status-critical)}@media(max-width:900px){.receivable-hero,.tenant-billing-hero{grid-template-columns:1fr 1fr}.rule-builder{grid-template-columns:1fr}.rules-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.import-result,.receivable-hero,.rule-fields,.rules-grid,.tenant-billing-hero{grid-template-columns:1fr}}.telemetry-strip div{flex:1 1;min-height:8px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--status-info),var(--brand-primary));opacity:.78;transition:height .25s ease}html[data-theme=dark] .data-table th{background:var(--surface-2);color:var(--text-muted);border-color:var(--border-subtle)}.ops-hero{display:grid;grid-template-columns:1.5fr repeat(3,.5fr);min-height:170px;border:1px solid var(--border-subtle);border-radius:12px;background:linear-gradient(120deg,var(--surface-1),var(--surface-2));overflow:hidden}.ops-hero>div{display:flex;flex-direction:column;justify-content:center;padding:20px;border-right:1px solid var(--border-subtle)}.ops-hero h2{margin:8px 0;font-size:25px}.ops-hero p{color:var(--text-secondary);font-size:10px}.ops-hero>div>strong{font:650 28px var(--mono)}.ops-hero>div>span{margin-top:8px;color:var(--text-muted);font-size:8px}.ops-metrics{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px;margin:10px 0}.ops-metrics .panel{display:flex;min-height:92px;flex-direction:column;justify-content:center;padding:14px}.ops-metrics span{color:var(--text-muted);font-size:8px}.ops-metrics strong{margin:9px 0 3px;font:650 23px var(--mono)}.ops-metrics small{color:var(--text-muted);font-size:7px}.ops-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:10px;gap:10px;margin:10px 0}.ops-grid>.panel{padding:16px}.stock-bar{display:grid;grid-template-columns:140px 1fr 44px;align-items:center;grid-gap:12px;gap:12px;min-height:42px;border-top:1px solid var(--border-subtle);font-size:9px}.stock-bar i{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden}.stock-bar b{display:block;height:100%;background:var(--brand-primary)}.stock-bar strong,.warehouse-row strong{font:600 11px var(--mono);text-align:right}.warehouse-row{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:42px;border-top:1px solid var(--border-subtle)}.table-title{padding:15px}.reconciliation-strip button,.table-title button{border:1px solid var(--border-strong);background:var(--surface-interactive);color:var(--text-secondary);border-radius:6px;padding:8px 11px;font:700 8px var(--mono)}.reconciliation-strip{grid-template-columns:1.3fr repeat(3,.55fr) auto;grid-gap:14px;gap:14px;padding:18px;margin-bottom:10px}.reconciliation-strip>div:not(:first-child){display:flex;flex-direction:column;border-left:1px solid var(--border-subtle);padding-left:16px}.reconciliation-strip>div>strong{font:650 20px var(--mono)}.reconciliation-strip>div>span{color:var(--text-muted);font-size:7px}.commissioning-flow,.sync-banner{display:flex;align-items:center;gap:18px;padding:17px;margin-bottom:10px}.commissioning-flow>div,.sync-banner>div{display:flex;flex:1 1;flex-direction:column;gap:5px}.commissioning-flow p,.sync-banner small,.sync-banner span{color:var(--text-muted);font-size:8px}.migration-hero{padding:22px}.migration-hero h2{margin:10px 0 6px;font-size:25px}.migration-hero p{color:var(--text-secondary)}.migration-steps{display:grid;grid-template-columns:repeat(10,1fr);margin:24px 0}.migration-steps div{display:flex;flex-direction:column;gap:6px;border-top:2px solid var(--border-strong);padding-top:9px}.migration-steps b{color:var(--brand-primary);font:700 9px var(--mono)}.migration-steps span{color:var(--text-muted);font-size:8px}@media(max-width:900px){.ops-hero{grid-template-columns:1fr 1fr}.ops-metrics{grid-template-columns:repeat(3,1fr)}.ops-grid{grid-template-columns:1fr}.reconciliation-strip{grid-template-columns:1fr 1fr}.migration-steps{grid-template-columns:repeat(5,1fr)}}.alerts-hero,.replenishment-hero,.route-hero{display:grid;grid-template-columns:1.6fr repeat(3,.5fr);min-height:150px;border:1px solid var(--border-subtle);border-radius:12px;background:linear-gradient(115deg,var(--surface-1),var(--surface-2));overflow:hidden}.alerts-hero>div,.replenishment-hero>div,.route-hero>div{display:flex;flex-direction:column;justify-content:center;padding:20px;border-right:1px solid var(--border-subtle)}.alerts-hero h2,.replenishment-hero h2{margin:9px 0 5px;font-size:23px;letter-spacing:-.6px}.alerts-hero p,.replenishment-hero p{max-width:620px;color:var(--text-secondary);font-size:10px;line-height:1.55}.alerts-hero>div>span,.replenishment-hero>div>span,.route-hero>div>span{color:var(--text-muted);font-size:8px}.alerts-hero>div>strong,.replenishment-hero>div>strong,.route-hero>div>strong{margin-top:7px;font:600 25px var(--mono)}.replenishment-hero>div>small{margin-top:5px;color:var(--text-muted);font-size:8px}.replenishment-hero .critical strong{color:var(--status-critical)}.intelligence-filters{margin-top:12px}.replenishment-table td>small{display:block;margin-top:4px;color:var(--text-muted)}.replenishment-table .fill-level{min-width:105px}.recommendation-qty{color:var(--status-info);font-weight:800}.why-button{padding:7px;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface-interactive);color:var(--text-secondary);font:700 7px var(--mono);cursor:pointer}.why-drawer{width:min(480px,100vw);height:100%;background:var(--surface-1);border-left:1px solid var(--border-strong);box-shadow:-20px 0 70px rgba(0,0,0,.35)}.why-drawer header{display:flex;align-items:center;justify-content:space-between;min-height:80px;padding:0 22px;border-bottom:1px solid var(--border-subtle)}.why-drawer header h2{margin:6px 0 0}.why-drawer header button{border:0;background:none;color:var(--text-muted);font-size:24px}.why-quantity{padding:28px 22px;background:radial-gradient(circle at left bottom,rgba(77,145,222,.13),transparent 58%)}.why-quantity>span{color:var(--text-muted);font:700 8px var(--mono)}.why-quantity strong{display:block;margin-top:10px;font:600 40px var(--mono)}.why-quantity strong small{font-size:13px}.explanation,.why-quantity p{color:var(--text-secondary);font-size:10px}.why-drawer dl{padding:0 22px}.why-drawer dl div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border-subtle)}.why-drawer dd{margin:0;font:700 10px var(--mono)}.explanation{margin:20px 22px;padding:14px;border-left:2px solid var(--status-info);background:var(--surface-2);line-height:1.6}.why-drawer>.primary-button{margin:0 22px;width:calc(100% - 44px)}.planner-shell{height:calc(100vh - 142px);min-height:620px;display:grid;grid-template-columns:310px minmax(420px,1fr) 330px;border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.current-plan,.planner-worklist{overflow:auto;background:var(--surface-1)}.planner-worklist{border-right:1px solid var(--border-subtle)}.current-plan,.planner-worklist header{padding:16px}.planner-worklist h2{margin:7px 0 3px}.planner-worklist header p{color:var(--text-muted);font-size:9px}.planner-worklist>label{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;grid-gap:8px;gap:8px;min-height:62px;padding:0 14px;border-top:1px solid var(--border-subtle);cursor:pointer}.planner-worklist>label.selected{background:var(--surface-selected);box-shadow:inset 2px 0 var(--brand-primary)}.planner-worklist label span{display:flex;flex-direction:column}.planner-worklist label small{margin-top:4px;color:var(--text-muted)}.planner-worklist label b{font:700 9px var(--mono)}.planner-map{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(77,145,222,.08),transparent 50%),#0c121a}.planner-map .map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(77,145,222,.06) 1px,transparent 0),linear-gradient(90deg,rgba(77,145,222,.06) 1px,transparent 0);background-size:40px 40px}.planner-dot{position:absolute;z-index:2;width:28px;height:28px;display:grid;place-items:center;border:2px solid var(--surface-1);border-radius:50%;background:var(--status-offline);color:#fff;font:700 8px var(--mono)}.planner-dot.selected{background:var(--brand-primary);box-shadow:0 0 0 5px rgba(204,51,102,.12)}.planner-map-label{position:absolute;left:18px;bottom:18px;padding:9px 11px;border:1px solid var(--border-subtle);border-radius:6px;background:rgba(8,11,16,.88);font:700 8px var(--mono)}.planner-map-label i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--status-healthy)}.current-plan{border-left:1px solid var(--border-subtle)}.current-plan>h2{margin:7px 0 16px}.vehicle-card{padding:13px;border:1px solid var(--border-subtle);border-radius:7px;background:var(--surface-2)}.capacity-control span,.vehicle-card span{display:block;color:var(--text-muted);font-size:7px}.vehicle-card small,.vehicle-card strong{display:block;margin-top:6px}.vehicle-card small{color:var(--text-muted)}.capacity-control{margin-top:10px;padding:13px;border:1px solid var(--border-subtle);border-radius:7px}.capacity-control>div{display:inline-flex;width:50%;flex-direction:column}.capacity-control strong{margin-top:5px;font:700 14px var(--mono)}.capacity-control>i{display:block;height:5px;margin-top:13px;border-radius:3px;background:var(--surface-3);overflow:hidden}.capacity-control>i b{display:block;height:100%;background:var(--status-healthy)}.capacity-control.over{border-color:var(--status-critical)}.capacity-control.over i b{background:var(--status-critical)}.capacity-control p{color:var(--status-critical);font-size:9px}.plan-stops{margin:14px 0}.plan-stops>div,.route-stops>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;grid-gap:8px;gap:8px;min-height:54px;border-top:1px solid var(--border-subtle)}.plan-stops i,.route-stops i{font:700 8px var(--mono);color:var(--text-muted)}.plan-stops span,.route-stops span{display:flex;flex-direction:column}.plan-stops small,.route-stops small{margin-top:4px;color:var(--text-muted)}.plan-stops b{color:var(--text-muted)}.primary-button.disabled{pointer-events:none;opacity:.4}.route-hero{grid-template-columns:1.3fr repeat(3,.45fr) .6fr}.route-hero button{margin:20px;align-self:center;min-height:38px;border:0;border-radius:6px;background:var(--brand-primary);color:#fff;font:700 8px var(--mono)}.route-layout{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:12px;gap:12px;margin-top:12px}.route-stops{padding:16px}.route-stops>div{grid-template-columns:28px 1fr auto auto}.route-stops em{padding:5px;border-radius:4px;background:var(--surface-3);color:var(--text-muted);font:normal 700 7px var(--mono)}.route-map{min-height:360px;border:1px solid var(--border-subtle);border-radius:9px}.reconciliation-strip{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;grid-gap:20px;gap:20px;margin-top:12px;padding:16px}.reconciliation-strip h2{margin:6px 0 0}.reconciliation-strip dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0}.reconciliation-strip dl div{padding:0 12px;border-left:1px solid var(--border-subtle)}.reconciliation-strip dt{color:var(--text-muted);font-size:7px}.reconciliation-strip dd{margin:5px 0 0;font:700 11px var(--mono)}.alerts-hero{grid-template-columns:1.6fr .4fr .4fr;margin-bottom:12px}.operational-alerts{padding:0 16px}.operational-alerts>a{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:14px;gap:14px;min-height:70px;border-top:1px solid var(--border-subtle)}.operational-alerts>a:first-child{border-top:0}.operational-alerts a div{display:flex;flex-direction:column}.operational-alerts a span,.operational-alerts time{margin-top:5px;color:var(--text-muted);font-size:9px}.operational-alerts a b{color:var(--text-muted)}@media(max-width:1100px){.planner-shell{grid-template-columns:280px 1fr}.current-plan{grid-column:1/3;max-height:450px}.replenishment-hero{grid-template-columns:1fr 1fr}.replenishment-hero>div:first-child{grid-column:1/3}.route-hero{grid-template-columns:1fr 1fr}.route-hero>div:first-child{grid-column:1/3}.reconciliation-strip,.route-layout{grid-template-columns:1fr}.reconciliation-strip dl{grid-template-columns:1fr 1fr}}.tank-intelligence{display:grid;grid-template-columns:repeat(4,1fr);margin:12px 0;padding:0}.tank-intelligence>div{display:flex;min-height:105px;flex-direction:column;justify-content:center;padding:16px;border-right:1px solid var(--border-subtle)}.tank-intelligence>div:last-child{border:0}.tank-intelligence strong{margin-top:9px;font:600 19px var(--mono)}.tank-intelligence small{margin-top:6px;color:var(--text-muted)}.customer-portal-hero,.platform-hero{display:grid;grid-template-columns:1.6fr .6fr .6fr;min-height:170px;border:1px solid var(--border-subtle);border-radius:12px;background:linear-gradient(115deg,var(--surface-1),var(--surface-2));overflow:hidden}.customer-portal-hero>div,.platform-hero>div{display:flex;flex-direction:column;justify-content:center;padding:22px;border-right:1px solid var(--border-subtle)}.customer-portal-hero h2,.platform-hero h2{margin:10px 0 6px;font-size:25px}.customer-portal-hero p,.platform-hero p{color:var(--text-secondary);font-size:10px}.customer-portal-hero>div>strong,.platform-hero>div>strong{margin-top:12px;font:600 28px var(--mono)}.platform-hero small{margin-top:6px;color:var(--text-muted)}.platform-domain-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:10px}.platform-domain{padding:15px}.platform-domain>div{display:flex;align-items:center;justify-content:space-between;min-height:43px;border-top:1px solid var(--border-subtle)}.platform-domain>div:first-of-type{margin-top:12px}.platform-domain span{color:var(--text-muted);font-size:8px}.platform-domain strong{font:700 12px var(--mono)}.platform-attention{display:grid;grid-template-columns:1.4fr .6fr;grid-gap:10px;gap:10px;margin-top:10px}.platform-attention>article{padding:16px}.attention-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:15px;gap:15px;min-height:48px;border-top:1px solid var(--border-subtle)}.attention-row strong{font:700 12px var(--mono)}.attention-row>span{color:var(--text-muted)}.platform-context-card{display:flex;flex-direction:column;justify-content:center}.platform-context-card p{color:var(--text-secondary);font-size:10px;line-height:1.6}.platform-context-card .primary-button{margin-top:14px}.customer-portal-hero{grid-template-columns:1.5fr .45fr .6fr .65fr}.customer-tank-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:10px}.customer-tank{display:flex;align-items:center;gap:18px;padding:18px}.customer-tank>div:last-child{flex:1 1}.customer-tank>div>strong{display:block;margin:8px 0;font:600 21px var(--mono)}.customer-tank small{display:block;margin-top:9px;color:var(--text-muted)}.customer-consumption{margin-top:10px;padding:18px}.customer-consumption h2{font:600 28px var(--mono)}.customer-consumption p{color:var(--text-muted)}.organization-hero{min-height:92px;display:grid;grid-template-columns:1.7fr repeat(3,.5fr);margin-bottom:10px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-1)}.organization-hero>div{display:flex;flex-direction:column;justify-content:center;padding:16px;border-right:1px solid var(--border-subtle)}.organization-hero>div:first-child{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.organization-hero svg{color:var(--status-info)}.organization-hero span{color:var(--text-muted);font-size:9px}.organization-hero span small,.organization-hero span strong{display:block}.organization-hero span strong{color:var(--text-primary);font-size:11px}.organization-hero span small{margin-top:4px}.organization-hero>div>strong{font:600 22px var(--mono)}.organization-name{display:flex;align-items:center;gap:10px}.organization-name>span{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:var(--surface-3);color:var(--status-info)}.organization-name svg{width:15px}.organization-name div{display:flex;flex-direction:column}.organization-name small{margin-top:3px;color:var(--text-muted)}.enter-organization{display:flex;align-items:center;gap:5px;padding:7px 8px;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface-interactive);color:var(--text-secondary);font:700 7px var(--mono);white-space:nowrap}.enter-organization svg{width:12px}