@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--void:#020305;--surface-0:#060810;--surface-1:#0a0d17;--surface-2:#0f1220;--surface-3:#141829;--surface-glass:#0e1120d9;--gold-bright:gold;--gold:#f5c842;--gold-warm:#e6a817;--gold-deep:#b8860b;--gold-glow:#f5c84226;--gold-glow-sm:#f5c84214;--silver-bright:#e8edf5;--silver:#b0bac8;--silver-dim:#6b7589;--silver-ghost:#b0bac81f;--cyan:#00d4ff;--cyan-dim:#00d4ff1f;--emerald:#0f8;--emerald-dim:#00ff881a;--success:#0f8;--success-dim:#00ff881a;--danger:#ff4458;--danger-dim:#ff44581a;--warning:#ffb800;--border-gold:#f5c84233;--border-silver:#b0bac81a;--border-bright:#b0bac833;--sidebar-w:260px;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:22px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--void);color:var(--silver-bright);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Space Grotesk,sans-serif}#root{min-height:100vh;position:relative}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif;font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:Space Grotesk,sans-serif}input,textarea,select{outline:none;font-family:Space Grotesk,sans-serif}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-gold);border-radius:99px}.btn-primary{background:linear-gradient(135deg, var(--gold), var(--gold-warm));color:#000;border-radius:var(--radius);cursor:pointer;letter-spacing:.02em;border:none;align-items:center;gap:8px;padding:11px 24px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 0 20px #f5c84240}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px #f5c84266}.btn-ghost{background:var(--silver-ghost);color:var(--silver);border:1px solid var(--border-silver);border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--border-gold);color:var(--gold)}.card{background:var(--surface-glass);border:1px solid var(--border-silver);border-radius:var(--radius-lg);padding:24px;transition:border-color .2s}.card:hover{border-color:#f5c84233}.card-gold{border-color:var(--border-gold);background:#f5c8420a}.badge{letter-spacing:.08em;text-transform:uppercase;border-radius:4px;align-items:center;gap:5px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:inline-flex}.badge-gold{background:var(--gold-glow);color:var(--gold);border:1px solid var(--border-gold)}.badge-silver{background:var(--silver-ghost);color:var(--silver);border:1px solid var(--border-silver)}.badge-cyan{background:var(--cyan-dim);color:var(--cyan);border:1px solid #00d4ff33}.badge-emerald{background:var(--emerald-dim);color:var(--emerald);border:1px solid #0f83}.badge-danger{background:var(--danger-dim);color:var(--danger);border:1px solid #ff445833}.page-title{color:var(--silver-bright);letter-spacing:-.02em;margin-bottom:6px;font-size:28px;font-weight:800}.page-sub{color:var(--silver-dim);margin-bottom:32px;font-size:14px;line-height:1.6}.input-field{border:1px solid var(--border-silver);border-radius:var(--radius);width:100%;color:var(--silver-bright);background:#0a0d17cc;padding:11px 14px;font-size:14px;transition:border-color .2s}.input-field:focus{border-color:var(--gold)}.live-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 8px var(--success);border-radius:50%;display:inline-block}.stat-value{color:var(--gold);font-family:Orbitron,sans-serif;font-size:26px;font-weight:700;line-height:1}.stat-label{color:var(--silver-dim);text-transform:uppercase;letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:11px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scanline{0%{top:-2px}to{top:100%}}.fade-up{animation:.4s both fadeUp}.fade-up-2{animation:.4s 80ms both fadeUp}.fade-up-3{animation:.4s .16s both fadeUp}.fade-up-4{animation:.4s .24s both fadeUp}
