:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-card: #1a2236;--bg-card-hover: #1f2a42;--bg-input: #151d2e;--border: #2a3550;--border-light: #1e293b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #22d3ee;--accent-dim: rgba(34, 211, 238, .12);--green: #34d399;--green-dim: rgba(52, 211, 153, .12);--red: #f87171;--red-dim: rgba(248, 113, 113, .12);--yellow: #fbbf24;--yellow-dim: rgba(251, 191, 36, .12);--purple: #a78bfa;--purple-dim: rgba(167, 139, 250, .12);--orange: #fb923c;--font-sans: "DM Sans", "Noto Sans SC", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 10px;--radius-sm: 6px;--shadow: 0 4px 24px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}input,select{font-family:var(--font-sans);background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px 12px;font-size:.9rem;outline:none;transition:border-color .2s}input:focus,select:focus{border-color:var(--accent)}button{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .15s}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover{filter:brightness(1.15)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-outline.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow)}.badge-purple{background:var(--purple-dim);color:var(--purple)}.badge-accent{background:var(--accent-dim);color:var(--accent)}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:20px}.page-title{font-size:1.6rem;font-weight:700;margin-bottom:4px}.page-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:24px}table{width:100%;border-collapse:collapse;font-size:.82rem}thead th{text-align:left;padding:10px 12px;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;background:var(--bg-card);z-index:1}tbody td{padding:10px 12px;border-bottom:1px solid var(--border-light);white-space:nowrap}tbody tr:hover{background:var(--bg-card-hover)}td.mono{font-family:var(--font-mono);font-size:.8rem}td.positive{color:var(--green)}td.negative{color:var(--red)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}