*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-mono: "Space Mono", monospace;--font-sans: "Inter", sans-serif;--bg-app: #0a0b0f;--bg-surface: #12151c;--bg-raised: #191d27;--bg-hover: #1e2230;--bg-active: #232840;--border: #1e2332;--border-mid: #252b3b;--border-light: #1a1e2b;--text-primary: #f0f2f8;--text-secondary: #7c8499;--text-muted: #454d63;--accent: #4f6ef7;--accent-soft: #1a2050;--accent-glow: rgba(79,110,247,.15);--green: #22c55e;--green-bg: #0a1f12;--green-border: #15532e;--red: #ef4444;--red-bg: #1f0a0a;--red-border: #7f1d1d;--blue: #60a5fa;--blue-bg: #0a1626;--amber: #f59e0b;--amber-bg: #1a1200;--purple: #a78bfa;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px}[data-theme=light]{--bg-app:#f4f5f9;--bg-surface:#fff;--bg-raised:#f4f5f9;--bg-hover:#eceef5;--border:#dde0ec;--border-mid:#c8ccde;--border-light:#eceef5;--text-primary:#0d0f1a;--text-secondary:#5a6180;--text-muted:#9aa0bc;--accent-soft:#dde3fd;--green-bg:#f0fdf4;--green-border:#bbf7d0;--red-bg:#fef2f2;--red-border:#fecaca;--blue-bg:#eff6ff}html,body,#root{height:100%;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.mono{font-family:var(--font-mono);font-size:12px}.pos{color:var(--green)}.neg{color:var(--red)}.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase}.badge-win{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-loss{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.badge-open{background:var(--blue-bg);color:var(--blue);border:1px solid #1e3a5f}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:11px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px}.kpi-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.kpi-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600}.kpi-value{font-size:22px;font-family:var(--font-mono);font-weight:700;line-height:1;letter-spacing:-.5px}.kpi-sub{font-size:11px;color:var(--text-muted);margin-top:5px}table{width:100%;border-collapse:collapse}thead th{padding:9px 14px;text-align:left;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:10px 14px;border-bottom:1px solid var(--border-light);font-size:12px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover td{background:var(--bg-hover)}input,select{background:var(--bg-raised);border:1px solid var(--border-mid);border-radius:var(--radius-md);color:var(--text-primary);font-size:12px;padding:7px 12px;outline:none;font-family:var(--font-sans);transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--text-muted)}button{font-family:var(--font-sans);cursor:pointer;font-size:12px;border-radius:var(--radius-md);transition:all .15s}.btn{padding:6px 13px;background:var(--bg-raised);border:1px solid var(--border-mid);color:var(--text-secondary)}.btn:hover{background:var(--bg-hover);color:var(--text-primary)}.btn.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.btn-accent{background:var(--accent);border:none;color:#fff;font-weight:600;padding:7px 16px}.btn-accent:hover{background:#3d5ce5}.tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase}.tag-nba{background:#0a1830;color:#60a5fa;border:1px solid #1e3a5f}.tag-cs2{background:#0a1a0d;color:#4ade80;border:1px solid #14532d}.tag-ncaa{background:#1a140a;color:#fbbf24;border:1px solid #713f12}.tag-soccer{background:#0a1a14;color:#34d399;border:1px solid #064e3b}.tag-nfl{background:#1a0a0a;color:#f87171;border:1px solid #7f1d1d}.tag-nhl{background:#0a1020;color:#93c5fd;border:1px solid #1e3a5f}.tag-tennis{background:#130a1a;color:#c084fc;border:1px solid #581c87}.tag-other{background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border-mid)}.page-title{font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:14px}.page-count{font-size:11px;font-family:var(--font-mono);padding:2px 9px;border-radius:20px;background:var(--bg-raised);border:1px solid var(--border-mid);color:var(--text-secondary)}.spinner{width:18px;height:18px;border:2px solid var(--border-mid);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;margin:48px auto}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (max-width:1100px){.kpi-value{font-size:18px}}@media (max-width:768px){.hide-mobile{display:none!important}.kpi-grid-4{grid-template-columns:repeat(2,1fr)!important}}