:root{--brand-deep: #0A3D7A;--brand-mid: #1565C0;--brand-light: #1E88E5;--brand-aqua: #29B6F6;--brand-pale: #60A5FA;--bg-base: #080f1c;--bg-surface: #0c1525;--bg-elevated: #101d30;--bg-card: #132038;--bg-hover: #1a2d48;--border: rgba(255,255,255,.07);--border-soft: rgba(255,255,255,.04);--border-brand: rgba(30,136,229,.25);--text-primary: #eef4ff;--text-secondary: #7a9ab5;--text-muted: #3d5a75;--green: #10b981;--green-dim: rgba(16,185,129,.12);--red: #ef4444;--red-dim: rgba(239,68,68,.12);--amber: #f59e0b;--amber-dim: rgba(245,158,11,.12);--blue-dim: rgba(30,136,229,.12);--font-display: "Syne", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--transition: .18s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(30,136,229,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(30,136,229,.025) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:0}#root{position:relative;z-index:1}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--brand-mid);border-radius:2px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700}.mono{font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px;letter-spacing:.04em}.badge-long{background:var(--green-dim);color:var(--green)}.badge-short{background:var(--red-dim);color:var(--red)}.badge-watch{background:var(--amber-dim);color:var(--amber)}.badge-win{background:var(--green-dim);color:var(--green)}.badge-loss{background:var(--red-dim);color:var(--red)}.badge-pending{background:#ffffff0f;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-brand)}.btn-primary{background:var(--brand-light);color:#fff;border-color:var(--brand-light);font-weight:700}.btn-primary:hover{background:var(--brand-aqua);border-color:var(--brand-aqua);color:#071428}.btn-ghost{border-color:transparent}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border)}input,select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:7px 10px;font-size:13px;font-family:var(--font-body);outline:none;transition:border-color var(--transition)}input:focus,select:focus{border-color:var(--border-brand)}select{cursor:pointer}select option{background:var(--bg-card)}.tabs{display:flex;gap:2px;background:var(--bg-elevated);border-radius:var(--radius-md);padding:3px}.tab{font-family:var(--font-display);font-size:12px;font-weight:600;padding:6px 14px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.tab.active{background:var(--bg-card);color:var(--text-primary)}.tab:hover:not(.active){color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition)}.card:hover{border-color:#ffffff1a}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.stat-value{font-family:var(--font-display);font-size:24px;font-weight:700}.stat-sub{font-size:12px;color:var(--text-secondary);margin-top:4px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:10px 14px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}tbody tr{border-bottom:1px solid var(--border-soft);transition:background var(--transition)}tbody tr:hover{background:var(--bg-hover)}tbody td{padding:10px 14px;font-size:13px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:fadeIn .3s ease forwards}.spin{animation:spin .8s linear infinite}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-dot 1.5s ease-in-out infinite}.brand-line{height:2px;border-radius:1px;background:linear-gradient(90deg,var(--brand-light),var(--brand-aqua))}.price-up{color:var(--green)}.price-down{color:var(--red)}