@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #0b0e11;--bg-secondary: #181a20;--bg-tertiary: #1e2329;--bg-elevated: #2b3139;--bg-hover: #363c46;--accent: #f0b90b;--accent-hover: #fcd535;--accent-dim: rgba(240, 185, 11, .12);--accent-dim2: rgba(240, 185, 11, .06);--text-primary: #eaecef;--text-secondary: #848e9c;--text-tertiary: #5e6673;--text-inverse: #0b0e11;--green: #0ecb81;--green-bg: rgba(14, 203, 129, .08);--red: #f6465d;--red-bg: rgba(246, 70, 93, .08);--blue: #1e9cf4;--blue-bg: rgba(30, 156, 244, .1);--ex-deribit: #4d87ff;--ex-deribit-dim: rgba(77, 135, 255, .12);--ex-okx: #00d1b2;--ex-okx-dim: rgba(0, 209, 178, .12);--ex-binance: #f0b90b;--ex-binance-dim: rgba(240, 185, 11, .12);--ex-derive: #c084fc;--ex-derive-dim: rgba(192, 132, 252, .12);--border: #2b3139;--border-light: #363c46;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 2px 16px rgba(0, 0, 0, .35);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);background:var(--bg-primary);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}main{max-width:100%;padding:0 20px 28px;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);margin-bottom:14px;position:sticky;top:0;z-index:20;background:var(--bg-primary)}.board-title{display:flex;align-items:center;gap:10px;margin:0}.board-logo{height:28px;width:auto;flex:0 0 auto}.header-right{display:flex;align-items:center;gap:10px}.header-status{display:flex;align-items:center;gap:8px;padding:5px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);height:32px}.ws-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.ws-dot.connected{background:var(--green);box-shadow:0 0 6px #0ecb8199}.ws-dot.connecting{background:var(--accent);animation:pulse-dot 1.2s infinite}.ws-dot.disconnected{background:var(--red)}@keyframes pulse-dot{0%,to{opacity:.35}50%{opacity:1}}.ws-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.ws-label.connected{color:var(--green)}.ws-label.disconnected{color:var(--red)}.header-divider{width:1px;height:14px;background:var(--border-light)}.header-timestamp{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.ob-targets{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);height:32px}.ob-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--text-tertiary);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.ob-chip+.ob-chip:before{content:"";display:inline-block;width:1px;height:12px;background:var(--border-light);margin-right:6px}.ob-chip-count{color:var(--text-secondary);font-weight:700}.controls-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:10px 14px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border)}.option-tabs{display:inline-flex;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:3px;gap:2px;flex-shrink:0}.option-tabs button{border:none;background:transparent;color:var(--text-secondary);border-radius:6px;padding:6px 20px;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s ease;font-family:inherit;letter-spacing:.02em}.option-tabs button:hover{color:var(--text-primary)}.option-tabs button.active-call{background:var(--green);color:var(--text-inverse);box-shadow:0 1px 8px #0ecb8159}.option-tabs button.active-put{background:var(--red);color:#fff;box-shadow:0 1px 8px #f6465d59}.filters-section{margin-bottom:14px;padding:10px 14px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border)}.filters-title{font-size:11px;font-weight:700;color:var(--text-tertiary);letter-spacing:.06em;margin-bottom:8px}.filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filters input,.filters select{padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;transition:border-color .15s,background .15s;min-width:88px;height:28px}.filters input:focus,.filters select:focus{border-color:var(--accent);background:var(--bg-elevated)}.filters input::placeholder{color:var(--text-tertiary)}.filters select option{background:var(--bg-tertiary);color:var(--text-primary)}.exchange-filter{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.exchange-filter-title{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-right:2px}.exchange-filter>button{border:1px solid var(--border);background:var(--bg-tertiary);border-radius:var(--radius-md);padding:4px 10px;cursor:pointer;font-size:11px;font-weight:600;color:var(--text-secondary);transition:all .15s;font-family:inherit;height:26px}.exchange-filter>button:hover{color:var(--accent);border-color:#f0b90b80}.exchange-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-md);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);-webkit-user-select:none;user-select:none;height:26px;letter-spacing:.03em}.exchange-chip:hover{color:var(--text-primary);border-color:var(--border-light)}.exchange-chip.selected.ex-deribit{border-color:var(--ex-deribit);background:var(--ex-deribit-dim);color:var(--ex-deribit)}.exchange-chip.selected.ex-okx{border-color:var(--ex-okx);background:var(--ex-okx-dim);color:var(--ex-okx)}.exchange-chip.selected.ex-binance{border-color:var(--ex-binance);background:var(--ex-binance-dim);color:var(--ex-binance)}.exchange-chip.selected.ex-derive{border-color:var(--ex-derive);background:var(--ex-derive-dim);color:var(--ex-derive)}.exchange-chip input[type=checkbox]{display:none}.controls-divider{width:1px;height:22px;background:var(--border);flex-shrink:0}.alerts{display:grid;gap:5px;margin-bottom:12px}.alert-item{display:flex;align-items:center;gap:8px;border-radius:var(--radius-md);padding:7px 12px;font-size:12px;font-weight:500}.alert-error{color:var(--red);background:var(--red-bg);border:1px solid rgba(246,70,93,.2)}.alert-ok{color:var(--green);background:var(--green-bg);border:1px solid rgba(14,203,129,.2)}.alert-auto-hide{animation:fadeOutAlert 1.8s ease-in forwards;animation-delay:3s}@keyframes fadeOutAlert{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.expiry-tabs{display:flex;gap:4px;margin-bottom:14px;padding:4px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto;flex-wrap:nowrap}.expiry-tabs::-webkit-scrollbar{height:3px}.expiry-tabs button{border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);padding:7px 16px;cursor:pointer;font-size:12px;font-weight:600;transition:all .15s;font-family:inherit;white-space:nowrap;letter-spacing:.02em;flex-shrink:0}.expiry-tabs button:hover{color:var(--text-primary);background:var(--bg-tertiary)}.expiry-tabs button.active{background:var(--accent-dim);color:var(--accent);box-shadow:inset 0 0 0 1px #f0b90b4d}.expiry-card{border:1px solid var(--border);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow-card)}.index-bar{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:6px 14px;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.index-bar-label{font-size:11px;color:var(--text-secondary);font-weight:500}.index-bar-value{font-size:13px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;display:inline-block;width:90px;text-align:right}.expiry-header{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border);gap:12px}.expiry-date-badge{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:.03em}.expiry-date-badge:before{content:"";display:inline-block;width:3px;height:13px;background:var(--accent);border-radius:2px;flex-shrink:0}.expiry-index-label{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.expiry-index-value{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums;font-size:12px}.table-wrap{position:relative;overflow:auto}table{width:max-content;min-width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px;font-variant-numeric:tabular-nums}th,td{border:none;border-bottom:1px solid var(--border);padding:4px 5px;white-space:nowrap;text-align:left;vertical-align:middle;background:var(--bg-secondary)}th{font-weight:600;color:var(--text-tertiary);background:var(--bg-tertiary);font-size:10px;letter-spacing:.06em}.col-pinned{background:var(--bg-tertiary)!important;color:var(--text-primary);font-weight:600}.data-row td{transition:background-color .08s}.data-row:hover td{background-color:var(--bg-hover)!important}.data-row.stripe-a td{background:var(--bg-secondary)}.data-row.stripe-b td{background:#1c2028b3}.data-row.group-last td,.data-row.group-first td[rowspan]{border-bottom:2px solid var(--border-light)}.td-bid{color:var(--green);font-weight:500}.td-ask{color:var(--red);font-weight:500}.td-iv{color:var(--text-secondary)}.td-null{color:var(--text-tertiary)}.col-exchange{width:82px}.ex-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ex-label-deribit{color:var(--ex-deribit)!important}.ex-label-okx{color:var(--ex-okx)!important}.ex-label-binance{color:var(--ex-binance)!important}.ex-label-derive{color:var(--ex-derive)!important}.ex-link{color:inherit;text-decoration:none}.ex-link:hover{text-decoration:underline;text-underline-offset:2px}.index-overlay{position:absolute;left:0;right:0;height:0;pointer-events:none;z-index:3}.index-overlay-line{position:absolute;top:0;border-top:1.5px dashed var(--accent);animation:pulseLine 1.6s ease-in-out infinite}.index-overlay-label{position:absolute;top:-14px;transform:translate(-50%);width:80px;text-align:center;font-size:10px;color:var(--text-inverse);background:var(--accent);font-weight:700;border-radius:var(--radius-sm);padding:3px 7px;letter-spacing:.02em;white-space:nowrap;line-height:1.4}@keyframes pulseLine{0%,to{opacity:.35}50%{opacity:.9}}.data-row.moneyness-otm td{box-shadow:inset 0 0 0 9999px #f6465d09}.data-row.moneyness-itm td{box-shadow:inset 0 0 0 9999px #1e9cf409}.metric-link{color:inherit;text-decoration:none;transition:color .12s}.metric-link:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:2px}.metric-value{font-weight:600;color:var(--text-primary)}.col-asset{width:13px}.col-strike{width:23px}.col-price{width:27px}.col-otm{width:52px}.col-exchange{width:60px}.col-bid,.col-ask{width:68px}.col-iv{width:56px}.col-daily,.col-annual{width:58px}.empty-state{display:flex;align-items:center;justify-content:center;padding:64px 16px;color:var(--text-tertiary);font-size:14px}@media(max-width:900px){header{flex-direction:column;align-items:flex-start;gap:8px}.header-right{flex-direction:column;align-items:flex-start;gap:6px}.controls-bar{flex-direction:column;align-items:flex-start}.controls-divider{width:100%;height:1px}}