:root{--bg: #08080c;--surface: #0f0f14;--surface2: #16161e;--surface3: #1c1c26;--border: #1e1e2a;--border2: #2a2a38;--violet: #7c3aed;--violet-bright:#8b5cf6;--indigo: #4f46e5;--indigo-bright:#6366f1;--cyan: #06b6d4;--green: #10b981;--red: #ef4444;--amber: #f59e0b;--text: #e2e2f0;--muted: #6b6b80;--subtle: #3a3a50;--grad-start: #a78bfa;--grad-mid: #818cf8;--grad-end: #38bdf8;--font-body: "Inter", sans-serif;--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--sidebar-w: 220px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}.bg-grid{background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:40px 40px}h1,h2,h3,h4,h5{font-family:var(--font-display)}code,.mono{font-family:var(--font-mono)}.grad-text{background:linear-gradient(135deg,#a78bfa,#818cf8 40%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.card-sm{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.card-hover{transition:border-color .2s,box-shadow .2s,transform .2s;cursor:pointer}.card-hover:hover{border-color:var(--border2);box-shadow:0 8px 32px #0006;transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--violet) 0%,var(--indigo) 100%);color:#fff;box-shadow:0 0 24px #7c3aed4d}.btn-primary:hover{box-shadow:0 0 36px #7c3aed80;transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid var(--border2);color:var(--muted)}.btn-ghost:hover{border-color:var(--violet-bright);color:var(--text)}.btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#f87171}.btn-danger:hover{background:#ef444433;border-color:#ef444480}.input{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:14px;padding:10px 14px;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--indigo-bright);box-shadow:0 0 0 3px #6366f126}.input::placeholder{color:var(--subtle)}label{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:6px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-family:var(--font-mono);font-size:11px}.badge-green{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#6ee7b7}.badge-violet{background:#7c3aed1a;border:1px solid rgba(124,58,237,.25);color:#c4b5fd}.badge-amber{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#fcd34d}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #7c3aed33}50%{box-shadow:0 0 40px #7c3aed66}}.animate-fade-up{animation:fadeUp .5s ease both}.animate-fade-in{animation:fadeIn .4s ease both}.glow-violet{box-shadow:0 0 30px #8b5cf633,0 0 80px #8b5cf60d}table{width:100%;border-collapse:collapse}th{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);text-align:left;padding:10px 16px;border-bottom:1px solid var(--border)}td{padding:12px 16px;font-size:13px;color:var(--text);border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface2)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--subtle)}.skeleton{background:linear-gradient(90deg,var(--surface2) 25%,var(--surface3) 50%,var(--surface2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}