@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-color: #0d0e15;--glass-bg: rgba(20, 22, 35, .45);--glass-border: rgba(255, 255, 255, .05);--text-main: #f8fafc;--text-muted: #94a3b8;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--profit: #10b981;--loss: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background:radial-gradient(circle at top left,#1c1936,var(--bg-color) 60%);color:var(--text-main);min-height:100vh;margin:0}.loading{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-muted);background-color:var(--bg-color)}.app-layout{display:flex;min-height:100vh}.sidebar{width:250px;background:#0a0a1299;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);padding:24px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin-bottom:40px}.brand h1{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#a8c0ff,#3f2b96);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:8px}.badge-pro{font-size:.65rem;background:linear-gradient(90deg,#f59e0b,#ef4444);color:#fff;padding:2px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;-webkit-text-fill-color:white}.nav-item{background:transparent;border:none;color:var(--text-muted);font-family:inherit;font-size:.95rem;font-weight:500;width:100%;text-align:left;padding:12px 16px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;margin-bottom:8px}.nav-item:hover,.nav-item.active{background:#ffffff0d;color:var(--text-main)}.nav-item.active{box-shadow:inset 4px 0 0 var(--accent-purple);background:linear-gradient(90deg,rgba(139,92,246,.1),transparent)}.main-content{flex:1;padding:40px 60px;overflow-y:auto;position:relative}.top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.top-header>*{order:1}.dynamic-header-brand{order:2;margin:0 15px;flex-shrink:0}.top-header>*:last-child{order:3}.top-header>.dynamic-header-brand:last-child{order:2}.top-header h2{font-size:2rem;font-weight:700;letter-spacing:-.02em}.status-indicator{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-muted);background:var(--glass-bg);padding:8px 16px;border-radius:20px;border:1px solid var(--glass-border)}.pulse-dot{width:8px;height:8px;background-color:var(--profit);border-radius:50%;box-shadow:0 0 10px var(--profit);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003}.metric-card{border-radius:16px;padding:24px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.metric-card:hover{transform:translateY(-5px);border-color:#ffffff26}.metric-card label{color:var(--text-muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.metric-card .value{font-size:2.2rem;font-weight:800;margin-top:8px;background:linear-gradient(180deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.metric-card .value.profit{background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(16,185,129,.3)}.metric-card .value.loss{background:linear-gradient(135deg,#f87171,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(239,68,68,.3)}.section-title{font-size:1.25rem;margin-bottom:16px;color:var(--text-muted);font-weight:600}.table-wrapper{border-radius:16px;overflow:hidden}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.03)}th{background:#0003;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}tr:hover{background:#ffffff05}.inst-name{font-weight:700;color:#fff}.streak-bar-container{width:100px;height:6px;background:#ffffff0d;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.streak-bar{height:100%;border-radius:4px;transition:width .5s ease}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge.wait{background:#64748b26;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.badge.bullish{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge.bearish{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}:root.light-mode{--bg-color: #f1f5f9;--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(226, 232, 240, .8);--text-main: #1e293b;--text-muted: #64748b}body.light-mode{background:radial-gradient(circle at 10% 20%,#dcfce7 0%,transparent 40%),radial-gradient(circle at 90% 30%,#f3e8ff 0%,transparent 50%),radial-gradient(circle at 50% 80%,#e0f2fe 0%,transparent 50%),#f8fafc;color:var(--text-main)}.light-mode .sidebar{background:linear-gradient(180deg,#d1fae5cc,#f8fafce6);border-right:1px solid rgba(255,255,255,.5);box-shadow:4px 0 24px #00000005}.light-mode .glass{background:#fffffff2;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px #0000000d}.light-mode .nav-item{color:#475569}.light-mode .nav-item:hover{background:#fffc;color:#0f172a}.light-mode .nav-item.active{box-shadow:none;background:#fff;color:#059669;border-left:4px solid #10b981}.light-mode .metric-card .value{background:linear-gradient(180deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.light-mode .inst-name{color:#0f172a}.sidebar{transition:width .3s ease,padding .3s ease,opacity .3s ease;overflow:hidden;white-space:nowrap}.sidebar.closed{width:0;padding:0;opacity:0;border:none}.floating-controls{position:fixed;bottom:50px;right:50px;display:flex;flex-direction:column;gap:15px;z-index:999999}.control-btn{background:#282a37e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.light-mode .control-btn{background:#fffffff2;border:1px solid rgba(0,0,0,.1);color:#0f172a;box-shadow:0 4px 15px #0000001a}.control-btn:hover{transform:scale(1.1);border-color:var(--accent-blue);box-shadow:0 0 20px #3b82f680}:root{--oc-bg-wrapper: #0f111a;--oc-bg-solid: #0f111a;--oc-bg-panel: rgba(30, 30, 60, .5);--oc-border-panel: rgba(100, 100, 150, .2);--oc-header-bg: rgba(0, 0, 0, .2);--oc-header-text: #8a8aaa;--oc-row-border: rgba(60, 60, 90, .3);--oc-col-border: rgba(255, 255, 255, .05);--oc-strike-bg: rgba(30, 30, 60, .4);--oc-strike-text: #a29bfe;--oc-atm-bg: rgba(34, 197, 94, .15);--oc-atm-border: rgba(34, 197, 94, .4);--oc-atm-text: #000000;--oc-text-main: #e0e0ff;--oc-text-muted: #c8c8e0;--oc-text-dim: #a8c0ff;--oc-text-empty: #555570;--oc-ce-bg: rgba(225, 112, 85, .15);--oc-ce-text: #e17055;--oc-pe-bg: rgba(0, 184, 148, .15);--oc-pe-text: #00b894;--oc-ce-itm: rgba(234, 179, 8, .06);--oc-pe-itm: rgba(234, 179, 8, .06);--oc-oi-bg-ce-high: #b91c1c;--oc-oi-fg-ce-high: #ffffff;--oc-oi-bg-ce-mid: rgba(185, 28, 28, .4);--oc-oi-fg-ce-mid: #fca5a5;--oc-oi-bg-ce-low: rgba(16, 185, 129, .3);--oc-oi-fg-ce-low: #6ee7b7;--oc-oi-bg-pe-high: #047857;--oc-oi-fg-pe-high: #ffffff;--oc-oi-bg-pe-mid: rgba(4, 120, 87, .4);--oc-oi-fg-pe-mid: #6ee7b7;--oc-oi-bg-pe-low: rgba(239, 68, 68, .3);--oc-oi-fg-pe-low: #fca5a5;--oc-card-grad-end: rgba(30, 41, 59, .5);--oc-bubble-bg: rgba(0, 0, 0, .2);--oc-roadmap-bg: rgba(0, 0, 0, .3);--oc-roadmap-text: #ffffff;--oc-roadmap-spot-text: #ffffff;--oc-semantic-bull-bg: rgba(0, 184, 148, .05);--oc-semantic-bull-border: rgba(0, 184, 148, .1);--oc-semantic-bear-bg: rgba(225, 112, 85, .05);--oc-semantic-bear-border: rgba(225, 112, 85, .1);--oc-semantic-info-bg: rgba(59, 130, 246, .05);--oc-semantic-info-border: rgba(59, 130, 246, .1)}.tooltip-container{position:relative;cursor:help;display:flex}.tooltip-content{visibility:hidden;opacity:0;width:max-content;max-width:250px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-main);text-align:left;border-radius:8px;padding:10px 14px;position:absolute;z-index:1000;bottom:110%;left:50%;box-shadow:0 10px 25px #00000080;border:1px solid var(--glass-border);font-size:.75rem;font-weight:400;line-height:1.4;transition:opacity .3s,transform .3s;pointer-events:none;transform:translate(-50%) translateY(10px)}.tooltip-container:hover .tooltip-content{visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:var(--glass-border) transparent transparent transparent}.velocity-spurt{color:#ff4757!important;font-weight:800!important;text-shadow:0 0 8px rgba(255,71,87,.6);animation:flash_pulse 1.5s infinite ease-in-out}@keyframes flash_pulse{0%{filter:brightness(1)}50%{filter:brightness(1.4)}to{filter:brightness(1)}}:root.light-mode{--oc-bg-wrapper: transparent;--oc-bg-solid: #f8fafc;--oc-bg-panel: #ffffff;--oc-border-panel: rgba(0, 0, 0, .08);--oc-header-bg: rgba(0, 0, 0, .03);--oc-header-text: #64748b;--oc-row-border: rgba(0, 0, 0, .05);--oc-col-border: rgba(0, 0, 0, .05);--oc-strike-bg: rgba(0, 0, 0, .02);--oc-strike-text: #4f46e5;--oc-atm-bg: rgba(34, 197, 94, .15);--oc-atm-border: rgba(34, 197, 94, .4);--oc-atm-text: #000000;--oc-text-main: #0f172a;--oc-text-muted: #334155;--oc-text-dim: #475569;--oc-text-empty: #cbd5e1;--oc-ce-bg: rgba(239, 68, 68, .1);--oc-ce-text: #dc2626;--oc-pe-bg: rgba(16, 185, 129, .1);--oc-pe-text: #059669;--oc-ce-itm: rgba(234, 179, 8, .06);--oc-pe-itm: rgba(234, 179, 8, .06);--oc-oi-bg-ce-high: #ef4444;--oc-oi-fg-ce-high: #ffffff;--oc-oi-bg-ce-mid: rgba(239, 68, 68, .15);--oc-oi-fg-ce-mid: #dc2626;--oc-oi-bg-ce-low: rgba(16, 185, 129, .1);--oc-oi-fg-ce-low: #059669;--oc-oi-bg-pe-high: #10b981;--oc-oi-fg-pe-high: #ffffff;--oc-oi-bg-pe-mid: rgba(16, 185, 129, .15);--oc-oi-fg-pe-mid: #059669;--oc-oi-bg-pe-low: rgba(239, 68, 68, .1);--oc-oi-fg-pe-low: #dc2626;--oc-card-grad-end: #ffffff;--oc-bubble-bg: #f8fafc;--oc-roadmap-bg: #f1f5f9;--oc-roadmap-text: #475569;--oc-roadmap-spot-text: #0f172a;--oc-shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--oc-shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--oc-semantic-bull-bg: rgba(0, 184, 148, .08);--oc-semantic-bull-border: rgba(0, 184, 148, .2);--oc-semantic-bear-bg: rgba(225, 112, 85, .08);--oc-semantic-bear-border: rgba(225, 112, 85, .2);--oc-semantic-info-bg: rgba(59, 130, 246, .08);--oc-semantic-info-border: rgba(59, 130, 246, .2)}@keyframes spin{to{transform:rotate(360deg)}}.dash-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.dash-metric-card{position:relative;border-radius:20px;padding:28px 24px;background:#14162366;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 40px #0000004d;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dash-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.dash-metric-card:hover{transform:translateY(-5px);border-color:#ffffff26;box-shadow:0 20px 40px #00000080,0 0 40px #8b5cf61a}.dash-metric-card .bg-icon{position:absolute;right:-10px;bottom:-15px;opacity:.03;width:120px;height:120px;transform:rotate(-15deg);transition:all .5s ease;pointer-events:none}.dash-metric-card:hover .bg-icon{opacity:.06;transform:rotate(0) scale(1.1)}.dash-metric-card label{color:var(--text-muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;display:block;margin-bottom:12px}.dash-metric-card .value{font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1}.dash-metric-card .value.profit{background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(16,185,129,.4)}.dash-metric-card .value.loss{background:linear-gradient(135deg,#f87171,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(239,68,68,.4)}.status-pill-container{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}.status-pill{display:inline-flex;align-items:center;gap:10px;background:#14162399;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);padding:8px 16px;border-radius:30px;font-size:.8rem;font-weight:600;color:#fff;letter-spacing:.05em;text-transform:uppercase;transition:all .3s ease}.status-pill:hover{background:#ffffff08;border-color:#ffffff1a}.status-pill .indicator{width:10px;height:10px;border-radius:50%}.status-pill.online .indicator{background:#10b981;box-shadow:0 0 12px #10b981;animation:pulse-green 2s infinite}.status-pill.offline .indicator{background:#ef4444;box-shadow:0 0 12px #ef4444}.premium-table{width:100%;border-collapse:separate;border-spacing:0}.premium-table th{background:#0000004d;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;padding:16px 24px;border-bottom:2px solid rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.02)}.premium-table th:first-child{border-top-left-radius:12px}.premium-table th:last-child{border-top-right-radius:12px}.premium-table td{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.03);background:#1416231a;transition:background .3s ease;vertical-align:middle}.premium-table tr:hover td{background:#ffffff05}.premium-table .inst-name{font-weight:800;font-size:1.05rem;color:#fff;letter-spacing:-.01em}.badge.glowing-bullish{background:#10b9811a!important;color:#34d399!important;border:1px solid rgba(16,185,129,.4)!important;box-shadow:0 0 15px #10b98133}.badge.glowing-bearish{background:#ef44441a!important;color:#f87171!important;border:1px solid rgba(239,68,68,.4)!important;box-shadow:0 0 15px #ef444433}.badge.glowing-wait{background:#64748b26!important;color:#cbd5e1!important;border:1px solid rgba(100,116,139,.4)!important}.streak-gradient-bar{height:100%;border-radius:5px;transition:width .5s cubic-bezier(.4,0,.2,1)}@keyframes pulse-green{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.light-mode .dash-metric-card{background:#fffc;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px #0000000d}.light-mode .dash-metric-card .value{color:#0f172a}.light-mode .dash-metric-card:before{display:none}.light-mode .status-pill{background:#ffffffe6;border:1px solid rgba(0,0,0,.1);color:#475569}.light-mode .premium-table th{background:#00000005;color:#475569;border-bottom:2px solid rgba(0,0,0,.05)}.light-mode .premium-table td{background:transparent;border-bottom:1px solid rgba(0,0,0,.05)}.light-mode .premium-table .inst-name{color:#0f172a}