:root{--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body[data-theme=dark]{--bg: #070b1a;--bg-grad: radial-gradient(1200px 600px at 80% -10%, rgba(34,211,238,.12), transparent 60%), radial-gradient(900px 500px at 10% 110%, rgba(168,85,247,.1), transparent 60%), #070b1a;--surface: rgba(255,255,255,.035);--surface-strong: rgba(255,255,255,.06);--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.14);--text: #e6eaf2;--text-dim: #8a95ad;--text-muted: #5b6580;--accent: #22d3ee;--accent-2: #a855f7;--positive: #34d399;--negative: #f87171;--warn: #fbbf24;--shadow: 0 8px 32px rgba(0,0,0,.35)}body[data-theme=light]{--bg: #f6f8fc;--bg-grad: radial-gradient(1100px 600px at 80% -10%, rgba(6,182,212,.1), transparent 60%), radial-gradient(900px 500px at 10% 110%, rgba(168,85,247,.06), transparent 60%), #f6f8fc;--surface: #ffffff;--surface-strong: #ffffff;--border: #e3e8f0;--border-strong: #cdd5e1;--text: #0d1424;--text-dim: #4a5568;--text-muted: #8893a8;--accent: #0891b2;--accent-2: #7c3aed;--positive: #059669;--negative: #dc2626;--warn: #d97706;--shadow: 0 6px 24px rgba(15,23,42,.08)}body{background:var(--bg-grad);color:var(--text);min-height:100vh}.app{max-width:1440px;margin:0 auto;padding:24px clamp(16px,3vw,36px) 80px}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 28px}.brand{display:flex;align-items:center;gap:14px}.brand-logo{width:38px;height:38px;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:12px;box-shadow:0 6px 20px #22d3ee59}.brand-logo:after{content:"";position:absolute;inset:-4px;border-radius:14px;border:1px solid var(--accent);opacity:.4;animation:ping 2.2s ease-out infinite}@keyframes ping{0%{transform:scale(.95);opacity:.5}80%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}.brand-logo svg{color:#fff}.brand-title{font-weight:700;font-size:20px;letter-spacing:-.01em}.brand-sub{color:var(--text-dim);font-size:12.5px;margin-top:1px}.header-actions{display:flex;gap:10px;align-items:center}.pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text-dim);font-size:12.5px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.pill:hover{border-color:var(--border-strong);color:var(--text)}.pill.live{color:var(--positive)}.pill .dot{width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:dot 1.6s infinite}@keyframes dot{0%,to{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 6px transparent}}.icon-btn{width:34px;height:34px;border:1px solid var(--border);background:var(--surface);border-radius:10px;display:grid;place-items:center;color:var(--text-dim);cursor:pointer;transition:border-color .15s,color .15s}.icon-btn:hover{border-color:var(--border-strong);color:var(--text)}.hero{padding:28px;border-radius:20px;background:linear-gradient(135deg,#22d3ee1f,#a855f714);border:1px solid var(--border);margin-bottom:22px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 100% 0%,rgba(34,211,238,.25),transparent 60%);pointer-events:none}.hero h1{margin:0 0 6px;font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.02em}.hero p{margin:0;color:var(--text-dim);font-size:14px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:22px}.stat{padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:14px;position:relative;overflow:hidden}.stat .label{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.stat .value{font-family:var(--font-mono);font-weight:600;font-size:22px;margin-top:6px;letter-spacing:-.01em}.stat .sub{color:var(--text-muted);font-size:12px;margin-top:2px;font-family:var(--font-mono)}.stat.accent:after{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(closest-side,rgba(34,211,238,.25),transparent);pointer-events:none}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:14px}.filter{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-dim)}.filter label{white-space:nowrap}.filter .ant-input-number,.filter .ant-select{min-width:80px}.tabs-shell{margin-bottom:14px}.tab-desc{color:var(--text-dim);font-size:13px;margin:-4px 0 12px 4px}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.table-card .ant-table{background:transparent!important;color:var(--text)!important}.table-card .ant-table-thead>tr>th{background:var(--surface-strong)!important;border-bottom:1px solid var(--border)!important;color:var(--text-dim)!important;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.table-card .ant-table-tbody>tr>td{border-bottom:1px solid var(--border)!important;color:var(--text)!important}.table-card .ant-table-tbody>tr.ant-table-row:hover>td,.table-card .ant-table-tbody>tr.ant-table-row-selected>td{background:var(--surface-strong)!important}.table-card .ant-table-row-expand-icon{background:transparent!important;color:var(--text-dim)!important;border-color:var(--border-strong)!important}.table-card .ant-pagination .ant-pagination-item a,.table-card .ant-pagination .ant-pagination-item-link,.table-card .ant-pagination .ant-pagination-options-quick-jumper input{color:var(--text-dim)!important}.table-card .ant-pagination .ant-pagination-item-active{border-color:var(--accent)!important}.table-card .ant-pagination .ant-pagination-item-active a{color:var(--accent)!important}.rank{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.sym{font-weight:600;font-family:var(--font-mono);font-size:13.5px;letter-spacing:-.01em}.tag-strat{display:inline-block;padding:2px 9px;border-radius:6px;font-size:11.5px;font-weight:500;letter-spacing:.02em;border:1px solid var(--border-strong);background:var(--surface-strong);color:var(--text-dim);white-space:nowrap}.tag-strat.basis{border-color:#22d3ee59;color:var(--accent)}.tag-strat.funding{border-color:#a855f759;color:var(--accent-2)}.tag-strat.spotSpread{border-color:#34d39959;color:var(--positive)}.tag-strat.perpSpread{border-color:#fbbf2459;color:var(--warn)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.num.pos{color:var(--positive)}.num.neg{color:var(--negative)}.num.dim{color:var(--text-dim)}.num.lead{font-size:14px;font-weight:600}.legs{display:flex;flex-direction:column;gap:6px}.leg{display:flex;align-items:center;gap:8px;font-size:12.5px}.leg-side{display:inline-block;font-family:var(--font-mono);font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:5px;min-width:46px;text-align:center}.leg-side.long,.leg-side.buy{background:#34d39924;color:var(--positive)}.leg-side.short,.leg-side.sell{background:#f8717129;color:var(--negative)}.leg-where{color:var(--text-dim);font-size:12px}.leg-where .ex{color:var(--text);font-weight:600}.leg-where .mkt{color:var(--text-muted);font-size:11px;margin-left:4px}.leg-price{color:var(--text-muted);font-size:11.5px;font-family:var(--font-mono);margin-left:auto}.ex-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:600;letter-spacing:.01em;border:1px solid currentColor;background:color-mix(in srgb,currentColor 12%,transparent)}.expanded{padding:16px 20px;background:var(--surface-strong);border-top:1px dashed var(--border);display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}.expanded h4{margin:0 0 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.expanded .kv{display:grid;grid-template-columns:max-content 1fr;column-gap:14px;row-gap:4px;font-size:12.5px}.expanded .kv dt{color:var(--text-dim)}.expanded .kv dd{margin:0;font-family:var(--font-mono);color:var(--text)}.caveats-list{margin:0;padding-left:16px;color:var(--text-dim);font-size:12.5px;line-height:1.55}.caveats-list li{color:var(--warn)}.empty{padding:56px 20px;text-align:center}.empty .icon{width:48px;height:48px;margin:0 auto 14px;display:grid;place-items:center;border-radius:14px;background:var(--surface-strong);border:1px solid var(--border);color:var(--text-dim)}.empty h3{margin:0 0 4px;font-weight:600;font-size:15px}.empty p{margin:0;color:var(--text-dim);font-size:13px}.footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted);text-align:center}body[data-theme=dark] .ant-input-number-input,body[data-theme=dark] .ant-select-selector,body[data-theme=dark] .ant-select-selection-item{color:var(--text)!important}body[data-theme=dark] .ant-input-number,body[data-theme=dark] .ant-select .ant-select-selector{background:var(--surface-strong)!important;border-color:var(--border)!important}body[data-theme=dark] .ant-tabs-tab{color:var(--text-dim)!important}body[data-theme=dark] .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--accent)!important}body[data-theme=dark] .ant-tabs-ink-bar{background:linear-gradient(90deg,var(--accent),var(--accent-2))!important}body[data-theme=dark] .ant-drawer-content,body[data-theme=dark] .ant-drawer-header{background:#0c1226!important;color:var(--text)!important;border-color:var(--border)!important}body[data-theme=dark] .ant-drawer-title{color:var(--text)!important}@media (max-width: 880px){.expanded{grid-template-columns:1fr}.hero{padding:22px 18px}}