@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;600;800;900&family=Share+Tech+Mono&display=swap";:root{--bg-deep:#313647;--bg-surface:#435663;--bg-surface-glow:#435663cc;--primary:#a3b087;--primary-glow:#a3b08766;--success:#22c55e;--success-glow:#22c55e66;--warning:#f59e0b;--warning-glow:#f59e0b66;--danger:#ef4444;--danger-glow:#ef444466;--cyan:#a3b087;--cyan-glow:#a3b08766;--purple:#8b5cf6;--purple-glow:#8b5cf666;--text-primary:#fff8d4;--text-secondary:#fff8d4b3;--text-muted:#fff8d466;--border:#a3b08740;--border-glow:#a3b08726;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-hud:"Orbitron", "Share Tech Mono", sans-serif;--font-mono:"Share Tech Mono", monospace;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}#root{border:none;grid-template-rows:60px 1fr;grid-template-columns:260px 1fr;width:100vw;max-width:100vw;height:100vh;margin:0;padding:0;display:grid}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.hud-panel{background:var(--bg-surface-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-top:2px solid var(--primary);border-radius:4px;padding:16px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080,inset 0 0 20px #a3b0870d}.hud-panel.cyan-panel{border-top-color:var(--cyan);box-shadow:0 4px 20px #00000080,inset 0 0 20px #a3b0870d}.hud-panel.purple-panel{border-top-color:var(--purple)}.hud-panel.warning-panel{border-top-color:var(--warning)}.hud-panel.danger-panel{border-top-color:var(--danger);animation:2s ease-in-out infinite panel-pulse-danger}@keyframes panel-pulse-danger{0%,to{border-color:#ef444480}50%{border-color:var(--danger);box-shadow:0 0 15px #ef44444d}}.hud-panel:before{content:"";border-top:2px solid var(--cyan);border-left:2px solid var(--cyan);pointer-events:none;width:10px;height:10px;position:absolute;top:0;left:0}.hud-panel:after{content:"";border-bottom:2px solid var(--cyan);border-right:2px solid var(--cyan);pointer-events:none;width:10px;height:10px;position:absolute;bottom:0;right:0}.hud-header{font-family:var(--font-hud);letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);margin-top:0;font-weight:600}.hud-value{font-family:var(--font-mono);color:var(--cyan)}.hud-button{border:1px solid var(--primary);color:var(--text-primary);font-family:var(--font-hud);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:#a3b0871a;border-radius:2px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;transition:all .2s;display:inline-flex}.hud-button:hover{background:var(--primary);box-shadow:0 0 12px var(--primary-glow);color:#313647}.hud-button:active{transform:translateY(1px)}.hud-button.cyan-btn{border-color:var(--cyan);color:var(--cyan);background:#a3b0871a}.hud-button.cyan-btn:hover{background:var(--cyan);color:var(--bg-deep);box-shadow:0 0 12px var(--cyan-glow)}.hud-button.danger-btn{border-color:var(--danger);color:var(--danger);background:#ef44441a}.hud-button.danger-btn:hover{background:var(--danger);color:#fff;box-shadow:0 0 12px var(--danger-glow)}.hud-button.disabled,.hud-button:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border);color:var(--text-muted);box-shadow:none;background:#ffffff0d}.slider-control{width:100%;accent-color:var(--cyan)}.master-alarm{border:1px solid var(--danger);color:var(--danger);font-family:var(--font-hud);text-align:center;letter-spacing:.2em;background:#ef444433;padding:8px;font-weight:800;animation:1s steps(2,end) infinite flash-red}@keyframes flash-red{0%,to{opacity:.2}50%{opacity:1;box-shadow:0 0 15px var(--danger-glow);background:#ef444466}}.led-indicator{background-color:var(--text-muted);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:inset 0 1px 1px #00000080}.led-indicator.green{background-color:var(--success);box-shadow:0 0 8px var(--success-glow)}.led-indicator.yellow{background-color:var(--warning);box-shadow:0 0 8px var(--warning-glow)}.led-indicator.red{background-color:var(--danger);box-shadow:0 0 8px var(--danger-glow)}.led-indicator.blue{background-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.led-indicator.cyan{background-color:var(--cyan);box-shadow:0 0 8px var(--cyan-glow)}.scanlines{pointer-events:none;z-index:100;opacity:.3;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.header-bar{background-color:var(--bg-surface);border-bottom:1px solid var(--border);z-index:10;grid-area:1/1/auto/3;justify-content:space-between;align-items:center;padding:0 20px;display:flex;box-shadow:0 2px 10px #00000080}.sidebar-bar{background-color:var(--bg-surface);border-right:1px solid var(--border);z-index:9;flex-direction:column;grid-area:2/1;justify-content:space-between;padding:20px 0;display:flex}.main-view{background-color:var(--bg-deep);grid-area:2/2;padding:24px;position:relative;overflow-y:auto}.sidebar-nav{flex-direction:column;gap:4px;width:100%;display:flex}.nav-item{color:var(--text-secondary);font-family:var(--font-hud);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 24px;font-size:.85rem;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background:#a3b0870d}.nav-item.active{color:var(--cyan);border-left-color:var(--cyan);background:#a3b08714}.agency-badge{font-family:var(--font-hud);letter-spacing:.15em;color:var(--text-primary);align-items:center;gap:10px;font-size:1.1rem;font-weight:800;display:flex}.agency-badge span{color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow)}