:root{--abyss-bg: #00101a;--abyss-bg-elevated: #001824;--abyss-surface: #0a2230;--abyss-surface-glass: rgba(10, 34, 48, .72);--neon-cyan: #00e5ff;--neon-cyan-dim: rgba(0, 229, 255, .15);--neon-teal: #00d4aa;--neon-teal-dim: rgba(0, 212, 170, .12);--neon-amber: #ff9e42;--neon-amber-dim: rgba(255, 158, 66, .15);--signal-active: #00e5ff;--signal-warning: #ffb74d;--signal-critical: #ff6b6b;--signal-dormant: #4a6572;--text-primary: #e8f4f8;--text-secondary: #94b8c4;--text-muted: #5a7a85;--glass-border: rgba(0, 229, 255, .12);--glass-border-subtle: rgba(148, 184, 196, .08);--glass-refraction: inset 0 1px 0 rgba(255, 255, 255, .06);--glass-backdrop: blur(20px) saturate(180%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Geist,Inter,system-ui,-apple-system,sans-serif;background:var(--abyss-bg);color:var(--text-primary);line-height:1.5;min-height:100dvh;overflow-x:hidden}.abyssal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(0,229,255,.04) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(0,212,170,.03) 0%,transparent 50%),var(--abyss-bg);pointer-events:none}.abyssal-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(0,229,255,.01) 100px,rgba(0,229,255,.01) 101px);-webkit-mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent);mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent)}.depth-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(0,229,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.015) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 70%);pointer-events:none}.atlas-container{min-height:100dvh;display:grid;grid-template-columns:380px 1fr;gap:var(--space-6);padding:var(--space-6);max-width:1600px;margin:0 auto}@media(max-width:1024px){.atlas-container{grid-template-columns:1fr;gap:var(--space-5)}}@media(max-width:640px){.atlas-container{padding:var(--space-4)}}.glass-panel{background:var(--abyss-surface-glass);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-refraction),0 8px 32px #0000004d;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,229,255,.15) 0%,transparent 40%,transparent 60%,rgba(0,212,170,.08) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass-panel-subtle{background:#0a223066;border-color:var(--glass-border-subtle)}.narrative-column{display:flex;flex-direction:column;gap:var(--space-6)}.brand-mark{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.brand-icon{width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center}.brand-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--neon-cyan);border-radius:var(--radius-md);transform:rotate(45deg);opacity:.6}.brand-icon:after{content:"";width:12px;height:12px;background:var(--neon-cyan);border-radius:50%;box-shadow:0 0 12px var(--neon-cyan)}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.brand-tagline{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.narrative-content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.narrative-title{font-size:2rem;font-weight:600;line-height:1.15;letter-spacing:-.03em;color:var(--text-primary)}@media(max-width:640px){.narrative-title{font-size:1.5rem}}.narrative-lead{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:45ch}.stats-row{display:flex;gap:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--glass-border-subtle)}.stat-item{display:flex;flex-direction:column;gap:var(--space-1)}.stat-value{font-size:1.5rem;font-weight:600;color:var(--neon-cyan);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.observatory-column{display:grid;grid-template-rows:auto 1fr;gap:var(--space-5);min-height:0}@media(max-width:1024px){.observatory-column{order:-1}}.signal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);gap:var(--space-4);flex-wrap:wrap}.signal-status{display:flex;align-items:center;gap:var(--space-3)}.pulse-indicator{width:10px;height:10px;background:var(--signal-active);border-radius:50%;box-shadow:0 0 8px var(--neon-cyan);position:relative}.pulse-indicator:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid var(--neon-cyan);border-radius:50%;opacity:.4;animation:pulse-ring 2s ease-out infinite}@media(prefers-reduced-motion:reduce){.pulse-indicator:before{animation:none;opacity:.2}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(2.5);opacity:0}}.status-text{font-size:.875rem;color:var(--text-secondary)}.status-text strong{color:var(--neon-cyan);font-weight:500}.timestamp{font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto 1fr;gap:var(--space-5);min-height:0}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}}.panel-full{grid-column:1 / -1}.anomaly-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);max-height:280px;overflow-y:auto}.anomaly-list::-webkit-scrollbar{width:6px}.anomaly-list::-webkit-scrollbar-track{background:transparent}.anomaly-list::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.anomaly-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#00182480;border:1px solid var(--glass-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.anomaly-item:hover{background:#00e5ff0f;border-color:var(--glass-border)}.anomaly-item:focus-visible{outline:1px solid var(--neon-cyan);outline-offset:2px}.anomaly-item.active{background:var(--neon-cyan-dim);border-color:#00e5ff4d}.anomaly-signal{width:8px;height:8px;border-radius:50%;flex-shrink:0}.anomaly-signal.cyan{background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan)}.anomaly-signal.amber{background:var(--neon-amber);box-shadow:0 0 6px var(--neon-amber)}.anomaly-signal.teal{background:var(--neon-teal);box-shadow:0 0 6px var(--neon-teal)}.anomaly-info{flex:1;min-width:0}.anomaly-id{font-size:.8125rem;font-weight:500;color:var(--text-primary);letter-spacing:.02em}.anomaly-meta{font-size:.75rem;color:var(--text-muted);margin-top:2px}.anomaly-depth{font-size:.75rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.sector-atlas{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.atlas-header{display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}@media(max-width:640px){.sector-grid{grid-template-columns:repeat(3,1fr)}}.sector-cell{aspect-ratio:1;background:#00182499;border:1px solid var(--glass-border-subtle);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.sector-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(0,229,255,.05) 100%);opacity:0;transition:opacity var(--transition-fast)}.sector-cell:hover:before,.sector-cell.active:before{opacity:1}.sector-cell:hover{border-color:var(--glass-border);transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.sector-cell:hover{transform:none}}.sector-cell.active{border-color:var(--neon-cyan);background:var(--neon-cyan-dim)}.sector-id{font-size:.6875rem;color:var(--text-muted);font-family:ui-monospace,monospace}.sector-status{width:6px;height:6px;border-radius:50%;background:var(--signal-dormant)}.sector-cell.active .sector-status{background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan)}.sector-cell.has-signal .sector-status{background:var(--neon-teal)}.sector-cell.has-anomaly .sector-status{background:var(--neon-amber);animation:status-blink 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.sector-cell.has-anomaly .sector-status{animation:none}}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.4}}.detail-pane{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--glass-border-subtle)}.detail-title-group{display:flex;flex-direction:column;gap:var(--space-1)}.detail-id{font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.detail-type{font-size:.8125rem;color:var(--text-secondary)}.detail-badge{padding:var(--space-1) var(--space-3);background:var(--neon-amber-dim);border:1px solid rgba(255,158,66,.25);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:500;color:var(--neon-amber);text-transform:uppercase;letter-spacing:.08em}.detail-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.metric-box{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:#00182466;border-radius:var(--radius-md);border:1px solid var(--glass-border-subtle)}.metric-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.metric-value{font-size:1rem;font-weight:500;color:var(--text-primary);font-family:ui-monospace,monospace}.metric-value.accent{color:var(--neon-teal)}.detail-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.mission-queue{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.queue-list{display:flex;flex-direction:column;gap:var(--space-2)}.queue-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#00182466;border:1px solid var(--glass-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.queue-item:hover{background:#00e5ff0a;border-color:var(--glass-border)}.queue-priority{width:3px;height:24px;border-radius:2px;background:var(--signal-dormant)}.queue-priority.high{background:var(--neon-amber)}.queue-priority.critical{background:var(--signal-critical)}.queue-priority.standard{background:var(--neon-cyan)}.queue-info{flex:1;min-width:0}.queue-name{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.queue-eta{font-size:.75rem;color:var(--text-muted);margin-top:2px}.shimmer-container{position:relative;overflow:hidden}.shimmer-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(0,229,255,.03) 50%,transparent 60%);animation:shimmer 8s ease-in-out infinite;pointer-events:none}@media(prefers-reduced-motion:reduce){.shimmer-container:after{animation:none;opacity:0}}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);text-align:center;gap:var(--space-3)}.empty-icon{width:48px;height:48px;border:2px dashed var(--glass-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.5rem}.empty-text{font-size:.875rem;color:var(--text-secondary)}