:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--bg-card: #1e1e1e;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--accent: #4CAF50;--accent-hover: #5cbf60;--border: #2a2a2a;--gold: #ffd700;--silver: #c0c0c0;--bronze: #cd7f32;--positive: #4CAF50;--negative: #f44336}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-hover)}.nav{position:sticky;top:0;z-index:100;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0 1rem}.nav-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px}.nav-brand{display:flex;flex-direction:column;gap:2px}.brand-top,.brand-bottom{display:flex;align-items:center;gap:8px}.nav-logo{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.t-accent{color:var(--accent)}.beta-tag{font-size:.55rem;background:var(--accent);color:var(--bg-primary);padding:1px 4px;border-radius:2px;font-weight:600;letter-spacing:.5px}.data-timestamp{font-size:.65rem;color:var(--text-muted)}.data-toggle{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--accent);padding:2px 6px;border-radius:3px;cursor:pointer;font-size:.7rem;font-weight:500;font-family:monospace}.nav-links{display:flex;gap:.5rem}.nav-link{padding:.5rem 1rem;border-radius:6px;color:var(--text-secondary);font-weight:500;transition:all .15s ease}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background:var(--accent);color:var(--bg-primary)}.data-toggle:hover{background:var(--bg-card);border-color:var(--accent)}.main{max-width:1400px;margin:0 auto;padding:1.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th:hover{color:var(--text-primary)}th.sorted-asc:after{content:" ↑";color:var(--accent)}th.sorted-desc:after{content:" ↓";color:var(--accent)}tr:hover{background:var(--bg-tertiary)}.metric{text-align:right;font-variant-numeric:tabular-nums}.filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border)}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}select,input[type=text],input[type=number]{padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.9rem;min-width:120px}select:focus,input:focus{outline:none;border-color:var(--accent)}button{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .15s ease}button:hover{background:var(--border)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}button.primary:hover{background:var(--accent-hover)}.loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted)}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:.75rem}@keyframes spin{to{transform:rotate(360deg)}}.stat-positive{color:var(--positive)}.stat-negative{color:var(--negative)}@media(max-width:768px){.nav-links{display:none}.filters{flex-direction:column}.main{padding:1rem}}