body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{width:100%;min-height:100vh}:root{--bg:#0b0f16;--surface:#141920;--surface2:#1c2330;--border:#252e3d;--border2:#1c2330;--text:#f1f5f9;--text2:#94a3b8;--muted:#475569;--dim:#334155;--green:#22c55e;--green2:#16a34a;--red:#ef4444;--red2:#dc2626;--blue:#3b82f6;--blue2:#2563eb;--yellow:#eab308;--orange:#f97316;--bg2:var(--surface);--bg3:var(--surface2);--bg4:#222b3a;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"Consolas", "SF Mono", "Fira Code", "Courier New", monospace;--fs-xs:10px;--fs-sm:11px;--fs-md:13px;--fs-lg:15px;--fs-xl:18px;--r-sm:6px;--r:10px;--r-lg:16px;--radius:var(--r);--radius-sm:var(--r-sm);--radius-lg:var(--r-lg);--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--glow-green:0 0 12px #22c55e2e;--glow-red:0 0 12px #ef44442e;--glow-blue:0 0 12px #3b82f62e;--ease:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}button,input,select{font-family:var(--font)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;line-height:1.5}#root{text-align:left;max-width:1400px;margin:0 auto;padding:0}.app{flex-direction:column;min-height:100vh;display:flex}@media (width<=768px){html,body,#root,.app{height:100%;overflow:hidden}.app-header{flex-shrink:0;position:relative}}.app-content{flex:1}@media (width<=768px){.app-content{-webkit-overflow-scrolling:touch;flex:1 1 0;min-height:0;padding-bottom:72px;overflow-y:auto}}.mobile-signals-section{display:none}@media (width<=768px){.mobile-signals-section{margin-top:16px;display:block}}.app-header{padding:0 var(--sp-6);background:linear-gradient(180deg, #161e2b 0%, var(--surface) 100%);border-bottom:1px solid var(--border);z-index:200;justify-content:space-between;align-items:center;gap:var(--sp-3);height:52px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000059}.header-left{align-items:center;gap:var(--sp-3);flex-shrink:0;display:flex}.header-right{align-items:center;gap:var(--sp-3);display:flex}.logo{color:var(--blue);letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 20px #3b82f659;font-size:18px;font-weight:900}.logo-sub{font-size:var(--fs-sm);color:var(--muted);letter-spacing:.5px;border-left:1px solid var(--border);padding-left:var(--sp-3);font-weight:500}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot-green{background:var(--green);box-shadow:0 0 6px var(--green)}.dot-yellow{background:var(--yellow);box-shadow:0 0 4px var(--yellow)}.dot-red{background:var(--red)}.signal-label{font-size:var(--fs-xs);color:var(--muted);text-transform:capitalize;letter-spacing:.5px}.auth-badge{font-size:var(--fs-xs);letter-spacing:.3px;border-radius:10px;padding:4px 10px;font-weight:700}.auth-ok{color:var(--green);background:#22c55e1a;border:1px solid #22c55e40}.auth-fail{color:var(--red);cursor:pointer;transition:background var(--ease);background:#ef44441a;border:1px solid #ef444440}.auth-fail:hover{background:#ef444433}.bottom-nav{z-index:500;border-top:1px solid var(--border);background:linear-gradient(#141920 0%,#0f1520 100%);flex-direction:row;flex-shrink:0;justify-content:space-around;align-items:stretch;height:60px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0006}@media (width<=768px){.bottom-nav{display:flex}}.bottom-nav-item{color:var(--muted);cursor:pointer;transition:color var(--ease);font-family:var(--font);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 4px;display:flex;position:relative}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-active{color:var(--blue)}.bottom-nav-active:before{content:"";background:var(--blue);border-radius:0 0 3px 3px;height:2px;position:absolute;top:0;left:20%;right:20%}.market-grid{gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.market-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.market-grid{grid-template-columns:1fr}}.market-card{background:linear-gradient(135deg, var(--surface) 0%, var(--surface2) 100%);border:1px solid var(--border);border-radius:var(--r);padding:var(--sp-4);transition:border-color var(--ease), box-shadow var(--ease);position:relative;overflow:hidden}.market-card:before{content:"";opacity:0;height:1px;transition:opacity var(--ease);background:linear-gradient(90deg,#0000,#3b82f64d,#0000);position:absolute;top:0;left:0;right:0}.market-card:hover{border-color:var(--blue);box-shadow:0 0 0 1px #3b82f633, var(--shadow-md)}.market-card:hover:before{opacity:1}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.card-symbol{color:var(--text);letter-spacing:.5px;font-size:15px;font-weight:700}.card-trading-symbol{color:var(--muted);font-size:10px;font-family:var(--mono)}.card-price{font-size:24px;font-weight:700;font-family:var(--mono);letter-spacing:-.5px;margin-bottom:4px}.card-change{font-size:13px;font-family:var(--mono);margin-bottom:12px;font-weight:600}.price-up{color:var(--green)}.price-down{color:var(--red)}.card-stats{color:var(--muted);grid-template-columns:1fr 1fr;gap:4px;font-size:11px;display:grid}.card-stats span strong{color:var(--text2);font-family:var(--mono);margin-left:2px}.card-loading,.card-offline{font-size:22px;font-family:var(--mono);color:var(--muted);padding:12px 0}@keyframes flashUp{0%,to{background:0 0}50%{background:#22c55e1f}}@keyframes flashDown{0%,to{background:0 0}50%{background:#ef44441f}}.flash-up{animation:.6s flashUp}.flash-down{animation:.6s flashDown}.trading-panel{gap:var(--sp-3);padding:var(--sp-3) var(--sp-6) var(--sp-6);grid-template-columns:360px 1fr;display:grid}@media (width<=800px){.trading-panel{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:var(--sp-5)}.panel-header{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.panel-title{font-size:var(--fs-lg);color:var(--text);margin-bottom:var(--sp-4);letter-spacing:.2px;font-weight:700}.panel-header .panel-title{margin-bottom:0}.form-group{gap:var(--sp-1);margin-bottom:var(--sp-3);flex-direction:column;display:flex}.form-group label{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.8px;text-transform:uppercase;font-weight:700}.form-row{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}input[type=number],input[type=text],select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);padding:var(--sp-2) var(--sp-3);width:100%;transition:border-color var(--ease), box-shadow var(--ease);appearance:none;outline:none;font-size:14px}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61f}input::placeholder{color:var(--dim)}select option{background:var(--surface2)}.instrument-meta{font-size:var(--fs-xs);color:var(--muted);margin:-4px 0 var(--sp-3);font-family:var(--mono);padding:var(--sp-2) var(--sp-3);background:var(--surface2);border-radius:var(--r-sm);border:1px solid var(--border)}.radio-group{gap:8px;display:flex}.radio-label{cursor:pointer;border-radius:var(--r-sm);border:1px solid var(--border);color:var(--muted);align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.radio-label input{display:none}.radio-label.active{border-color:var(--blue);color:var(--blue);background:#3b82f614}.order-btns{gap:var(--sp-3);margin-top:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.btn{border-radius:var(--r-sm);cursor:pointer;letter-spacing:.8px;transition:opacity var(--ease), transform var(--ease), box-shadow var(--ease);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.btn:disabled{opacity:.38;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-buy{background:var(--green2);color:#fff;box-shadow:0 2px 8px #16a34a40}.btn-sell{background:var(--red2);color:#fff;box-shadow:0 2px 8px #dc262640}.btn-buy:hover:not(:disabled){background:var(--green);box-shadow:0 4px 12px #22c55e59}.btn-sell:hover:not(:disabled){background:var(--red);box-shadow:0 4px 12px #ef444459}.btn-sm{font-size:var(--fs-sm);background:var(--surface2);border:1px solid var(--border);color:var(--text2);border-radius:var(--r-sm);cursor:pointer;transition:border-color var(--ease), background var(--ease), color var(--ease);padding:5px 12px;font-weight:600}.btn-sm:hover:not(:disabled){border-color:var(--blue);color:var(--text);background:#3b82f60f}.btn-login{margin-top:var(--sp-3);background:var(--blue2);color:#fff;border-radius:var(--r);cursor:pointer;transition:background var(--ease), box-shadow var(--ease);border:none;justify-content:center;align-items:center;padding:10px 24px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #2563eb4d}.btn-login:hover{background:var(--blue);box-shadow:0 4px 16px #3b82f666}.btn-logout{color:var(--red);border-radius:var(--r-sm);font-size:var(--fs-sm);cursor:pointer;transition:background var(--ease), border-color var(--ease);background:0 0;border:1px solid #ef444459;padding:4px 12px}.btn-logout:hover{border-color:var(--red);background:#ef44441a}.order-msg{border-radius:var(--r-sm);font-size:12px;font-family:var(--mono);margin-top:12px;padding:10px 12px}.msg-ok{color:var(--green);background:#22c55e1a;border:1px solid #22c55e40}.msg-err{color:var(--red);background:#ef44441a;border:1px solid #ef444440}.auth-prompt{color:var(--text2);flex-direction:column;align-items:flex-start;gap:10px;padding:10px 0;font-size:14px;display:flex}.order-history{overflow:hidden}.table-wrapper{overflow-x:auto}.order-table{border-collapse:collapse;width:100%;font-size:var(--fs-md)}.order-table th{text-align:left;padding:var(--sp-2) var(--sp-3);color:var(--muted);border-bottom:1px solid var(--border);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;background:var(--surface2);font-weight:700}.order-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border2);color:var(--text2);vertical-align:middle}.order-table tr:hover td{background:var(--surface2)}.order-table tr:last-child td{border-bottom:none}.mono{font-family:var(--mono)}.status-badge{letter-spacing:.5px;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.status-complete{color:var(--green);background:#22c55e1a;border:1px solid #22c55e33}.status-reject{color:var(--red);background:#ef44441a;border:1px solid #ef444433}.status-cancel{color:var(--muted);background:#47556926}.status-open{color:var(--blue);background:#3b82f61a;border:1px solid #3b82f633}.option-signal-banner{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.osb-arrow{font-size:20px;line-height:1}.osb-action{letter-spacing:1px;font-size:16px;font-weight:800}.osb-score{font-family:var(--mono);background:#ffffff0f;border-radius:10px;padding:2px 8px;font-size:12px}.osb-conf{text-transform:uppercase;letter-spacing:.8px;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.osb-sym{color:var(--muted);font-size:11px;font-family:var(--mono);margin-left:4px}.osb-patterns{color:var(--muted);margin-left:auto;font-size:11px}.option-signal-banner.sig-strong-buy{color:var(--green);background:#22c55e12}.option-signal-banner.sig-buy{color:#4ade80;background:#22c55e0a}.option-signal-banner.sig-neutral{background:var(--surface2);color:var(--muted)}.option-signal-banner.sig-sell{color:#f87171;background:#ef44440f}.option-signal-banner.sig-strong-sell{color:var(--red);background:#ef44441a}.signal-panel-option{max-height:none}.profit-zone-banner{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:11px 16px;font-size:13px;animation:1.8s ease-in-out infinite pulseGlow;display:flex}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.8}}.pz-buy{border-top:2px solid var(--green);background:linear-gradient(90deg,#22c55e14 0%,#22c55e08 100%)}.pz-sell{border-top:2px solid var(--red);background:linear-gradient(90deg,#ef444414 0%,#ef444408 100%)}.pz-icon{font-size:18px}.pz-label{letter-spacing:1.5px;text-transform:uppercase;font-size:13px;font-weight:900}.pz-buy .pz-label{color:var(--green)}.pz-sell .pz-label{color:var(--red)}.pz-pts{font-size:14px;font-weight:700;font-family:var(--mono);border-radius:12px;padding:2px 10px}.pz-buy .pz-pts{color:var(--green);background:#22c55e24}.pz-sell .pz-pts{color:var(--red);background:#ef444424}.pz-sep{color:var(--border)}.pz-levels{color:var(--muted);font-size:12px;font-family:var(--mono)}.pz-rr{color:var(--blue);font-size:11px;font-family:var(--mono);border:1px solid #3b82f64d;border-radius:8px;margin-left:auto;padding:2px 8px}.pz-atr{color:var(--muted);font-size:11px;font-family:var(--mono)}.level-profit-zone{color:var(--green);background:linear-gradient(90deg,#22c55e14,#22c55e0a);border:1px solid #22c55e40;animation:2s ease-in-out infinite pulseGlow}.empty-state{text-align:center;color:var(--muted);padding:32px;font-size:13px}.chart-section{padding:var(--sp-3) var(--sp-6) var(--sp-3)}.chart-news-section{gap:var(--sp-3);padding:var(--sp-3) var(--sp-6) var(--sp-3);grid-template-columns:1fr 300px;align-items:start;display:grid}.chart-news-left{min-width:0}.chart-news-right{flex-direction:column;display:flex;overflow:hidden}@media (width<=960px){.chart-news-section{padding:var(--sp-2) var(--sp-3) var(--sp-2);grid-template-columns:1fr}.chart-news-right{height:320px}}.chart-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.chart-toolbar{border-bottom:1px solid var(--border);background:var(--surface2);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.chart-symbol-tabs,.chart-interval-tabs{gap:4px;display:flex}.sym-tab,.iv-tab{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;background:0 0;padding:4px 12px;font-size:12px;font-weight:600;transition:all .15s}.sym-tab:hover,.iv-tab:hover{color:var(--text);border-color:var(--blue)}.sym-tab-active{background:var(--blue);color:#fff;border-color:var(--blue)}.iv-tab-active{color:var(--blue);border-color:var(--blue);background:#3b82f61a}.chart-toolbar .btn-sm{margin-left:auto}.chart-body{grid-template-columns:1fr 280px;min-height:460px;display:grid}@media (width<=900px){.chart-body{grid-template-columns:1fr}}.chart-left{border-right:1px solid var(--border);background:var(--bg)}.chart-loading,.chart-error{height:440px;color:var(--muted);justify-content:center;align-items:center;font-size:14px;display:flex}.chart-error{color:var(--red)}.rsi-container{border-top:1px solid var(--border);background:var(--bg);position:relative}.sub-chart-label{color:var(--muted);z-index:1;font-size:10px;position:absolute;top:4px;left:8px}.signal-panel{flex-direction:column;gap:12px;max-height:560px;padding:14px 12px;display:flex;overflow-y:auto}.signal-badge-large{border-radius:var(--r);border:2px solid;flex-direction:column;align-items:center;gap:4px;padding:14px;display:flex}.sig-arrow{font-size:28px;line-height:1}.sig-label{letter-spacing:1px;font-size:16px;font-weight:800}.sig-score{font-size:11px;font-family:var(--mono)}.sig-strong-buy{border-color:var(--green);color:var(--green);background:#22c55e14}.sig-buy{color:#4ade80;background:#22c55e0d;border-color:#4ade80}.sig-neutral{background:var(--surface2);border-color:var(--border);color:var(--muted)}.sig-sell{color:#f87171;background:#ef44440f;border-color:#f87171}.sig-strong-sell{border-color:var(--red);color:var(--red);background:#ef44441a}.signal-meta{flex-direction:column;gap:6px;display:flex}.conf-badge{letter-spacing:.5px;border-radius:10px;align-self:flex-start;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.conf-high{color:var(--green);background:#22c55e1f}.conf-medium{color:var(--yellow);background:#eab3081f}.conf-low{color:var(--muted);background:#47556926}.signal-summary{color:var(--muted);font-size:12px;line-height:1.5}.signal-levels{flex-direction:column;gap:6px;display:flex}.level{border-radius:var(--r-sm);justify-content:space-between;padding:6px 10px;font-size:12px;display:flex}.level-buy{color:var(--green);background:#22c55e14}.level-sl{color:var(--red);background:#ef444414}.level-target{color:var(--blue);background:#3b82f614}.level strong{font-family:var(--mono)}.signal-section{flex-direction:column;gap:4px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:4px;font-size:11px}.pattern-row{border-radius:var(--r-sm);align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:flex}.pattern-bull{background:#22c55e0f}.pattern-bear{background:#ef44440f}.pattern-neutral{background:var(--surface2)}.pattern-icon{width:12px;font-size:10px}.pattern-name{flex:1;font-weight:600}.pattern-strength{text-transform:uppercase;border-radius:8px;padding:1px 5px;font-size:9px;font-weight:700}.strength-strong{color:var(--green);background:#22c55e2e}.strength-moderate{color:var(--yellow);background:#eab3082e}.strength-weak{color:var(--muted);background:#4755692e}.pattern-bull .pattern-name{color:var(--green)}.pattern-bear .pattern-name{color:var(--red)}.pattern-neutral .pattern-name{color:var(--muted)}.indicator-row{border-radius:var(--r-sm);flex-direction:column;gap:2px;padding:5px 8px;font-size:11px;display:flex}.ind-buy{background:#22c55e0f}.ind-sell{background:#ef44440f}.ind-neutral{background:var(--surface2)}.ind-name{font-size:11px;font-weight:700}.ind-desc{color:var(--muted);line-height:1.4}.ind-signal{letter-spacing:.8px;align-self:flex-end;font-size:10px;font-weight:800}.ind-buy .ind-signal{color:var(--green)}.ind-sell .ind-signal{color:var(--red)}.ind-neutral .ind-signal{color:var(--muted)}.signal-legend{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:4px;font-size:10px;display:flex}.ema20-dot{background:gold;border-radius:2px;width:12px;height:2px;display:inline-block}.ema50-dot{background:#ff8c00;border-radius:2px;width:12px;height:2px;display:inline-block}.buy-dot{color:var(--green)}.sell-dot{color:var(--red)}.main-tabs{padding:0 var(--sp-6);background:var(--surface);border-bottom:1px solid var(--border);scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.main-tabs::-webkit-scrollbar{display:none}.main-tab{color:var(--muted);font-size:var(--fs-md);cursor:pointer;white-space:nowrap;transition:color var(--ease), border-color var(--ease);-webkit-user-select:none;user-select:none;font-weight:600;font-family:var(--font);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:14px 18px}.main-tab:hover{color:var(--text2)}.main-tab:focus{outline:none}.main-tab-active{color:var(--blue);border-bottom-color:var(--blue)}.nav-section-label{letter-spacing:1.2px;text-transform:uppercase;color:#475569;white-space:nowrap;border-left:2px solid #1e293b;align-items:center;margin-left:4px;padding:0 10px 0 14px;font-size:9px;font-weight:800;display:flex}@media (width<=768px){.main-tabs{display:none}}.tab-content{padding:var(--sp-4) var(--sp-6) 0}.market-card-selected{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue), var(--glow-blue)}.index-strip{flex-direction:column;gap:12px;display:flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.section-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:11px;font-weight:700}.index-cards{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.index-cards::-webkit-scrollbar{display:none}.index-cards[style*=flex-wrap] .index-card{flex:160px;min-width:155px;max-width:220px}.index-card{background:linear-gradient(135deg, var(--surface) 0%, var(--surface2) 100%);border:1px solid var(--border);border-radius:var(--r);padding:var(--sp-3) var(--sp-4);cursor:pointer;text-align:left;transition:border-color var(--ease), box-shadow var(--ease), transform var(--ease);border-left-width:3px;flex-direction:column;flex:none;gap:3px;min-width:155px;display:flex;position:relative;overflow:hidden}.index-card:hover{border-color:var(--blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.index-card-selected{border-color:var(--blue);background:linear-gradient(135deg, #3b82f60f 0%, var(--surface2) 100%);box-shadow:0 0 0 1px var(--blue), var(--glow-blue)}.index-card-up{border-left-color:var(--green)}.index-card-down{border-left-color:var(--red)}.idx-name{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:700}.idx-price-row{flex-wrap:nowrap;align-items:baseline;gap:8px;display:flex}.idx-price{font-size:18px;font-weight:700;font-family:var(--mono);letter-spacing:-.5px;flex-shrink:0}.idx-change{font-size:11px;font-family:var(--mono);white-space:nowrap;font-weight:600}.idx-pct{font-size:10px;font-weight:700;font-family:var(--mono);white-space:nowrap;border-radius:8px;padding:1px 6px}.idx-pct-up{color:var(--green);background:#22c55e1f}.idx-pct-down{color:var(--red);background:#ef44441f}.idx-hl{color:var(--muted);font-size:10px;font-family:var(--mono);margin-top:1px}.idx-open{color:var(--muted);font-size:10px;font-family:var(--mono)}.stock-list-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);flex-direction:column;gap:0;max-height:420px;display:flex;overflow:hidden}.stock-toolbar{background:var(--surface2);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.exchange-tabs{gap:4px;display:flex}.ex-tab{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;letter-spacing:.5px;font-size:12px;font-weight:700;font-family:var(--font);background:0 0;padding:4px 14px;transition:all .15s}.ex-tab:hover{color:var(--text)}.ex-tab-active{background:var(--blue);color:#fff;border-color:var(--blue)}.stock-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);min-width:180px;color:var(--text);outline:none;flex:1;padding:6px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}.stock-search:focus{border-color:var(--blue);box-shadow:0 0 0 2px #3b82f61a}.stock-search::placeholder{color:var(--muted)}.sort-select{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);cursor:pointer;font-size:12px;font-family:var(--font);outline:none;padding:6px 8px}.stock-count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px}.stock-rows{flex:1;overflow-y:auto}.stock-row{border-bottom:1px solid var(--border2);cursor:pointer;text-align:left;width:100%;color:var(--text);font-family:var(--font);background:0 0;border-top:none;border-left:none;border-right:none;grid-template-columns:1fr 90px auto;align-items:center;gap:12px;padding:8px 14px;transition:background .1s;display:grid}.stock-row:hover{background:var(--surface2)}.stock-row:last-child{border-bottom:none}.stock-row-selected{border-left:2px solid var(--blue);background:#3b82f60f}.stock-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.stock-sym{font-family:var(--mono);color:var(--muted);flex-shrink:0;font-size:11px}.stock-price{font-family:var(--mono);color:var(--text);font-size:12px}.stock-loading,.stock-empty{text-align:center;color:var(--muted);padding:32px;font-size:13px}.stock-pagination{border-top:1px solid var(--border);background:var(--surface2);justify-content:center;align-items:center;gap:12px;padding:10px;display:flex}.page-info{color:var(--muted);font-size:12px;font-family:var(--mono)}.chart-title-label{color:var(--text);letter-spacing:.5px;margin-right:4px;font-size:14px;font-weight:700}@media (width<=768px){.app-header{padding:0 var(--sp-3);flex-wrap:nowrap;height:48px}.logo{font-size:16px}.logo-sub,.signal-label{display:none}.header-right{gap:var(--sp-2)}.tab-content{padding:var(--sp-3) var(--sp-3) 0}.market-grid{padding:var(--sp-3);gap:var(--sp-2);grid-template-columns:repeat(2,1fr)}.chart-section{padding:var(--sp-2) var(--sp-3) var(--sp-3)}.chart-body{grid-template-columns:1fr}.chart-left{border-right:none}.trading-panel{padding:var(--sp-2) var(--sp-3) var(--sp-4);gap:var(--sp-2);grid-template-columns:1fr}.panel{padding:var(--sp-3)}.stock-list-panel{max-height:360px}.stock-toolbar{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.stock-search{min-width:120px}.stock-count{display:none}.stock-row{gap:var(--sp-2);padding:7px 10px}.options-panel{max-width:100%;overflow:hidden}.opt-toolbar{padding:var(--sp-2) var(--sp-3);overflow:hidden}.opt-infobar{padding:var(--sp-1) var(--sp-3);gap:var(--sp-2);overflow:hidden}.opt-stats{display:none}.opt-table-wrap{-webkit-overflow-scrolling:touch;max-height:55vh;overflow:auto}.index-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid;overflow-x:visible}.index-card{min-width:unset;flex:unset;padding:var(--sp-2) var(--sp-3)}.idx-price{font-size:16px}.order-table th:nth-child(4),.order-table td:nth-child(4),.order-table th:nth-child(5),.order-table td:nth-child(5){display:none}}@media (width<=480px){.app-header{padding:8px 10px}.logo{letter-spacing:2px;font-size:15px}.dot{width:7px;height:7px}.market-grid{grid-template-columns:1fr;gap:8px;padding:8px}.card-price{font-size:20px}.stock-row{grid-template-columns:1fr 70px auto;gap:6px;padding:6px 8px}.stock-name{font-size:12px}.stock-sym{font-size:10px}.stock-price{font-size:11px}.opt-expiry-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.exp-tab{flex-shrink:0;padding:2px 7px;font-size:10px}.opt-tab{flex-shrink:0;padding:4px 8px;font-size:11px}.opt-index-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.opt-table th,.opt-table td{padding:4px 5px;font-size:11px}.opt-strike-cell{min-width:68px;font-size:11px}.buy-opt-btn{width:18px;height:18px;font-size:9px}.opt-buy-cell{width:22px;padding:2px!important}.index-cards{gap:8px}.index-card{min-width:135px;padding:8px 10px}.idx-price{font-size:14px}.idx-name{font-size:9px}.idx-change{font-size:10px}.idx-hl,.idx-open{font-size:9px}.chart-toolbar{gap:6px;padding:7px 10px}.sym-tab,.iv-tab{padding:3px 8px;font-size:11px}.panel{padding:12px}.order-btns{gap:8px}.btn{padding:10px 12px;font-size:13px}.order-table{font-size:11px}.order-table th,.order-table td{padding:6px}.order-table th:nth-child(3),.order-table td:nth-child(3),.order-table th:nth-child(7),.order-table td:nth-child(7){display:none}.qom-modal{border-radius:12px 12px 0 0;width:100%;max-width:100%;margin-top:auto}.qom-backdrop{align-items:flex-end}.balance-bar-inner{gap:10px;font-size:11px}.balance-bar-desktop-only{display:none}}.options-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);max-width:100%;overflow:hidden}.oc-selector{background:var(--surface2);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:10px 0 6px;display:flex}.oc-group{align-items:center;gap:6px;min-width:0;padding:4px 12px;display:flex}.oc-group--mcx{border-top:1px solid var(--border2);margin-top:4px;padding-top:8px}.oc-group-label{letter-spacing:1.2px;color:#f97316;text-transform:uppercase;flex-shrink:0;width:28px;font-size:9px;font-weight:800}.oc-group-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.oc-group-scroll::-webkit-scrollbar{display:none}.oc-pill{border:1px solid var(--border);color:var(--text2);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:700;font-family:var(--font);background:0 0;border-radius:20px;flex-shrink:0;padding:6px 14px;transition:all .15s}.oc-pill:hover{border-color:var(--blue);color:var(--text)}.oc-pill-active{background:var(--blue);border-color:var(--blue);color:#fff}.oc-pill--mcx{color:#f97316b3;border-color:#f9731640}.oc-pill--mcx:hover{color:#f97316;border-color:#f97316}.oc-pill-mcx-active{color:#fff;background:#f97316;border-color:#f97316}.oc-infobar{border-bottom:1px solid var(--border);background:var(--bg);flex-direction:column;gap:0;display:flex}.oc-spot{flex-wrap:wrap;align-items:baseline;gap:8px;padding:10px 14px 6px;display:flex}.oc-spot-name{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800}.oc-spot-price{font-size:20px;font-weight:700;font-family:var(--mono)}.oc-spot-chg{font-size:12px;font-family:var(--mono)}.oc-expiry-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:4px 12px 8px;display:flex;overflow-x:auto}.oc-expiry-row::-webkit-scrollbar{display:none}.oc-stats-row{border-top:1px solid var(--border2);flex-direction:column;gap:6px;padding:8px 12px;display:flex}.oc-stats-line1{align-items:center;gap:8px;display:flex}.oc-stats-line1 .oc-perlot-toggle{margin-left:auto}.oc-view-tabs{background:var(--surface2);border:1px solid var(--border);border-radius:8px;flex-shrink:0;display:flex;overflow:hidden}.oc-view-tab{color:var(--muted);cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font);background:0 0;border:none;padding:5px 12px;transition:all .15s}.oc-view-tab-active{background:var(--blue);color:#fff}.oc-stat-chips{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.oc-stat-chip{color:var(--muted);background:var(--surface2);border:1px solid var(--border);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:11px}.oc-stat-chip strong{color:var(--text);font-family:var(--mono)}.oc-pcr-bull strong{color:var(--green)}.oc-pcr-bear strong{color:var(--red)}.oc-perlot-toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:11px;display:flex}.moc-wrap{border-top:1px solid var(--border);flex-direction:column;display:flex}.moc-header{border-bottom:1px solid var(--border);grid-template-columns:1fr 80px 1fr;display:grid}.moc-header-ce{letter-spacing:1px;color:#22c5a0;text-align:left;background:#22c5a014;padding:8px 10px;font-size:11px;font-weight:800}.moc-header-strike{color:var(--muted);background:var(--surface2);text-align:center;border-left:1px solid var(--border);border-right:1px solid var(--border);padding:8px 4px;font-size:10px;font-weight:700}.moc-header-pe{letter-spacing:1px;color:#ef4444;text-align:right;background:#ef444414;padding:8px 10px;font-size:11px;font-weight:800}.moc-sub-header{border-bottom:1px solid var(--border);background:var(--surface2);grid-template-columns:1fr 80px 1fr;display:grid}.moc-sub-ce{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;justify-content:space-between;padding:4px 10px;font-size:9px;font-weight:700;display:flex}.moc-sub-strike{border-left:1px solid var(--border);border-right:1px solid var(--border)}.moc-sub-pe{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;justify-content:space-between;padding:4px 10px;font-size:9px;font-weight:700;display:flex}.moc-sub-oi{opacity:.7}.moc-row{border-bottom:1px solid var(--border2);grid-template-columns:1fr 80px 1fr;transition:background .1s;display:grid}.moc-row:active{background:var(--surface2)}.moc-row-atm{background:#eab3080f;border-top:1px solid #eab3084d;border-bottom-color:#eab3084d}.moc-ce{cursor:pointer;flex-direction:column;gap:3px;min-width:0;padding:8px 10px 6px;display:flex}.moc-pe{cursor:pointer;border-left:1px solid var(--border);flex-direction:column;align-items:flex-end;gap:3px;min-width:0;padding:8px 10px 6px;display:flex}.moc-ltp-line{flex-wrap:nowrap;align-items:baseline;gap:5px;display:flex}.moc-ltp-line--pe{justify-content:flex-end}.moc-ltp{font-size:13px;font-weight:700;font-family:var(--mono);white-space:nowrap}.moc-pct{font-size:10px;font-weight:600;font-family:var(--mono);white-space:nowrap;opacity:.85}.moc-oi-bar-wrap{background:var(--border);border-radius:2px;height:3px;margin-top:2px;overflow:hidden}.moc-oi-bar-wrap--pe{direction:rtl}.moc-oi-bar{border-radius:2px;min-width:2px;height:100%;transition:width .4s}.moc-oi-bar--ce{background:#22c5a0}.moc-oi-bar--pe{background:#ef4444}.moc-oi-text{color:var(--muted);font-size:9px;font-family:var(--mono)}.moc-oi-text--pe{text-align:right}.moc-dash{color:var(--muted);align-self:center;font-size:14px}.moc-strike{background:var(--surface2);border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;display:flex;position:relative}.moc-atm-dot{background:#eab308;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-bottom:3px}.moc-strike-val{font-size:12px;font-weight:700;font-family:var(--mono);color:var(--text2);white-space:nowrap}.moc-row-atm .moc-strike-val{color:#eab308}.opt-toolbar{background:var(--surface2);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.opt-index-tabs{flex-wrap:wrap;gap:4px;display:flex}.opt-tab{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;letter-spacing:.3px;white-space:nowrap;font-size:12px;font-weight:700;font-family:var(--font);background:0 0;padding:5px 12px;transition:all .15s}.opt-tab:hover{color:var(--text);border-color:var(--blue)}.opt-tab-active{background:var(--blue);color:#fff;border-color:var(--blue)}.opt-infobar{border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;align-items:center;gap:16px;padding:8px 14px;display:flex}.opt-spot{align-items:baseline;gap:8px;display:flex}.opt-spot-label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.opt-spot-price{font-size:18px;font-weight:700;font-family:var(--mono)}.opt-spot-chg{font-size:12px;font-family:var(--mono)}.opt-expiry-tabs{flex-wrap:wrap;gap:4px;display:flex}.exp-tab{border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;font-size:11px;font-weight:600;font-family:var(--font);background:0 0;border-radius:12px;padding:3px 10px;transition:all .15s}.exp-tab:hover{color:var(--text)}.exp-tab-active{color:var(--blue);border-color:var(--blue);background:#3b82f61a}.opt-stats{align-items:center;gap:12px;margin-left:auto;display:flex}.opt-stat{color:var(--muted);font-size:12px}.opt-stat strong{color:var(--text);font-family:var(--mono)}.strikes-select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);cursor:pointer;font-size:11px;font-family:var(--font);outline:none;flex-shrink:0;width:auto;padding:3px 6px}.opt-loading{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;font-size:14px;display:flex}.opt-loading-hint{color:var(--muted);margin-top:4px;font-size:12px}.opt-spinner{border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.opt-quote-warn{color:var(--yellow);border-bottom:1px solid var(--border);background:#eab30814;padding:10px 20px;font-size:13px}.opt-error{color:var(--red);border-bottom:1px solid var(--border);background:#ef444414;padding:16px 20px;font-size:13px}.opt-table-wrap{max-height:520px;overflow:auto}.opt-table{border-collapse:collapse;width:100%;font-size:12px}.opt-table th,.opt-table td{white-space:nowrap;border-bottom:1px solid var(--border2);text-align:right;padding:5px 8px}.opt-table td:first-child,.opt-table th:first-child{text-align:right}.opt-strike-cell{font-family:var(--mono);color:var(--text);background:var(--surface2);border-left:1px solid var(--border);border-right:1px solid var(--border);min-width:88px;font-size:12px;font-weight:700;position:relative;text-align:center!important}.opt-head-ce{text-align:center;color:var(--blue);letter-spacing:1px;background:#3b82f614;padding:6px;font-size:11px}.opt-head-pe{text-align:center;color:var(--red);letter-spacing:1px;background:#ef444414;padding:6px;font-size:11px}.opt-head-strike{text-align:center;background:var(--surface2);color:var(--muted);font-size:11px}.opt-subhead th{background:var(--surface2);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);padding:4px 8px;font-size:10px;font-weight:600}.opt-table tr:hover td{background:var(--surface2)}.opt-atm-row td,.atm-cell{background:#22c55e0a!important}.atm-strike{font-size:12px;color:var(--green)!important;background:#22c55e1a!important}.atm-badge{background:var(--green);color:#000;letter-spacing:.5px;vertical-align:middle;border-radius:3px;margin-right:4px;padding:1px 4px;font-size:9px;font-weight:800;display:inline-block}.opt-clickable{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.opt-clickable:hover{opacity:.8}.opt-head-buy-ce{color:var(--green);background:#22c55e14;width:28px;font-size:10px}.opt-head-buy-pe{color:var(--red);background:#ef444414;width:28px;font-size:10px}.opt-buy-cell{text-align:center;width:28px;padding:3px 4px!important}.buy-opt-btn{cursor:pointer;border:none;border-radius:4px;width:22px;height:22px;font-size:11px;font-weight:800;line-height:1;transition:opacity .15s,transform .1s}.buy-opt-btn:hover{opacity:.85;transform:scale(1.1)}.buy-opt-btn:active{transform:scale(.95)}.buy-ce-btn{background:var(--green);color:#000}.buy-pe-btn{background:var(--red);color:#fff}.opt-order-toast{color:var(--green);font-size:13px;font-family:var(--mono);background:#22c55e1a;border-top:1px solid #22c55e4d;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;bottom:0}.opt-toast-close{color:var(--green);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:18px}.opt-empty-state{text-align:center;color:var(--muted);padding:40px;font-size:13px}.qom-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qom-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:380px;max-width:95vw;animation:.18s modalIn;overflow:hidden;box-shadow:0 24px 64px #000000b3}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.qom-header{background:var(--surface2);border-bottom:2px solid;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.qom-title{align-items:center;gap:8px;display:flex}.qom-badge{border-radius:var(--r-sm);letter-spacing:1px;padding:3px 10px;font-size:12px;font-weight:800}.qom-symbol{font-size:13px;font-weight:700;font-family:var(--mono);color:var(--text)}.qom-exch{color:var(--muted);font-size:10px}.qom-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:22px}.qom-close:hover{color:var(--text)}.qom-ltp{background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:10px;padding:10px 16px;display:flex}.qom-ltp-label{color:var(--muted);font-size:11px}.qom-ltp-value{font-size:20px;font-weight:700;font-family:var(--mono)}.qom-bid-ask{color:var(--muted);font-size:11px;font-family:var(--mono)}.qom-lot{color:var(--muted);margin-left:auto;font-size:11px}.qom-body{flex-direction:column;gap:14px;padding:16px;display:flex}.qom-row{align-items:center;gap:12px;display:flex}.qom-row label{color:var(--muted);flex-shrink:0;width:90px;font-size:12px;font-weight:600}.qom-qty-wrap{flex:1;align-items:center;gap:6px;display:flex}.qom-stepper{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface2);width:32px;height:32px;color:var(--text);cursor:pointer;font-size:18px;font-family:var(--font)}.qom-stepper:hover{background:var(--border)}.qom-qty-input{text-align:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm);width:60px;color:var(--text);outline:none;padding:6px;font-size:16px;font-weight:700}.qom-qty-input:focus{border-color:var(--blue)}.qom-units{color:var(--muted);font-size:12px;font-family:var(--mono)}.qom-toggle{flex:1;gap:6px;display:flex}.qom-tog-btn{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface2);color:var(--muted);cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font);padding:6px 14px;transition:all .15s}.qom-tog-btn:hover{color:var(--text)}.qom-tog-active{background:var(--blue);color:#fff;border-color:var(--blue)}.qom-tog-hint{opacity:.8;font-size:10px;font-weight:400}.qom-price-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm);width:120px;color:var(--text);outline:none;padding:6px 10px;font-size:14px}.qom-price-input:focus{border-color:var(--blue)}.qom-est{background:var(--surface2);border-radius:var(--r-sm);color:var(--muted);justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.qom-est strong{font-family:var(--mono);color:var(--text);font-size:15px}.qom-error{color:var(--red);border-radius:var(--r-sm);font-size:12px;font-family:var(--mono);background:#ef44441a;border:1px solid #ef444433;padding:8px 12px}.qom-footer{border-top:1px solid var(--border);background:var(--surface2);gap:10px;padding:12px 16px;display:flex}.qom-cancel{border:1px solid var(--border);border-radius:var(--r);color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);transition:color var(--ease), border-color var(--ease);background:0 0;flex:none;padding:10px 20px}.qom-cancel:hover:not(:disabled){color:var(--text);border-color:var(--text2)}.qom-confirm{border-radius:var(--r);cursor:pointer;letter-spacing:.5px;font-size:13px;font-weight:800;font-family:var(--font);border:none;flex:1;padding:10px 16px}.qom-confirm:hover:not(:disabled){opacity:.85}.qom-confirm:disabled,.qom-cancel:disabled{opacity:.45;cursor:not-allowed}.rec-panel{border:1px solid var(--border);border-left-width:4px;border-radius:0;flex-direction:column;gap:10px;padding:12px 16px;transition:background .3s,border-color .3s;display:flex}.rec-loading,.rec-error{color:var(--muted);background:var(--surface2);border:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.rec-error{color:var(--yellow)}.rec-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.rec-title-row{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.rec-robot{font-size:16px}.rec-title{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:700}.rec-action{letter-spacing:1px;font-size:16px;font-weight:900}.rec-score{font-size:12px;font-family:var(--mono);font-weight:700}.rec-controls{align-items:center;gap:6px;display:flex}.rec-notif-btn{border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;background:0 0;padding:3px 8px;font-size:16px;line-height:1;transition:all .15s}.rec-notif-btn:hover{border-color:var(--blue)}.rec-notif-btn.notif-on{border-color:var(--blue);background:#3b82f614}.rec-body{flex-direction:column;gap:8px;display:flex}.rec-instrument{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rec-inst-label{color:var(--muted);font-size:11px}.rec-inst-sym{font-size:14px;font-weight:800;font-family:var(--mono)}.rec-inst-meta{color:var(--muted);font-size:11px;font-family:var(--mono)}.rec-levels{flex-wrap:wrap;gap:8px;display:flex}.rec-level{font-size:11px;font-family:var(--mono);border-radius:10px;padding:3px 10px;font-weight:600}.rec-entry{color:var(--blue);background:#3b82f61a}.rec-target{color:var(--green);background:#22c55e1a}.rec-sl{color:var(--red);background:#ef44441a}.rec-profit{color:var(--green);background:#22c55e24;animation:2s infinite pulseGlow}.rec-rr{background:var(--surface2);color:var(--muted);border:1px solid var(--border)}.rec-patterns{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rec-pat-label{color:var(--muted);font-size:11px}.rec-pat-chip{cursor:help;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.chip-bull{color:var(--green);background:#22c55e1a}.chip-bear{color:var(--red);background:#ef44441a}.rec-hold-msg{color:var(--muted);padding:4px 0;font-size:12px}.rec-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rec-buy-btn{border-radius:var(--r);cursor:pointer;letter-spacing:.5px;max-width:400px;font-size:13px;font-weight:800;font-family:var(--font);border:none;flex:1;padding:10px 20px;transition:opacity .15s}.rec-buy-btn:hover{opacity:.85}.chart-modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b8;justify-content:center;align-items:center;animation:.15s cmFadeIn;display:flex;position:fixed;inset:0}@keyframes cmFadeIn{0%{opacity:0}to{opacity:1}}.chart-modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;width:90vw;max-width:1100px;max-height:90vh;animation:.18s cmSlideIn;display:flex;overflow:hidden;box-shadow:0 32px 80px #000c}@keyframes cmSlideIn{0%{opacity:0;transform:scale(.96)translateY(-12px)}to{opacity:1;transform:scale(1)translateY(0)}}.chart-modal-header{background:var(--surface2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.chart-modal-title{color:var(--text);letter-spacing:.5px;font-size:16px;font-weight:700}.chart-modal-close{color:var(--muted);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;padding:2px 6px;font-size:22px;line-height:1;transition:color .12s,background .12s}.chart-modal-close:hover{color:var(--text);background:var(--border)}.chart-modal-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chart-modal-body>*{flex:1;min-height:0}@media (width<=767px){.chart-modal-box{border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}}.home-signals-section{margin-top:12px}.rec-chart-btn{flex:none}.acct-layout{height:100%;min-height:0;display:flex;overflow:hidden}.acct-sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow-y:auto}.acct-sidebar-nav{flex-direction:column;display:flex}.acct-sidebar-bal{border-bottom:1px solid var(--border);padding:16px 14px 0}.acct-sidebar-item{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;padding:13px 16px;transition:background .15s,border-color .15s;display:flex}.acct-sidebar-item:hover{background:var(--surface2)}.acct-sidebar-item--active{border-left-color:var(--item-color,var(--blue));background:#3b82f614}.acct-sidebar-item--active .acct-sidebar-title{color:var(--item-color,var(--blue))}.acct-sidebar-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex}.acct-sidebar-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.acct-sidebar-title{color:var(--text);font-size:13px;font-weight:600;line-height:1.3;transition:color .15s}.acct-sidebar-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.acct-sidebar-chevron{color:var(--muted);opacity:.5;flex-shrink:0;transition:opacity .15s}.acct-sidebar-item:hover .acct-sidebar-chevron,.acct-sidebar-item--active .acct-sidebar-chevron{opacity:1}.acct-panel{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.acct-panel--empty{justify-content:center;align-items:center}.acct-panel-placeholder{flex-direction:column;align-items:center;gap:12px;display:flex}.acct-panel-content{flex-direction:column;height:100%;display:flex}.acct-panel-header{background:var(--surface2);border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(12px);flex-shrink:0;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.acct-panel-title{color:var(--text);margin:0;font-size:16px;font-weight:700}.acct-back-btn{background:var(--surface);border:1px solid var(--border);color:var(--blue);border-radius:var(--r-sm);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);transition:background var(--ease);white-space:nowrap;align-items:center;gap:6px;padding:7px 14px;display:flex}.acct-back-btn:hover{background:var(--surface2)}.acct-back-mobile-only{display:none}.acct-panel-body{flex:1;padding:20px 20px 40px;overflow-y:auto}.acct-section-label{letter-spacing:1.4px;color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.acct-broker-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);border-top:3px solid var(--broker-accent,var(--blue));margin-bottom:14px;overflow:hidden}.acct-broker-card-header{background:linear-gradient(135deg, var(--surface2) 0%, var(--surface) 100%);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 16px 10px;display:flex}.acct-broker-logo{background:var(--broker-accent,var(--blue));color:#fff;letter-spacing:-.5px;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex}.acct-broker-name{color:var(--text);font-size:14px;font-weight:700}.acct-broker-card-body{padding:16px}.acct-form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.acct-card-footer{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.acct-skeleton-rows{background:linear-gradient(90deg, var(--surface2) 25%, var(--border) 50%, var(--surface2) 75%);border-radius:var(--r-sm);background-size:200% 100%;height:120px;animation:1.4s infinite acctSkeletonShimmer}@keyframes acctSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.acct-form-field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.acct-form-label{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:600}.acct-form-input{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);font-size:13px;font-family:var(--font);box-sizing:border-box;-webkit-appearance:none;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.acct-form-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f626}.acct-form-input--ro{color:var(--muted);cursor:default;background:var(--surface2)}.acct-form-input::placeholder{color:var(--dim)}.acct-save-btn{background:var(--blue);color:#fff;border-radius:var(--r-sm);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);transition:opacity var(--ease), transform var(--ease);border:none;align-items:center;gap:8px;padding:10px 22px;display:inline-flex}.acct-save-btn:hover{opacity:.88}.acct-save-btn:active{transform:scale(.97)}.acct-save-btn:disabled{opacity:.5;cursor:not-allowed}.acct-btn-primary{background:var(--blue);color:#fff;border-radius:var(--r-sm);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);transition:opacity var(--ease);border:none;padding:9px 20px}.acct-btn-primary:hover{opacity:.88}.acct-btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:var(--r-sm);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);transition:background var(--ease), color var(--ease);padding:9px 16px}.acct-btn-ghost:hover{background:var(--surface2);color:var(--text)}.acct-btn-icon{border-radius:var(--r-sm);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;transition:background var(--ease), border-color var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:flex}.acct-btn-edit{background:var(--surface2);color:var(--blue)}.acct-btn-edit:hover{background:#3b82f61f;border-color:#3b82f666}.acct-btn-del{color:var(--red);background:#ef44440f;border-color:#ef444433}.acct-btn-del:hover{background:#ef444424;border-color:#ef444473}.acct-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite acctSpin}@keyframes acctSpin{to{transform:rotate(360deg)}}.acct-list-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.acct-list-item{border-bottom:1px solid var(--border);transition:background var(--ease)}.acct-list-item:last-of-type{border-bottom:none}.acct-list-item:hover{background:var(--surface2)}.acct-list-item-inner{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.acct-list-item-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.acct-list-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.acct-list-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.acct-list-sub{color:var(--muted);font-size:11px;font-family:var(--mono)}.acct-list-item-actions{flex-shrink:0;gap:6px;display:flex}.acct-exchange-badge{letter-spacing:.6px;background:var(--surface2);border:1px solid var(--border);color:var(--text2);white-space:nowrap;border-radius:5px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:800}.acct-sym-pill{font-size:13px;font-weight:700;font-family:var(--mono);color:var(--text);background:var(--surface2);border:1px solid var(--border);white-space:nowrap;border-radius:6px;padding:4px 10px}.acct-lot-badge{color:var(--yellow);background:#eab30814;border:1px solid #eab30833;border-radius:5px;padding:3px 9px;font-size:12px;font-weight:600}.acct-empty-state{color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:36px 20px;font-size:13px;display:flex}.acct-empty-icon{opacity:.5;font-size:32px}.acct-inline-form{background:var(--surface2);border-bottom:1px solid var(--border);padding:14px;animation:.15s acctFadeIn}.acct-add-form{background:#3b82f60a;border-top:1px dashed #3b82f640;border-bottom:none}@keyframes acctFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.acct-inline-grid{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.acct-inline-grid .acct-form-field{margin-bottom:0}.acct-inline-actions{flex-wrap:wrap;gap:8px;display:flex}.acct-add-btn{border:none;border-top:1px solid var(--border);width:100%;color:var(--blue);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);transition:background var(--ease);background:0 0;justify-content:center;align-items:center;gap:8px;padding:13px;display:flex}.acct-add-btn:hover{background:#3b82f612}.acct-toast{border-radius:var(--r-sm);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;animation:.15s acctFadeIn;display:inline-flex}.acct-toast-ok{color:var(--green);background:#22c55e1a;border:1px solid #22c55e40}.acct-toast-err{color:var(--red);background:#ef44441a;border:1px solid #ef444440}.acct-subpage-desc{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.5}.acct-bal-section{margin-bottom:6px}.acct-bal-header{justify-content:space-between;align-items:center;padding:12px 0 8px;display:flex}.acct-bal-refresh{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm);width:28px;height:28px;color:var(--muted);cursor:pointer;transition:background var(--ease), color var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:flex}.acct-bal-refresh:hover:not(:disabled){background:var(--surface);color:var(--text)}.acct-bal-refresh:disabled{opacity:.5;cursor:not-allowed}.acct-bal-cards{grid-template-columns:1fr 1fr;gap:8px;padding-bottom:14px;display:grid}.acct-bal-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:8px;padding:12px;display:flex}.acct-bal-card-title{letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:800}.acct-bal-rows{flex-direction:column;gap:5px;display:flex}.acct-bal-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.acct-bal-row--total{border-top:1px solid var(--border);margin-top:1px;padding-top:5px}.acct-bal-label{color:var(--muted);white-space:nowrap;font-size:10px}.acct-bal-val{font-size:11px;font-weight:700;font-family:var(--mono);white-space:nowrap}.acct-bal-green{color:var(--green)}.acct-bal-red{color:var(--red)}.acct-bal-white{color:var(--text)}.acct-bal-yellow{color:var(--yellow)}.acct-bal-skeleton{grid-template-columns:1fr 1fr;gap:8px;padding-bottom:14px;display:grid}@media (width<=768px){.acct-layout{height:auto;min-height:unset;flex-direction:column;overflow:visible}.acct-sidebar{border-right:none;border-bottom:1px solid var(--border);flex-shrink:0;width:100%;height:auto;overflow-y:visible}.acct-sidebar--has-selection{display:none}.acct-panel{height:auto;overflow:visible}.acct-panel--empty{display:none}.acct-back-mobile-only{display:flex}.acct-panel-body{padding:14px 14px 80px}.acct-form-grid{grid-template-columns:1fr}.acct-sidebar{flex-direction:column}.acct-section-label{order:0}.acct-sidebar-nav{order:1}.acct-sidebar-bal{border-bottom:none;border-top:1px solid var(--border);order:2;padding:12px 14px 16px}.acct-bal-cards{grid-template-columns:1fr 1fr}@media (width<=380px){.acct-bal-cards{grid-template-columns:1fr}}.acct-inline-grid{flex-direction:column}.acct-inline-grid .acct-form-field{flex:1!important}}@media (width>=769px){.acct-panel-body{padding:24px 28px 48px}}.risk-section-card{background:var(--surface-2,#1a1f2e);border:1px solid var(--border);border-radius:10px;padding:16px}.risk-section-title{letter-spacing:.08em;color:var(--muted);text-transform:uppercase;align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.risk-viz{background:#0e1218;border-radius:8px;margin-bottom:16px;padding:10px 12px}.risk-viz-bar{align-items:center;gap:2px;height:26px;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.risk-viz-sl{color:#ef4444;white-space:nowrap;background:#ef444440;border:1px solid #ef444480;border-radius:4px 0 0 4px;justify-content:center;align-items:center;min-width:40px;height:100%;padding:0 4px;display:flex}.risk-viz-entry{color:#fff;white-space:nowrap;background:#ffffff1f;border-radius:3px;flex-shrink:0;align-items:center;height:100%;padding:0 6px;font-size:9px;display:flex}.risk-viz-trail{color:#f59e0b;white-space:nowrap;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:2px;justify-content:center;align-items:center;min-width:36px;height:100%;padding:0 4px;display:flex}.risk-viz-tp{color:#22c55e;white-space:nowrap;background:#22c55e33;border:1px solid #22c55e73;border-radius:0 4px 4px 0;flex:1;justify-content:center;align-items:center;height:100%;padding:0 4px;display:flex}.risk-viz-labels{opacity:.75;justify-content:space-between;font-size:10px;display:flex}.risk-field{border-bottom:1px solid var(--border);padding:10px 0}.risk-field:last-child{border-bottom:none}.risk-field-header{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.risk-field-label{font-size:13px;font-weight:600}.risk-field-input-wrap{align-items:center;gap:5px;display:flex}.risk-field-input{color:#fff;text-align:right;-moz-appearance:textfield;background:#0e1218;border:1px solid #2a3040;border-radius:6px;width:80px;padding:5px 8px;font-size:13px;font-weight:600}.risk-field-input::-webkit-inner-spin-button{opacity:.4}.risk-field-input::-webkit-outer-spin-button{opacity:.4}.risk-field-input:focus{border-color:#3b82f6;outline:none}.risk-field-suffix{color:var(--muted);min-width:36px;font-size:11px}.risk-field-desc{color:var(--muted);margin:0;font-size:11px;line-height:1.4}