@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--mono: "JetBrains Mono", "Consolas", monospace;--sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--positive: #10b981;--negative: #ef4444;--accent: #3b82f6}*{box-sizing:border-box}body{margin:0;background:#06080d;color:#d1d5db;font-family:var(--sans)}#login-view{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}#login-view[hidden],#dashboard-view[hidden],#chat-panel[hidden],.dte-panel[hidden]{display:none}.login-card{width:100%;max-width:380px;background:#0e131f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:32px 28px;text-align:center}.login-card h1{font-size:1.3rem;letter-spacing:-.5px;background:linear-gradient(90deg,#f0f6fc,#8b949e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 4px}.login-card .subtitle{color:#6e7681;font-size:.78rem;margin:0 0 24px}#login-form{display:flex;flex-direction:column;gap:6px;text-align:left}#login-form label{font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:1px;color:#8b949e;text-transform:uppercase;margin-top:10px}#login-form input{background:#06080d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#f0f6fc;font-family:var(--sans);font-size:.9rem;transition:border-color .2s ease}#login-form input:focus{outline:none;border-color:#60a5fa99}#login-form button{margin-top:20px;background:linear-gradient(135deg,#1e2640,#0f172a);border:1px solid rgba(59,130,246,.4);border-radius:8px;color:#60a5fa;font-family:var(--mono);font-weight:700;font-size:.78rem;letter-spacing:.8px;padding:12px 16px;cursor:pointer;transition:all .2s ease-in-out}#login-form button:hover{border-color:#60a5fa;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 0 14px #2563eb80}.error{color:#ef4444;font-size:.8rem;margin-top:12px}#dashboard-view{display:flex;min-height:100vh;align-items:stretch}#sidebar{width:220px;flex:0 0 220px;background:linear-gradient(180deg,#090d16,#05070b);border-right:1px solid rgba(255,255,255,.07);padding:20px 16px;display:flex;flex-direction:column;gap:14px}.sidebar-header h1{font-size:1rem;font-weight:800;margin:0;background:linear-gradient(90deg,#f0f6fc,#8b949e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#user-badge{font-family:var(--mono);font-size:.72rem;color:#60a5fa}.sidebar-field{display:flex;flex-direction:column;gap:4px}.sidebar-field label{font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:1px;color:#8b949e;text-transform:uppercase}.sidebar-field input{background:#0e131f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 10px;color:#f0f6fc;font-family:var(--mono);font-size:.85rem;transition:border-color .2s ease}.sidebar-field input:focus{outline:none;border-color:#60a5fa99}#apply-symbol-btn,#logout-btn{background:linear-gradient(135deg,#1e2640,#0f172a);border:1px solid rgba(59,130,246,.4);border-radius:8px;color:#60a5fa;font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.6px;padding:9px 12px;cursor:pointer;width:100%;transition:all .2s ease-in-out}#apply-symbol-btn:hover,#logout-btn:hover{border-color:#60a5fa;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 0 14px #2563eb80}#logout-btn{margin-top:auto;background:transparent;border-color:#ffffff26;color:#8b949e}.sidebar-status{display:flex;justify-content:center}main{flex:1;min-width:0;padding:16px clamp(16px,3vw,32px) 32px}.status-pill{font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.5px;padding:5px 12px;border-radius:6px;text-transform:uppercase;transition:all .2s ease}.status-connected{background:#10b9811f;border:1px solid rgba(16,185,129,.4);color:#10b981}.status-connecting,.status-reconnecting{background:#f59e0b1f;border:1px solid rgba(245,158,11,.4);color:#f59e0b}.status-disconnected{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#ef4444}#logout-btn{background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#8b949e;font-family:inherit;font-size:.72rem;padding:6px 12px;cursor:pointer}.metrics-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px}.metric{background:#0d111ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 14px;box-shadow:0 4px 20px #0006;transition:border-color .2s ease}.metric:hover{border-color:#3b82f666}.metric-label{display:block;font-family:var(--mono);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#8b949e;margin-bottom:2px}.metric-value{display:block;font-family:var(--mono);font-size:1.05rem;font-weight:800;color:#f0f6fc;transition:color .15s ease}.metric-sub{display:block;font-family:var(--mono);font-size:.62rem;font-weight:600;color:#8b949e;margin-top:1px}.val-positive{color:var(--positive)}.val-negative{color:var(--negative)}.val-call-wall{color:var(--positive)}.val-put-wall{color:var(--negative)}.val-zero-gamma{color:var(--accent)}.val-spot{color:#f0f6fc}#tab-nav{display:flex;flex-wrap:wrap;gap:6px;background:#0b0e17;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:5px;margin-bottom:16px}.tab-btn{flex:1 1 auto;min-width:100px;background:transparent;border:none;border-radius:6px;color:#8b949e;font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.5px;padding:9px 12px;cursor:pointer;transition:all .15s ease}.tab-btn:hover:not(.active){color:#d1d5db}.tab-btn.active{background:#1e293b;color:#60a5fa;box-shadow:0 0 12px #3b82f633}.tab-panel{display:none}.tab-panel.active{display:block}.greeks-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:14px}#greeks-sub-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}#greeks-sub-nav .tab-btn{min-width:90px}.drift-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.drift-toolbar label{font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:1px;color:#8b949e;text-transform:uppercase}.drift-toolbar input[type=date]{background:#0e131f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:7px 10px;color:#f0f6fc;font-family:var(--mono);font-size:.82rem;color-scheme:dark}.backgamma-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}.backgamma-toolbar label{font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:1px;color:#8b949e;text-transform:uppercase}.backgamma-toolbar select{background:#0e131f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:7px 10px;color:#f0f6fc;font-family:var(--mono);font-size:.8rem}#backgamma-play-btn{background:linear-gradient(135deg,#1e2640,#0f172a);border:1px solid rgba(59,130,246,.4);border-radius:8px;color:#60a5fa;font-family:var(--mono);font-weight:700;font-size:.72rem;padding:8px 14px;cursor:pointer}#backgamma-play-btn.playing{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.backgamma-caption{font-family:var(--mono);font-size:.75rem;color:#8b949e;margin-left:auto}.backgamma-scrubber{width:100%;margin-bottom:12px;accent-color:#3b82f6}.backgamma-spot{margin-bottom:16px}.coming-soon{background:#0d111ad9;border:1px dashed rgba(255,255,255,.12);border-radius:12px;padding:60px 20px;text-align:center;color:#6e7681;font-size:.85rem}.data-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px}.ai-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}.ai-toolbar label{font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:1px;color:#8b949e;text-transform:uppercase}.ai-toolbar select{background:#0e131f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:7px 10px;color:#f0f6fc;font-family:var(--mono);font-size:.8rem}#ai-diagnosis-btn{background:linear-gradient(135deg,#1e2640,#0f172a);border:1px solid rgba(59,130,246,.4);border-radius:8px;color:#60a5fa;font-family:var(--mono);font-weight:700;font-size:.72rem;padding:9px 16px;cursor:pointer;transition:all .15s ease}#ai-diagnosis-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}#ai-diagnosis-btn:disabled{opacity:.55;cursor:wait}.ai-status{font-family:var(--mono);font-size:.72rem;color:#8b949e}.ai-status.error{color:var(--negative)}.ai-status.local{color:#f59e0b}.ai-diagnosis-result{background:linear-gradient(180deg,#0e121bcc,#090c12f2);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:22px 26px;font-size:.88rem;line-height:1.65;color:#d1d5db}.ai-placeholder{color:#6e7681;font-size:.85rem;text-align:center;margin:20px 0}.ai-diagnosis-result h1,.ai-diagnosis-result h2,.ai-diagnosis-result h3{font-family:var(--mono);color:#60a5fa;letter-spacing:.3px;margin:18px 0 8px}.ai-diagnosis-result h1:first-child,.ai-diagnosis-result h2:first-child,.ai-diagnosis-result h3:first-child{margin-top:0}.ai-diagnosis-result strong{color:#f0f6fc}.ai-diagnosis-result ul,.ai-diagnosis-result ol{padding-left:20px;margin:8px 0}.ai-diagnosis-result table{width:100%;border-collapse:collapse;margin:14px 0;font-family:var(--mono);font-size:.78rem}.ai-diagnosis-result th,.ai-diagnosis-result td{border:1px solid rgba(255,255,255,.1);padding:8px 10px;text-align:left}.ai-diagnosis-result th{background:#3b82f61f;color:#60a5fa;text-transform:uppercase;font-size:.68rem;letter-spacing:.5px}.ai-diagnosis-result tr:nth-child(2n) td{background:#ffffff05}.chart-container{background:linear-gradient(180deg,#0e121bcc,#090c12f2);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;box-shadow:0 10px 40px #00000080}@media(max-width:720px){#dashboard-view{flex-direction:column}#sidebar{width:auto;flex:0 0 auto;flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar-field,#apply-symbol-btn,#logout-btn{width:auto;flex:1 1 140px}#logout-btn{margin-top:0}}#chat-widget{position:fixed;right:20px;bottom:20px;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:12px}#chat-toggle-btn{width:52px;height:52px;border-radius:50%;border:1px solid rgba(59,130,246,.4);background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:1.3rem;cursor:pointer;box-shadow:0 8px 24px #2563eb73;transition:transform .15s ease}#chat-toggle-btn:hover{transform:scale(1.06)}#chat-panel{width:min(360px,calc(100vw - 40px));height:min(480px,calc(100vh - 120px));display:flex;flex-direction:column;background:linear-gradient(180deg,#0e121bfa,#06080dfc);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 20px 60px #0009;overflow:hidden}.chat-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--mono);font-weight:800;font-size:.82rem;color:#60a5fa;flex:0 0 auto}.chat-panel-actions{display:flex;gap:6px}.chat-panel-actions button{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#8b949e;cursor:pointer;padding:4px 8px;font-size:.78rem}.chat-panel-actions button:hover{color:#f0f6fc;border-color:#ffffff40}.chat-messages{flex:1 1 auto;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.chat-placeholder{color:#6e7681;font-size:.8rem;text-align:center;margin:auto}.chat-msg{max-width:88%;padding:9px 12px;border-radius:10px;font-size:.82rem;line-height:1.5;word-wrap:break-word}.chat-msg-user{align-self:flex-end;background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;border-bottom-right-radius:3px}.chat-msg-assistant{align-self:flex-start;background:#ffffff0f;color:#d1d5db;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:3px}.chat-msg-assistant p:first-child{margin-top:0}.chat-msg-assistant p:last-child{margin-bottom:0}.chat-msg-assistant table{width:100%;border-collapse:collapse;font-size:.72rem;margin:8px 0}.chat-msg-assistant th,.chat-msg-assistant td{border:1px solid rgba(255,255,255,.1);padding:4px 6px;text-align:left}.chat-msg-pending{opacity:.6;font-style:italic}.chat-form{flex:0 0 auto;display:flex;gap:8px;padding:10px;border-top:1px solid rgba(255,255,255,.08)}.chat-form input{flex:1 1 auto;background:#0e131f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 11px;color:#f0f6fc;font-size:.82rem}.chat-form input:focus{outline:none;border-color:#3b82f680}#chat-send-btn{width:38px;border-radius:8px;border:1px solid rgba(59,130,246,.4);background:linear-gradient(135deg,#1e2640,#0f172a);color:#60a5fa;cursor:pointer;font-size:.95rem}#chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}#chat-send-btn:disabled{opacity:.5;cursor:wait}@media(max-width:480px){#chat-widget{right:12px;bottom:12px}}.grid-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.dte-selector{position:relative}#grid-dte-btn{background:linear-gradient(135deg,#1e2640,#0f172a);border:1px solid rgba(59,130,246,.4);border-radius:8px;color:#60a5fa;font-family:var(--mono);font-weight:700;font-size:.72rem;padding:9px 14px;cursor:pointer}#grid-dte-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.dte-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:50;width:260px;max-height:360px;display:flex;flex-direction:column;background:linear-gradient(180deg,#0e121bfa,#06080dfc);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 50px #0000008c;overflow:hidden}.dte-list{overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:2px}.dte-list-placeholder{color:#6e7681;font-size:.78rem;text-align:center;margin:12px 0}.dte-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-family:var(--mono);font-size:.76rem;color:#d1d5db;cursor:pointer}.dte-item:hover{background:#ffffff0d}.dte-item input{accent-color:#3b82f6}.dte-panel-actions{padding:8px 10px;border-top:1px solid rgba(255,255,255,.08)}#grid-dte-apply-btn{width:100%;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;color:#fff;font-family:var(--mono);font-weight:700;font-size:.74rem;padding:9px;cursor:pointer}.grid-status{font-family:var(--mono);font-size:.72rem;color:#8b949e}.grid-layout{display:flex;gap:12px;align-items:flex-start}.gamma-grid-wrapper{flex:1 1 auto;min-width:0;overflow:auto;max-height:72vh;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(180deg,#0e121bcc,#090c12f2)}.gamma-volume-profile{flex:0 0 360px;height:72vh;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(180deg,#0e121bcc,#090c12f2);overflow:hidden}@media(max-width:900px){.grid-layout{flex-direction:column}.gamma-volume-profile{flex:0 0 auto;width:100%;height:420px}}.grid-placeholder{color:#6e7681;font-size:.85rem;text-align:center;padding:60px 20px}.gamma-grid-table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:.74rem;white-space:nowrap}.gamma-grid-table th,.gamma-grid-table td{padding:7px 10px;text-align:center;border:1px solid rgba(255,255,255,.06);color:#f0f6fc}.gamma-grid-table thead th{position:sticky;top:0;z-index:2;background:#0b0e17;color:#60a5fa;font-weight:700;line-height:1.5}.grid-col-dte{color:#8b949e;font-size:.64rem;font-weight:600}.gamma-grid-table .grid-strike-col{position:sticky;left:0;z-index:1;background:#0b0e17;color:#f0f6fc;font-weight:700;text-align:right}.gamma-grid-table thead .grid-strike-col{z-index:3}.gamma-grid-table .grid-net-row td{background:#0b0e17;font-weight:800;border-top:2px solid rgba(255,255,255,.15)}#surface3d-sub-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}#surface3d-sub-nav .tab-btn{min-width:150px}.surface3d-chart{height:650px}