*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Yu Gothic UI,sans-serif;color:#172033;background:#edf1f5;font-synthesis:none;text-rendering:optimizeLegibility}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:960px;background:#edf1f5}button{font:inherit}button:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:3px}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:18px}.session-setup{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;border:1px solid #d7dde8;border-radius:8px;background:#fff;padding:16px;box-shadow:0 10px 22px #17203312}.session-main{min-width:0;display:grid;grid-template-columns:150px 240px minmax(0,1fr);align-items:end;gap:14px}.session-heading h2{font-size:18px}.symbol-search{display:grid;gap:6px}.symbol-search span{color:#667085;font-size:12px;font-weight:800}.symbol-search input{min-height:42px;width:100%;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#172033;padding:0 12px;font:inherit;font-weight:800}.symbol-list{grid-column:1 / -1;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(118px,1fr));gap:8px}.mode-select{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:8px}.mode-option{min-height:58px;display:grid;align-content:center;gap:4px;border:1px solid #d7dde8;border-radius:6px;background:#fff;color:#253044;padding:8px 10px;text-align:left;cursor:pointer}.mode-option span{color:#111827;font-size:13px;font-weight:900}.mode-option small{color:#667085;font-size:11px;font-weight:800;line-height:1.3}.mode-option.selected{border-color:#2563eb;background:#eff6ff}.mode-option:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.mode-option:disabled span,.mode-option:disabled small{color:#94a3b8}.symbol-option{min-height:68px;display:grid;align-content:center;gap:2px;border:1px solid #d7dde8;border-radius:6px;background:#f8fafc;color:#253044;padding:8px 10px;text-align:left;cursor:pointer}.symbol-option span{min-width:0;display:flex;align-items:baseline;gap:7px;font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.symbol-option strong{color:#1d4ed8;font-size:14px}.symbol-option small{color:#667085;font-size:11px;font-weight:800;line-height:1.35}.symbol-option.selected{border-color:#2563eb;background:#eff6ff}.symbol-option:disabled{cursor:not-allowed}.setup-message{margin:0;grid-column:1 / -1;color:#667085;font-size:13px;font-weight:800}.setup-message.error,.setup-error{color:#b91c1c}.session-actions{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px}.session-status{grid-column:1 / -1;min-width:0;display:grid;gap:5px;align-content:end;color:#465266;font-size:13px;font-weight:800}.session-status strong,.session-status span{min-width:0}.session-status strong{color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-status span{line-height:1.45}.workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.chart-section,.side-panel{border:1px solid #d7dde8;border-radius:8px;background:#fff;box-shadow:0 12px 28px #17203314}.chart-section{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(420px,1fr);overflow:hidden}.chart-header,.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e5eaf1}.chart-header{flex-wrap:wrap;padding:18px 20px}.panel-header{padding:16px 18px 14px}.section-kicker{margin:0 0 4px;color:#667085;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2{margin:0;color:#111827;letter-spacing:0}h1{font-size:28px;line-height:1.1}h2{font-size:18px;line-height:1.25}.chart-tools{display:flex;align-items:end;justify-content:flex-end;gap:16px}.indicator-selector{min-width:176px;display:grid;gap:6px}.indicator-selector span{color:#667085;font-size:12px;font-weight:800}.indicator-selector select{min-height:38px;width:100%;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#172033;padding:0 34px 0 10px;font:inherit;font-size:13px;font-weight:900}.indicator-selector select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.chart-count{min-width:96px;display:grid;justify-items:end;color:#465266;font-size:13px;font-weight:800}.chart-count strong{color:#1d4ed8;font-size:24px;line-height:1}.chart-count small{margin-top:4px;color:#15803d;font-size:12px}.chart-body{min-height:0;display:grid;grid-template-rows:minmax(420px,1fr) 0}.chart-body.with-lower-panel{grid-template-rows:minmax(320px,1fr) 150px}.chart-container,.lower-chart-container{width:100%;height:100%;min-width:0;min-height:0}.price-chart-container{min-height:320px}.chart-body:not(.with-lower-panel) .price-chart-container{min-height:420px}.lower-chart-container{overflow:hidden;border-top:1px solid #e5eaf1}.chart-body:not(.with-lower-panel) .lower-chart-container{border-top:0}.chart-body.with-lower-panel .lower-chart-container{min-height:120px}.side-column{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px}.side-panel{min-width:0;overflow:hidden}.order-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 18px 14px}.trade-button,.primary-button,.secondary-button,.auto-action-button{min-height:46px;border:0;border-radius:6px;color:#fff;font-weight:900;cursor:pointer}.trade-button.buy{background:#15803d}.trade-button.short{background:#b91c1c}.trade-button.close{grid-column:1 / -1;background:#1f2937}.trade-button:disabled,.primary-button:disabled,.secondary-button:disabled,.auto-action-button:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed}.order-rules,.position-list{margin:0}.order-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 18px 16px}.order-rules div{border:1px solid #e5eaf1;border-radius:6px;background:#f8fafc;padding:10px 12px}.order-rules dt,.position-list dt{color:#667085;font-size:12px;font-weight:800}.order-rules dd,.position-list dd{margin:4px 0 0;color:#111827;font-weight:900}.pending-order{display:grid;gap:6px;margin:0 18px 18px;border:1px solid #d7dde8;border-radius:6px;background:#f8fafc;padding:12px}.pending-order span{color:#667085;font-size:12px;font-weight:800}.pending-order strong{color:#465266;font-size:14px}.pending-order.active{border-color:#f59e0b;background:#fffbeb}.pending-order.active strong{color:#92400e}.auto-status{display:grid;gap:6px;margin:-6px 18px 18px;border:1px solid #e5eaf1;border-radius:6px;background:#f8fafc;padding:12px}.auto-status span{color:#667085;font-size:12px;font-weight:800}.auto-status strong{color:#465266;font-size:14px}.auto-status.active{border-color:#86efac;background:#f0fdf4}.auto-status.active strong{color:#166534}.position-list{display:grid;gap:1px;padding:12px 18px 0}.position-list div{min-height:52px;display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;border-bottom:1px solid #edf1f5}.position-list dt{font-size:13px}.position-list dd{margin:0;text-align:right}.pnl.positive{color:#15803d}.pnl.negative{color:#dc2626}.position-note{margin:16px 18px 18px;border-left:4px solid #2563eb;background:#eff6ff;padding:12px;color:#1e3a8a;font-size:13px;font-weight:800;line-height:1.55}.bottom-actions{min-height:64px;display:flex;align-items:center;justify-content:flex-end;gap:10px;border:1px solid #d7dde8;border-radius:8px;background:#fff;padding:10px 14px;box-shadow:0 10px 22px #17203312}.primary-button,.secondary-button,.auto-action-button{min-width:170px;padding:0 18px}.primary-button.compact,.secondary-button.compact{min-width:0;padding:0 12px}.primary-button{background:#2563eb}.secondary-button{border:1px solid #cbd5e1;background:#fff;color:#253044}.secondary-button:hover{border-color:#2563eb;color:#1d4ed8}.auto-action-button{border:1px solid #16a34a;background:#fff;color:#166534}.auto-action-button.active{background:#16a34a;color:#fff}.auto-action-button.active:disabled{background:#cbd5e1;color:#64748b}@media(max-width:1120px){body{min-width:760px}.workspace{grid-template-columns:minmax(0,1fr) 320px}.session-setup{grid-template-columns:1fr}.session-main{grid-template-columns:140px 220px minmax(0,1fr)}.mode-select{grid-column:1 / -1}.symbol-list{grid-template-columns:repeat(3,minmax(118px,1fr))}.session-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
