@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";:root{--teal-50: #f0fdfb;--teal-100: #ccfbf4;--teal-200: #99f6e8;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-600: #0d9488;--teal-700: #0f766e;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--red-400: #f87171;--red-500: #ef4444;--orange-400: #fb923c;--orange-500: #f97316;--yellow-400: #facc15;--blue-400: #60a5fa;--blue-500: #3b82f6;--green-400: #4ade80;--green-500: #22c55e;--glass-bg: rgba(255, 255, 255, .6);--glass-bg-strong: rgba(255, 255, 255, .8);--glass-bg-subtle: rgba(255, 255, 255, .35);--glass-border: rgba(255, 255, 255, .75);--glass-border-dim: rgba(203, 213, 225, .5);--glass-shadow: 0 8px 32px rgba(15, 23, 42, .08), 0 2px 8px rgba(15, 23, 42, .04);--glass-shadow-lg: 0 20px 60px rgba(15, 23, 42, .12), 0 8px 24px rgba(15, 23, 42, .06);--glass-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .9);--glass-blur: blur(20px) saturate(180%);--glass-blur-light: blur(12px) saturate(160%);--font-display: "Outfit", sans-serif;--font-mono: "DM Mono", monospace;--text-primary: var(--slate-800);--text-secondary: var(--slate-500);--text-tertiary: var(--slate-400);--text-accent: var(--teal-600);--bg-page: #eef2f7;--accent: var(--teal-500);--accent-hover: var(--teal-600);--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--r-2xl: 32px;--sev-critical-bg: rgba(239, 68, 68, .1);--sev-critical-text: #dc2626;--sev-critical-border:rgba(239, 68, 68, .25);--sev-high-bg: rgba(249, 115, 22, .1);--sev-high-text: #ea580c;--sev-high-border: rgba(249, 115, 22, .25);--sev-medium-bg: rgba(234, 179, 8, .1);--sev-medium-text: #ca8a04;--sev-medium-border: rgba(234, 179, 8, .25);--sev-low-bg: rgba(59, 130, 246, .1);--sev-low-text: #2563eb;--sev-low-border: rgba(59, 130, 246, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-display);background:var(--bg-page);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(20,184,166,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(99,102,241,.08) 0%,transparent 60%),radial-gradient(ellipse 100% 80% at 50% 50%,#eef2f7,#dce4f0);background-attachment:fixed}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-shadow-inset)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg),var(--glass-shadow-inset)}.glass-subtle{background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border-dim);box-shadow:var(--glass-shadow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}:focus-visible{outline:2px solid var(--teal-400);outline-offset:2px;border-radius:4px}.transition{transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}@keyframes value-flash{0%{color:var(--teal-500)}50%{color:var(--teal-700);transform:scale(1.05)}to{color:var(--text-primary);transform:scale(1)}}.anim-fade-up{animation:fade-in-up .35s cubic-bezier(.4,0,.2,1) both}.anim-fade-in{animation:fade-in .25s ease both}.stagger>*:nth-child(1){animation-delay:.04s}.stagger>*:nth-child(2){animation-delay:.08s}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.16s}.stagger>*:nth-child(5){animation-delay:.2s}.stagger>*:nth-child(6){animation-delay:.24s}
