@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-deepest:#06080f;--bg-surface:#0c1021;--bg-card:#111827;--bg-elevated:#1a2035;--bg-hover:#1e2640;--cyan:#00d4ff;--cyan-dim:#00a8cc;--cyan-bg:#00d4ff14;--cyan-bg-hover:#00d4ff26;--cyan-border:#00d4ff26;--cyan-border-hover:#00d4ff59;--cyan-glow:0 0 20px #00d4ff26;--cyan-glow-strong:0 0 30px #00d4ff40, 0 0 60px #00d4ff14;--purple:#7b61ff;--purple-bg:#7b61ff1a;--purple-border:#7b61ff4d;--success:#0f8;--success-bg:#00ff881a;--warning:#ffb800;--warning-bg:#ffb8001a;--danger:#ff3d5a;--danger-bg:#ff3d5a1a;--text-primary:#e2e8f3;--text-secondary:#8892a8;--text-muted:#4a5568;--border:#00d4ff1f;--border-hover:#00d4ff4d;--border-subtle:#ffffff0f;--font-ui:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 30px #0009;--shadow-cyan:0 0 20px #00d4ff1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;font-family:var(--font-ui);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background:var(--bg-deepest);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-deepest);color:var(--text-primary);min-height:100vh;margin:0;padding:0;position:relative}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00d4ff05 1px,#0000 1px),linear-gradient(90deg,#00d4ff05 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-ui);letter-spacing:-.02em;font-weight:700}p{margin:0}a{color:var(--cyan);text-decoration:none;transition:color .2s}a:hover{color:var(--cyan-dim)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deepest)}::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff59}*{scrollbar-width:thin;scrollbar-color:#00d4ff33 var(--bg-deepest)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-cyan)}button{font-family:var(--font-ui);cursor:pointer;transition:all .2s}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.btn-primary{background:var(--cyan-bg);color:var(--cyan);border:1px solid var(--cyan-border);border-radius:var(--radius-sm);padding:10px 20px;font-size:14px;font-weight:600}.btn-primary:hover{background:var(--cyan-bg-hover);border-color:var(--cyan-border-hover);box-shadow:var(--cyan-glow)}.btn-success{background:var(--success);color:#000;border-radius:var(--radius-sm);border:none;padding:10px 20px;font-size:14px;font-weight:700}.btn-success:hover{box-shadow:0 0 20px #00ff884d}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:0 0;padding:10px 20px;font-size:14px;font-weight:600}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--cyan-bg)}input,select,textarea{font-family:var(--font-ui);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--cyan-border-hover);box-shadow:0 0 0 3px #00d4ff14, var(--cyan-glow)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{cursor:pointer}table{border-collapse:collapse;width:100%}thead th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);text-align:left;padding:10px 12px;font-size:12px;font-weight:600}tbody tr{transition:background .15s}tbody tr:nth-child(2n){background:#00d4ff05}tbody tr:hover{background:#00d4ff0d}tbody td{border-bottom:1px solid var(--border-subtle);padding:10px 12px;font-size:14px}.glow-text{text-shadow:0 0 10px #00d4ff80,0 0 30px #00d4ff33}.data-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #00d4ff1a}50%{box-shadow:0 0 20px #00d4ff40}}@keyframes spin{to{transform:rotate(360deg)}}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-fade-in{animation:.3s ease-out fadeIn}::selection{color:#fff;background:#00d4ff40}code{font-family:var(--font-mono);background:var(--bg-surface);color:var(--cyan);border-radius:4px;padding:2px 6px;font-size:13px}