@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--color-primary:#004b87;--color-primary-dim:#003666;--color-primary-container:#e6f0f9;--color-background:#f4f7fa;--color-ambient-1:#289cd426;--color-ambient-2:#004b871a;--color-ambient-3:#fffc;--color-surface:#ffffffb3;--color-surface-dim:#f8fafc99;--color-surface-solid:#fff;--color-surface-container:#ffffffd9;--color-surface-container-high:#f8fafce6;--color-text:#0f172a;--color-text-secondary:#475569;--color-muted:#e2e8f0;--color-critical:#ef4444;--color-cyan:#289cd4;--color-warning:#f59e0b;--color-success:#10b981;--color-on-primary:#fff;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:12px;--radius-lg:16px;--radius-full:9999px;--border-thin:1px solid #fff9;--border-glass:1px solid #fffc;--border-accent:2px solid var(--color-cyan);--border-critical:2px solid var(--color-critical);--shadow-inner-light:inset 0 1px 0 0 #fffc;--shadow-sm:0 1px 2px 0 #0000000d, var(--shadow-inner-light);--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #00000008, var(--shadow-inner-light);--shadow-lg:0 10px 20px -3px #0000000f, 0 4px 10px -4px #0000000a, var(--shadow-inner-light);--shadow-xl:0 20px 30px -5px #00000014, 0 10px 15px -5px #0000000d, var(--shadow-inner-light);--shadow-glow:0 0 20px 0 #289cd44d;--blur-hud:blur(24px);--blur-heavy:blur(40px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--sidebar-width:64px;--sidebar-expanded:240px;--topbar-height:48px;--hud-panel-width:320px;--inspector-width:400px;--transition-fast:.15s ease;--transition-base:.3s cubic-bezier(.16, 1, .3, 1);--transition-slow:.5s cubic-bezier(.16, 1, .3, 1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-background);font-size:14px;font-weight:400;line-height:1.5;overflow-x:hidden}.text-headline-xl{font-family:var(--font-heading);letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:1.2}.text-headline-lg{font-family:var(--font-heading);font-size:24px;font-weight:700;line-height:1.3}.text-headline-md{font-family:var(--font-heading);font-size:18px;font-weight:600;line-height:1.35}.text-body-md{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.5}.text-body-sm{font-family:var(--font-body);font-size:12px;font-weight:400;line-height:1.5}.text-data-mono{font-family:var(--font-mono);font-size:12px;font-weight:500;line-height:1.4}.text-metric-lg{font-family:var(--font-mono);font-size:24px;font-weight:500;line-height:1.1}.text-metric-xl{font-family:var(--font-mono);font-size:32px;font-weight:700;line-height:1.1}.text-label-caps{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:600}.text-button{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:600}a{color:var(--color-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-muted);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::selection{background:var(--color-primary);color:var(--color-on-primary)}.hud-panel{background:var(--color-surface);-webkit-backdrop-filter:var(--blur-hud);border:var(--border-thin);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-md)}.data-widget{background:var(--color-surface-dim);-webkit-backdrop-filter:var(--blur-hud);border:var(--border-thin);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-sm)}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--color-on-primary);background:var(--color-primary);border-radius:var(--radius);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);-webkit-user-select:none;user-select:none;border:none;font-size:12px;font-weight:600;display:inline-flex}.btn-primary:hover{color:var(--color-on-primary);background:#fff}.btn-primary:active{transform:scale(.98)}.btn-ghost{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--color-text);border:var(--border-thin);border-radius:var(--radius);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;font-size:12px;font-weight:600;display:inline-flex}.btn-ghost:hover{background:var(--color-surface-solid);border-color:var(--color-text-secondary)}.btn-icon{border:var(--border-thin);border-radius:var(--radius);width:24px;height:24px;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--color-surface-solid);color:var(--color-primary)}.severity-critical{color:var(--color-critical)}.severity-warning{color:var(--color-primary)}.severity-info{color:var(--color-cyan)}.severity-nominal{color:var(--color-success)}@keyframes pulse-beacon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes energy-flow{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes typing-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes grid-draw{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes float-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blob-drift-1{0%{transform:translate(0)scale(1)}33%{transform:translate(10vw,5vh)scale(1.1)}66%{transform:translate(-5vw,15vh)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes blob-drift-2{0%{transform:translate(0)scale(1)}33%{transform:translate(-10vw,-10vh)scale(1.2)}66%{transform:translate(5vw,-5vh)scale(.8)}to{transform:translate(0)scale(1)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes energy-glow{0%,to{box-shadow:0 0 10px #289cd433,inset 0 0 5px #289cd41a}50%{box-shadow:0 0 20px #289cd499,inset 0 0 10px #289cd44d}}.animate-stagger-1{animation:.6s cubic-bezier(.16,1,.3,1) .1s both fade-in-up}.animate-stagger-2{animation:.6s cubic-bezier(.16,1,.3,1) .2s both fade-in-up}.animate-stagger-3{animation:.6s cubic-bezier(.16,1,.3,1) .3s both fade-in-up}.animate-stagger-4{animation:.6s cubic-bezier(.16,1,.3,1) .4s both fade-in-up}.animate-stagger-5{animation:.6s cubic-bezier(.16,1,.3,1) .5s both fade-in-up}.text-gradient-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-cyan) 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text}.text-gradient-animated{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-cyan) 50%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradient-shift}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.grid-12{gap:var(--space-4);grid-template-columns:repeat(12,1fr);display:grid}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}