:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--border:#30363d;--text-primary:#f0f6fc;--text-secondary:#8b949e;--text-tertiary:#6e7681;--accent:#1f6feb;--accent-hover:#388bfd;--success:#3fb950;--danger:#f85149;--warning:#d29922}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-secondary);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}#root{min-height:100vh}.login-container{background:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#1c2331;border:1px solid #2d3548;border-radius:16px;width:400px;max-width:90vw;padding:48px 40px;box-shadow:0 20px 60px #00000080}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#fff;margin:0 0 8px;font-size:24px;font-weight:700}.login-subtitle{color:#8892b0;margin:0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#ccd6f6;font-size:13px;font-weight:500}.form-group input{color:#fff;background:#0d1117;border:1px solid #2d3548;border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:#58a6ff}.login-btn{color:#fff;cursor:pointer;background:#238636;border:none;border-radius:8px;margin-top:8px;padding:12px;font-size:15px;font-weight:600;transition:background .2s}.login-btn:hover{background:#2ea043}.login-btn:disabled{cursor:not-allowed;background:#1a5a28}.login-error{color:#f87171;text-align:center;background:#3d1a1a;border-radius:8px;padding:10px 14px;font-size:13px}.dashboard{color:#c9d1d9;background:#0d1117;min-height:100vh}.dashboard-header{background:#161b22;border-bottom:1px solid #21262d;justify-content:space-between;align-items:center;padding:6px 16px;display:flex}.header-left{flex:1;align-items:center;gap:10px;display:flex}.header-title{color:#f0f6fc;font-size:14px;font-weight:700}.qqq-price{color:#f0f6fc;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.gex-badge{border-radius:8px;padding:2px 6px;font-size:10px;font-weight:600}.gex-badge.positive{color:#3fb950;background:#0a3d1a}.gex-badge.negative{color:#f85149;background:#3d0a1a}.event-countdown-header{color:#d29922;font-size:11px}.header-right{align-items:center;gap:8px;display:flex}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot.connected{background:#3fb950}.status-dot.disconnected{background:#f85149}.username{color:#c9d1d9;font-size:12px}.logout-btn{color:#c9d1d9;cursor:pointer;background:0 0;border:1px solid #30363d;border-radius:4px;padding:2px 8px;font-size:11px}.logout-btn:hover{color:#f85149;border-color:#f85149}.dashboard-main{height:calc(100vh - 42px);padding:10px 12px}.dashboard-split{gap:10px;height:100%;display:flex}.split-left{flex-direction:column;flex:1;min-width:0;display:flex}.panel{background:#161b22;border:1px solid #21262d;border-radius:8px;overflow:hidden}.panel-header{color:#8b949e;text-transform:uppercase;letter-spacing:.5px;background:#1c2333;border-bottom:1px solid #21262d;justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.toggle-btn{color:#c9d1d9;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:4px;padding:2px 8px;font-size:10px}.panel-chain{flex-direction:column;flex:1;display:flex}.chain-scroll{flex:1;overflow-y:auto}.chain-scroll::-webkit-scrollbar{width:6px}.chain-scroll::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}.chain-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:11px}.chain-table th{color:#8b949e;z-index:1;background:#161b22;border-bottom:1px solid #21262d;padding:3px 4px;font-size:10px;font-weight:600;position:sticky;top:0}.chain-table .section-call{color:#3fb950;border-bottom:2px solid #3fb950}.chain-table .section-put{color:#f85149;border-bottom:2px solid #f85149}.chain-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #1c2333;padding:2px 4px;font-size:11px}.chain-table td.e{color:#0000}.chain-table td.bid{color:#7ee787}.chain-table td.ask{color:#ffa657}.chain-table td.d{color:#c9d1d9}.chain-table td.iv{color:#8b949e}.strike-col{min-width:60px}.strike-cell{color:#f0f6fc;font-weight:700}.atm-dot{color:#58a6ff;margin-left:2px;font-size:9px}.atm-row{background:#1f6feb14}.gx{font-size:10px;font-weight:600}.gx-pos{color:#3fb950}.gx-neg{color:#f85149}.panel-risk{flex-shrink:0}.event-bar-sm{border-radius:4px;align-items:center;gap:6px;margin:6px 8px;padding:6px 10px;font-size:11px;display:flex}.ev-h{color:#f87171;background:#3d1a1a;border:1px solid #7d2222}.ev-m{color:#d29922;background:#3d2e1a;border:1px solid #7d5e22}.ev-l{color:#58a6ff;background:#1a2d3d;border:1px solid #225d7d}.ev-badge{border-radius:3px;margin-left:auto;padding:1px 6px;font-size:9px;font-weight:600}.risk-HIGH{color:#fff;background:#f85149}.risk-MEDIUM{color:#000;background:#d29922}.risk-LOW{color:#fff;background:#3fb950}.risk-grid-4{grid-template-columns:1fr 1fr;gap:6px;padding:6px 8px 8px;display:grid}.rc{background:#0d1117;border-radius:6px;padding:8px}.rc-label{color:#8b949e;text-transform:uppercase;letter-spacing:.3px;font-size:10px;display:block}.rc-value{color:#f0f6fc;font-variant-numeric:tabular-nums;margin:2px 0;font-size:15px;font-weight:700;display:block}.rc-value.positive{color:#3fb950}.rc-value.negative{color:#f85149}.rc-sub{color:#6e7681;font-size:10px;display:block}.panel-strategy{flex-direction:column;flex:1;display:flex}.strategy-body{flex:1;padding:8px}.strat-card{background:#0d1117;border:1px solid #21262d;border-radius:8px;margin-bottom:6px;padding:10px}.strat-top-pick{border-color:#238636}.top-badge{color:#3fb950;margin-bottom:4px;font-size:10px;font-weight:600}.strat-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.strat-type{color:#58a6ff;font-size:14px;font-weight:700}.strat-score{color:#d29922;background:#1c1a0a;border-radius:4px;padding:2px 6px;font-size:11px}.strat-detail{flex-direction:column;gap:4px;display:flex}.strat-row{justify-content:space-between;padding:2px 0;font-size:12px;display:flex}.sl{color:#8b949e}.credit{color:#3fb950;font-weight:600}.pop{color:#58a6ff;font-weight:600}.reason{color:#8b949e;font-size:11px}.strat-reason{color:#f85149;font-size:13px;font-weight:600}.ic-hint{color:#6e7681;margin-bottom:6px;padding:0 2px;font-size:10px}.strategy-scroll{max-height:calc(100vh - 280px);overflow-y:auto}.strategy-scroll::-webkit-scrollbar{width:4px}.strategy-scroll::-webkit-scrollbar-thumb{background:#30363d;border-radius:2px}.header-center{gap:2px;display:flex}.tab-btn{color:#8b949e;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:12px;transition:all .2s}.tab-btn:hover{color:#f0f6fc;background:#21262d}.tab-btn.active{color:#f0f6fc;background:#1f6feb}.placeholder-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.placeholder-icon{margin-bottom:16px;font-size:48px}.placeholder-body h3{color:#f0f6fc;margin:0 0 8px;font-size:16px}.placeholder-body p{color:#8b949e;max-width:300px;font-size:13px}.settings-body{flex:1;padding:12px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.set-card{background:#0d1117;border:1px solid #21262d;border-radius:8px;padding:14px}.set-card h4{color:#f0f6fc;margin:0 0 10px;font-size:13px}.set-row{border-bottom:1px solid #1c2333;justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.set-row:last-child{border-bottom:none}.set-row .ok{color:#3fb950}.set-row .err{color:#f85149}.set-row .warn{color:#d29922}.set-row .neutral{color:#c9d1d9}.action-buttons{gap:8px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px;font-size:12px;font-weight:600}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.start{color:#fff;background:#238636}.action-btn.stop{color:#fff;background:#da3633}.trade-layout{flex-direction:column;gap:8px;height:100%;display:flex}.trade-top{flex:1;gap:10px;min-height:0;display:flex}.split-left{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.split-right{flex-direction:column;flex-shrink:0;gap:8px;width:340px;display:flex}.panel-acc{flex-shrink:0}.acc-grid{grid-template-columns:1fr 1fr;gap:4px;padding:6px 8px 8px;display:grid}.acc-item{text-align:center;background:#0d1117;border-radius:4px;padding:6px 8px}.acc-label{color:#8b949e;font-size:10px;display:block}.acc-val{color:#f0f6fc;font-size:14px;font-weight:700;display:block}.acc-val.neutral{color:#c9d1d9}.ic-row{gap:8px;padding:8px;display:flex}.ic-card{background:#0d1117;border:1px solid #21262d;border-radius:8px;flex:1;padding:10px}.ic-top{border-color:#238636}.ic-head{align-items:center;gap:6px;margin-bottom:8px;display:flex}.ic-badge{color:#3fb950;font-size:10px;font-weight:600}.ic-type{color:#58a6ff;font-size:13px;font-weight:700}.ic-score{color:#d29922;background:#1c1a0a;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:11px}.ic-detail{flex-direction:column;gap:3px;display:flex}.ic-dl{justify-content:space-between;padding:1px 0;font-size:12px;display:flex}.ic-dl span:first-child{color:#8b949e}.ic-em{color:#f0f6fc;font-weight:500}.ic-green{color:#3fb950;font-weight:600}.ic-blue{color:#58a6ff;font-weight:600}.ic-meta{color:#6e7681;text-transform:none;font-size:11px;font-weight:400}.ic-halt{text-align:center;color:#f85149;padding:16px;font-size:14px;font-weight:600}.risk-dashboard{flex-direction:column;gap:8px;height:100%;padding-bottom:20px;display:flex;overflow-y:auto}.risk-overview{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ro-card{background:#161b22;border:1px solid #21262d;border-radius:8px;padding:14px}.ro-label{color:#8b949e;text-transform:uppercase;letter-spacing:.3px;font-size:11px}.ro-value{color:#f0f6fc;margin:4px 0;font-size:20px;font-weight:700}.ro-value.positive{color:#3fb950}.ro-value.negative,.ro-value.risk-HIGH{color:#f85149}.ro-value.risk-MEDIUM{color:#d29922}.ro-value.risk-LOCKED{color:#f85149}.ro-sub{color:#6e7681;font-size:11px}.checklist{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:4px;padding:8px;display:grid}.ck-item{border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.ck-pass{background:#0a2e1a}.ck-warn{background:#2e1a0a}.ck-fail{background:#2e0a0a}.ck-icon{flex-shrink:0}.ck-label{color:#f0f6fc;min-width:120px;font-weight:500}.ck-detail{color:#8b949e;margin-left:auto;font-size:11px}.event-calendar{padding:8px}.cal-table{border-collapse:collapse;width:100%;font-size:12px}.cal-table th{color:#8b949e;text-align:left;border-bottom:1px solid #21262d;padding:6px 8px;font-size:11px;font-weight:600}.cal-table td{border-bottom:1px solid #1c2333;padding:5px 8px}.cal-high{background:#f851490d}.cal-med{background:#d2992208}.cal-time{color:#8b949e;white-space:nowrap;font-family:ui-monospace,monospace;font-size:11px}.cal-name{color:#f0f6fc;font-weight:500}.cal-imp{border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600}.cal-HIGH{color:#f87171;background:#3d1a1a}.cal-MEDIUM{color:#d29922;background:#3d2e1a}.cal-LOW{color:#58a6ff;background:#1a2d3d}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#c9d1d9;background:#0d1117;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}input,button,textarea{font-family:inherit}a{color:#58a6ff;text-decoration:none}