@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--navy-950:#050a14;--navy-900:#0a1628;--navy-800:#132238;--navy-700:#1c3a5e;--navy-600:#2e5a8a;--navy-500:#3d7ab8;--navy-400:#5a9ad8;--navy-300:#7cb4e8;--navy-200:#a8d0f5;--navy-100:#d4e8fa;--grey-950:#030712;--grey-900:#111827;--grey-800:#1f2937;--grey-700:#374151;--grey-600:#4b5563;--grey-500:#6b7280;--grey-400:#9ca3af;--grey-300:#d1d5db;--grey-200:#e5e7eb;--grey-100:#f3f4f6;--grey-50:#f9fafb;--status-normal:#10b981;--status-normal-light:#34d399;--status-normal-bg:#064e3b;--status-normal-border:#047857;--status-warning:#f59e0b;--status-warning-light:#fbbf24;--status-warning-bg:#78350f;--status-warning-border:#b45309;--status-critical:#ef4444;--status-critical-light:#f87171;--status-critical-bg:#7f1d1d;--status-critical-border:#b91c1c;--color-primary:var(--navy-600);--color-primary-hover:var(--navy-500);--color-primary-active:var(--navy-700);--color-background:var(--navy-900);--color-background-elevated:var(--navy-800);--color-background-hover:var(--navy-700);--color-surface:var(--grey-800);--color-surface-elevated:var(--grey-700);--color-border:var(--navy-700);--color-border-light:var(--grey-700);--color-text-primary:var(--grey-100);--color-text-secondary:var(--grey-400);--color-text-muted:var(--grey-500);--color-text-inverse:var(--navy-900);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-0:0;--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;--space-16:4rem;--space-20:5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d;--shadow-glow-primary:0 0 20px #3d7ab84d;--shadow-glow-success:0 0 20px #10b9814d;--shadow-glow-warning:0 0 20px #f59e0b4d;--shadow-glow-danger:0 0 20px #ef44444d;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--z-below:-1;--z-normal:0;--z-above:1;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-tooltip:500;--z-notification:600;--sidebar-width:280px;--header-height:64px;--content-max-width:1400px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--status-normal)}.text-warning{color:var(--status-warning)}.text-danger{color:var(--status-critical)}.bg-primary{background-color:var(--color-primary)}.bg-surface{background-color:var(--color-surface)}.bg-elevated{background-color:var(--color-background-elevated)}.bg-status-normal{background-color:var(--status-normal-bg);border:1px solid var(--status-normal-border)}.bg-status-warning{background-color:var(--status-warning-bg);border:1px solid var(--status-warning-border)}.bg-status-critical{background-color:var(--status-critical-bg);border:1px solid var(--status-critical-border)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:var(--space-0)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-auto{margin:auto}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--navy-900)}::-webkit-scrollbar-thumb{background:var(--navy-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--navy-500)}*{scrollbar-width:thin;scrollbar-color:var(--navy-600)var(--navy-900)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes alertPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.animate-fadeIn{animation:fadeIn var(--transition-normal)}.animate-fadeInUp{animation:fadeInUp var(--transition-normal)}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-slideInRight{animation:slideInRight var(--transition-normal)}.animate-alertPulse{animation:2s ease-in-out infinite alertPulse}:focus-visible{outline:2px solid var(--navy-400);outline-offset:2px}::selection{background-color:var(--navy-500);color:#fff}