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)}@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-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}}.options-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);max-width:100%;overflow:hidden}.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;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}.rec-chart-btn{flex:none}