:root{--noc-background: #030308;--noc-panel: #12121a;--noc-panel-border: rgba(1, 169, 130, .25);--noc-panel-glow: 0 0 25px rgba(1, 169, 130, .15);--noc-accent: #01a982;--noc-accent-bright: #00e6ad;--noc-accent-dim: rgba(1, 169, 130, .6);--noc-ok: #00e6ad;--noc-warning: #ffbc44;--noc-critical: #ff4444;--noc-info: #00c8ff;--noc-text-primary: #f0f4f8;--noc-text-secondary: #9aafbf;--noc-text-dim: #5a7080;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--top-bar-height: 48px;--live-feed-height: 140px;--side-panel-width: 220px;--transition-fast: .2s ease;--transition-normal: .3s ease;--glass-bg: rgba(10, 18, 30, .65);--glass-border: rgba(255, 255, 255, .18);--glass-highlight: rgba(255, 255, 255, .35);--glass-glow: 0 4px 30px rgba(1, 169, 130, .25), 0 0 1px rgba(255, 255, 255, .15);--glass-blur: 16px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{background:var(--noc-background);font-family:var(--font-sans);color:var(--noc-text-primary)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);pointer-events:none;z-index:9999;opacity:.3}.mission-control{display:grid;grid-template-rows:var(--top-bar-height) 1fr var(--live-feed-height);grid-template-columns:1fr;grid-template-areas:"top-bar" "globe" "live-feed";width:100vw;height:100vh}.mission-control.left-collapsed .left-panel{transform:translate(calc(-100% - var(--spacing-md)));opacity:0;pointer-events:none}.mission-control.bottom-collapsed{grid-template-rows:var(--top-bar-height) 1fr 0}.top-bar{grid-area:top-bar;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);background:linear-gradient(180deg,#0c1623d9,#08101cbf);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0006,inset 0 -1px #ffffff0f;z-index:100;position:relative}.top-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--noc-accent-bright) 20%,var(--noc-accent) 50%,var(--noc-accent-bright) 80%,transparent 100%);opacity:.5}.top-bar-left{display:flex;align-items:center;gap:var(--spacing-md)}.brand{display:flex;align-items:center}.brand-logo{height:32px;width:auto;filter:drop-shadow(0 0 6px rgba(1,169,130,.3))}.brand-logo path:not([fill]){fill:var(--noc-text-primary)}.top-bar-center{display:flex;align-items:center;gap:var(--spacing-lg)}.current-time{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--noc-text-primary);letter-spacing:2px;text-shadow:0 0 20px rgba(255,255,255,.15);line-height:1}.current-date{font-family:var(--font-mono);font-size:11px;color:var(--noc-text-secondary);line-height:1;margin-top:2px}.top-bar-right{display:flex;align-items:center;gap:var(--spacing-md)}.ws-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.ws-status-dot{width:8px;height:8px;border-radius:50%;background:var(--noc-warning);animation:pulse 1.5s ease-in-out infinite}.ws-status.connected .ws-status-dot{background:var(--noc-ok);box-shadow:0 0 10px var(--noc-ok),0 0 20px #00e6ad4d;animation:none}.ws-status.disconnected .ws-status-dot{background:var(--noc-critical);box-shadow:0 0 10px var(--noc-critical);animation:pulse .8s ease-in-out infinite}.operator-badge{font-family:var(--font-mono);font-size:11px;color:var(--noc-text-dim);text-transform:uppercase}.globe-container{grid-area:globe;position:relative;overflow:hidden;background:var(--noc-background)}.globe-container:before,.globe-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.globe-container:before{background:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 25% 35%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 40% 8%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 55% 42%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 70% 18%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 85% 55%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 5% 65%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 15% 80%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 30% 60%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 45% 75%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 60% 88%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 75% 70%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90% 30%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 95% 80%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 8% 45%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 22% 92%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 50% 25%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 65% 5%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 80% 45%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 35% 50%,rgba(255,255,255,.3),transparent);z-index:0}.globe-container:after{background:radial-gradient(1.5px 1.5px at 12% 22%,rgba(200,230,255,.8),transparent),radial-gradient(1px 1px at 33% 12%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 48% 55%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 62% 32%,rgba(200,220,255,.7),transparent),radial-gradient(1px 1px at 78% 62%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 88% 12%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 3% 88%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 18% 55%,rgba(220,240,255,.6),transparent),radial-gradient(1px 1px at 42% 38%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 57% 68%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 72% 85%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 92% 48%,rgba(200,230,255,.7),transparent),radial-gradient(1px 1px at 27% 72%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 52% 92%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 68% 15%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 82% 78%,rgba(255,255,255,.4),transparent);z-index:0}#globe-container{width:100%;height:100%}.globe-hud{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:4px}.hud-stat{display:flex;align-items:center;gap:4px}.hud-stat-value{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--noc-accent-bright);text-shadow:0 0 8px rgba(0,230,173,.3)}.hud-stat-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--noc-text-dim)}.left-panel{position:fixed;top:calc(var(--top-bar-height) + var(--spacing-md));left:var(--spacing-md);width:var(--side-panel-width);display:flex;flex-direction:column;background:linear-gradient(180deg,#0a121ebf,#080e18a6);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:10px;box-shadow:var(--glass-glow),0 8px 32px #0006;overflow:hidden;transition:transform var(--transition-normal),opacity var(--transition-normal);z-index:90}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--noc-panel-border);border-radius:10px 10px 0 0}.panel-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--noc-text-secondary)}.panel-title-icon{width:16px;height:16px;color:var(--noc-accent-bright);filter:drop-shadow(0 0 4px rgba(1,169,130,.4))}.panel-content{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.health-card{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:var(--spacing-xs) var(--spacing-sm);display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 2px 8px #0003;transition:all var(--transition-fast)}.health-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 30%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.2) 70%,transparent 100%)}.health-card:hover{border-color:#00e6ad66;box-shadow:inset 0 1px #ffffff1f,0 0 20px #01a98226,0 0 40px #01a9820d}.health-card-header{display:flex;align-items:center;justify-content:space-between}.health-card-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--noc-text-secondary)}.health-status{display:flex;align-items:center;gap:var(--spacing-xs)}.health-status-indicator{width:10px;height:10px;border-radius:3px}.health-status-indicator.ok{background:var(--noc-ok);box-shadow:0 0 10px var(--noc-ok),0 0 20px #00e6ad33;animation:gentlePulse 3s ease-in-out infinite}.health-status-indicator.warning{background:var(--noc-warning);box-shadow:0 0 10px var(--noc-warning),0 0 20px #ffbc4433;animation:pulse 1.5s ease-in-out infinite}.health-status-indicator.critical{background:var(--noc-critical);box-shadow:0 0 12px var(--noc-critical),0 0 24px #f443;animation:pulse .8s ease-in-out infinite}.health-card-value{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--noc-text-primary);text-shadow:0 0 15px rgba(255,255,255,.1)}.health-card-unit{font-size:11px;color:var(--noc-text-secondary);margin-left:var(--spacing-xs)}.sparkline{height:16px;background:#01a98214;border-radius:4px;overflow:hidden;position:relative}.sparkline-bar{position:absolute;bottom:0;width:3px;background:var(--noc-accent-bright);border-radius:2px 2px 0 0;transition:height var(--transition-fast);box-shadow:0 0 4px #00e6ad4d}.anomaly-alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ff44441f;border:1px solid rgba(255,68,68,.35);border-radius:6px;font-size:11px;color:var(--noc-critical);animation:alertPulse 2s ease-in-out infinite}.anomaly-alert-icon{width:16px;height:16px}.threat-filter-inline{display:flex;flex-direction:column;align-items:center;gap:2px}.threat-filter-label{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--noc-text-dim);white-space:nowrap}.threat-filter{display:flex;gap:2px}.threat-badge{display:flex;align-items:center;justify-content:center;width:18px;height:16px;background:#0006;border:1px solid transparent;border-radius:3px;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-mono);font-size:9px;font-weight:700;padding:0}.threat-badge:hover{background:#ffffff14}.threat-badge.disabled{opacity:.25}.threat-badge[data-threat="0"]{color:#00ff96;border-color:#00ff9659}.threat-badge[data-threat="1"]{color:#96ff00;border-color:#96ff0059}.threat-badge[data-threat="2"]{color:#ff0;border-color:#ffff0059}.threat-badge[data-threat="3"]{color:orange;border-color:#ffa50059}.threat-badge[data-threat="4"]{color:#ff3200;border-color:#ff320059}.threat-badge[data-threat="5"]{color:#ff0032;border-color:#ff003259}.live-feed-bar{grid-area:live-feed;display:flex;align-items:stretch;background:linear-gradient(0deg,#080e18d9,#0a121eb3);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);box-shadow:0 -4px 30px #0000004d,inset 0 1px #ffffff0f;overflow:hidden;transition:opacity var(--transition-normal);position:relative}.live-feed-resize-handle{position:absolute;top:0;left:0;right:0;height:6px;cursor:ns-resize;z-index:10;background:transparent;transition:background var(--transition-fast)}.live-feed-resize-handle:hover,.live-feed-resize-handle.active{background:linear-gradient(90deg,transparent 0%,var(--noc-accent-bright) 20%,var(--noc-accent) 50%,var(--noc-accent-bright) 80%,transparent 100%);opacity:.7}.live-feed-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--noc-accent) 15%,var(--noc-accent-bright) 50%,var(--noc-accent) 85%,transparent 100%);opacity:.4}.mission-control.bottom-collapsed .live-feed-bar{transform:translateY(100%);opacity:0;pointer-events:none}.live-feed-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:3px;padding:var(--spacing-sm) var(--spacing-sm);border-right:1px solid rgba(255,255,255,.08);flex-shrink:0}.live-feed-header-top{display:flex;flex-direction:column;align-items:center;gap:2px}.live-feed-icon{width:16px;height:16px;color:var(--noc-accent-bright);filter:drop-shadow(0 0 4px rgba(0,230,173,.5))}.live-feed-title{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:2px;color:var(--noc-accent-bright);text-shadow:0 0 8px rgba(0,230,173,.4);animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:.7}50%{opacity:1}}.event-feed{flex:1;overflow-x:hidden;overflow-y:auto;padding:2px var(--spacing-sm);display:flex;flex-direction:column;gap:0;scroll-behavior:smooth;font-family:var(--font-mono);font-size:11px;line-height:1.6}.event-line{display:flex;gap:var(--spacing-sm);padding:0 var(--spacing-xs);white-space:nowrap;cursor:pointer;border-left:2px solid transparent;transition:background var(--transition-fast)}.event-line:hover{background:#ffffff0a}.event-line.info{border-left-color:var(--noc-info)}.event-line.warn{border-left-color:var(--noc-warning)}.event-line.error{border-left-color:var(--noc-critical)}.event-line.critical{border-left-color:var(--noc-critical);background:#ff44440f}.ev-time{color:var(--noc-text-dim);font-size:10px;flex-shrink:0}.ev-severity{font-size:10px;font-weight:700;flex-shrink:0;min-width:36px}.event-line.info .ev-severity{color:var(--noc-info)}.event-line.warn .ev-severity{color:var(--noc-warning)}.event-line.error .ev-severity,.event-line.critical .ev-severity{color:var(--noc-critical)}.ev-source{color:var(--noc-accent-bright);font-size:10px;flex-shrink:0}.ev-msg{color:var(--noc-text-primary);font-size:10px;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.ev-tuple{color:var(--noc-accent);font-size:10px;flex-shrink:0}.ev-bw{color:var(--noc-text-secondary);font-size:10px;flex-shrink:0}.ev-threat{font-size:10px;font-weight:700;flex-shrink:0}.ev-meta{color:var(--noc-text-dim);font-size:10px;flex-shrink:0}.shortcuts-hint{position:fixed;bottom:calc(var(--live-feed-height) + var(--spacing-lg));left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#0a121ecc;border:1px solid var(--glass-border);border-radius:8px;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));font-size:10px;color:var(--noc-text-dim);z-index:50;opacity:0;transition:opacity var(--transition-normal);overflow:hidden;box-shadow:var(--glass-glow),inset 0 1px 0 var(--glass-highlight)}.shortcuts-hint:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--glass-highlight) 30%,rgba(255,255,255,.5) 50%,var(--glass-highlight) 70%,transparent 100%)}body:hover .shortcuts-hint{opacity:1}.shortcuts-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:3px;font-family:var(--font-mono);font-size:10px;color:var(--noc-accent-bright);box-shadow:inset 0 1px #ffffff1f}.pause-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-lg);background:#0a0a0ff2;border:2px solid var(--noc-accent-bright);border-radius:12px;font-family:var(--font-mono);font-size:32px;font-weight:700;color:var(--noc-accent-bright);z-index:1000;box-shadow:0 0 60px #00e6ad66,0 0 120px #01a98226}.pause-indicator.visible{display:flex;animation:pausePulse 2s ease-in-out infinite}.pause-indicator svg{width:40px;height:40px}.toast{position:fixed;top:calc(var(--top-bar-height) + var(--spacing-md));left:50%;transform:translate(-50%);padding:var(--spacing-sm) var(--spacing-md);background:#0c1420f2;border:1px solid var(--noc-accent-bright);border-radius:6px;font-family:var(--font-mono);font-size:12px;color:var(--noc-text-primary);z-index:2000;box-shadow:0 4px 20px #00000080,0 0 20px #01a98233;animation:toastIn .3s ease-out}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes gentlePulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes alertPulse{0%,to{background:#ff44441a}50%{background:#f443}}@keyframes criticalFlash{0%,to{background:#ff44441a}50%{background:#f443}}@keyframes pausePulse{0%,to{opacity:.7;box-shadow:0 0 40px #00e6ad4d}50%{opacity:1;box-shadow:0 0 60px #00e6ad80}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@media (max-width: 1366px){.health-card-value{font-size:20px}}@media (max-width: 1024px){:root{--side-panel-width: 200px}}@media (max-width: 768px){:root{--top-bar-height: 40px;--live-feed-height: 100px;--side-panel-width: 200px}.top-bar-center{display:none}.current-time{font-size:20px}.globe-hud{display:none}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#01a9824d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--noc-accent-dim)}@media (prefers-contrast: high){:root{--noc-panel-border: rgba(255, 255, 255, .4);--noc-text-secondary: #aabbcc;--noc-text-dim: #889999}}*:focus-visible{outline:2px solid var(--noc-accent-bright);outline-offset:2px}