:root{--bg-0: #05080F;--bg-1: #0B1220;--bg-2: #121C2E;--bg-3: #17233A;--border: #1E2A44;--border-soft: #152038;--text-hi: #E6EDF7;--text-mid: #9FB0C9;--text-lo: #5C6E8B;--accent-cyan: #22D3EE;--accent-cyan-soft: rgba(34, 211, 238, .12);--accent-cyan-glow: rgba(34, 211, 238, .35);--risk-0: #16A34A;--risk-1: #EAB308;--risk-2: #F97316;--risk-3: #DC2626;--risk-4: #7F1D1D;--risk-0-soft: rgba(22, 163, 74, .15);--risk-1-soft: rgba(234, 179, 8, .18);--risk-2-soft: rgba(249, 115, 22, .18);--risk-3-soft: rgba(220, 38, 38, .22);--risk-4-soft: rgba(127, 29, 29, .45);--font-sans: "Inter", "Space Grotesk", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--shadow-elev: 0 1px 2px rgba(0,0,0,.6), 0 8px 24px rgba(0,0,0,.35);--sidebar-w: 64px;--topbar-h: 56px;--timecursor-h: 68px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;font-family:var(--font-sans);background:var(--bg-0);color:var(--text-hi);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit;cursor:pointer;background:transparent;border:none}input,select{font-family:inherit;color:inherit}code,.mono,time{font-family:var(--font-mono)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:4px}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr var(--timecursor-h);height:100vh}.app-shell>.topbar{grid-row:1;grid-column:1 / 3}.app-shell>.sidebar{grid-row:2 / 4;grid-column:1}.app-shell>.main{grid-row:2;grid-column:2;overflow:auto}.app-shell>.timecursor{grid-row:3;grid-column:2}.dashboard{display:grid;grid-template-rows:auto auto 1fr auto auto;gap:12px;padding:12px;height:100%}.row-posture{display:grid;grid-template-columns:1.2fr 2fr;gap:12px}.row-fleet-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.row-mid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;min-height:360px}.row-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row-sources{font-size:11px;color:var(--text-lo);border-top:1px solid var(--border-soft);padding-top:8px}.auth-shell{display:grid;place-items:center;height:100vh;padding:24px;background:radial-gradient(ellipse at top,var(--bg-2),var(--bg-0))}.auth-stack{display:flex;flex-direction:column;align-items:center;gap:20px}.auth-card{width:360px;padding:28px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elev)}.auth-footer{color:var(--text-lo);font-size:11px;text-align:center}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:6px}.auth-brand-logo{display:block;height:34px;width:auto}.auth-brand-tagline{margin:0;font-size:12.5px;letter-spacing:.04em;color:var(--text-mid)}.auth-divider{height:1px;background:var(--border-soft);margin:18px 0}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.card-header{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-mid);margin-bottom:8px}.score-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px}.score-badge.risk-0{background:var(--risk-0-soft);color:var(--risk-0)}.score-badge.risk-1{background:var(--risk-1-soft);color:var(--risk-1)}.score-badge.risk-2{background:var(--risk-2-soft);color:var(--risk-2)}.score-badge.risk-3{background:var(--risk-3-soft);color:var(--risk-3)}.score-badge.risk-4{background:var(--risk-4-soft);color:var(--risk-4)}.fleet-tile{display:flex;flex-direction:column;gap:4px;padding:10px 12px;min-height:80px;cursor:pointer;transition:border-color .15s}.fleet-tile:hover{border-color:var(--accent-cyan)}.btn-primary{background:var(--accent-cyan);color:var(--bg-0);padding:8px 14px;border-radius:var(--radius);font-weight:600;font-size:13px}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-2);border:1px solid var(--border);color:var(--text-mid);padding:8px 14px;border-radius:var(--radius);font-weight:500;font-size:13px;transition:color .12s,border-color .12s}.btn-secondary:hover{color:var(--text-hi);border-color:var(--text-mid)}.btn-danger{background:var(--risk-3);border:1px solid var(--risk-3);color:#fff;padding:8px 14px;border-radius:var(--radius);font-weight:600;font-size:13px;transition:filter .12s}.btn-danger:hover{filter:brightness(1.1)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.row-action{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--border);color:var(--text-mid);font-size:12px;font-weight:500;line-height:1;white-space:nowrap;transition:color .12s,border-color .12s,background .12s}.row-action svg{width:14px;height:14px;flex-shrink:0}.row-action:hover{color:var(--text-hi);border-color:var(--accent-cyan)}.row-action:focus-visible{outline:none;color:var(--text-hi);border-color:var(--accent-cyan);box-shadow:0 0 0 2px var(--accent-cyan-soft)}.row-action.danger:hover{color:var(--risk-3);border-color:var(--risk-3);background:var(--risk-3-soft)}.row-action.danger:focus-visible{color:var(--risk-3);border-color:var(--risk-3);box-shadow:0 0 0 2px var(--risk-3-soft)}.row-actions{display:inline-flex;gap:8px}.tip{position:relative}.tip:after{content:attr(data-tip);position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:4px 9px;white-space:nowrap;font-size:12px;color:var(--text-hi);background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-elev);opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:50}.tip:hover:after,.tip:focus-visible:after{opacity:1}.input{width:100%;padding:8px 10px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--text-hi)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#05080fb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius);pointer-events:none}.overlay-text{color:var(--text-mid);font-size:12px}.sat-marker{width:10px;height:10px;border-radius:50%;background:var(--marker-color, #5C6E8B);box-shadow:0 0 8px var(--marker-color, #5C6E8B);border:1px solid rgba(255,255,255,.4)}.sat-marker .tag{position:absolute;left:14px;top:-4px;font-size:10px;color:var(--text-hi);background:#00000080;padding:0 4px;border-radius:3px;white-space:nowrap}.panel{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:0}.panel-head{display:flex;align-items:center;gap:10px;padding:10px 14px 8px;border-bottom:1px solid var(--border-soft);flex-shrink:0}.panel-head h3{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:var(--text-mid);font-weight:600}.panel-head .spacer{flex:1}.panel-body{padding:12px 14px 14px;flex:1;min-height:0;overflow:hidden}.panel-body.scroll{overflow-y:auto}.dashboard.map-expanded{grid-template-rows:1fr}.dashboard.map-expanded>*{display:none}.dashboard.map-expanded>.row-mid{display:grid;grid-template-columns:1fr;min-height:0}.dashboard.map-expanded>.row-mid>:not(.world-map-host){display:none}.world-map-wrap{position:relative;flex:1;min-height:0}.world-map{position:absolute;top:0;right:0;bottom:0;left:0}.map-expand-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-block:-5px;padding:0;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-mid);cursor:pointer;transition:color .12s,background .12s,border-color .12s}.map-expand-btn:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.map-expand-btn:focus-visible{color:var(--accent-cyan);border-color:var(--accent-cyan);outline:2px solid var(--accent-cyan-glow);outline-offset:1px}.map-expand-btn svg{width:14px;height:14px;display:block}.overlay-picker{position:absolute;top:10px;right:10px;background:#0a101ce6;border:1px solid var(--border);border-radius:var(--radius);padding:4px;display:flex;gap:2px;z-index:5}.overlay-picker button{background:transparent;border:0;color:var(--text-mid);font-size:10.5px;padding:5px 10px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.1em}.overlay-picker button.active{background:var(--accent-cyan-soft);color:var(--accent-cyan)}.drag-sat-picker{position:absolute;top:10px;left:10px;background:#0a101ce6;border:1px solid var(--border);border-radius:var(--radius);padding:4px 8px;display:flex;align-items:center;gap:8px;z-index:5;font-size:10.5px;color:var(--text-mid);text-transform:uppercase;letter-spacing:.1em}.drag-sat-picker{overflow:visible}.orbit-label{color:var(--text-mid);white-space:nowrap}.orbit-control{position:relative;display:inline-flex}.orbit-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:90px;background:var(--bg-2);border:1px solid var(--border);color:var(--accent-cyan);font-size:11px;font-family:inherit;padding:3px 8px;border-radius:var(--radius-sm);cursor:pointer;outline:none;text-transform:none;letter-spacing:0;transition:border-color .12s,background .12s}.orbit-trigger:hover{border-color:var(--accent-cyan)}.orbit-trigger:focus-visible{border-color:var(--accent-cyan);outline:2px solid var(--accent-cyan-glow);outline-offset:1px}.orbit-caret{width:9px;height:9px;color:var(--text-mid);transition:transform .14s ease}.drag-sat-picker.open .orbit-caret{transform:rotate(180deg)}.drag-sat-picker.locked{opacity:.55}.drag-sat-picker.locked .orbit-trigger{cursor:not-allowed;pointer-events:none}.orbit-menu{position:absolute;top:calc(100% + 6px);left:0;margin:0;padding:4px;list-style:none;width:100%;box-sizing:border-box;background:#0a101cf7;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.orbit-option{padding:6px 4px;font-size:11px;text-transform:none;letter-spacing:0;color:var(--text-hi);border-radius:var(--radius-sm);cursor:pointer;transition:background .1s,color .1s}.orbit-option:hover{background:#ffffff0d}.orbit-option.selected{background:var(--accent-cyan-soft);color:var(--accent-cyan)}.world-map-scale{position:absolute;left:10px;bottom:10px;background:#0a101cd9;border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px 0;font-size:10px;color:var(--text-mid);display:flex;flex-direction:row;align-items:center;gap:10px;z-index:5;pointer-events:none}.world-map-scale .scale-caption{line-height:1.15;margin-top:-5.5px;color:var(--text-hi);letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.world-map-scale .scale-caption .unit{color:var(--text-mid);opacity:.8;margin-left:4px}.world-map-scale .scale-bar-col{position:relative;display:flex;flex-direction:column;width:180px}.world-map-scale .scale-bar{width:100%;height:8px;border-radius:1px;border:1px solid rgba(255,255,255,.08)}.world-map-scale .scale-ticks{position:relative;list-style:none;margin:0;padding:0;height:14px;width:100%}.world-map-scale .scale-ticks li{position:absolute;top:4px;font-size:9.5px;line-height:1;white-space:nowrap;color:var(--text-mid);transform:translate(-50%)}.world-map-scale .scale-ticks li:before{content:"";position:absolute;top:-4px;left:50%;width:1px;height:3px;background:var(--text-mid);opacity:.6}.world-map-scale .score-legend{list-style:none;margin:0 0 7px;padding:0;display:flex;gap:10px}.world-map-scale .score-legend li{display:flex;align-items:center;gap:4px;white-space:nowrap}.world-map-scale .score-legend .swatch{width:9px;height:9px;border-radius:2px;display:inline-block}.hist-heat{display:flex;flex-direction:column;gap:8px}.hist-heat-cells{display:flex;gap:2px;height:28px}.hist-heat-cell{flex:1;min-width:0;border-radius:2px}.hist-heat-cell.nodata{background:repeating-linear-gradient(45deg,var(--bg-3),var(--bg-3) 2px,transparent 2px,transparent 4px);border:1px solid var(--border-soft)}.hist-heat-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--text-lo)}.hist-heat-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;color:var(--text-mid)}.hist-heat-legend li{display:flex;align-items:center;gap:4px;white-space:nowrap}.hist-heat-legend .swatch{width:9px;height:9px;border-radius:2px;display:inline-block}.hist-heat-legend .swatch.nodata{background:repeating-linear-gradient(45deg,var(--bg-3),var(--bg-3) 2px,transparent 2px,transparent 4px);border:1px solid var(--border-soft)}.leaflet-container{background:#04070e!important;font-family:inherit;outline:none;isolation:isolate}.leaflet-control-zoom.leaflet-bar{background:#0a101cd9!important;border:1px solid var(--border)!important;box-shadow:none!important;border-radius:var(--radius)!important;overflow:hidden;display:flex;flex-direction:row-reverse}.leaflet-control-zoom a{background-color:transparent!important;box-sizing:border-box!important;width:26px!important;height:26px!important;padding-bottom:3px!important;color:var(--text-mid)!important;font-size:16px!important;font-weight:400!important;border-bottom:none!important;border-right:1px solid var(--border)!important;border-radius:0!important;display:flex!important;align-items:center;justify-content:center;line-height:1!important}.leaflet-control-zoom a:first-child{border-right:none!important}.leaflet-control-zoom a:hover{background-color:#22d3ee1f!important;color:var(--accent-cyan)!important}.leaflet-control-zoom a.leaflet-disabled{opacity:.5;color:var(--text-lo)!important;background-color:transparent!important}.dock-cursor{padding:12px 14px;background:var(--bg-0);display:flex;align-items:center;min-width:0;box-shadow:0 -6px 12px #00000073;position:relative;z-index:5}.dock-cursor>.time-cursor{flex:1 1 auto;min-width:0}.time-cursor{padding:6px 12px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;min-height:44px}.time-cursor .controls{display:flex;gap:6px;align-items:center}.time-cursor .controls button{background:var(--bg-2);border:1px solid var(--border);color:var(--text-mid);width:30px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:13px}.time-cursor .controls button:hover{background:var(--bg-3);color:var(--text-hi)}.time-cursor .controls button:disabled{opacity:.35;cursor:default}.time-cursor .controls button:disabled:hover{background:var(--bg-2);color:var(--text-mid)}.time-cursor .controls button.play{color:var(--accent-cyan);border-color:#22d3ee59}.time-cursor .controls button.speed svg,.time-cursor .controls button.reset svg{width:16px;height:16px;display:block;pointer-events:none}.time-cursor .slider-wrap{position:relative;height:28px;display:flex;align-items:center}.time-cursor .slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--bg-3);border-radius:3px;outline:none}.time-cursor .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-cyan);border:2px solid #0A111F;cursor:pointer;box-shadow:0 0 12px var(--accent-cyan-glow)}.time-cursor .slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-cyan);border:2px solid #0A111F;cursor:pointer}.time-cursor .labels{position:relative;height:12px;font-family:var(--font-mono);font-size:9.5px;color:var(--text-lo);margin-top:2px;width:100%}.time-cursor .labels button{position:absolute;top:0;white-space:nowrap;padding:0;border:0;background:transparent;font:inherit;color:inherit;line-height:1;cursor:pointer}.time-cursor .labels button:hover{color:var(--text-hi)}.time-cursor .labels .mark-start{transform:translate(0)}.time-cursor .labels .mark-mid{transform:translate(-50%)}.time-cursor .labels .mark-end{transform:translate(-100%)}.time-cursor .read{font-family:var(--font-mono);font-size:11px;color:var(--accent-cyan);min-width:110px;text-align:right;line-height:1.3;white-space:nowrap}.time-cursor .read .rel{color:var(--text-hi);font-size:12px}.time-cursor .read .clock{color:var(--accent-cyan)}.time-cursor .read .live{color:#16a34a;margin-left:8px}
