:root{--bg-base: #0a0c10;--bg-surface: #111419;--bg-elevated: #181d24;--bg-hover: #1e2530;--border: rgba(255,255,255,.07);--border-bright: rgba(255,255,255,.14);--text-primary: #e8eaed;--text-secondary: #8b95a1;--text-muted: #4a5568;--amber: #f59e0b;--amber-dim: rgba(245,158,11,.15);--amber-glow: rgba(245,158,11,.35);--cyan: #06b6d4;--cyan-dim: rgba(6,182,212,.12);--cyan-glow: rgba(6,182,212,.3);--green: #10b981;--green-dim: rgba(16,185,129,.12);--red: #f43f5e;--red-dim: rgba(244,63,94,.12);--severity-low: #10b981;--severity-medium: #f59e0b;--severity-high: #f43f5e;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}code,pre,.mono{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--amber);color:#0a0c10;font-weight:600}.btn-primary:hover{background:#fbbf24;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-bright)}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid rgba(244,63,94,.2)}.btn-danger:hover{background:#f43f5e38}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.grain:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.4}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.badge-low{background:var(--green-dim);color:var(--severity-low)}.badge-medium{background:var(--amber-dim);color:var(--severity-medium)}.badge-high{background:var(--red-dim);color:var(--severity-high)}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes slide-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slide-up .3s ease forwards}.animate-fade-in{animation:fade-in .4s ease forwards}