@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani-medium.ttf) format("truetype");font-display:swap;font-weight:400 500}@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani-semibold.ttf) format("truetype");font-display:swap;font-weight:600}@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani-bold.ttf) format("truetype");font-display:swap;font-weight:700}.paused .hud,.paused .asset-inspector{animation:none!important}.hud .plot.bar{height:120px}.hud .compact{margin-top:14px}.asset-picker{position:absolute;right:56px;bottom:62px;color:#829ba9;font-size:9px;letter-spacing:1.3px;display:flex;align-items:center;gap:10px}.asset-picker select{color:#a9d7e5;background:#081723;border:1px solid #31596a;padding:8px;max-width:220px;font:12px Rajdhani}.asset-picker select:focus-visible{outline:2px solid #dcb364}.status-cells b{white-space:nowrap}.chart-label{letter-spacing:0!important}:root{font-family:Rajdhani,Arial Narrow,Segoe UI,sans-serif;color:#e2eef4;background:#020508;font-synthesis:none;--cyan:#65d9ee;--amber:#dcb364;--muted:#819aa9;--line:#294451}body{margin:0;min-width:0}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:5px}button{background:none;border:0}button:hover{color:#86eaff}h1,h2,p{margin:0}.viewport{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}.dashboard{width:1920px;height:1080px;flex-shrink:0;position:relative;transform-origin:center;overflow:hidden;background:#03080d}.scene{position:absolute;top:80px;right:0;bottom:66px;left:0}.scene canvas{width:100%;height:100%;display:block;outline:none;cursor:grab}.scene canvas:active{cursor:grabbing}.scene-error{position:absolute;left:35%;top:40%;width:30%;padding:30px;background:#111e27;border:1px solid #ba8744}.topbar{position:absolute;inset:26px 36px auto;height:81px;display:flex;align-items:flex-start;justify-content:space-between;border-top:1px solid #3c4950;pointer-events:none}.topbar:before,.topbar:after{content:"";position:absolute;top:-1px;width:27%;border-top:3px solid #9c783e}.topbar:before{left:0}.topbar:after{right:0}.brand{display:flex;align-items:center;gap:11px;margin-top:13px;color:var(--cyan)}.brand strong{font-size:28px;letter-spacing:4px;font-weight:600}.brand strong span{color:#f4f2e9}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#76909e}.main-title{position:absolute;left:26%;width:48%;text-align:center;top:-1px;padding:12px 0 10px;clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);background:#091118;border-bottom:2px solid #ae8642}.main-title h1{font-size:28px;letter-spacing:3px;font-weight:600;color:#f3f6f2;text-shadow:0 0 14px #86b3c944}.main-title p{font-size:11px;letter-spacing:4px;color:#8aa5b6;margin-top:7px}.main-title p span{color:var(--amber);padding:0 14px}.time{text-align:right;margin-top:14px}.time strong{font:24px Consolas,monospace;letter-spacing:2px}.time span{display:block;font-size:10px;letter-spacing:2px;margin-top:8px;color:#8da4b1}.time b{color:var(--amber);margin-left:10px}.context-left,.context-right{position:absolute;top:119px;display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:1px;color:#829ba9}.context-left{left:53px}.context-left b{font-size:16px;color:#e4eff2}.context-left i,.scene-legend i,footer i{display:inline-block;width:1px;height:11px;background:#39515c;margin:0 8px}.context-right{right:52px}.context-right b{color:#d5e5ec}.demo-badge{color:#c4a25f;font-size:9px;border:1px solid #665233;padding:4px 8px;margin-left:8px}.headline-metrics{position:absolute;left:29%;right:29%;top:124px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;pointer-events:none}.headline-metrics>div{border-left:2px solid #bc9048;padding-left:12px}.headline-metrics strong{display:block;font-size:30px;line-height:1.1;letter-spacing:.6px;font-weight:600}.headline-metrics strong small{font-size:12px;color:#99adba;margin-left:6px}.headline-metrics span{display:block;font-size:9px;letter-spacing:1.2px;color:#8ba1af;margin-top:8px}.scene-title{position:absolute;top:220px;left:35%;right:35%;text-align:center;pointer-events:none}.scene-title>span{font-size:9px;letter-spacing:4px;color:#668a9d}.scene-title strong{display:block;font-size:18px;letter-spacing:3px;margin-top:8px}.scene-title small{display:block;font-size:9px;letter-spacing:1px;margin-top:9px;color:#7bafbf}.scene-title em{font-style:normal;color:#b49155;margin-left:6px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#59d6c3;box-shadow:0 0 8px #36ddbd66;vertical-align:middle;margin-right:5px}.cyan{color:var(--cyan)}.amber{color:var(--amber)}.hud{position:absolute;width:412px;height:350px;isolation:isolate;animation:panel-enter .8s ease-out both}.hud:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:#375562;clip-path:var(--shape)}.hud:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;background:#061018e8;clip-path:var(--shape)}.panel-lt{top:179px;left:39px;--shape:polygon(0 24px,24px 0,100% 0,100% 16%,90% 34%,81% 100%,20px 100%,0 calc(100% - 22px) )}.panel-lb{top:573px;left:39px;height:337px;--shape:polygon(0 21px,20px 0,81% 0,88% 53%,100% 91%,95% 100%,20px 100%,0 calc(100% - 22px) );animation-delay:.12s}.panel-rt{top:179px;right:39px;--shape:polygon(0 0, calc(100% - 25px) 0,100% 25px,100% calc(100% - 22px) , calc(100% - 20px) 100%,19% 100%,10% 34%,0 16%);animation-delay:.08s}.panel-rb{top:573px;right:39px;height:337px;--shape:polygon(19% 0, calc(100% - 20px) 0,100% 21px,100% calc(100% - 22px) , calc(100% - 20px) 100%,5% 100%,0 91%,12% 53%);animation-delay:.2s}.hud-inner{padding:18px 20px;width:100%;height:100%}.panel-lt .hud-inner{padding-right:80px}.panel-lb .hud-inner{padding-right:74px}.panel-rt .hud-inner{padding-left:81px}.panel-rb .hud-inner{padding-left:74px}.panel-heading{display:flex;align-items:center;gap:9px;min-height:30px;border-bottom:1px solid #314249;padding-bottom:9px;margin-bottom:14px;color:var(--amber);position:relative}.panel-heading:after{content:"";position:absolute;bottom:-1px;width:45px;border-bottom:2px solid var(--amber)}.panel-heading h2{font-size:16px;font-weight:600;letter-spacing:1px;flex:1;color:#d9e7ed;white-space:nowrap}.panel-heading button{width:22px;height:22px;display:grid;place-items:center;color:#688796}.panel-heading button:hover{color:#effaff;background:#183440}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px;padding:2px 0 14px}.stat{display:flex;align-items:center;gap:9px;min-width:0;color:#5996a7}.stat strong{font-size:22px;font-weight:600;line-height:1;color:#e0edf2;white-space:nowrap}.stat strong small{font-size:10px;margin-left:5px;color:#899faa}.stat span{display:block;font-size:10px;letter-spacing:.3px;margin-top:6px;color:#8ca2b1}.stat.amber>svg{color:#c39b53}.chart-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.7px;color:#899fad;margin:4px 0 8px;white-space:nowrap}.chart-label small{font-size:8px;letter-spacing:0;display:flex;align-items:center;gap:4px}.gold-key,.cyan-key{display:inline-block;width:5px;height:5px;background:#d9ad54;margin-left:4px}.cyan-key{background:#4ecfe4}.plot{position:relative;min-width:0}.plot.bar{height:133px}.plot.line{height:122px}.panel-foot{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:8px;color:#7894a4;letter-spacing:1px}.panel-foot b{display:flex;align-items:center;gap:5px;font-size:11px}.status-cells{display:grid;grid-template-columns:repeat(3,1fr);padding:0 0 11px;border-bottom:1px solid #1e333e;margin-bottom:12px}.status-cells>div{text-align:center;border-right:1px solid #1d303a}.status-cells>div:last-child{border:0}.status-cells svg{width:20px;height:20px;color:#7e9ba8}.status-cells b{display:block;font-size:20px;line-height:1.2;margin:3px 0}.status-cells b.cyan{font-size:14px;padding:4px 0}.status-cells b span{font-size:12px;color:#75909e}.status-cells>div>span{font-size:9px;letter-spacing:.5px;color:#8b9eaa}.meter{margin:12px 0}.meter>div{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a9bdc6}.meter b{font-size:15px;color:#e6f1f5}.meter small{display:block;margin-top:4px;font-size:9px;color:#78909e}.meter progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:4px;margin:6px 0 0;border:0;background:#172c37}.meter progress::-webkit-progress-bar{background:#172c37}.meter progress::-webkit-progress-value{background:#50bdd2}.meter progress::-moz-progress-bar{background:#50bdd2}.meter.gold progress::-webkit-progress-value{background:#cf9c4e}.meter.gold progress::-moz-progress-bar{background:#cf9c4e}.advisory{display:flex;align-items:center;gap:8px;border-top:1px solid #4e402b;padding-top:9px;margin-top:13px;color:var(--amber)}.advisory div{flex:1}.advisory b{display:block;font-size:9px;letter-spacing:.8px}.advisory span{display:block;font-size:9px;color:#889eaa;margin-top:3px}.energy-top{display:flex;gap:16px;align-items:center;margin-top:5px}.ring-chart{position:relative;width:106px;height:106px;flex-shrink:0}.ring-chart>div{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.ring-chart strong{font-size:30px;line-height:1}.ring-chart small{font-size:7px;letter-spacing:1px;color:#8aa6b3;margin-top:5px}.energy-top dl{flex:1;font-size:9px;margin:0}.energy-top dl div{padding:9px 0;border-bottom:1px solid #1e3039}.energy-top dt{color:#7793a3;font-size:9px}.energy-top dd{margin:4px 0 0;font-size:10px;font-weight:600;letter-spacing:.6px}.compact{margin-top:20px;gap:15px 10px}.compact .stat strong{font-size:20px}.compact .stat span{font-size:9px}.traffic-bottom{display:flex;align-items:center;gap:18px;border-top:1px solid #223740;padding-top:13px;margin-top:9px}.ring-chart.small{width:82px;height:82px}.ring-chart.small strong{font-size:23px}.traffic-values{display:grid;grid-template-columns:1fr 1fr;gap:10px 19px}.traffic-values b{display:block;font-size:19px;line-height:1.05}.traffic-values b small{font-size:10px;color:#8ba4b1}.traffic-values span{display:block;font-size:9px;color:#849aa8;margin-top:4px}.scene-legend{position:absolute;left:37%;right:37%;top:880px;display:flex;justify-content:center;align-items:center;gap:6px;font-size:9px;letter-spacing:1px;white-space:nowrap;color:#8cabb9;pointer-events:none}.scene-toolbar{position:absolute;left:50%;transform:translate(-50%);bottom:139px;display:flex;align-items:center;gap:4px;background:#07121de8;border:1px solid #2a4b5b;padding:5px 7px;border-radius:3px}.scene-toolbar button{display:grid;place-items:center;width:35px;height:29px;color:#799eae}.scene-toolbar button:hover,.scene-toolbar button[aria-pressed=true]{background:#143746;color:#75e1f5}.scene-toolbar>span{height:19px;width:1px;background:#2a4755;margin:0 5px}.orbit-hint{position:absolute;bottom:119px;left:33%;right:33%;text-align:center;color:#728f9f;font-size:8px;letter-spacing:1.7px;pointer-events:none}.orbit-hint span{color:#bd9047;padding:0 8px}.bottom-nav{position:absolute;bottom:44px;left:445px;right:445px;height:66px;display:flex;justify-content:center;border-top:1px solid #3a4d55;border-bottom:1px solid #263944;background:#05101bdb;clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,26px 100%,0 50%);padding:0 26px}.bottom-nav button{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;flex:1;font-size:13px;color:#7c99aa;white-space:nowrap;position:relative;transition:color .2s,background .2s}.bottom-nav button[aria-current=page]{color:#86e4f5;background:#102d3d}.bottom-nav button[aria-current=page]:after{content:"";position:absolute;bottom:0;width:65%;height:2px;background:#67d9eb}.bottom-nav button:hover{color:#d1f3f9;background:#0e2633}.panels-control{position:absolute;left:56px;bottom:65px}.panels-control>button{display:flex;align-items:center;gap:10px;border:1px solid #2b4857;padding:10px 15px;font-size:11px;letter-spacing:1.5px;color:#9eb9c7;background:#08121b}.panels-control b{font-weight:400;color:#577685}.panels-menu{position:absolute;bottom:48px;left:0;width:260px;padding:15px;background:#081723;border:1px solid #356275;box-shadow:0 15px 50px #000;z-index:5}.panels-menu label{display:flex;gap:10px;align-items:center;font-size:13px;padding:9px 0}.panels-menu input{accent-color:#50b8cf}.panels-menu button{border:1px solid #375e70;font-size:11px;margin-top:10px;padding:7px 15px;width:100%}.asset-inspector{position:absolute;right:480px;top:468px;width:257px;padding:16px;background:#071522f2;border:1px solid #4592ae;box-shadow:0 16px 50px #0008;animation:panel-enter .25s ease-out}.asset-inspector .panel-heading{margin-bottom:10px}.asset-state{font-size:8px;letter-spacing:1.3px;color:var(--amber)}.asset-inspector>div:not(.panel-heading){display:flex;justify-content:space-between;font-size:12px;padding:11px 0;border-bottom:1px solid #243b47}.asset-inspector>div>span{color:#85a0ae}footer{position:absolute;bottom:13px;left:45px;right:45px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#526f80;letter-spacing:1.5px}footer>span{display:flex;align-items:center;gap:7px}footer b{color:#b49359;font-size:9px;font-weight:400}.paused *{animation-play-state:paused!important}@keyframes panel-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.tank-levels{display:grid;gap:8px;margin-top:12px}.tank-level-row{--tank-color:var(--ops-accent);display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:12px;min-height:88px}.tank-level-row.low{--tank-color:var(--ops-warning)}.tank-level-row.critical{--tank-color:var(--ops-danger)}.tank-level-row.unknown{--tank-color:var(--ops-muted)}.tank-level-row svg{width:100px;height:88px;overflow:visible}.vessel-shell{fill:var(--ops-bg);stroke:var(--ops-muted);stroke-width:1}.vessel-meniscus{fill:var(--tank-color);fill-opacity:.6;stroke:var(--tank-color)}.vessel-rim,.vessel-tick{fill:none;stroke:var(--ops-muted);stroke-width:1}.vessel-reflection{fill:none;stroke:var(--ops-text);stroke-opacity:.2;stroke-width:3}.vessel-low{fill:none;stroke:var(--ops-warning);stroke-dasharray:3 3;stroke-opacity:.8}.tank-level-row svg text{font:8px Consolas,monospace;fill:var(--ops-muted)}.tank-level-row svg .vessel-percent{font:600 22px Rajdhani,sans-serif;fill:var(--ops-text);text-anchor:middle;paint-order:stroke;stroke:var(--ops-bg);stroke-width:2}.tank-level-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.tank-level-copy>strong{font-size:14px;font-weight:600;color:var(--ops-text);line-height:1.1}.tank-level-copy>b{font-size:19px;font-weight:600;white-space:nowrap;color:var(--ops-text)}.tank-level-copy>b small,.tank-level-copy>b span{font-size:10px;font-weight:400;color:var(--ops-muted)}.tank-level-copy>span{font-size:8px;letter-spacing:.6px;color:var(--ops-muted)}.tank-level-copy em{font-size:9px;font-style:normal;letter-spacing:.7px;color:var(--tank-color)}.tank-level-note{font-size:8px;line-height:1.5;color:var(--ops-muted);border-top:1px solid var(--ops-border);padding-top:8px}@media(max-aspect-ratio:4/3){.tank-level-row{grid-template-columns:78px minmax(0,1fr);gap:6px}.tank-level-row svg{width:78px;height:86px}.tank-level-copy>strong{font-size:12px}.tank-level-copy>b{font-size:16px}.tank-level-copy>b span{font-size:9px}.tank-level-copy>span{font-size:7px}.tank-level-note{font-size:7px}}.fuel-monitor{color:var(--ops-text);font-variant-numeric:tabular-nums;padding-top:12px}.fuel-monitor small,.fuel-monitor p,.fuel-monitor dt{color:var(--ops-muted)}.fuel-monitor p{font-size:12px;line-height:1.5}.fuel-monitor dl{margin:12px 0}.fuel-monitor dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--ops-border);font-size:13px}.fuel-monitor dd{margin:0;text-align:right}.fuel-flow>div{display:flex;flex-direction:column;gap:8px}.fuel-flow strong{font-size:34px;color:var(--ops-accent)}.fuel-flow em{font-size:14px;font-style:normal}.fuel-flow span{font-size:13px}.fuel-flow .fuel-arrow{display:block;color:var(--ops-accent);font-size:28px;margin:8px 0}.fuel-vessels{display:flex;gap:12px}.fuel-vessels button{flex:1;min-width:0;padding:8px 4px;background:var(--ops-bg);color:var(--ops-text);border:1px solid var(--ops-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:10px;align-items:center}.fuel-vessels button[aria-pressed=true]{border-color:var(--ops-accent)}.fuel-vessels button:focus-visible{outline:2px solid var(--ops-accent);outline-offset:3px}.fuel-vessels span,.fuel-vessels strong{font-size:12px}.fuel-vessels small{font-size:9px}.fuel-vessel{height:130px;width:100%;border:1px solid var(--ops-muted);border-radius:40%/12%;position:relative;overflow:hidden;display:grid;place-items:center}.fuel-vessel i{position:absolute;bottom:0;width:100%;background:var(--ops-accent);opacity:.35;border-top:2px solid var(--ops-accent)}.fuel-vessel b{z-index:1;font-size:19px}.fuel-balance>strong{font-size:30px;color:var(--ops-accent)}.fuel-balance>strong small{font-size:14px}.fuel-monitor .fuel-warning{color:var(--ops-warning)}.fuel-tag{font-size:10px;color:var(--ops-accent);letter-spacing:.8px}.fuel-delivery h3{font-size:18px}.fuel-expanded{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;padding:16px}.fuel-expanded .fuel-vessel{height:160px}.fuel-expanded .fuel-flow{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.fuel-expanded .fuel-flow .fuel-arrow{transform:rotate(-90deg)}.fuel-footnote{grid-column:1/-1;margin:0}.fuel-expanded h3{margin-top:0}.shift-coverage{display:flex;flex-direction:column;gap:6px;margin:12px 0}.shift-coverage strong{font-size:26px;color:var(--ops-accent)}.shift-coverage span{font-size:9px;letter-spacing:1px;color:var(--ops-muted)}.shift-coverage progress{width:100%;height:5px;accent-color:var(--ops-accent)}.fuel-expanded{gap:12px;padding:12px}.fuel-expanded .fuel-vessel{height:110px}.fuel-expanded .fuel-vessels button{gap:6px}.fuel-expanded dl>div{padding:6px 0}.fuel-expanded .ops-block{padding:16px}.fuel-expanded .fuel-delivery h3{margin:8px 0}.fuel-expanded p{margin:6px 0}.network-mode .shift-coverage{flex-direction:row;align-items:center;margin:8px 0}.network-mode .shift-coverage progress{display:none}.network-mode .shift-coverage strong{font-size:22px}.network-mode .shift-coverage span{font-size:8px}.command-screen{--panel-width:clamp(330px,22%,440px);--edge:32px;background:radial-gradient(ellipse at 50% 53%,#071b28 0,#03080d 58%);transform-origin:center}.command-screen .hud{width:var(--panel-width);height:354px;z-index:4;animation:none;transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .3s}.command-screen .panel-lt,.command-screen .panel-lb{left:var(--edge)}.command-screen .panel-rt,.command-screen .panel-rb{right:var(--edge)}.command-screen .panel-lt,.command-screen .panel-rt{top:188px}.command-screen .panel-lb,.command-screen .panel-rb{top:auto;bottom:172px;height:338px}.command-screen.network-mode .panel-lt,.command-screen.network-mode .panel-lb{transform:translate(20px)}.command-screen.network-mode .panel-rt,.command-screen.network-mode .panel-rb{transform:translate(-20px)}.command-screen.station-mode .hud{animation:station-panel-enter .75s cubic-bezier(.2,.7,.2,1)}.command-screen.station-mode .panel-rt,.command-screen.station-mode .panel-rb{--enter-x:-50px}.command-screen.station-mode .panel-lt,.command-screen.station-mode .panel-lb{--enter-x:50px}@keyframes station-panel-enter{0%{transform:translate(var(--enter-x));opacity:.25}to{transform:translate(0);opacity:1}}.command-screen .hud-inner{overflow:hidden}.command-screen .panel-heading h2{font-size:16px;letter-spacing:.45px}.command-screen .scene-title{top:217px;z-index:2}.command-screen .headline-metrics{left:28%;right:28%;top:127px}.command-screen .headline-metrics strong{font-size:29px}.command-screen .main-title h1{font-size:27px}.scope-context,.source-context{position:absolute;top:124px;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1px;color:#83a4b5;z-index:3}.scope-context{left:46px}.scope-context b{color:#b8dbe6}.source-context{right:46px;font-size:9px}.back-network{display:flex;gap:7px;align-items:center;border:1px solid #315264;padding:7px 10px;color:#90e2ee;background:#081925;margin-right:8px}.globe-layer,.station-layer{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .65s ease,transform .75s ease}.globe-layer.leaving{opacity:0;transform:scale(1.16);pointer-events:none}.station-layer{animation:station-scene-enter .85s ease both}.paused .station-layer{animation:none!important}.paused .globe-layer{animation:none!important}.network-mode .hud{animation:network-panel-arrive .65s ease both;animation-delay:.18s;--rest:20px;--from:-25px}.network-mode .panel-rt,.network-mode .panel-rb{--rest:-20px;--from:25px;animation-delay:.26s}.network-mode .panel-lb{animation-delay:.34s}.network-mode .panel-rb{animation-delay:.42s}.command-screen.returning .station-layer{animation:none;opacity:0;transform:scale(.95)}.command-screen.returning .hud{transform:translate(var(--enter-x));opacity:.35}@keyframes globe-arrive{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes network-panel-arrive{0%{opacity:0;transform:translate(var(--from))}to{opacity:1;transform:translate(var(--rest))}}.command-asset-picker{position:absolute;left:calc(50% + 140px);bottom:142px;z-index:6;font-size:9px;color:#799eae;display:flex;align-items:center;gap:7px}.command-asset-picker select{font:12px Rajdhani;color:#acd4e1;background:#071923;border:1px solid #315867;padding:7px;width:155px}.globe-stage[data-texture-state=webgl-error] .globe-pin{display:none}@keyframes station-scene-enter{0%{opacity:0;transform:scale(.91)}to{opacity:1;transform:scale(1)}}.globe-stage{position:absolute;inset:238px max(22%,365px) 135px}.globe-stage>canvas{display:block;width:100%;height:100%;cursor:grab}.globe-stage>canvas:active{cursor:grabbing}.globe-leaders{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.globe-pin{position:absolute;transform:translate(-50%,-50%);display:flex;gap:9px;align-items:center;text-align:left;white-space:nowrap;background:#051622eb;border:1px solid #315768;border-left:2px solid var(--pin-color);padding:8px 12px;z-index:3;box-shadow:0 5px 20px #0005;transition:background .15s}.globe-pin[hidden]{display:none}.globe-pin:hover,.globe-pin:focus-visible{background:#103d4c;outline:1px solid var(--pin-color)}.globe-pin b{display:block;color:#e0f4f8;font-size:15px;letter-spacing:1px}.globe-pin small{display:block;color:var(--pin-color);font-size:10px;margin-top:3px}.pin-node{width:6px;height:6px;border-radius:50%;background:var(--pin-color);box-shadow:0 0 12px var(--pin-color)}.globe-load{position:absolute;left:50%;bottom:30px;transform:translate(-50%);padding:8px 12px;background:#071925;color:#b9dbe6;font-size:12px;width:max-content;max-width:80%;text-align:center}.globe-load button{display:block;margin:8px auto 0;border:1px solid #42748a;padding:5px 12px}.orbital-frame{position:absolute;left:50%;top:56%;width:740px;height:740px;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .65s,transform .65s;opacity:.75}.orbital-frame>div{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #277793;border-radius:50%;box-shadow:0 0 20px #188cb41c,inset 0 0 22px #188cb419}.orbital-frame>div:nth-child(2){top:12px;right:12px;bottom:12px;left:12px;border:2px dashed #467889;opacity:.4}.orbital-frame>div:nth-child(3){top:-10px;right:-10px;bottom:-10px;left:-10px;border:1px solid #a38544;clip-path:polygon(0 0,36% 0,36% 42%,64% 42%,64% 0,100% 0,100% 100%,64% 100%,64% 58%,36% 58%,36% 100%,0 100%)}.closed-4 .orbital-frame{opacity:1}.closed-4 .orbital-frame>div:first-child{border-color:#8aeaff;box-shadow:0 0 35px #3bceff44,inset 0 0 35px #3bceff22}.station-mode .orbital-frame{opacity:0;transform:translate(-50%,-50%) scale(1.25)}.orbit-link{position:absolute;height:40px;width:calc(50% - var(--panel-width) - 320px);border-top:1px solid #397890;z-index:1;pointer-events:none;opacity:.65}.orbit-link:after{content:"";position:absolute;right:0;top:-4px;width:7px;height:7px;background:#79d8ef;box-shadow:0 0 12px #4bb8d6;border-radius:50%}.link-0,.link-1{left:calc(var(--edge) + var(--panel-width) - 50px)}.link-2,.link-3{right:calc(var(--edge) + var(--panel-width) - 50px);transform:scaleX(-1)}.link-0,.link-2{top:34%}.link-1,.link-3{top:70%;border-color:#947c45}.link-closed{opacity:.2}.restore-orbit{position:absolute;width:36px;height:36px;display:grid;place-items:center;border:1px solid #54bfd6;background:#08212e;color:#bcf1ff;border-radius:50%;z-index:5;box-shadow:0 0 16px #3ec4e645;font-size:13px}.restore-0{left:calc(50% - 318px);top:calc(56% - 220px)}.restore-1{left:calc(50% - 318px);top:calc(56% + 190px)}.restore-2{right:calc(50% - 318px);top:calc(56% - 220px)}.restore-3{right:calc(50% - 318px);top:calc(56% + 190px)}.network-panel-caption{display:flex;gap:14px;align-items:center;margin-bottom:10px}.network-panel-caption>b{font-size:38px;line-height:1;color:#72dce7}.network-panel-caption>span{font-size:11px;letter-spacing:1px}.network-panel-caption small{display:block;color:#6e8fa2;font-size:8px;margin-top:5px}.station-list{display:flex;flex-direction:column}.station-list button{display:flex;align-items:center;text-align:left;width:100%;gap:9px;border-bottom:1px solid #1c3543;padding:9px 0}.station-list button:hover{background:#15303c}.station-list button>span:nth-child(2){flex:1}.station-list b{font-size:13px;font-weight:600}.station-list small{display:block;font-size:9px;margin-top:2px;color:#7f9caa}.station-list strong{font-size:15px;text-align:right;font-weight:600}.station-list strong small{font-size:8px;display:inline;margin-left:4px}.station-list button>svg{color:#58798a}.station-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#55d5be;box-shadow:0 0 8px #55d5be44}.station-dot.attention{background:#e5b765;box-shadow:0 0 9px #e5b76544}.station-dot.degraded{background:#f77987;box-shadow:0 0 9px #f7798744}.station-list button{padding:5px 0}.link-0,.link-2{width:calc(50% - var(--panel-width) - 260px)}.network-values{display:grid;grid-template-columns:1fr 1fr;gap:20px 10px;margin:19px 0}.network-values strong{display:block;font-size:23px;line-height:1.05}.network-values strong small{font-size:10px;color:#829ca9;margin-left:5px}.network-values span{display:block;color:#92aab7;font-size:10px;margin-top:6px}.network-values.small-values{margin:15px 0;gap:10px}.network-infrastructure{display:flex;align-items:center;gap:20px;margin-top:20px}.network-infrastructure>div:last-child{flex:1}.network-infrastructure strong{font-size:25px;display:block}.network-infrastructure strong small{font-size:13px;color:#7299a9}.network-infrastructure span{font-size:10px;color:#849ca9;display:block;margin-bottom:9px}.network-alert{border-top:1px solid #5a5037;padding-top:11px}.network-alert b{font-size:12px;color:#ddb668;display:block}.network-alert>span{font-size:10px;color:#8fa5b1;display:block;margin-top:5px}.network-alert button{font-size:11px;display:flex;align-items:center;gap:6px;padding:8px 0 0;color:#65ccdf}.network-bottom{position:absolute;bottom:55px;left:50%;transform:translate(-50%);height:54px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 23px;border-top:1px solid #32515f;border-bottom:1px solid #233e4b;background:#07151eef;white-space:nowrap;font-size:10px;letter-spacing:.8px}.network-bottom i{width:1px;height:15px;background:#385463;margin:0 12px}.network-bottom button{display:flex;align-items:center;gap:8px;border-left:1px solid #3c5664;margin-left:14px;padding-left:20px;color:#b1d8e3;font-size:12px;letter-spacing:0}.command-screen .bottom-nav{left:26%;right:26%;bottom:50px}.command-screen .bottom-nav button{padding:0 10px;font-size:12px;gap:7px}.command-screen .scene-toolbar{bottom:137px;z-index:5}.command-screen .orbit-hint{bottom:117px}.command-screen .panels-control{left:48px;bottom:64px;z-index:6}.command-screen .asset-inspector{right:calc(var(--panel-width) + 65px);z-index:6;top:44%;width:265px}.station-switcher{position:absolute;right:48px;bottom:65px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1px;color:#84a6b8;z-index:5}.station-switcher select{font:13px Rajdhani;background:#081a25;color:#c0e3ed;border:1px solid #375c6d;padding:9px;width:175px}.station-switcher select:focus-visible{outline:2px solid #dcb364}.attendance-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:17px 0 12px}.attendance-counts button{padding:5px 0;text-align:left;border-bottom:2px solid currentColor}.attendance-counts b{font-size:25px;display:block;line-height:1}.attendance-counts span{display:block;font-size:9px;margin-top:7px;white-space:nowrap;color:#a1b5bf}.on-duty{color:#67d8c0}.off-duty{color:#8babc1}.missing{color:#fa8290}.not-detected{color:#e4ba70}.roster-preview>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #223b46;font-size:12px}.roster-preview small{display:block;color:#688d9f;font-size:9px;margin-top:2px}.attendance-state{display:inline-block;border:1px solid currentColor;padding:4px 7px;font-size:10px;font-weight:500;white-space:nowrap;background:#0a1a24}.roster-open{display:flex;align-items:center;gap:7px;width:100%;padding:11px 0 7px;color:#83dae9;font-size:12px}.roster-open span{font-size:9px;margin-left:auto}.attendance-note{display:block;font-size:9px;color:#6e8d9d}.attendance-dialog{width:min(1240px,95vw);padding:0;background:#07131e;color:#dbeaf0;border:1px solid #428092;box-shadow:0 30px 100px #000a;max-height:88vh;font-family:Rajdhani,Arial,sans-serif}.attendance-dialog::backdrop{background:#01060ccc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.roster-dialog-body{padding:26px}.attendance-dialog header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.attendance-dialog header small{font-size:10px;letter-spacing:2px;color:#5ecddd}.attendance-dialog h2{font-size:30px;margin:8px 0 4px;letter-spacing:.7px}.attendance-dialog header p{font-size:12px;color:#8ba5b3}.attendance-dialog header button{color:#c1e0e9;padding:5px}.roster-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.roster-filters>button{padding:8px 12px;border:1px solid #2b4555;font-size:13px}.roster-filters>button[aria-pressed=true]{background:#143746;border-color:#70c9db}.roster-filters b{margin-left:6px}.roster-filters label{margin-left:auto;display:flex;align-items:center;gap:7px;border:1px solid #2c4b5a;padding:6px 11px}.roster-filters input{background:transparent;border:0;color:#d5e9f0;font:13px Rajdhani;outline-offset:3px}.roster-table-scroll{max-height:54vh;overflow:auto}.attendance-dialog table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:14px}.attendance-dialog th{position:sticky;top:0;background:#102331;padding:11px;color:#7fa4b6;font-size:11px;text-transform:uppercase;letter-spacing:.7px}.attendance-dialog td{padding:13px 11px;border-bottom:1px solid #1b3443}.attendance-dialog td small{display:block;color:#63899d;font-size:10px;margin-top:3px}.attendance-dialog td strong{font-weight:600}.attendance-dialog footer{position:static;display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:11px;letter-spacing:0;color:#879fae}.roster-empty{padding:30px;text-align:center;color:#b5cdd7}@media(max-aspect-ratio:4/3){.command-screen{--panel-width:300px;--edge:18px}.command-screen .panel-lt .hud-inner,.command-screen .panel-lb .hud-inner{padding-right:48px}.command-screen .panel-rt .hud-inner,.command-screen .panel-rb .hud-inner{padding-left:48px}.command-screen .main-title{left:25%;width:50%}.command-screen .main-title h1{font-size:20px}.command-screen .headline-metrics{left:27%;right:27%;gap:9px}.command-screen .headline-metrics strong{font-size:22px}.command-screen .headline-metrics span{font-size:8px}.globe-stage{left:260px;right:260px}.globe-pin{padding:6px}.globe-pin b{font-size:12px}.command-screen .hud .panel-heading h2{font-size:13px}.command-screen .bottom-nav{left:22%;right:22%}.command-screen .bottom-nav button{font-size:10px;gap:4px}.command-screen .bottom-nav svg{width:16px}.station-switcher{right:25px;font-size:0}.station-switcher select{width:148px}.source-context{right:25px;font-size:0}.source-context .demo-badge{font-size:8px}.network-values strong{font-size:19px}.network-panel-caption{margin-bottom:7px}.station-list b{font-size:11px}.station-list strong{font-size:12px}.attendance-counts span{font-size:8px}.roster-preview{font-size:10px}.roster-preview .attendance-state{font-size:8px;padding:3px}.network-bottom{font-size:9px;gap:6px}.network-bottom i{margin:0 5px}.network-bottom button{font-size:10px;margin-left:6px;padding-left:10px}}@media(prefers-reduced-motion:reduce){.command-screen *{animation:none!important;transition:none!important}}.command-screen{--gate-travel:max(0px,calc(var(--stage-width)/2 - var(--panel-width) - 307px));--gate-ease:cubic-bezier(.22,.72,.18,1)}.gate-leaf{position:absolute;top:188px;left:var(--edge);width:var(--panel-width);height:354px;z-index:4;pointer-events:none;transform:translate(var(--gate-travel));transition:transform 1.1s var(--gate-ease)}.gate-leaf-1,.gate-leaf-3{top:auto;bottom:172px;height:338px}.gate-leaf-2,.gate-leaf-3{left:auto;right:var(--edge);transform:translate(calc(-1 * var(--gate-travel)))}.station-mode:not(.returning) .gate-leaf:not(.retracted){transform:translate(0)}.gate-segment{position:absolute;width:800px;height:800px;left:calc(var(--panel-width) - 125px);top:16px;overflow:visible;pointer-events:none;transition:opacity 1.1s var(--gate-ease)}.gate-leaf-1 .gate-segment,.gate-leaf-3 .gate-segment{top:-366px}.gate-leaf-2 .gate-segment,.gate-leaf-3 .gate-segment{left:auto;right:calc(var(--panel-width) - 125px)}.gate-metal{fill:#0c2934;stroke:#376273;stroke-width:1}.gate-rail{fill:none;stroke:#66ddec;stroke-width:3;filter:drop-shadow(0 0 5px #4acee9)}.gate-ticks{fill:none;stroke:#639db0;stroke-width:4;stroke-dasharray:2 12;opacity:.65}.gate-lock{fill:none;stroke:#e9bc65;stroke-width:5}.station-mode:not(.returning) .gate-leaf:not(.retracted) .gate-segment{opacity:.18}.gate-panel-mount{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;transform-origin:right center;transform:perspective(1000px) rotateY(7deg);transition:transform 1.1s var(--gate-ease),opacity .45s,visibility 0s}.gate-leaf-2 .gate-panel-mount,.gate-leaf-3 .gate-panel-mount{transform-origin:left center;transform:perspective(1000px) rotateY(-7deg)}.station-mode:not(.returning) .gate-panel-mount{transform:perspective(1000px) rotateY(0)}.command-screen .gate-leaf .hud{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:none;animation:none!important;transition:none;opacity:1}.gate-leaf .hud:before{background:linear-gradient(120deg,#406c7e,#579bab 45%,#b99350)}.gate-leaf .hud:after{background:linear-gradient(115deg,#081924f5,#07141ef5)}.gate-leaf.retracted .gate-panel-mount{transform:perspective(1000px) rotateY(85deg) scaleX(.05);opacity:0;visibility:hidden;pointer-events:none;transition:transform .65s var(--gate-ease),opacity .4s,visibility 0s .65s}.gate-leaf.retracted .gate-rail{stroke:#b0f6ff;stroke-width:5}.gate-core{position:absolute;left:50%;top:604px;width:674px;height:674px;transform:translate(-50%,-50%);border:1px solid #285467;border-radius:50%;pointer-events:none;transition:opacity .75s,transform 1.1s var(--gate-ease)}.station-mode:not(.returning) .gate-core{opacity:0;transform:translate(-50%,-50%) scale(1.3)}.command-screen .restore-orbit{top:392px}.command-screen .restore-1,.command-screen .restore-3{top:774px}.command-screen .scene-title{top:211px}.network-mode .scene-title strong{font-size:19px}.station-layer{animation:gate-station-arrive 1.2s var(--gate-ease) both}.command-screen.returning .station-layer{animation:none;opacity:0;transform:scale(.88);transition:opacity .45s,transform .8s}.globe-layer{transition:opacity .55s ease,transform 1.1s var(--gate-ease)}.globe-layer.leaving{transform:scale(.72)}.command-screen.returning .globe-layer{animation:gate-globe-return 1.1s var(--gate-ease) both}.network-mode .globe-layer{animation:globe-arrive 1.05s ease both}@keyframes gate-station-arrive{0%,25%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes gate-globe-return{0%,20%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.paused .gate-leaf,.paused .gate-panel-mount,.paused .gate-segment,.paused .globe-layer{transition:none!important;animation:none!important}.gate-panel-surface{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.gate-leaf .hud:before,.gate-leaf .hud:after{display:none}.gate-panel-mount,.gate-leaf-2 .gate-panel-mount,.gate-leaf-3 .gate-panel-mount{transform:perspective(1000px) rotateY(0)}.gate-leaf-1 .gate-segment,.gate-leaf-3 .gate-segment{top:var(--lower-rail-y)}.gate-leaf.retracted .gate-panel-mount{transform:perspective(1000px) rotateY(85deg) scaleX(.05)}.network-mode .scene-title,.returning .scene-title{top:190px}.network-mode .scene-title strong,.returning .scene-title strong{font-size:16px;margin-top:5px}.network-mode .scene-title>small,.network-mode .scene-title>span,.returning .scene-title>small,.returning .scene-title>span{display:none}.gate-leaf{height:416px}.gate-leaf-1,.gate-leaf-3{top:604px;bottom:auto;height:338px}.gate-leaf-1 .gate-segment,.gate-leaf-3 .gate-segment{top:-400px}.command-screen .gate-leaf.retracted .gate-panel-mount{transform:perspective(1000px) rotateY(85deg) scaleX(.05)}.command-screen .gate-leaf .panel-lb .hud-inner{padding-right:100px}.command-screen .gate-leaf .panel-rb .hud-inner{padding-left:100px}.gate-leaf-0 .plot.bar{height:180px}.gate-leaf-2 .plot.line{height:170px}.network-mode .station-list button{padding:9px 0}.network-mode .gate-leaf-0 .panel-foot{position:absolute;bottom:18px}.gate-leaf .panel-heading h2{white-space:normal;min-width:0;line-height:1.15}.gate-leaf .panel-heading button{flex-shrink:0}@media(max-aspect-ratio:4/3){.command-screen .gate-leaf .panel-lt .hud-inner{padding-right:90px}.command-screen .gate-leaf .panel-rt .hud-inner{padding-left:90px}.gate-leaf .network-infrastructure{gap:12px;margin-top:14px}.gate-leaf .network-infrastructure .ring-chart{width:82px;height:82px;flex-shrink:0}.gate-leaf .network-infrastructure .ring-chart strong{font-size:23px}.gate-leaf .network-infrastructure .ring-chart small{font-size:6px}.gate-leaf .network-infrastructure>div:last-child>strong{font-size:21px}.gate-leaf .network-infrastructure span{font-size:9px;margin-bottom:5px}.gate-leaf .roster-preview>div{padding:6px 0}.gate-leaf .roster-open span{font-size:8px;white-space:nowrap}.gate-leaf .network-alert>span{font-size:9px;line-height:1.2}.gate-leaf .network-alert button{font-size:10px}.gate-leaf .chart-label{font-size:8px;letter-spacing:0}}@media(max-aspect-ratio:4/3){.command-screen{--gate-travel:max(0px,calc(var(--stage-width)/2 - var(--panel-width) - 293px))}}@media(prefers-reduced-motion:reduce){.gate-leaf,.gate-panel-mount,.gate-segment{transition:none!important}}:root{--ops-bg:#050b13;--ops-surface:#0d1827;--ops-border:#2c4056;--ops-text:#e2edf5;--ops-muted:#9cafc2;--ops-accent:#71cfee;--ops-success:#7ad5a8;--ops-warning:#efbd75;--ops-danger:#ee8895;--cyan:var(--ops-accent);--amber:var(--ops-warning);--muted:var(--ops-muted);--line:var(--ops-border);--twin-teal:#4eacce;--twin-mint:#9bdeef;--twin-surface:#0b1522;--twin-border:#425971}.command-screen{background:radial-gradient(ellipse at 50% 53%,#0b1a2c 0,var(--ops-bg) 62%);font-variant-numeric:tabular-nums}.viewport,.command-screen{overflow:clip}.gate-panel-surface>path{fill:var(--twin-surface);stroke:var(--twin-border)}.gate-rail{stroke:#71cfee;filter:drop-shadow(0 0 3px #4ea6dc)}.gate-ticks{stroke:#627e9a}.gate-metal{fill:#101f30;stroke:#3e5670}.gate-lock{stroke:#b1c3d2}.gate-leaf.retracted .gate-rail{stroke:var(--twin-mint)}.command-screen .main-title{background:#0c1928;border-bottom-color:#657d94}.command-screen .headline-metrics>div{border-left-color:#4a8fb6}.command-screen .scene-toolbar button:hover,.command-screen .scene-toolbar button[aria-pressed=true],.command-screen .bottom-nav button[aria-current=page]{background:#163049;color:var(--twin-mint)}.command-screen .bottom-nav button[aria-current=page]:after{background:var(--twin-mint)}.command-screen .panel-heading>svg,.command-screen .roster-open,.command-screen .network-panel-caption>b{color:var(--cyan)}.command-screen .cyan-key{background:#71cfee}.command-screen .gold-key{background:#8299be}.command-screen .restore-orbit{border-color:#71cfee;color:#d1effa;box-shadow:0 0 10px #4a9ccc22}.command-screen button:hover{color:#b9f4e6}.command-screen button:active{filter:brightness(1.15)}.variant-switch{position:absolute;top:87px;left:47px;display:flex;gap:2px;z-index:8;border:1px solid #315c5c;border-radius:4px;padding:2px;background:#07191e}.variant-switch button{font-size:10px;letter-spacing:1.3px;padding:5px 15px;min-height:25px;color:#8eabaa;border-radius:2px}.variant-switch button[aria-current=page]{background:#17334e;color:#c4eafa}.variant-miqat .main-title h1{letter-spacing:2px}.variant-miqat .main-title p{letter-spacing:3px}.variant-miqat .scene-title{left:30%;right:30%;top:204px}.variant-miqat.station-mode .scene-title strong{font-size:23px;letter-spacing:2px}.variant-miqat .scene-title small{color:#a2bcb7}.variant-miqat .scene-title small:lang(ar){font-family:Arial,sans-serif}.splat-stage{position:absolute;inset:280px max(15%,240px) 202px;overflow:hidden;border-radius:20px}.splat-stage canvas{display:block;cursor:grab;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 90%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 90%,transparent)}.splat-stage canvas:active{cursor:grabbing}.splat-message{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:13px;align-items:center;padding:24px 32px;min-width:270px;border:1px solid #32655f;border-radius:8px;background:#061a20ee;color:#94c7be;font-size:13px;text-align:center}.splat-message b{font-size:14px;letter-spacing:2px;color:#bfebde}.splat-message progress{width:210px;accent-color:#71d8ba;height:5px}.splat-message button{border:1px solid #5aa392;padding:8px 16px}.splat-zone{position:absolute;z-index:2;transform:translate(-50%,-125%);font-size:11px;letter-spacing:.3px;white-space:nowrap;color:#d2efe7;background:#071c23e8;border:1px solid #558a7d;border-radius:3px;padding:7px 10px;box-shadow:0 4px 15px #0006}.splat-zone span{display:inline-block;width:5px;height:5px;background:var(--twin-mint);border-radius:50%;margin-right:7px;box-shadow:0 0 6px #70d7b8}.splat-zone[aria-pressed=true]{border-color:var(--amber);color:#ffdc9c;background:#26332dee}.splat-zone[hidden]{display:none}.capture-credit{position:absolute;bottom:179px;left:30%;right:30%;text-align:center;pointer-events:none;line-height:1.6}.capture-credit>span{font-size:9px;letter-spacing:1.4px;color:#86cbb8}.capture-credit small{display:block;font-size:9px;color:#849d9c}.capture-credit i{display:inline-block;width:1px;height:8px;background:#4c6e67;margin:0 9px}.variant-miqat .asset-inspector{top:38%;background:#071b23f5}.variant-miqat .asset-inspector>div>b{text-align:right;max-width:60%}.variant-miqat .bottom-nav{left:25%;right:25%}.variant-miqat .bottom-nav button{font-size:11px;padding:0 6px;gap:5px}.variant-miqat .station-list small{font-family:Rajdhani,Arial,sans-serif}.capture-context-toggle{position:absolute;bottom:142px;right:calc(50% + 110px);z-index:6;border:1px solid #345b56;border-radius:3px;background:#081d22;color:#a7cec2;font-size:11px;padding:8px 12px}.capture-context-toggle:disabled{opacity:.4;cursor:wait}.globe-zoom{position:absolute;bottom:85px;left:50%;transform:translate(-50%);z-index:4;display:flex;align-items:center;background:#0c1928ef;border:1px solid #4b6883;border-radius:4px}.globe-zoom button{min-width:36px;height:34px;padding:0 9px;font-size:19px;color:var(--ops-accent)}.globe-zoom button:last-child{font-size:11px;border-left:1px solid var(--ops-border)}.globe-zoom output{min-width:58px;text-align:center;color:var(--ops-text);font-size:12px}.globe-zoom button:disabled{opacity:.3;cursor:default}.globe-zoom button:focus-visible{outline:2px solid var(--ops-accent);outline-offset:2px}.globe-stage>canvas{clip-path:circle(348px at 50% 366px)}.miqat-tank-list button{grid-template-columns:1fr 50px 30px;gap:6px}.miqat-tank-list button>span{white-space:nowrap;font-size:11px}.miqat-tank-list progress{width:50px}.miqat-tank-list{display:grid;gap:9px;margin:14px 0}.miqat-tank-list button{display:grid;grid-template-columns:1fr 70px 35px;gap:8px;align-items:center;text-align:left;font-size:12px;color:#bad4cd}.miqat-tank-list progress{width:70px;height:5px;accent-color:var(--twin-mint)}.variant-miqat .gate-leaf-1 .meter{margin-top:10px}.variant-miqat .gate-leaf-1 .status-cells{margin-bottom:10px}.variant-miqat .gate-leaf-1 .advisory{margin-top:10px}.variant-miqat .panels-control>button+button{margin-left:7px}.variant-miqat .panels-control{display:flex;align-items:center}.variant-miqat .tank-level-panel .status-cells{display:none}.variant-miqat .tank-level-panel .meter{margin:15px 0}@media(max-aspect-ratio:4/3){.command-screen .gate-leaf-0 .plot.bar{height:130px}.command-screen .gate-leaf-3 .plot.line{height:95px}.command-screen .gate-leaf-3 .traffic-bottom{margin-top:12px;gap:12px}.command-screen .gate-leaf-3 .ring-chart.small{width:74px;height:74px;flex-shrink:0}.command-screen .gate-leaf-3 .ring-chart.small strong{font-size:22px}.command-screen .gate-leaf-3 .traffic-values{gap:10px 7px;min-width:0}.command-screen .gate-leaf-3 .traffic-values b{font-size:15px}.command-screen .gate-leaf-3 .traffic-values span{font-size:8px;line-height:1.1}.command-screen .gate-leaf-0 .stat>svg{width:18px;flex-shrink:0}.variant-miqat .gate-leaf-1 .status-cells>div>span{display:block;line-height:1.3;font-size:9px}.variant-miqat .gate-leaf-1 .status-cells b{font-size:16px}.variant-miqat .gate-leaf-1 .status-cells svg{width:16px;height:16px}.variant-miqat .gate-leaf-1 .advisory span{line-height:1.3}}@media(max-aspect-ratio:4/3){.variant-switch{left:34px}.variant-switch button{font-size:9px;padding:5px 11px}.splat-stage{left:205px;right:205px}.variant-miqat .bottom-nav{left:21%;right:21%}.variant-miqat .bottom-nav button{font-size:10px}.splat-zone{font-size:9px;padding:5px 7px}.capture-credit{left:25%;right:25%}.capture-credit small{font-size:8px}.variant-miqat.station-mode .scene-title strong{font-size:19px}.variant-miqat .command-asset-picker{left:calc(50% + 110px)}}.operations-workspace{position:absolute;left:calc(var(--panel-width) + 60px);right:calc(var(--panel-width) + 60px);top:298px;bottom:180px;z-index:3;display:flex;flex-direction:column;gap:12px;pointer-events:none;color:var(--ops-text);font-size:13px}.operations-workspace button,.operations-workspace input,.ops-solid,.ops-block{pointer-events:auto}.ops-header{height:34px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ops-border);padding:0 12px;background:var(--ops-surface);flex-shrink:0}.ops-header>span{display:flex;gap:8px;align-items:center;font-size:13px;letter-spacing:1.7px;font-weight:600;color:var(--ops-accent)}.ops-header small{color:var(--ops-muted);font-size:10px}.ops-header i{display:inline-block;width:1px;height:10px;background:var(--ops-border);margin:0 8px}.camera-frame{position:relative;border:1px solid var(--ops-border);flex:1;min-height:210px;pointer-events:none}.camera-osd,.camera-bottom{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:#061019de;padding:10px 12px;gap:10px;color:#d5e4ed;font-size:10px;letter-spacing:.5px}.camera-osd{top:0}.camera-osd>span{display:flex;gap:8px;align-items:center}.camera-osd b{color:var(--ops-warning);font-size:9px}.camera-bottom{bottom:0;font-size:9px}.camera-bottom button{display:flex;align-items:center;gap:6px;color:var(--ops-accent);font-size:10px}.camera-switch{display:flex;gap:8px;flex-shrink:0}.camera-switch button{display:flex;align-items:center;gap:8px;flex:1;background:var(--ops-surface);border:1px solid var(--ops-border);padding:9px 12px;font-size:12px;color:var(--ops-muted)}.operations-workspace button[aria-pressed=true]{border-color:var(--ops-accent);background:#13283b;color:var(--ops-text)}.operations-workspace button:focus-visible,.operations-workspace input:focus-visible{outline:2px solid var(--ops-accent);outline-offset:3px}.ops-two-column{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.ops-block{background:var(--ops-surface);border:1px solid var(--ops-border);padding:14px;min-width:0;border-radius:4px}.ops-block-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;min-width:0;color:var(--ops-accent)}.ops-block h3{font-size:14px;font-weight:600;color:var(--ops-text);line-height:1.2}.ops-block-title h3{flex:1}.ops-block-title>b{font-size:11px;color:var(--ops-text);white-space:nowrap}.ops-block-title>small{font-size:10px;color:var(--ops-warning)}.density-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:48px 48px;gap:4px}.density-zone{position:relative;border:1px solid #44759a66;border-radius:3px;background:color-mix(in srgb,#e7a64e calc(var(--density)*100%),#153555);padding:7px;color:#07131d;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;font-weight:600;overflow:hidden}.density-zone b{font-size:16px;font-weight:700}.density-zone small{font-size:9px}.density-0{grid-row:span 2}.density-2{background:color-mix(in srgb,#ef805e calc(var(--density)*100%),#163654)}.density-key{display:flex;align-items:center;gap:5px;font-size:8px;margin-top:8px;color:var(--ops-muted)}.density-key i{height:4px;width:45px;background:linear-gradient(90deg,#245c9c,#59b9da,#e7a64e,#ef805e)}.density-key small{margin-left:auto;font-size:7px}.density-block input{width:100%;accent-color:var(--ops-accent);height:12px;margin-top:7px}.density-canvas{width:100%;height:100px;display:block;background:#07111d;border:1px solid var(--ops-border)}.scene-heatmap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;pointer-events:none}.scene-heatmap[hidden]{display:none}.observation-list button{display:flex;gap:10px;width:100%;padding:8px 0;border-bottom:1px solid var(--ops-border);text-align:left}.observation-list button[aria-pressed=true]{background:transparent;border-color:var(--ops-accent)}.observation-list time{font-size:10px;color:var(--ops-muted)}.observation-list b{display:block;font-size:12px;font-weight:500}.observation-list small{display:block;color:var(--ops-muted);font-size:10px;margin-top:2px}.ops-explanation{font-size:11px;line-height:1.5;color:var(--ops-muted);margin-top:10px}.ops-solid{display:flex;flex-direction:column;gap:16px;background:#07101bef;padding:20px;border:1px solid var(--ops-border);border-radius:6px;min-height:0;flex:1;overflow:auto}.ops-section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ops-text);font-size:11px;letter-spacing:1px}.ops-section-label>span{color:var(--ops-muted);font-size:9px;letter-spacing:.4px}.sensor-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sensor-cards button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:var(--ops-surface);border:1px solid var(--ops-border);padding:12px;gap:10px;border-radius:4px}.sensor-cards button>span{font-size:11px;color:var(--ops-muted)}.sensor-cards strong{font-size:28px;line-height:1;font-weight:600}.sensor-cards strong small{font-size:11px;margin-left:4px}.sensor-cards i{width:100%;height:3px;background:#25374a}.sensor-cards i span{display:block;height:100%;background:var(--ops-accent)}.sensor-cards button>small{font-size:8px;color:var(--ops-success)}.ops-trend{width:100%;max-height:145px;display:block;overflow:visible}.ops-trend text{fill:var(--ops-muted);font:9px Rajdhani,sans-serif}.trend-grid{stroke:#223448;stroke-width:1}.trend-threshold line{stroke:var(--ops-warning);stroke-width:1;stroke-dasharray:5 4}.ops-trend .trend-threshold text{fill:var(--ops-warning)}.trend-series{fill:none;stroke:var(--ops-accent);stroke-width:2.5;stroke-linejoin:round}.trend-dot{fill:var(--ops-text)}.chart-axis{display:flex;justify-content:space-between;font-size:9px;color:var(--ops-muted);padding-left:36px;margin-top:5px}.load-row{display:grid;grid-template-columns:90px 1fr 65px;align-items:center;gap:8px;font-size:11px;margin:12px 0}.load-row b{text-align:right;font-size:11px}.load-row progress{height:4px;width:100%;accent-color:var(--ops-accent)}.ops-readings>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--ops-border);font-size:11px}.ops-readings dt{color:var(--ops-muted)}.ops-readings dd{color:var(--ops-text);text-align:right;font-weight:600}.tank-schematic{display:flex;justify-content:space-around;gap:20px;padding:8px 10px 0}.tank-unit{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;flex:1;border:1px solid transparent;border-radius:5px}.tank-unit>span{font-size:13px;font-weight:600}.tank-unit>b{font-size:21px;font-weight:600}.tank-unit>b small{font-size:11px}.tank-unit>small{font-size:9px;color:var(--ops-muted)}.tank-vessel{height:140px;width:105px;border:1px solid #6c849c;border-radius:18px 18px 12px 12px;position:relative;overflow:hidden;background:#0c1b2b;box-shadow:inset 8px 0 20px #0007,inset -4px 0 12px #b9e7ff15}.tank-liquid{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,#1a597a,#287c9b 48%,#143e61);border-top:2px solid var(--ops-accent);transition:height .4s ease-out}.tank-scale{position:absolute;top:10px;right:10px;bottom:10px;left:10px;background:repeating-linear-gradient(0deg,transparent 0 15px,#c5eaff44 15px 16px);width:7px}.tank-vessel strong{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:27px;text-shadow:0 1px 4px #000}.tank-vessel strong small{font-size:12px}.pipe-manifold{display:flex;gap:10px;align-items:center;padding:10px 15px;border-top:2px solid #456178;color:var(--ops-accent);font-size:10px;letter-spacing:.6px}.pipe-manifold b{margin-left:auto;font-size:9px;color:var(--ops-warning)}.pipe-manifold i{width:7px;height:7px;background:var(--ops-success);border-radius:50%}.ops-chip-row{display:flex;gap:5px;flex-wrap:wrap}.ops-chip-row button{padding:7px 9px;border:1px solid var(--ops-border);font-size:10px;border-radius:3px;color:var(--ops-muted)}.wide-progress{width:100%;height:6px;accent-color:var(--ops-success);margin-top:15px}.pump-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.pump-matrix span{padding:9px;border:1px solid var(--ops-border);font-size:12px}.pump-matrix b{display:block;font-size:8px;margin-top:6px;color:var(--ops-success)}.asset-tabs{display:flex;gap:8px}.asset-tabs button{flex:1;display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--ops-border);border-radius:3px;text-align:left;font-size:12px}.asset-tabs small{display:block;color:var(--ops-muted);font-size:10px;margin-top:5px}.ops-timeline{padding-left:18px;margin-top:15px}.ops-timeline li{padding:0 0 15px 8px;color:var(--ops-accent)}.ops-timeline b{display:block;font-size:12px;color:var(--ops-text);font-weight:600}.ops-timeline span{display:block;font-size:10px;color:var(--ops-muted);margin-top:4px}.safety-summary{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--ops-border);background:var(--ops-surface)}.safety-summary>svg{color:var(--ops-success)}.safety-summary strong{display:block;font-size:27px;font-weight:500}.safety-summary span{display:block;color:var(--ops-muted);font-size:12px;margin-top:6px}.safety-summary>b{font-size:9px;margin-left:auto;color:var(--ops-warning)}.safety-list{margin-top:12px}.safety-list button{width:100%;display:flex;gap:10px;align-items:center;text-align:left;padding:16px 8px;border-bottom:1px solid var(--ops-border)}.safety-list button>span:nth-child(2){flex:1}.safety-list b{display:block;font-size:12px}.safety-list small{display:block;font-size:9px;color:var(--ops-muted);margin-top:4px}.scenario-number{font-size:20px;color:var(--ops-warning)}.safety-detail{font-size:14px;line-height:1.6;min-height:68px}.ops-primary{display:block;border:1px solid var(--ops-accent);padding:10px 14px;margin-top:15px;color:var(--ops-accent);font-size:11px}.safety-footnote{font-size:11px;color:var(--ops-muted);line-height:1.5}.hour-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.hour-grid button{padding:9px 3px;border:1px solid transparent;background:color-mix(in srgb,#357aa1 calc(var(--density)*100%),#0b1929);border-radius:2px}.hour-grid span{display:block;font-size:9px;color:#ccdae5}.hour-grid b{display:block;font-size:12px;margin-top:6px}.zone-analysis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.zone-analysis span{display:block;font-size:10px;color:var(--ops-muted)}.zone-analysis b{display:block;font-size:23px;margin:8px 0}.zone-analysis small{font-size:10px;font-weight:400}.zone-analysis progress{width:100%;height:4px;accent-color:var(--ops-accent)}.scene-tracking{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.tracked-object{position:absolute;display:block;border:1px solid #8bddac}.tracked-object[hidden],.scene-tracking[hidden]{display:none}.tracked-object b{position:absolute;top:-15px;left:-1px;font:8px Rajdhani,Arial;white-space:nowrap;background:#092114d9;color:#a2e7be;padding:2px 3px}.operations-mode .splat-zone,.operations-mode .capture-context-toggle,.operations-mode .command-asset-picker,.operations-mode .scene-toolbar,.operations-mode .orbit-hint{display:none}.traffic-mode .scene-toolbar{display:flex;bottom:134px}.traffic-mode .orbit-hint,.traffic-mode .scene-toolbar button[aria-label="Reset camera"],.traffic-mode .scene-toolbar button[aria-label="Auto orbit"],.traffic-mode .scene-toolbar button[aria-label="Underground tanks"]{display:none}.traffic-mode .capture-credit{bottom:137px;left:calc(var(--panel-width) + 60px);right:calc(var(--panel-width) + 200px);text-align:left}.operations-mode .capture-credit{bottom:150px;left:30%;right:30%}.operations-mode .capture-credit>span{display:none}.traffic-mode .capture-credit{bottom:146px;left:calc(var(--panel-width) + 60px);right:calc(50% + 65px);text-align:left}.operations-mode .splat-stage{left:calc(var(--panel-width) + 61px);right:calc(var(--panel-width) + 61px);top:344px;bottom:483px;border-radius:0;background:#07101b}.operations-mode .splat-stage canvas{-webkit-mask-image:none;mask-image:none}.operations-mode:not(.traffic-mode) .station-layer{visibility:hidden;pointer-events:none}.traffic-mode.variant-petrol .scene{position:absolute;left:calc(var(--panel-width) + 61px);right:calc(var(--panel-width) + 61px);top:344px;bottom:483px;width:auto;height:auto}.operations-mode .asset-inspector{display:none}.operations-workspace:not(.traffic-workspace){bottom:160px}.camera-frame{flex:0 0 calc(var(--stage-height) - 827px);min-height:0}.operations-mode .scene-toolbar{display:flex;bottom:119px;padding:3px}.operations-mode .scene-toolbar button[aria-label="Reset camera"],.operations-mode .scene-toolbar button[aria-label="Auto orbit"],.operations-mode .scene-toolbar button[aria-label="Underground tanks"]{display:none}.ops-solid{color-scheme:dark;scrollbar-width:thin;scrollbar-color:var(--ops-border) transparent}.ops-solid{padding:14px;gap:12px}.ops-solid .ops-block{padding:11px}.ops-solid .sensor-cards button{padding:9px}.ops-solid .safety-summary{padding:16px}.ops-solid .safety-list button{padding:12px 8px}.ops-solid .safety-readiness{padding:10px}.ops-solid .ops-explanation{margin-top:2px}.ops-solid .load-row{margin:9px 0}.ops-solid .ops-trend{height:105px;max-height:105px}[data-workbench=iot] .ops-trend{height:90px;max-height:90px}[data-workbench=maintenance] .ops-timeline li{padding-bottom:12px}.ops-solid .ops-block-title{margin-bottom:8px}.ops-solid .ops-readings>div{padding:7px 0}.ops-solid .sensor-cards button{gap:7px}.ops-solid .tank-vessel{height:120px}.ops-solid .hour-grid button{padding:7px 3px}.tracked-object b[hidden]{display:none}.operations-workspace progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#21344a;border-radius:2px}.operations-workspace progress::-webkit-progress-bar{background:#21344a;border-radius:2px}.operations-workspace progress::-webkit-progress-value{background:var(--ops-accent);border-radius:2px}.operations-workspace progress::-moz-progress-bar{background:var(--ops-accent);border-radius:2px}.safety-readiness{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ops-border);padding:14px;background:var(--ops-surface)}.safety-readiness>div{padding-left:14px;border-left:1px solid var(--ops-border)}.safety-readiness>div:first-child{padding-left:0;border:0}.safety-readiness span{display:block;font-size:11px;color:var(--ops-muted)}.safety-readiness b{display:block;font-size:25px;margin-top:6px;font-weight:500}@media(max-aspect-ratio:4/3){.operations-workspace{left:calc(var(--panel-width) + 35px);right:calc(var(--panel-width) + 35px)}.operations-mode .splat-stage,.traffic-mode.variant-petrol .scene{left:calc(var(--panel-width) + 36px);right:calc(var(--panel-width) + 36px)}.ops-solid{padding:14px;gap:12px}.ops-block{padding:11px}.ops-block-title h3{font-size:12px}.sensor-cards strong{font-size:22px}.sensor-cards button{padding:9px}.ops-section-label{font-size:10px}.ops-section-label>span{font-size:8px}.load-row{grid-template-columns:75px 1fr 60px;font-size:10px}.load-row b{font-size:10px}.tank-schematic{gap:8px}.tank-unit{padding:8px}.camera-osd{font-size:9px}.camera-osd b,.camera-bottom{font-size:8px}.asset-tabs button{padding:10px;font-size:10px}.safety-summary{padding:16px}.safety-summary strong{font-size:22px}}.station-mode .gate-leaf{top:176px;height:428px}.station-mode .gate-leaf-1,.station-mode .gate-leaf-3{top:604px;height:438px}.station-mode .gate-leaf-0 .gate-segment,.station-mode .gate-leaf-2 .gate-segment{top:28px}.station-mode .gate-leaf .hud-inner{height:100%;padding-top:24px;padding-bottom:24px}.station-mode .gate-leaf-1 .hud-inner,.station-mode .gate-leaf-3 .hud-inner{padding-top:30px}.station-mode .gate-leaf-1 .meter{margin-top:24px}.station-mode .gate-leaf-3 .plot.line{height:155px}.station-mode .gate-leaf-3 .traffic-bottom{margin-top:24px}.station-mode .gate-leaf-0 .plot.bar{height:168px}.station-mode .bottom-nav{top:115px;bottom:auto;left:calc(var(--panel-width) + 60px);right:calc(var(--panel-width) + 60px);height:48px;clip-path:none;background:var(--ops-surface);border:1px solid var(--ops-border)}.station-mode .bottom-nav button{flex:1;padding:0 6px;min-width:0}.station-mode .headline-metrics{top:180px;left:calc(var(--panel-width) + 70px);right:calc(var(--panel-width) + 70px)}.station-mode .scene-title{top:245px;left:calc(var(--panel-width) + 60px);right:calc(var(--panel-width) + 60px)}.station-mode .scene-title>span{display:none}.station-mode .scene-toolbar{top:122px;bottom:auto;left:auto;right:46px;transform:none;padding:3px}.station-mode .panels-control{top:84px;bottom:auto;left:auto;right:46px}.station-mode .panels-menu{bottom:auto;top:42px}.station-mode .source-context{display:none}.station-mode .scope-context>svg,.station-mode .scope-context>span:last-child{display:none}.station-mode .station-switcher{bottom:40px;right:calc(var(--panel-width) + 60px)}.station-mode .command-asset-picker{bottom:40px;left:calc(var(--panel-width) + 60px)}.station-mode .orbit-hint{bottom:94px}.station-mode .capture-context-toggle{bottom:100px;right:calc(var(--panel-width) + 65px)}.station-mode .capture-credit{bottom:125px;left:calc(var(--panel-width) + 65px);right:calc(var(--panel-width) + 65px)}.station-mode .capture-credit>span{display:none}.station-mode .splat-stage,.station-mode .scene,.model-interaction-layer{position:absolute;inset:315px calc(var(--panel-width) + 38px) 172px;width:auto;height:auto;border-radius:0}.model-interaction-layer{z-index:6;pointer-events:none}.model-interaction-layer[hidden]{display:none}.station-mode .splat-stage canvas{-webkit-mask-image:none;mask-image:none}.station-mode .scene>canvas{-webkit-mask-image:radial-gradient(ellipse at center,#000 52%,transparent 76%);mask-image:radial-gradient(ellipse at center,#000 52%,transparent 76%)}.model-camera-anchors{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.model-camera-anchors[hidden],.model-camera-pin[hidden]{display:none}.model-camera-pin{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;background:#0b2131ed;border:1px solid var(--ops-accent);padding:7px 10px;font:600 11px Rajdhani;color:var(--ops-text);white-space:nowrap;border-radius:14px;z-index:3}.model-camera-pin[aria-pressed=true]{background:#22465b;box-shadow:0 0 14px #71cfee44}.model-camera-pin:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;background:var(--ops-accent);border-radius:50%}.focused-camera{position:absolute;pointer-events:auto;width:430px;border:1px solid var(--ops-accent);border-radius:8px;background:var(--ops-surface);box-shadow:0 16px 36px #0008;animation:focus-feed-enter .24s ease-out}.focused-camera:before{content:"";position:absolute;left:var(--anchor-x);top:var(--anchor-y);width:10px;height:10px;border:2px solid var(--ops-accent);border-radius:50%;pointer-events:none}.focused-camera header,.focused-camera footer{position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;height:40px}.focused-camera header strong{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:600}.focused-camera header button{font-size:22px;padding:0 5px}.focused-camera canvas{display:block;width:100%;height:202px;background:#050b13}.focused-camera footer{font-size:9px;letter-spacing:0;color:var(--ops-muted)}.focused-camera footer button{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--ops-accent)}.insight-actions{position:absolute;bottom:78px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:6}.insight-actions button{display:flex;align-items:center;gap:8px;padding:10px 13px;background:var(--ops-surface);border:1px solid var(--ops-border);color:var(--ops-accent);font-size:12px;white-space:nowrap}.station-mode:has(.insight-actions) .orbit-hint{display:none}.station-mode:has(.insight-actions) .capture-context-toggle{bottom:137px}.station-mode:has(.insight-actions) .capture-credit{bottom:118px}.station-mode .unified-insight{position:absolute;top:176px;right:32px;bottom:38px;left:32px;z-index:7;background:var(--ops-bg);border:1px solid var(--ops-border);border-radius:24px;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.96);transition:opacity .25s ease,transform .55s var(--gate-ease),visibility 0s .55s;overflow:hidden}.unified-heading{display:flex;justify-content:space-between;align-items:center;height:58px;padding:0 26px;border-bottom:1px solid var(--ops-border);color:var(--ops-muted);font-size:13px;letter-spacing:1.5px}.unified-heading button{display:flex;align-items:center;gap:8px;border:1px solid var(--ops-accent);padding:9px 14px;color:var(--ops-accent);font-size:13px;letter-spacing:0}.unified-insight .operations-workspace{top:78px;right:28px;bottom:24px;left:28px;font-size:15px;pointer-events:auto}.unified-insight .ops-header{height:34px;background:transparent;padding:0}.unified-insight .ops-solid{padding:22px;gap:22px;background:transparent;border:0;display:grid;grid-auto-rows:min-content;align-content:start}.unified-insight .ops-block{padding:20px}.unified-insight .ops-solid .ops-trend{height:150px;max-height:150px}.unified-insight .ops-block h3{font-size:18px}.unified-insight .ops-readings>div,.unified-insight .ops-explanation{font-size:14px}.unified-insight .camera-frame{flex:1;min-height:220px;overflow:hidden;border-radius:8px}.expanded-camera-feed{width:100%;height:100%;display:block;object-fit:contain;background:#050b13}.unified-insight .traffic-workspace>.ops-two-column{height:215px;flex-shrink:0}.unified-insight .density-canvas{height:95px}.unified-insight .ops-two-column{min-height:0}.unified-insight .observation-list button{padding:5px 0}.unified-insight .ops-block-title{margin-bottom:8px}.unified-insight .ops-solid{gap:16px;padding:16px}.unified-insight .ops-solid .ops-block{padding:16px}.unified-insight .density-canvas{object-fit:contain}.unified-insight .traffic-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);grid-template-rows:34px 1fr 1fr 40px;gap:16px}.unified-insight .traffic-workspace>.ops-header{grid-column:1/-1}.unified-insight .traffic-workspace>.camera-frame{grid-column:1;grid-row:2/4;min-height:0}.unified-insight .traffic-workspace>.camera-switch{grid-column:1;grid-row:4}.unified-insight .traffic-workspace>.ops-two-column{display:contents}.unified-insight .traffic-workspace .density-block{grid-column:2;grid-row:2}.unified-insight .traffic-workspace .density-block+.ops-block{grid-column:2;grid-row:3/5}.unified-insight .traffic-workspace .density-canvas{height:150px}.unified-insight .traffic-workspace .observation-list button{padding:14px 0}.unified-insight .traffic-workspace .observation-list b{font-size:16px}.unified-insight .traffic-workspace .observation-list small{font-size:12px}.focus-connector{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}.focus-connector line{stroke:var(--ops-accent);stroke-width:1.5}.detail-open .unified-insight{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition:opacity .3s .45s,transform .55s .35s var(--gate-ease),visibility 0s}.detail-open .gate-leaf{pointer-events:none;transition:transform .7s var(--gate-ease),opacity .2s .5s;opacity:0}.detail-open .gate-leaf-0,.detail-open .gate-leaf-1{transform:translate(calc(var(--stage-width)/4 - var(--panel-width)/2 - 32px))!important}.detail-open .gate-leaf-2,.detail-open .gate-leaf-3{transform:translate(calc(-1*(var(--stage-width)/4 - var(--panel-width)/2 - 32px)))!important}.detail-open .station-layer{opacity:0;pointer-events:none;transition:opacity .35s}.detail-open .scene-title,.detail-open .headline-metrics,.detail-open .command-asset-picker,.detail-open .station-switcher,.detail-open .restore-orbit{visibility:hidden;pointer-events:none}.detail-open .panels-control,.detail-open .orbit-hint{visibility:hidden}.detail-open .scene-toolbar button:nth-child(-n+2){display:none}.unified-insight button:focus-visible,.focused-camera button:focus-visible,.insight-actions button:focus-visible{outline:2px solid var(--ops-accent);outline-offset:3px}@keyframes focus-feed-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-aspect-ratio:4/3){.station-mode .bottom-nav{left:calc(var(--panel-width) + 28px);right:calc(var(--panel-width) + 28px)}.station-mode .bottom-nav button{font-size:10px;padding:0 3px;gap:4px}.station-mode .headline-metrics{left:calc(var(--panel-width) + 35px);right:calc(var(--panel-width) + 35px)}.station-mode .scene-toolbar,.station-mode .panels-control{right:25px}.station-mode .gate-leaf-3 .plot.line{height:135px}.unified-insight .ops-solid{gap:14px;padding:12px}.unified-insight .ops-block{padding:14px}.unified-insight .ops-solid .ops-trend{height:110px;max-height:110px}}@media(prefers-reduced-motion:reduce){.unified-insight,.gate-leaf,.focused-camera{transition:none!important;animation:none!important}}.paused .unified-insight,.paused .focused-camera{transition:none!important;animation:none!important}.command-screen .topbar{height:81px}.command-screen .main-title{left:26%;width:48%;height:81px;background:#0c1928;border-bottom:2px solid #657d94;box-shadow:none;clip-path:polygon(0 0,100% 0,92% 100%,8% 100%)}.command-screen .main-title h1,.command-screen .main-title p{max-width:none;margin-left:auto;margin-right:auto}@media(max-aspect-ratio:4/3){.command-screen .main-title{left:25%;width:50%}.command-screen.station-mode .panels-control{left:155px}}.command-screen .brand,.command-screen .time{z-index:2}.command-screen .brand strong,.command-screen .time strong{font-size:25px}.station-mode .panels-control{top:84px;left:190px;right:auto}.station-mode .scene-toolbar{top:auto;bottom:40px;left:50%;right:auto;transform:translate(-50%);border-color:#57c9df88;background:#0a1b29}.detail-open .scene-toolbar{top:188px;bottom:auto;left:auto;right:260px;transform:none;z-index:9}.detail-open .scene-toolbar button[aria-label="Underground tanks"]{display:none}.command-screen .gate-panel-surface>path{stroke:#64c6d4;fill:#0a1825;stroke-width:1.6}.command-screen .gate-rail{stroke:#74e9e3;filter:drop-shadow(0 0 5px #36cbbc88)}.command-screen .panel-heading{border-bottom-color:#5edce55c}.command-screen .panel-heading h2{color:#b9f4f3}.command-screen .gate-panel-mount{filter:drop-shadow(0 0 5px #29bfd21a)}.station-mode .unified-insight{border-color:#63d8e388;border-radius:16px;box-shadow:inset 0 0 25px #21b4c00b,0 0 20px #29b2c11a;transform:none}.detail-open .unified-insight{transform:none;transition:opacity .3s .3s,visibility 0s}.unified-insight .operations-workspace{transition:opacity .22s,transform .3s;opacity:0;transform:translateY(10px)}.detail-open .unified-insight .operations-workspace{opacity:1;transform:none;transition-delay:.48s}.detail-open .gate-leaf .hud-inner{opacity:0;transition:opacity .14s}.detail-open .gate-leaf{transition:transform .65s var(--gate-ease),opacity .2s .3s}.unified-insight .traffic-workspace{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-template-rows:34px minmax(0,1fr) 205px}.unified-insight .traffic-workspace>.camera-frame{grid-column:1;grid-row:2}.camera-grid{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;min-height:0}.camera-grid button{position:relative;overflow:hidden;min-width:0;min-height:0;border:1px solid #355666;background:#050d15;border-radius:5px;padding:0;text-align:left}.camera-grid button[aria-pressed=true]{border-color:#75e8db;box-shadow:0 0 12px #4ad4c82a}.camera-grid canvas{width:100%;height:100%;display:block;object-fit:cover}.camera-grid button>span{position:absolute;bottom:0;left:0;right:0;background:#061420e8;display:flex;align-items:center;gap:5px;padding:7px;font-size:12px}.camera-grid small{margin-left:auto;font-size:9px;color:#8caaa9}.camera-grid button[aria-pressed=true] small{color:#8cf6df}.unified-insight .traffic-workspace>.ops-two-column{display:grid;grid-column:1/-1;grid-row:3;grid-template-columns:1fr 1fr;height:auto;gap:16px}.unified-insight .traffic-workspace .density-block,.unified-insight .traffic-workspace .density-block+.ops-block{grid-column:auto;grid-row:auto;padding:12px 16px}.unified-insight .traffic-workspace .density-canvas{height:85px}.unified-insight .traffic-workspace .observation-list button{padding:5px 0}.unified-insight .traffic-workspace .observation-list b{font-size:14px}.unified-insight .traffic-workspace .observation-list small{font-size:11px}.unified-insight .traffic-workspace .ops-block{min-height:0;height:100%;box-sizing:border-box}.unified-insight .traffic-workspace .ops-block-title h3{margin:0}.unified-insight .traffic-workspace .ops-block-title{height:25px;margin:0 0 8px}.unified-insight .traffic-workspace .observation-list{line-height:1.15}.unified-insight .traffic-workspace .observation-list button{padding:4px 0}.unified-insight .traffic-workspace .ops-explanation{font-size:12px;line-height:1.3;margin:7px 0 0}@media(prefers-reduced-motion:reduce){.unified-insight .operations-workspace,.gate-leaf .hud-inner{transition:none!important}}.paused .unified-insight .operations-workspace,.paused .gate-leaf .hud-inner{transition:none!important}.command-screen{--ops-muted:#b0c2d2;--ops-accent:#82dafa;--ops-selected:#64e5ce;--ops-selection-surface:#103038}.command-screen .topbar:before,.command-screen .topbar:after{border-top-color:#537d91}.command-screen .panel-heading:after{border-bottom-color:var(--ops-accent)}.command-screen .headline-metrics span,.command-screen .stat>div>span,.command-screen .traffic-values span,.command-screen .chart-label,.command-screen .panel-foot,.command-screen .meter small,.command-screen .capture-credit small,.command-screen .orbit-hint,.command-screen .scene-title small{color:var(--ops-muted)}.command-screen .main-title p,.command-screen .time span{color:var(--ops-muted)}.command-screen .stat.amber>svg{color:var(--ops-accent)}.command-screen .bottom-nav button[aria-current=page],.command-screen .variant-switch button[aria-current=page],.command-screen .scene-toolbar button[aria-pressed=true]{background:var(--ops-selection-surface);color:var(--ops-selected)}.command-screen .bottom-nav button[aria-current=page]:after{background:var(--ops-selected)}.command-screen .splat-zone[aria-pressed=true],.command-screen .model-camera-pin[aria-pressed=true],.command-screen .camera-grid button[aria-pressed=true]{border-color:var(--ops-selected);color:var(--ops-selected);background:var(--ops-selection-surface)}.command-screen .operations-workspace button[aria-pressed=true]{border-color:var(--ops-selected);color:var(--ops-selected)}.command-screen .camera-grid button[aria-pressed=true] small{color:var(--ops-selected)}.command-screen .main-title p span,.command-screen .time b{color:var(--ops-accent)}.data-switch{position:absolute;top:87px;left:232px;display:flex;gap:2px;z-index:8;border:1px solid #7a4a2a;border-radius:4px;padding:2px;background:#170e08}.data-switch button{font-size:10px;letter-spacing:1.3px;padding:5px 12px;min-height:25px;color:#c9a78e;border-radius:2px}.data-switch button[aria-current=page]{background:#5a2a10;color:#ffd2b0}@media(max-aspect-ratio:4/3){.data-switch{left:196px}.data-switch button{font-size:9px;padding:5px 9px}}.command-screen .model-camera-pin.live:before{background:#ff7a1a;box-shadow:0 0 8px #ff7a1a}.live-badge{margin-left:6px;padding:2px 8px;border:1px solid #ff7a1a88;border-radius:3px;color:#ffc39a;font-size:10px;letter-spacing:0;direction:rtl}.live-camera{position:relative;width:100%;height:100%;background:#050b13;overflow:hidden}.live-camera img{display:block;width:100%;height:100%;object-fit:contain}.live-camera.tile img{object-fit:cover}.focused-camera .live-camera{height:202px}.live-camera-state{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:5px;padding:2px 7px;background:#061420d9;border-radius:3px;font-size:10px;color:#e2edf5;direction:rtl}.live-camera-state i{width:6px;height:6px;border-radius:50%;background:#8a98a6}.live-camera[data-state=live] .live-camera-state i{background:#ff5a3c;box-shadow:0 0 6px #ff5a3c}.live-camera[data-state=stale] .live-camera-state i{background:var(--ops-warning)}.live-camera.tile .live-camera-state{top:4px;right:4px}.live-zone-draft{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.live-zone-draft polyline{fill:#ff7a1a33;stroke:#ff7a1a;stroke-width:.004}.live-zone-help{position:absolute;bottom:6px;right:6px;font-size:10px;background:#061420d9;padding:2px 6px;direction:rtl}.live-frame .camera-bottom span{direction:rtl}.island-list{display:grid;gap:5px;overflow:auto;max-height:170px}.island-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:5px 8px;border:1px solid var(--ops-border);border-radius:4px;font-size:12px;direction:rtl}.island-row span small{display:block;font-size:9px;color:var(--ops-muted);direction:ltr;text-align:right}.island-row>small{font-size:10px;color:var(--ops-muted)}.island-row.staffed b{color:var(--ops-success)}.island-row.grace b{color:var(--ops-warning)}.island-row.unstaffed b{color:var(--ops-danger)}.island-row.unknown b{color:var(--ops-muted)}.presence-compare{display:flex;justify-content:space-between;gap:8px;margin:6px 0;padding:6px 9px;border:1px solid var(--ops-border);border-radius:4px;font-size:12px;direction:rtl}.presence-compare b{font-weight:600}.presence-compare.match b{color:var(--ops-success)}.presence-compare.fewer-on-camera b,.presence-compare.more-on-camera b{color:var(--ops-warning)}.presence-compare.camera-offline b,.presence-compare.attendance-unavailable b,.presence-compare.zones-unconfigured b{color:var(--ops-muted)}.island-chips{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0;direction:rtl}.island-chip{font-size:10px;padding:2px 6px;border-radius:3px;border:1px solid var(--ops-border)}.island-chip.staffed{color:var(--ops-success)}.island-chip.grace{color:var(--ops-warning)}.island-chip.unstaffed{color:var(--ops-danger);border-color:var(--ops-danger)}.island-chip.unknown,.live-coverage.unavailable strong,.live-coverage.loading strong{color:var(--ops-muted)}.unified-insight .traffic-workspace>.ops-two-column.live-ops{grid-template-columns:1fr 1fr 1.2fr}.vehicle-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;direction:rtl}.vehicle-counts div{display:flex;flex-direction:column;align-items:center;padding:6px 4px;border:1px solid var(--ops-border);border-radius:4px}.vehicle-counts strong{font-size:30px;line-height:1;color:var(--ops-text)}.vehicle-counts span{font-size:10px;color:var(--ops-muted);margin-top:4px}.vehicle-block.offline .vehicle-counts strong,.vehicle-block.unconfigured .vehicle-counts strong{color:var(--ops-muted)}.vehicle-block .ops-explanation{direction:rtl;margin-top:6px}.safety-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:6px 0;direction:rtl}.safety-count{display:flex;flex-direction:column;align-items:center;padding:4px 2px;border:1px solid var(--ops-border);border-radius:4px}.safety-count b{font-size:18px}.safety-count span{font-size:9px;color:var(--ops-muted)}.safety-count.present b{color:var(--ops-success)}.safety-count.missing b{color:var(--ops-danger)}.safety-count.blocked b{color:var(--ops-warning)}.safety-count.unknown b{color:var(--ops-muted)}.safety-chip{font-size:10px;padding:2px 6px;border-radius:3px;border:1px solid var(--ops-border)}.safety-chip.missing{color:var(--ops-danger);border-color:var(--ops-danger)}.safety-chip.blocked{color:var(--ops-warning)}.safety-chip.unknown{color:var(--ops-muted)}.safety-coverage.alert strong{color:var(--ops-danger)}.safety-coverage.offline strong,.safety-coverage.unconfigured strong{color:var(--ops-muted)}.live-coverage span{direction:rtl}.panel-foot .live-state{color:var(--ops-success)}.panel-foot .live-state.stale,.panel-foot .live-state.loading{color:var(--ops-warning)}.panel-foot .live-state.unavailable{color:var(--ops-muted)}.advisory.unavailable{opacity:.85}.advisory.unavailable b{color:var(--ops-muted)}.presence-compare.device-silent b{color:var(--ops-danger)}.fuel-vessels button.fuel-warning .fuel-vessel i{background:var(--ops-danger)}.demo-badge.live{border-color:#ff7a1a88;color:#ffc39a}.live-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;direction:rtl;margin-bottom:10px}.live-kpis div{padding:8px 10px;border:1px solid var(--ops-border);border-radius:4px}.live-kpis strong{display:block;font-size:22px;line-height:1.1}.live-kpis span{font-size:10px;color:var(--ops-muted)}.live-kpis .review strong{color:var(--ops-warning)}.live-kpis .critical strong{color:var(--ops-danger)}.live-table{width:100%;border-collapse:collapse;font-size:11px;direction:rtl}.live-table th,.live-table td{padding:4px 6px;border-bottom:1px solid var(--ops-border);text-align:right}.live-table th{color:var(--ops-muted);font-weight:500}.live-table td.num{direction:ltr;text-align:left;font-variant-numeric:tabular-nums}.live-table tr.review td{color:var(--ops-warning)}.live-table tr.critical td{color:var(--ops-danger)}.ops-block .rtl,.ops-explanation.rtl{direction:rtl}.live-legend{display:flex;gap:12px;font-size:10px;color:var(--ops-muted);direction:rtl;margin-top:4px}.live-legend i{display:inline-block;width:10px;height:3px;margin-left:4px;vertical-align:middle;background:#71cfee}.live-legend i.base{background:#8299be}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}.mobile-prototype{width:min(100vw,390px);height:min(100dvh,844px);margin-inline:auto;overflow:hidden;position:relative}