:root{--font-sans: "IBM Plex Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;font-family:var(--font-sans);line-height:1.5;font-weight:400;color-scheme:light;color:#1f2937;background:radial-gradient(circle at 12% 10%,rgba(29,78,216,.18),transparent 24%),radial-gradient(circle at 88% 10%,rgba(14,165,233,.16),transparent 22%),radial-gradient(circle at 78% 82%,rgba(15,118,110,.1),transparent 20%),linear-gradient(180deg,#f3f7fb,#e8eef5 56%,#e2eaf2);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;font-family:inherit;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.7),transparent 34%),linear-gradient(180deg,#ffffff61,#fff0);background-attachment:fixed}button,input,select,textarea{font:inherit;font-family:inherit}#root{min-height:100vh}.app-shell{--bg-soft: rgba(255, 255, 255, .78);--bg-strong: rgba(255, 255, 255, .94);--border-soft: rgba(120, 145, 172, .18);--border-strong: rgba(120, 145, 172, .28);--radius-control: 12px;--radius-panel-md: 16px;--text-primary: #14213d;--text-secondary: #5b677d;--text-muted: #7c8799;--brand: #1d4ed8;--brand-soft: #dbeafe;--success: #0f766e;--success-soft: #ccfbf1;--warning: #b45309;--warning-soft: #fef3c7;--rose: #be123c;--rose-soft: #ffe4e6;display:flex;min-height:100vh;color:var(--text-primary);overflow-x:clip}.access-gate-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.access-gate-card{width:min(100%,440px);padding:32px;border-radius:28px;background:linear-gradient(180deg,#0f172aeb,#0f172adb),radial-gradient(circle at top,rgba(96,165,250,.22),transparent 42%);color:#f8fafc;border:1px solid rgba(148,163,184,.22);box-shadow:0 28px 64px #0f172a38;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.access-gate-kicker{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#60a5fa24;color:#bfdbfe;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.access-gate-card h1{margin:18px 0 0;font-size:34px;line-height:1.1}.access-gate-tagline{margin:10px 0 0;color:#e2e8f0bd;font-size:14px}.access-gate-copy{margin-top:24px}.access-gate-copy h2{margin:0;font-size:22px}.access-gate-copy p{margin:10px 0 0;color:#e2e8f0bd;line-height:1.6}.access-gate-form{margin-top:24px;display:flex;flex-direction:column;gap:12px}.access-gate-form label{font-size:13px;color:#e2e8f0db}.access-gate-form input{width:100%;padding:14px 16px;border:1px solid rgba(148,163,184,.24);border-radius:14px;background:#0f172a61;color:#f8fafc;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.access-gate-form input::placeholder{color:#94a3b8b8}.access-gate-form input:focus{border-color:#60a5fab8;box-shadow:0 0 0 4px #60a5fa29}.access-gate-form button{margin-top:4px;padding:14px 16px;border:none;border-radius:14px;background:linear-gradient(135deg,#60a5fa,#34d399);color:#08111f;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.access-gate-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 28px #34d39929}.access-gate-form button:disabled{opacity:.72;cursor:wait}.access-gate-error{margin:0;color:#fda4af;font-size:13px}.sidebar{width:224px;padding:18px 16px;background:linear-gradient(180deg,#0f172af5,#0f172ae6),radial-gradient(circle at top,rgba(96,165,250,.18),transparent 38%);color:#f8fafc;position:fixed;inset:16px auto 16px 16px;border-radius:22px;border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 44px #0f172a38;display:flex;flex-direction:column;transition:width .25s ease,padding .25s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10}.sidebar.collapsed{width:74px;padding-inline:10px}.sidebar-header{display:flex;align-items:center;gap:12px;padding:6px 4px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand-mark{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#60a5fa,#34d399);color:#08111f;font-size:16px;font-weight:700;letter-spacing:.02em;flex-shrink:0}.sidebar-brand-copy h1{margin:0;font-size:16px;font-weight:600}.sidebar-brand-copy p{margin:3px 0 0;color:#e2e8f099;font-size:11px;line-height:1.4}.sidebar-nav{flex:1;padding:14px 0;display:flex;flex-direction:column;gap:14px}.sidebar-section{display:flex;flex-direction:column;gap:6px}.sidebar-section-label{padding:0 8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#e2e8f06b}.sidebar-section-items{display:flex;flex-direction:column;gap:6px}.nav-item{width:100%;border:1px solid transparent;border-radius:14px;padding:12px 14px;background:transparent;display:flex;align-items:center;gap:12px;color:#e2e8f0bd;cursor:pointer;transition:all .2s ease;text-align:left}.nav-item em{margin-left:auto;font-style:normal;font-size:10px;line-height:1;padding:4px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#e2e8f0b3}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item:hover{background:#ffffff0f;border-color:#ffffff14;color:#fff}.nav-item.active{background:linear-gradient(135deg,#60a5fa2e,#34d39924);border-color:#7dd3fc3d;color:#fff;box-shadow:inset 0 1px #ffffff0f}.nav-item.disabled{cursor:not-allowed;opacity:.56}.nav-item.disabled:hover{background:transparent;border-color:transparent;color:#e2e8f0bd}.sidebar-toggle{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-control);background:#ffffff0f;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sidebar-toggle:hover{background:#ffffff1f}.sidebar-toggle svg{width:16px;height:16px}.sidebar.collapsed .sidebar-brand-copy,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-item em,.sidebar.collapsed .sidebar-section-label{display:none}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .nav-item{justify-content:center;padding-inline:0}.main-content{flex:1;min-width:0;margin-left:252px;padding:24px 28px 28px 12px;transition:margin-left .25s ease}.main-content.sidebar-collapsed{margin-left:94px}.page-shell{max-width:1360px;min-width:0;margin:0 auto;display:flex;flex-direction:column;gap:16px}.page-section{display:flex;flex-direction:column;gap:14px;min-width:0}.panel{padding:18px;background:var(--bg-strong);border:1px solid var(--border-soft);border-radius:20px;box-shadow:0 18px 34px #566e8a1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:0}.panel-hero{background:linear-gradient(135deg,#fffffffa,#ffffffd1),linear-gradient(135deg,#1d4ed814,#10b9810d)}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.panel-heading h2{margin:0;font-size:19px;line-height:1.2}.panel-heading p{margin:0;max-width:420px;color:var(--text-secondary);font-size:13px;line-height:1.6}.panel-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.overview-grid{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.overview-card{padding:18px 18px 16px;border-radius:22px;background:var(--bg-soft);border:1px solid var(--border-soft)}.overview-card span{display:block;font-size:12px;color:var(--text-muted)}.overview-card strong{display:block;margin-top:10px;font-size:24px;line-height:1.2;font-weight:600}.overview-card.accent{background:linear-gradient(135deg,#eff6ff,#ecfeff);border-color:#3b82f62e}.filter-panel{background:linear-gradient(180deg,#fffffff5,#f8fafceb),radial-gradient(circle at top right,rgba(96,165,250,.12),transparent 28%);border-color:#7891ac33}.filter-panel-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.95fr);gap:18px;align-items:start}.filter-panel-main,.filter-panel-side{min-width:0}.top-realtime-card{padding:2px 0 0 18px;border-left:1px solid rgba(226,232,240,.9)}.quote-hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:20px}.quote-context-panel{min-width:0}.quote-context-shell{height:100%;padding:16px;border-radius:18px;border:1px solid rgba(120,145,172,.16);background:linear-gradient(180deg,#fffffff5,#f8fafcf0),radial-gradient(circle at top right,rgba(59,130,246,.12),transparent 28%);display:flex;flex-direction:column;gap:14px}.quote-context-shell-inline{margin-top:4px}.quote-context-heading h3{margin:10px 0 0;font-size:22px;line-height:1.2}.quote-context-heading p{margin:10px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.7}.quote-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quote-context-item{padding:14px;border-radius:16px;border:1px solid rgba(226,232,240,.9);background:#ffffffeb;min-height:92px;display:flex;flex-direction:column;justify-content:space-between;gap:6px}.quote-context-item span,.quote-context-item strong,.quote-context-item em{display:block}.quote-context-item span{font-size:11px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.quote-context-item strong{font-size:18px;line-height:1.25;color:var(--text-primary)}.quote-context-item em{font-style:normal;font-size:11px;line-height:1.5;color:var(--text-secondary)}.quote-context-item.accent{background:linear-gradient(135deg,#1d4ed8,#0ea5e9);border-color:transparent}.quote-context-item.accent span,.quote-context-item.accent strong,.quote-context-item.accent em{color:#ffffffd1}.quote-context-item.accent strong{color:#fff}.quote-context-status{margin-top:2px}.filter-stack{display:flex;flex-direction:column;gap:16px;margin-top:16px}.filter-group{display:flex;flex-direction:column;gap:10px}.filter-label{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.month-tabs,.index-selector,.range-selector,.lines-selector{display:flex;flex-wrap:wrap;gap:10px}.month-tab,.index-selector button,.range-selector button{padding:11px 16px;border-radius:var(--radius-control);border:1px solid var(--border-strong);background:#fff;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.month-tab:hover,.index-selector button:hover,.range-selector button:hover{border-color:#3b82f64d;color:var(--brand);transform:translateY(-1px)}.month-tab.active,.range-selector button.active{background:linear-gradient(135deg,#1d4ed8,#0ea5e9);border-color:transparent;color:#fff;box-shadow:0 10px 20px #2563eb2e}.month-picker-inline{width:100%}.month-tabs-subtle{gap:8px}.month-tabs-subtle .month-tab{min-width:180px;min-height:72px;padding:10px 12px;border-radius:var(--radius-control);background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.month-tabs-subtle .month-tab strong,.month-tabs-subtle .month-tab span{display:block}.month-tabs-subtle .month-tab strong{font-size:14px;line-height:1.25;color:var(--text-primary)}.month-tabs-subtle .month-tab span{font-size:11px;line-height:1.45;color:var(--text-secondary)}.month-tabs-subtle .month-tab.active{background:#dbeafeeb;border-color:#3b82f638;color:var(--brand);box-shadow:none}.month-tabs-subtle .month-tab.active strong,.month-tabs-subtle .month-tab.active span{color:inherit}.etf-picker-card{padding:14px;border-radius:var(--radius-panel-md);border:1px solid var(--border-soft);background:linear-gradient(180deg,#fffffff0,#f8fafceb);display:flex;flex-direction:column;gap:14px;min-width:0}.etf-picker-layout{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:start}.etf-picker-side,.etf-picker-main{min-width:0}.etf-picker-side{padding:4px 10px 4px 0;border-right:1px solid rgba(226,232,240,.9)}.etf-picker-main{padding:2px 0 0}.etf-picker-selection{display:flex;flex-direction:column;gap:12px;align-items:stretch}.selector-card-label{display:block;margin-bottom:6px;font-size:12px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.etf-picker-exchanges{display:flex;flex-direction:column;gap:8px;padding-top:2px}.exchange-pill{width:100%;padding:10px 12px;border-radius:16px 0 0 16px;border:1px solid rgba(226,232,240,.9);border-right:none;background:#f8fafcb3;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.exchange-pill strong,.exchange-pill span{display:block}.exchange-pill strong{font-size:13px;line-height:1.2;color:inherit}.exchange-pill span{margin-top:2px;font-size:11px;color:var(--text-muted)}.exchange-pill:hover{border-color:#3b82f63d;transform:translateY(-1px)}.exchange-pill.active{background:linear-gradient(135deg,#dbeafefa,#eff6fffa);border-color:#3b82f63d;color:var(--brand);box-shadow:inset 4px 0 0 var(--brand),8px 0 18px #2563eb14;z-index:1}.etf-picker-months{min-width:0;width:100%}.picker-row{padding:0}.etf-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.etf-chip{min-height:72px;padding:10px 12px;border-radius:var(--radius-control);border:1px solid var(--border-soft);background:#fff;text-align:left;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);min-width:0}.etf-chip span,.etf-chip strong{display:block}.etf-chip span{font-size:12px;line-height:1.45;color:var(--text-primary)}.etf-chip strong{margin-top:6px;font-size:11px;letter-spacing:.04em;color:var(--text-muted)}.etf-chip:hover{transform:translateY(-1px);border-color:#3b82f63d}.etf-chip.active{background:linear-gradient(135deg,#1d4ed8,#0ea5e9);border-color:transparent;color:#fff;box-shadow:0 10px 18px #2563eb24}.etf-chip.active span{color:#fff}.etf-chip.active strong{color:#ffffffc2}.decision-toolbar-shell{width:100%;max-width:100%;padding:12px;border-radius:var(--radius-panel-md);border:1px solid var(--border-soft);background:linear-gradient(180deg,#fffffff0,#f8fafcf0)}.decision-form-grid{display:grid;grid-template-columns:minmax(220px,260px) minmax(220px,250px);gap:12px;align-items:stretch}.decision-toolbar-item{display:flex;flex-direction:column;gap:6px;min-width:0}.decision-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.decision-type-grid.compact{height:100%;gap:8px}.decision-type-card{padding:14px;border-radius:var(--radius-panel-md);border:1px solid var(--border-soft);background:#ffffffeb;text-align:left;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.decision-type-card strong,.decision-type-card span{display:block}.decision-type-card strong{font-size:15px;color:var(--text-primary)}.decision-type-grid.compact .decision-type-card{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 12px}.decision-type-grid.compact .decision-type-card strong{font-size:13px}.decision-type-card span{margin-top:8px;font-size:12px;line-height:1.6;color:var(--text-muted)}.decision-type-card:hover{transform:translateY(-1px);border-color:#3b82f63d}.decision-type-card.active{background:linear-gradient(135deg,#eff6ff,#ecfeff);border-color:#3b82f63d;box-shadow:0 12px 24px #3b82f614}.decision-select-card{min-height:100%;padding:10px 12px;border-radius:var(--radius-panel-md);border:1px solid var(--border-soft);background:linear-gradient(180deg,#fffffff5,#f8fafcf5);display:flex;flex-direction:column;gap:0}.decision-select-card.plain{min-height:auto;padding:0;border:none;border-radius:0;background:transparent}.decision-select{width:100%;min-height:44px;padding:10px 12px;border-radius:var(--radius-control);border:1px solid rgba(120,145,172,.24);background:#fffffff5;color:var(--text-primary);font:inherit;font-size:14px;outline:none}.decision-select:focus{border-color:#1d4ed85c;box-shadow:0 0 0 4px #1d4ed814}.delta-radar-toolbar{width:100%}.delta-radar-form-grid{display:grid;grid-template-columns:minmax(180px,220px) minmax(180px,220px) minmax(220px,250px);gap:12px;align-items:stretch}.metric-input-wrap{min-height:44px;padding:0 12px;border-radius:var(--radius-control);border:1px solid rgba(120,145,172,.24);background:#fffffff5;display:flex;align-items:center;gap:10px}.metric-input-wrap:focus-within{border-color:#1d4ed85c;box-shadow:0 0 0 4px #1d4ed814}.metric-input-wrap span{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.04em}.metric-input{width:100%;border:none;outline:none;background:transparent;color:var(--text-primary);font:inherit;font-size:14px;padding:10px 0}.metric-input::-webkit-outer-spin-button,.metric-input::-webkit-inner-spin-button{margin:0}.index-selector button.active{background:color-mix(in srgb,var(--index-color, #2196f3) 14%,white);border-color:color-mix(in srgb,var(--index-color, #2196f3) 30%,white);color:var(--index-color, #2196f3);box-shadow:none}.lines-selector label{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-control);background:#f8fafce6;border:1px solid var(--border-soft);color:var(--text-secondary);cursor:pointer}.lines-selector input[type=checkbox]{accent-color:var(--brand)}.status-strip{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.volatility-summary-strip{margin-top:16px}.status-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:var(--radius-control);background:#f8fafcfa;border:1px solid var(--border-soft);color:var(--text-secondary);font-size:12px;box-shadow:inset 0 1px #fffc}.status-pill-strong{background:linear-gradient(135deg,#eff6ff,#ecfeff);border-color:#3b82f633;color:var(--brand);font-weight:600}.quote-warning,.error-message,.volatility-note,.data-freshness-note{margin-top:14px;padding:12px 14px;border-radius:16px;font-size:12px;line-height:1.6}.quote-warning{background:var(--warning-soft);border:1px solid rgba(245,158,11,.18);color:#92400e}.delta-note{margin-top:14px;padding:14px 16px;border-radius:16px;background:#eff6ffc2;border:1px solid rgba(59,130,246,.14);color:var(--text-secondary);font-size:12px;line-height:1.7}.delta-note p{margin:0}.table-empty{padding:32px 24px 36px;border-top:1px solid rgba(226,232,240,.9)}.table-empty p,.table-empty span{display:block}.table-empty p{margin:0;color:var(--text-primary);font-weight:600}.table-empty span{margin-top:8px;color:var(--text-secondary);line-height:1.6}.error-message{background:#fff1f2;border:1px solid rgba(244,63,94,.18)}.error-message p{margin:0 0 4px;color:var(--rose);font-weight:600}.error-message span{color:var(--text-secondary)}.volatility-note{background:#ffffffc7;border:1px solid var(--border-soft);color:var(--text-secondary)}.data-freshness-note{background:#f8fafceb;border:1px solid var(--border-soft);color:var(--text-secondary)}.data-freshness-note p{margin:0;font-weight:500}.data-freshness-note span{display:block;margin-top:4px}.data-freshness-note.stale{background:#fff7ed;border-color:#fb923c33;color:#9a3412}.strategy-panel .panel-heading{padding-bottom:4px}.strategy-ideas-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.strategy-idea-card{padding:16px;border-radius:18px;border:1px solid var(--border-soft);background:#ffffffe6;display:flex;flex-direction:column;gap:12px}.strategy-idea-card.high{background:linear-gradient(180deg,#fffaf0,#fff);border-color:#f59e0b2e}.strategy-idea-card.low{background:linear-gradient(180deg,#f8fbff,#fff);border-color:#3b82f62e}.strategy-idea-card.balanced{background:linear-gradient(180deg,#f8fafc,#fff)}.strategy-idea-head{display:flex;flex-direction:column;gap:8px}.strategy-idea-tag{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:var(--radius-control);background:#ffffffeb;border:1px solid var(--border-soft);font-size:12px;font-weight:600;color:var(--text-secondary)}.strategy-idea-head strong{font-size:18px;line-height:1.35}.strategy-idea-summary,.strategy-idea-caution{margin:0;font-size:13px;line-height:1.7;color:var(--text-secondary)}.strategy-idea-caution{padding-top:12px;border-top:1px solid rgba(226,232,240,.9)}.strategy-idea-legs{display:flex;flex-direction:column;gap:8px}.strategy-idea-legs span{display:block;padding:10px 12px;border-radius:16px;background:#f8fafceb;border:1px solid var(--border-soft);font-size:12px;color:var(--text-primary)}.strategy-idea-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.strategy-metric{padding:12px;border-radius:18px;background:#f8fafcf5;border:1px solid var(--border-soft)}.strategy-metric span,.strategy-metric strong{display:block}.strategy-metric span{font-size:11px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.strategy-metric strong{margin-top:8px;font-size:15px;line-height:1.4;color:var(--text-primary)}.table-panel{padding:0;overflow:hidden;max-width:100%;background:linear-gradient(180deg,#fffffffa,#fcfcfdf5)}.table-panel .panel-heading{padding:18px 18px 0}.t-table-wrapper{margin-top:12px;min-width:0}.quote-matrix-header{padding:0 18px 16px;min-width:0}.quote-focus-card{padding:14px;border-radius:16px;border:1px solid var(--border-soft);display:flex;flex-direction:column;gap:4px}.quote-focus-card{background:linear-gradient(180deg,#fffffffa,#f8fafcf5);box-shadow:inset 0 1px #ffffffb3}.quote-focus-card-compact{padding:12px 14px}.quote-focus-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.quote-focus-month,.quote-focus-status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:var(--radius-control);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.quote-focus-month{background:#1d4ed81a;color:var(--brand)}.quote-focus-status{background:#f8fafcf5;border:1px solid var(--border-soft);color:var(--text-secondary)}.quote-focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.seller-focus-grid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}.quote-focus-item{padding:12px;border-radius:var(--radius-control);background:#fff;border:1px solid rgba(226,232,240,.9);display:flex;flex-direction:column;gap:4px;min-height:88px;justify-content:space-between}.quote-focus-item span{font-size:11px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.quote-focus-item strong{font-size:15px;line-height:1.3;color:var(--text-primary)}.quote-focus-item em{font-style:normal;font-size:11px;line-height:1.45;color:var(--text-secondary)}.quote-focus-item.price{background:linear-gradient(135deg,#1d4ed8,#0ea5e9);border-color:transparent}.quote-focus-item.price span,.quote-focus-item.price strong,.quote-focus-item.price em{color:#ffffffc2}.quote-focus-item.price strong{color:#fff}.quote-focus-item.price em{color:#ffffffc2}.t-table-container{overflow-x:auto;border-top:1px solid rgba(226,232,240,.9);max-width:100%}.t-table{width:100%;min-width:920px;border-collapse:collapse;font-size:13px}.t-table th,.t-table td{padding:15px 12px;text-align:center;border-bottom:1px solid rgba(226,232,240,.7)}.t-table thead th{background:#f8fafc;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.04em;position:sticky;top:0;z-index:2}.call-header{background:linear-gradient(135deg,#fff1f2,#ffe4e6)!important;color:var(--rose)!important}.put-header{background:linear-gradient(135deg,#ecfeff,#cffafe)!important;color:var(--success)!important}.strike-header{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;color:var(--brand)!important;width:120px;position:sticky;left:0;z-index:3!important}.t-table tbody tr{transition:background .2s ease}.t-table tbody tr:hover{background:#f8fafce6}.t-table .quote-zone-lower{background:#ffffffeb}.t-table .quote-zone-upper{background:#f8fafc8c}.t-table .name{min-width:140px;font-weight:500;color:var(--text-primary)}.t-table .price{font-weight:600;font-variant-numeric:tabular-nums}.t-table .return{font-weight:600;color:var(--text-secondary)}.t-table .return.positive{color:var(--success)}.t-table .strike{background:#f8fbff;color:var(--brand);font-weight:700;font-variant-numeric:tabular-nums;border-left:1px solid rgba(59,130,246,.18);border-right:1px solid rgba(59,130,246,.18);position:sticky;left:0;z-index:1;box-shadow:12px 0 24px #94a3b814}.t-table .spot-divider-row td{padding:0;border-bottom:none;background:#dbeafee0;height:24px}.t-table .spot-divider-cell{position:sticky;left:0;z-index:1;background:#bfdbfefa;border-left:1px solid rgba(59,130,246,.2);border-right:1px solid rgba(59,130,246,.2)}.spot-divider-tag{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:2px 0;border-radius:0;border:none;background:transparent;font-size:inherit;font-weight:700;color:var(--brand);line-height:inherit;letter-spacing:0;transform:none;font-variant-numeric:tabular-nums}.seller-table-wrapper{margin-top:8px}.seller-table-container{overflow-x:auto;border-top:1px solid rgba(226,232,240,.9)}.seller-table{width:100%;min-width:1180px;border-collapse:collapse;font-size:13px}.seller-table th,.seller-table td{padding:15px 12px;text-align:center;border-bottom:1px solid rgba(226,232,240,.7)}.seller-table thead th{background:#f8fafcf5;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.04em;position:sticky;top:0;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.seller-table tbody tr{transition:background .2s ease}.seller-table tbody tr:hover{background:#f8fafcdb}.seller-table tbody tr.is-unavailable{background:#f8fafc9e}.seller-month,.seller-name,.seller-status,.seller-metric{font-variant-numeric:tabular-nums}.seller-month,.seller-name{font-weight:600;color:var(--text-primary)}.seller-name{min-width:180px}.seller-metric{font-weight:600;color:var(--text-secondary)}.seller-status{min-width:180px;text-align:left!important;color:var(--text-secondary);line-height:1.6}.rank-pill{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:8px 12px;border-radius:var(--radius-control);background:#f8fafceb;border:1px solid var(--border-soft);font-size:12px;font-weight:700;color:var(--text-secondary)}.rank-pill.top{background:linear-gradient(135deg,#1d4ed8,#0ea5e9);border-color:transparent;color:#fff}.rank-pill.muted{font-weight:500;color:var(--text-muted)}.volatility-single-chart .panel-heading{padding-bottom:12px}.history-priority-panel .line-chart{min-height:320px}.volatility-chart-container.single-chart{padding:0;margin:0;background:transparent;border:0;box-shadow:none;position:relative}.line-chart{width:100%;height:auto;min-height:260px;aspect-ratio:720 / 334;background:linear-gradient(180deg,#f8fafcf5,#f1f5f9f5);border:1px solid rgba(226,232,240,.85);border-radius:24px}.chart-tooltip{position:absolute;top:12px;right:12px;min-width:164px;padding:14px 16px;border-radius:18px;background:#ffffffeb;border:1px solid var(--border-soft);box-shadow:0 16px 36px #0f172a24;pointer-events:none}.tooltip-date{font-size:12px;color:var(--text-muted)}.tooltip-value{margin-top:4px;font-size:18px;font-weight:600}.tooltip-ohlc{margin-top:8px;display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--text-secondary)}.chart-labels{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px;color:var(--text-secondary)}.chart-stats{margin-top:16px;padding-top:16px;display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(226,232,240,.9)}.chart-stats .stat-item{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f8fafceb;border:1px solid var(--border-soft);font-size:12px;color:var(--text-secondary)}.stat-dot{width:8px;height:8px;border-radius:999px}.loading,.error{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;background:#ffffffdb;border:1px solid var(--border-soft);border-radius:28px}.loading-spinner{width:44px;height:44px;border:3px solid rgba(148,163,184,.25);border-top-color:var(--brand);border-radius:999px;animation:spin .9s linear infinite}.loading p,.error p{color:var(--text-secondary)}.us-option-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.us-option-filter-layout{margin-top:18px;grid-template-columns:minmax(0,1fr);align-items:stretch}.us-config-single-column{margin-top:18px;max-width:980px}.us-option-selector-card{position:relative;overflow:hidden}.us-option-selector-card:after{content:"";position:absolute;right:-32px;bottom:-46px;width:168px;height:168px;background:radial-gradient(circle,rgba(14,165,233,.14),transparent 68%);pointer-events:none}.us-option-watch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.us-option-config-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.us-option-link-button{border:none;background:transparent;color:var(--brand);font-size:12px;font-weight:600;cursor:pointer}.us-option-editor-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.us-option-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.us-option-provider-field{display:flex;flex-direction:column;gap:8px}.us-option-provider-field span{font-size:12px;font-weight:600;color:var(--text-secondary)}.us-option-editor-row input{width:100%;min-height:44px;padding:10px 12px;border-radius:var(--radius-control);border:1px solid rgba(120,145,172,.24);background:#fffffff5;color:var(--text-primary);font:inherit;outline:none}.us-option-provider-field input,.us-option-provider-field select,.us-option-provider-field textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:var(--radius-control);border:1px solid rgba(120,145,172,.24);background:#fffffff5;color:var(--text-primary);font:inherit;outline:none;resize:vertical}.us-option-editor-row input:focus{border-color:#1d4ed85c;box-shadow:0 0 0 4px #1d4ed814}.us-option-provider-field input:focus,.us-option-provider-field select:focus,.us-option-provider-field textarea:focus{border-color:#1d4ed85c;box-shadow:0 0 0 4px #1d4ed814}.us-option-editor-row button{min-height:44px;padding:0 16px;border:none;border-radius:var(--radius-control);background:linear-gradient(135deg,#1d4ed8,#0ea5e9);color:#fff;font-weight:600;cursor:pointer}.us-option-provider-toggle{display:inline-flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:13px}.us-option-provider-actions{display:flex;flex-wrap:wrap;gap:10px}.us-option-provider-actions button{min-height:42px;padding:0 16px;border:none;border-radius:var(--radius-control);background:linear-gradient(135deg,#1d4ed8,#0ea5e9);color:#fff;font-weight:600;cursor:pointer}.us-option-provider-actions button:disabled{cursor:wait;opacity:.7}.us-option-secondary-button{background:#f8fafcf5!important;border:1px solid var(--border-soft)!important;color:var(--text-primary)!important}.us-option-inline-note{margin-top:0}.us-option-inline-note p{margin:0}.us-option-config-chip-row{display:flex;flex-wrap:wrap;gap:8px}.us-option-config-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border-soft);background:#f8fafcf5;overflow:hidden}.us-option-config-chip.active{border-color:#3b82f63d;box-shadow:0 8px 18px #2563eb14}.us-option-config-chip-main,.us-option-config-chip-remove{border:none;background:transparent;color:var(--text-primary);cursor:pointer}.us-option-config-chip-main{padding:9px 12px 9px 14px;font-weight:600}.us-option-config-chip-remove{min-width:32px;min-height:32px;color:var(--text-muted)}.us-option-config-chip.active .us-option-config-chip-main{color:var(--brand)}.us-option-suggestion-row{display:flex;flex-wrap:wrap;gap:8px}.us-option-suggestion-button{min-width:92px;padding-inline:14px}.us-option-watch-card{position:relative;min-height:88px;padding:11px 12px;border:1px solid var(--border-soft);border-radius:18px;background:#ffffffeb;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;display:flex;flex-direction:column;gap:4px;z-index:1}.us-option-watch-card:hover:not(:disabled){transform:translateY(-1px);border-color:#3b82f63d;box-shadow:0 16px 28px #2563eb14}.us-option-watch-card.active{background:linear-gradient(135deg,#1d4ed8,#0ea5e9);border-color:transparent;box-shadow:0 18px 30px #2563eb29}.us-option-watch-card.disabled{cursor:not-allowed;opacity:.62;box-shadow:none}.us-option-watch-symbol{font-size:10px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.us-option-watch-card strong{font-size:14px;line-height:1.2;color:var(--text-primary)}.us-option-watch-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.us-option-watch-price{font-size:17px;line-height:1.1;font-weight:600;color:var(--text-primary)}.us-option-watch-change{font-size:11px;font-weight:600;color:var(--text-secondary)}.us-option-watch-change.positive{color:var(--success)}.us-option-watch-change.negative{color:var(--rose)}.us-option-watch-meta{font-size:10px;line-height:1.45;color:var(--text-muted)}.us-option-watch-card.active .us-option-watch-symbol,.us-option-watch-card.active strong,.us-option-watch-card.active .us-option-watch-price,.us-option-watch-card.active .us-option-watch-change,.us-option-watch-card.active .us-option-watch-meta{color:#fff}.us-option-watch-card.active .us-option-watch-change{color:#ffffffe0}.us-option-context-shell{position:relative;margin:22px 0 0 -24px;box-shadow:0 22px 38px #2563eb1a}.us-option-expiry-groups{display:flex;flex-direction:column;gap:12px}.us-option-expiry-group{padding:12px;border-radius:18px;border:1px solid var(--border-soft);background:#ffffffc2}.us-option-expiry-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.us-option-expiry-group-head span,.us-option-expiry-group-head strong{display:block}.us-option-expiry-group-head span{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.us-option-expiry-group-head strong{font-size:12px;color:var(--text-secondary)}.us-option-expiry-tabs .month-tab{min-width:154px}.us-option-actions{display:flex;align-items:center;gap:10px}.us-option-inline-action{border:none;cursor:pointer}.us-option-table-toolbar{padding:0 18px 12px!important;align-items:center}.us-option-table-toolbar p{max-width:none}.us-option-table{min-width:1220px}.us-option-table th,.us-option-table td{padding:9px 8px}.us-option-table .name{min-width:156px;text-align:left}.t-table .metric,.t-table .volume{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.t-table .volume{font-weight:600}.option-identity-cell{display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0}.option-identity-cell strong{font-size:13px;line-height:1.25;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-identity-cell span{color:var(--text-secondary);font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-identity-cell.call strong{color:var(--rose)}.option-identity-cell.put strong{color:var(--success)}.option-identity-cell.empty{align-items:center;justify-content:center;min-height:36px;color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.overview-grid,.quote-focus-grid,.us-option-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel-layout{grid-template-columns:1fr}.top-realtime-card{padding:6px 0 0;border-left:none;border-top:1px solid rgba(226,232,240,.9)}.quote-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-form-grid,.delta-radar-form-grid,.etf-picker-layout{grid-template-columns:1fr}.etf-picker-side{padding:0 0 6px;border-right:none;border-bottom:1px solid rgba(226,232,240,.9)}.etf-picker-selection{grid-template-columns:1fr}.exchange-pill{border-radius:14px;border-right:1px solid rgba(226,232,240,.9)}.us-option-watch-grid,.us-option-provider-grid{grid-template-columns:1fr}.us-option-context-shell{margin:0}.us-option-editor-row{grid-template-columns:1fr}.us-option-expiry-group-head{flex-direction:column;align-items:flex-start}.strategy-ideas-grid{grid-template-columns:1fr}}@media(max-width:900px){.sidebar{width:82px;padding-inline:12px}.sidebar .sidebar-brand-copy,.sidebar .nav-item span{display:none}.sidebar .sidebar-header,.sidebar .nav-item{justify-content:center;padding-inline:0}.main-content,.main-content.sidebar-collapsed{margin-left:94px}.panel-heading{flex-direction:column}}@media(max-width:640px){.access-gate-shell{padding:16px}.access-gate-card{padding:24px 20px;border-radius:24px}.access-gate-card h1{font-size:28px}.sidebar{inset:12px auto 12px 12px}.main-content{margin-left:94px;padding:18px 16px 18px 6px}.main-content.sidebar-collapsed{margin-left:94px}.panel{padding:18px;border-radius:24px}.overview-grid,.quote-focus-grid,.quote-summary-grid,.quote-context-grid,.us-option-overview-grid,.decision-type-grid,.strategy-idea-metrics,.etf-chip-grid{grid-template-columns:1fr}.us-option-config-head,.us-option-table-toolbar{align-items:flex-start;flex-direction:column}.table-panel .panel-heading{padding:18px 18px 0}.quote-matrix-header{padding:0 18px 18px}.line-chart{min-height:220px}.chart-tooltip{position:static;margin-bottom:12px}.chart-labels{flex-direction:column}.top-realtime-card{border-top:none;padding-top:0}.volatility-summary-strip .status-pill{width:100%;justify-content:flex-start}}