@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap";
.breaksolid-panel{margin: 18px 0}
html:not([data-theme="light"]) .breaksolid-panel{border-color: #263443; background: #0d131a}
.breaksolid-head{display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 20px; border-bottom: 1px solid}
html:not([data-theme="light"]) .breaksolid-head{border-bottom-color: #263443}
.breaksolid-head>div:first-child>span,.breaksolid-ledger-title span{font-size: 11px; font-weight: 800; letter-spacing: .12em}
html:not([data-theme="light"]) .breaksolid-head>div:first-child>span, html:not([data-theme="light"]) .breaksolid-ledger-title span{color: #4fd1c5}
.breaksolid-head h2{margin: 5px 0 4px; font-size: 23px}
html:not([data-theme="light"]) .breaksolid-head h2{color: #f4f7fa}
.breaksolid-head p{margin: 0; font-size: 13px}
html:not([data-theme="light"]) .breaksolid-head p{color: #8e9aa8}
.breaksolid-head-actions{display: flex; align-items: center; gap: 8px; flex-wrap: wrap}
.breaksolid-head-actions button{display: flex; align-items: center; gap: 6px}
.engine-on,.engine-off{padding: 8px 10px; border: 1px solid; font-size: 11px; font-weight: 800; letter-spacing: .08em}
html:not([data-theme="light"]) .engine-on{border-color: #277a69; color: #5ee1bd; background: #10231f}
html:not([data-theme="light"]) .engine-off{border-color: #5a3a3f; color: #ef8994; background: #241417}
.breaksolid-message,.breaksolid-error{margin: 14px 20px 0; padding: 10px 12px; border: 1px solid; font-size: 12px}
html:not([data-theme="light"]) .breaksolid-message, html:not([data-theme="light"]) .breaksolid-error{border-color: #2c5660; background: #102027; color: #9de6e4}
html:not([data-theme="light"]) .breaksolid-error{border-color: #75404a; background: #25161a; color: #f5a0a9}
.breaksolid-kpis{display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; border-bottom: 1px solid}
html:not([data-theme="light"]) .breaksolid-kpis{background: #263443; border-bottom-color: #263443}
.breaksolid-kpis article{padding: 14px 18px; display: grid; grid-template-columns: auto 1fr; column-gap: 9px; align-items: center}
html:not([data-theme="light"]) .breaksolid-kpis article{background: #101820}
.breaksolid-kpis svg{grid-row: 1/3}
html:not([data-theme="light"]) .breaksolid-kpis svg{color: #4fd1c5}
.breaksolid-kpis span{font-size: 10px; letter-spacing: .08em}
html:not([data-theme="light"]) .breaksolid-kpis span{color: #7c8998}
.breaksolid-kpis strong{font-size: 13px; margin-top: 3px}
html:not([data-theme="light"]) .breaksolid-kpis strong{color: #ecf2f7}
.breaksolid-config{display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1px}
html:not([data-theme="light"]) .breaksolid-config{background: #263443}
.breaksolid-block{padding: 16px; min-width: 0}
html:not([data-theme="light"]) .breaksolid-block{background: #101820}
.breaksolid-block h3{margin: 0 0 13px; font-size: 13px; text-transform: uppercase; letter-spacing: .06em}
html:not([data-theme="light"]) .breaksolid-block h3{color: #e6edf3}
.breaksolid-block label{display: flex; flex-direction: column; gap: 6px; margin: 0 0 11px; font-size: 11px}
html:not([data-theme="light"]) .breaksolid-block label{color: #8997a6}
.breaksolid-block input,.breaksolid-block select,.breaksolid-block textarea{width: 100%; box-sizing: border-box; border: 1px solid; padding: 9px; font: inherit; border-radius: 0}
html:not([data-theme="light"]) .breaksolid-block input, html:not([data-theme="light"]) .breaksolid-block select, html:not([data-theme="light"]) .breaksolid-block textarea{border-color: #2b3947; background: #0b1117; color: #e8eef4}
.breaksolid-block textarea{min-height: 62px; resize: vertical}
.breaksolid-block small,.breaksolid-block p{display: block; margin: 5px 0 0; font-size: 11px; line-height: 1.55}
html:not([data-theme="light"]) .breaksolid-block small, html:not([data-theme="light"]) .breaksolid-block p{color: #718090}
.breaksolid-block.advisory{border-left: 2px solid}
html:not([data-theme="light"]) .breaksolid-block.advisory{border-left-color: #376276}
.breaksolid-block label.disabled{opacity: .45}
.breaksolid-switch{display: grid!important; grid-template-columns: auto 28px 1fr!important; align-items: center!important; gap: 8px!important}
html:not([data-theme="light"]) .breaksolid-switch{color: #dce5ec!important}
.breaksolid-switch input{position: absolute; opacity: 0; pointer-events: none}
.breaksolid-switch span{width: 28px; height: 15px; position: relative}
html:not([data-theme="light"]) .breaksolid-switch span{background: #37414b}
.breaksolid-switch span:after{content: ""; position: absolute; width: 11px; height: 11px; left: 2px; top: 2px; transition: .15s}
html:not([data-theme="light"]) .breaksolid-switch span:after{background: #8995a1}
html:not([data-theme="light"]) .breaksolid-switch input:checked+span{background: #226d61}
.breaksolid-switch input:checked+span:after{left: 15px}
html:not([data-theme="light"]) .breaksolid-switch input:checked+span:after{background: #7bf0d5}
.breaksolid-ledger{border-top: 1px solid}
html:not([data-theme="light"]) .breaksolid-ledger{border-top-color: #263443}
.breaksolid-ledger-title{display: flex; justify-content: space-between; align-items: flex-end; padding: 18px 20px}
.breaksolid-ledger-title h3{margin: 4px 0 0; font-size: 15px}
html:not([data-theme="light"]) .breaksolid-ledger-title h3{color: #eef4f8}
.breaksolid-ledger-title small{font-size: 11px}
html:not([data-theme="light"]) .breaksolid-ledger-title small{color: #738191}
.breaksolid-row{display: grid; grid-template-columns: 1.1fr 1.4fr 1fr 1.2fr 1fr 1.25fr; gap: 12px; align-items: center; padding: 11px 20px; border-top: 1px solid; font-size: 12px}
html:not([data-theme="light"]) .breaksolid-row{border-top-color: #202c38; color: #dce5ec}
.breaksolid-row-head{font-size: 10px; letter-spacing: .08em}
html:not([data-theme="light"]) .breaksolid-row-head{color: #687888; background: #0b1117}
.breaksolid-row strong,.breaksolid-row span{min-width: 0}
.breaksolid-row small{display: block; margin-top: 4px; font-size: 10px}
html:not([data-theme="light"]) .breaksolid-row small{color: #718090}
.breaksolid-row b{font-size: 10px}
html:not([data-theme="light"]) .breaksolid-row b{color: #9ce3db}
.breaksolid-empty,.breaksolid-loading{padding: 25px 20px; font-size: 12px; text-align: center}
html:not([data-theme="light"]) .breaksolid-empty, html:not([data-theme="light"]) .breaksolid-loading{color: #708090}
html:not([data-theme="light"]) .breaksolid-row .up{color: #5dd8af}
html:not([data-theme="light"]) .breaksolid-row .down{color: #ed7d8b}
@media(max-width:1250px){.breaksolid-config,.breaksolid-kpis{grid-template-columns: repeat(2,minmax(0,1fr))}
.breaksolid-row{grid-template-columns: 1fr 1.3fr 1fr}
.breaksolid-row-head span:nth-child(n+4),.breaksolid-row>span:nth-child(n+4){display: none}}
@media(max-width:720px){.breaksolid-head{flex-direction: column}
.breaksolid-config,.breaksolid-kpis{grid-template-columns: 1fr}
.breaksolid-row{grid-template-columns: 1fr 1fr; padding: 11px}
.breaksolid-row-head span:nth-child(n+3),.breaksolid-row>span:nth-child(n+3){display: none}
.breaksolid-ledger-title{align-items: flex-start; gap: 8px; flex-direction: column}}
.breaksolid-head-actions button{min-height: 36px; border: 1px solid; font-weight: 800; letter-spacing: .05em}
html:not([data-theme="light"]) .breaksolid-head-actions button{border-color: #6a7c8e; background: #17232d; color: #f3f7fa}
html:not([data-theme="light"]) .breaksolid-head-actions button:hover{border-color: #8fe9dc; background: #20333c; color: #fff}
html:not([data-theme="light"]) .breaksolid-head-actions button:last-child{border-color: #51dbc4; background: #51dbc4; color: #07110f}
html:not([data-theme="light"]) .breaksolid-head-actions button:last-child:hover{border-color: #79f3df; background: #79f3df; color: #040a09}
.engine-on,.engine-off{padding: 9px 12px; border-width: 2px; font-weight: 900; letter-spacing: .09em}
html:not([data-theme="light"]) .engine-on{border-color: #68efd4; color: #07110f; background: #68efd4}
html:not([data-theme="light"]) .engine-off{border-color: #ff8290; color: #fff; background: #a32635}
.breaksolid-head-actions .engine-on,.breaksolid-head-actions .engine-off{display: grid; grid-template-columns: auto auto auto; grid-template-areas: "led label state" "led action action"; column-gap: 7px; row-gap: 1px; align-items: center; min-width: 158px; text-align: left}
.engine-led{grid-area: led; width: 11px; height: 11px; border-radius: 50%; display: block; border: 2px solid}
html:not([data-theme="light"]) .engine-led{border-color: currentColor}
html:not([data-theme="light"]) .engine-on .engine-led{color: #063f34; background: #0a725e; box-shadow: 0 0 0 3px #07524433,0 0 10px #0b8f76}
html:not([data-theme="light"]) .engine-off .engine-led{color: #ffd4d8; background: #ff233e; box-shadow: 0 0 0 3px #ffffff21,0 0 10px #ff5064}
.breaksolid-head-actions .engine-on>span,.breaksolid-head-actions .engine-off>span{grid-area: label; font-size: 10px; letter-spacing: .08em}
.breaksolid-head-actions .engine-on>strong,.breaksolid-head-actions .engine-off>strong{grid-area: state; font-size: 12px; letter-spacing: .1em}
.breaksolid-head-actions .engine-on>small,.breaksolid-head-actions .engine-off>small{grid-area: action; font-size: 8px; font-weight: 800; letter-spacing: .08em; opacity: .78}
.breaksolid-confirm{display: block; margin-top: 7px; padding: 6px 8px; border: 1px solid; font-size: 9px; font-weight: 900; letter-spacing: .07em; cursor: pointer}
html:not([data-theme="light"]) .breaksolid-confirm{border-color: #f0bf55; background: #2b2415; color: #ffe19a}
html:not([data-theme="light"]) .breaksolid-confirm:hover{background: #f0bf55; color: #171107}
.breaksolid-confirm:disabled{opacity: .5; cursor: not-allowed}
.scanner-runtime-row{grid-template-columns: 1.35fr .5fr 1.15fr .65fr .75fr .55fr .9fr .5fr}
.signal-row>div .detail{border: 1px solid}
html:not([data-theme="light"]) .signal-row>div .detail{border-color: #315b67; color: var(--cyan)}
html:not([data-theme="light"]) .signal-row>em.risk_blocked, html:not([data-theme="light"]) .signal-row>em.error{border-color: #8b3b45; color: #ff8491; background: #241014}
html:not([data-theme="light"]) .signal-row>em.entered{border-color: #28765b; color: #75e3ae; background: #0a2118}
html:not([data-theme="light"]) .signal-row>em.held, html:not([data-theme="light"]) .signal-row>em.expired{border-color: #78652b; color: #e7c86b; background: #211b0c}
.gate-inline-reason{max-width: 175px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
html:not([data-theme="light"]) .gate-inline-reason{color: #cf7e88!important}
.signal-details{padding: 12px 18px 16px; border-top: 1px solid}
html:not([data-theme="light"]) .signal-details{border-top-color: #18252e; background: #080e13}
.signal-detail-meta{display: flex; gap: 24px; flex-wrap: wrap; margin-bottom: 10px; font: 600 8px IBM Plex Mono; letter-spacing: .5px}
html:not([data-theme="light"]) .signal-detail-meta{color: #607581}
.signal-detail-meta b{margin-left: 6px}
html:not([data-theme="light"]) .signal-detail-meta b{color: #aebdc5}
.execution-reason{margin: 0 0 11px; padding: 9px 11px; border-left: 2px solid; font: 600 10px IBM Plex Mono}
html:not([data-theme="light"]) .execution-reason{border-left-color: #526873; background: #0c151b; color: #9eb0b9}
html:not([data-theme="light"]) .execution-reason.risk_blocked, html:not([data-theme="light"]) .execution-reason.error, html:not([data-theme="light"]) .execution-reason.rejected{border-color: #a64251; background: #1d0f13; color: #e3919c}
html:not([data-theme="light"]) .execution-reason.entered, html:not([data-theme="light"]) .execution-reason.accepted{border-color: #2e8b68; background: #0a1b15; color: #83dcb3}
.signal-filter-list{display: grid; grid-template-columns: repeat(3,minmax(180px,1fr)); gap: 7px}
.signal-filter-list>div{min-height: 58px; border: 1px solid; padding: 9px 10px; display: grid; grid-template-columns: 1fr auto; gap: 5px 8px}
html:not([data-theme="light"]) .signal-filter-list>div{border-color: #253640; background: #0b1319}
.signal-filter-list>div>span{font: 700 9px IBM Plex Mono}
html:not([data-theme="light"]) .signal-filter-list>div>span{color: #aab9c1}
.signal-filter-list>div>b{font: 700 8px IBM Plex Mono}
.signal-filter-list>div>small{grid-column: 1/-1; font: 500 9px IBM Plex Mono; overflow-wrap: anywhere}
html:not([data-theme="light"]) .signal-filter-list>div>small{color: #738792}
html:not([data-theme="light"]) .signal-filter-list>div.passed{border-color: #245b49}
html:not([data-theme="light"]) .signal-filter-list>div.passed>b{color: var(--green)}
html:not([data-theme="light"]) .signal-filter-list>div.failed{border-color: #68404a}
html:not([data-theme="light"]) .signal-filter-list>div.failed>b{color: #ff788b}
.signal-filter-list>.no-filter{display: block; font-size: 10px; min-height: auto}
html:not([data-theme="light"]) .signal-filter-list>.no-filter{color: #718590}
@media(max-width:900px){.signal-filter-list{grid-template-columns: 1fr}}
.analytics-live-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px}
.analytics-table{overflow-x: auto}
.analytics-head,.analytics-row{min-width: 520px; display: grid; grid-template-columns: minmax(210px,1.6fr) .5fr .65fr .75fr; align-items: center; gap: 12px; padding: 0 16px}
.analytics-head{height: 38px; font: 700 9px IBM Plex Mono}
html:not([data-theme="light"]) .analytics-head{color: #718590; background: #0b131a}
.analytics-row{min-height: 48px; border-top: 1px solid; font: 600 10px IBM Plex Mono}
html:not([data-theme="light"]) .analytics-row{border-top-color: #121d25}
.analytics-row strong{overflow-wrap: anywhere}
html:not([data-theme="light"]) .analytics-row strong{color: #b8c7ce}
html:not([data-theme="light"]) .analytics-row span{color: #8396a0}
.analytics-row b{text-align: right}
.analytics-no-data{min-height: 110px; display: grid; place-items: center; font-size: 10px}
html:not([data-theme="light"]) .analytics-no-data{color: #718590}
@media(max-width:1100px){.analytics-live-grid{grid-template-columns: 1fr}}
.ai-config{margin-top: 16px}
.ai-config form{padding: 18px 20px; display: grid; grid-template-columns: repeat(4,minmax(150px,1fr)); gap: 13px}
.ai-config label>span{display: block; margin-bottom: 7px; font: 700 9px IBM Plex Mono; letter-spacing: .6px}
html:not([data-theme="light"]) .ai-config label>span{color: #718591}
.ai-config label input:not([type=checkbox]),.ai-config label select,.ai-config textarea{width: 100%; border: 1px solid; padding: 9px 10px; font: 500 10px IBM Plex Mono}
html:not([data-theme="light"]) .ai-config label input:not([type=checkbox]), html:not([data-theme="light"]) .ai-config label select, html:not([data-theme="light"]) .ai-config textarea{border-color: var(--line2); background: #080e13; color: #c4d0d6}
.ai-config label input:not([type=checkbox]){height: 38px}
.ai-config textarea{resize: vertical; line-height: 1.5}
.ai-config .wide{grid-column: span 2}
.ai-config .check{height: 38px; border: 1px solid; display: flex; align-items: center; gap: 9px; padding: 0 11px}
html:not([data-theme="light"]) .ai-config .check{border-color: var(--line); background: #0a1218}
.ai-config .check span{margin: 0}
html:not([data-theme="light"]) .ai-config .check input{accent-color: var(--cyan)}
.ai-config-actions{display: flex; gap: 8px; align-items: end}
.ai-config-actions button,.ai-analysis-box button{height: 38px; border: 1px solid; padding: 0 13px; font: 700 9px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .ai-config-actions button, html:not([data-theme="light"]) .ai-analysis-box button{border-color: #286371; background: #0d252c; color: var(--cyan)}
html:not([data-theme="light"]) .ai-config-actions button:last-child{border-color: var(--line2); background: #0d171e; color: #9babb3}
.ai-config-actions button:disabled,.ai-analysis-box button:disabled{opacity: .45; cursor: not-allowed}
.ai-config-status{border-top: 1px solid; display: grid; grid-template-columns: repeat(4,1fr); padding: 12px 20px; gap: 10px}
html:not([data-theme="light"]) .ai-config-status{border-top-color: var(--line)}
.ai-config-status span{font: 600 9px IBM Plex Mono}
html:not([data-theme="light"]) .ai-config-status span{color: #627681}
.ai-config-status b{display: block; margin-top: 5px}
html:not([data-theme="light"]) .ai-config-status b{color: #aabac2}
html:not([data-theme="light"]) .ai-config-status b.ok{color: var(--green)}
html:not([data-theme="light"]) .ai-config-status b.bad{color: var(--red)}
.ai-analysis-box{margin-top: 12px; border: 1px solid; padding: 12px}
html:not([data-theme="light"]) .ai-analysis-box{border-color: #23444e; background: #09151b}
.ai-analysis-box>div:first-child{display: flex; align-items: center; justify-content: space-between; font: 700 9px IBM Plex Mono; letter-spacing: .8px}
html:not([data-theme="light"]) .ai-analysis-box>div:first-child{color: #77a8b3}
.ai-analysis-box button{height: 28px}
.ai-analysis-metrics{display: grid!important; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 11px}
.ai-analysis-metrics>*{border: 1px solid; padding: 8px; font: 600 8px IBM Plex Mono}
html:not([data-theme="light"]) .ai-analysis-metrics>*{border-color: var(--line); color: #657984}
.ai-analysis-metrics strong{display: block; margin-top: 4px}
html:not([data-theme="light"]) .ai-analysis-metrics strong{color: #c1ced4}
html:not([data-theme="light"]) .ai-analysis-metrics b.support{color: var(--green)}
html:not([data-theme="light"]) .ai-analysis-metrics b.reject{color: var(--red)}
html:not([data-theme="light"]) .ai-analysis-metrics b.neutral{color: var(--yellow)}
.ai-analysis-box p{font-size: 10px; line-height: 1.55; margin: 11px 0 0}
html:not([data-theme="light"]) .ai-analysis-box p{color: #9aabb3}
.ai-analysis-box ul{font-size: 9px; line-height: 1.65; margin: 8px 0 0; padding-left: 18px}
html:not([data-theme="light"]) .ai-analysis-box ul{color: #708792}
.ai-fallbacks{border: 1px solid; padding: 11px}
html:not([data-theme="light"]) .ai-fallbacks{border-color: var(--line); background: #080e13}
.ai-fallbacks>div:first-child{display: flex; align-items: center; justify-content: space-between; font: 700 9px IBM Plex Mono}
html:not([data-theme="light"]) .ai-fallbacks>div:first-child{color: #718591}
.ai-fallbacks>div{display: grid; grid-template-columns: 28px 1fr auto; gap: 8px; align-items: center; margin-top: 7px}
.ai-fallbacks b{font: 700 10px IBM Plex Mono; text-align: center}
html:not([data-theme="light"]) .ai-fallbacks b{color: var(--cyan)}
.ai-fallbacks select{height: 34px; border: 1px solid; padding: 0 8px; font: 500 9px IBM Plex Mono}
html:not([data-theme="light"]) .ai-fallbacks select{border-color: var(--line2); background: #0a1218; color: #bdcbd1}
.ai-fallbacks button{height: 28px; border: 1px solid; padding: 0 9px; font: 700 8px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .ai-fallbacks button{border-color: var(--line2); background: #0d171e; color: #899aa3}
.ai-fallbacks p{font-size: 9px; margin: 10px 0 2px}
html:not([data-theme="light"]) .ai-fallbacks p{color: #607681}
@media(max-width:900px){.ai-config form,.ai-config-status,.ai-analysis-metrics{grid-template-columns: 1fr 1fr}
.ai-config .wide{grid-column: 1/-1}}
@media(max-width:600px){.ai-config form{grid-template-columns: 1fr}
.ai-config .wide{grid-column: auto}
.ai-config-status,.ai-analysis-metrics{grid-template-columns: 1fr}}
.strategy-actions{display: flex; gap: 7px}
.strategy-actions button,.preset-footer button{height: 31px; border: 1px solid; padding: 0 11px; font: 700 8px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .strategy-actions button, html:not([data-theme="light"]) .preset-footer button{border-color: var(--line2); background: #0d171e; color: #8fa1aa}
html:not([data-theme="light"]) .strategy-actions .activate, html:not([data-theme="light"]) .preset-footer button:nth-child(2){border-color: #22677a; color: var(--cyan); background: #0b2229}
.strategy-actions button:disabled,.preset-footer button:disabled{opacity: .4; cursor: not-allowed}
.strategy-layout{display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 14px; margin-top: 14px}
.preset-library{min-height: 520px}
.preset-library>.section-header{height: 58px}
.preset-library>div{padding: 8px}
.preset-library>div>button{width: 100%; min-height: 70px; border: 1px solid; text-align: left; padding: 10px; cursor: pointer}
html:not([data-theme="light"]) .preset-library>div>button{border-color: transparent; border-bottom-color: var(--line); background: transparent; color: #8c9ca4}
html:not([data-theme="light"]) .preset-library>div>button:hover, html:not([data-theme="light"]) .preset-library>div>button.selected{background: #0c171e; border-color: #284650}
html:not([data-theme="light"]) .preset-library>div>button.active{box-shadow: inset 2px 0 var(--green)}
.preset-library strong{display: flex; justify-content: space-between; font-size: 10px}
.preset-library strong em{font: 700 7px IBM Plex Mono; font-style: normal}
html:not([data-theme="light"]) .preset-library strong em{color: var(--green)}
.preset-library span,.preset-library small{display: block; font: 500 8px IBM Plex Mono; margin-top: 6px}
html:not([data-theme="light"]) .preset-library span, html:not([data-theme="light"]) .preset-library small{color: #5f727d}
.new-preset{margin: 5px 10px; width: calc(100% - 20px); height: 32px; border: 1px dashed; font: 700 8px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .new-preset{border-color: #31505b; background: #0a1319; color: var(--cyan)}
.builder-main .form-grid .wide{grid-column: span 2}
.timeframe-picks{display: flex; gap: 5px}
.timeframe-picks button{width: 40px!important}
html:not([data-theme="light"]) .timeframe-picks button.selected{border-color: var(--cyan); color: var(--cyan); background: #0d252c}
.filter-grid button:disabled{cursor: not-allowed}
.filter-grid button.planned{opacity: .42}
.preset-footer{border-top: 1px solid; padding: 13px 20px; display: flex; gap: 8px; justify-content: flex-end}
html:not([data-theme="light"]) .preset-footer{border-top-color: var(--line)}
html:not([data-theme="light"]) .preset-footer .delete{border-color: #61313b; color: #e66f7f}
.strategy-guard{margin: 14px 0 0}
.scanner-runtime-head h3{max-width: 600px}
.builder-main .form-grid input:disabled{opacity: .48; cursor: not-allowed; border-style: dashed}
.scanner-runtime-row span small{display: block; margin-top: 3px; font: 600 7px IBM Plex Mono}
html:not([data-theme="light"]) .scanner-runtime-row span small{color: #526a76}
html:not([data-theme="light"]) .strategy-risk-title{background: #0b1519}
html:not([data-theme="light"]) .strategy-risk-title svg{color: var(--cyan)}
.strategy-risk-grid{grid-template-columns: repeat(4,minmax(145px,1fr))}
html:not([data-theme="light"]) .strategy-risk-grid{background: #081015}
html:not([data-theme="light"]) .strategy-risk-grid label>span{color: #78909b}
.scanner-diagnostic-panel{margin-top: 12px}
.scanner-diagnostic-head{min-height: 55px; padding: 0 16px; border-bottom: 1px solid; display: flex; align-items: center; justify-content: space-between; gap: 12px}
html:not([data-theme="light"]) .scanner-diagnostic-head{border-bottom-color: var(--line)}
.scanner-diagnostic-head span{font: 700 7px IBM Plex Mono; letter-spacing: .7px}
html:not([data-theme="light"]) .scanner-diagnostic-head span{color: #617985}
.scanner-diagnostic-head h3{margin: 4px 0 0; font-size: 13px}
html:not([data-theme="light"]) .scanner-diagnostic-head h3{color: #d4dee2}
.scanner-diagnostic-head small{font: 600 7px IBM Plex Mono}
html:not([data-theme="light"]) .scanner-diagnostic-head small{color: #61727b}
.scanner-diagnostic-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 10px}
.scanner-diagnostic-grid article{border: 1px solid}
html:not([data-theme="light"]) .scanner-diagnostic-grid article{border-color: #1b2a33; background: #081015}
.scanner-diagnostic-grid article>header,.scanner-diagnostic-grid article>footer{display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px}
.scanner-diagnostic-grid article>header{border-bottom: 1px solid}
html:not([data-theme="light"]) .scanner-diagnostic-grid article>header{border-bottom-color: #17242c}
.scanner-diagnostic-grid article>header strong{font: 700 13px IBM Plex Mono}
html:not([data-theme="light"]) .scanner-diagnostic-grid article>header strong{color: var(--cyan)}
.scanner-diagnostic-grid article>header span,.scanner-diagnostic-grid article>footer span{font: 600 7px IBM Plex Mono}
html:not([data-theme="light"]) .scanner-diagnostic-grid article>header span, html:not([data-theme="light"]) .scanner-diagnostic-grid article>footer span{color: #607581}
.scanner-diagnostic-grid article>div{display: grid; grid-template-columns: repeat(4,minmax(0,1fr))}
.scanner-diagnostic-grid article>div span{min-height: 48px; padding: 7px; border-right: 1px solid; border-bottom: 1px solid; font: 600 6px IBM Plex Mono}
html:not([data-theme="light"]) .scanner-diagnostic-grid article>div span{border-right-color: #142129; border-bottom-color: #142129; color: #647a85}
.scanner-diagnostic-grid article>div span:nth-child(4n){border-right: 0}
.scanner-diagnostic-grid article>div b{display: block; margin-bottom: 5px; font-size: 12px}
html:not([data-theme="light"]) .scanner-diagnostic-grid article>div b{color: #d1dde1}
html:not([data-theme="light"]) .scanner-diagnostic-grid article>div .pass b{color: var(--green)}
html:not([data-theme="light"]) .scanner-diagnostic-grid article>div .error b{color: #ef7787}
.scanner-diagnostic-empty{grid-column: 1/-1; padding: 25px; text-align: center; font: 600 8px IBM Plex Mono; border: 1px dashed}
html:not([data-theme="light"]) .scanner-diagnostic-empty{color: #60737d; border-color: #263943}
@media(max-width:1000px){.strategy-layout{grid-template-columns: 1fr}
.preset-library{min-height: auto}
.preset-library>div{display: grid; grid-template-columns: repeat(2,1fr); gap: 7px}
.builder-main .form-grid .wide{grid-column: auto}}
@media(max-width:1000px){.strategy-risk-grid{grid-template-columns: repeat(2,minmax(145px,1fr))}
.scanner-diagnostic-grid{grid-template-columns: 1fr}}
@media(max-width:600px){.strategy-actions{flex-wrap: wrap}
.preset-library>div{grid-template-columns: 1fr}
.preset-footer{justify-content: stretch; flex-direction: column}
.preset-footer button{width: 100%}
.strategy-risk-grid{grid-template-columns: 1fr}
.scanner-diagnostic-head{align-items: flex-start; flex-direction: column; padding: 12px}
.scanner-diagnostic-grid article>div{grid-template-columns: repeat(2,minmax(0,1fr))}
.scanner-diagnostic-grid article>div span:nth-child(2n){border-right: 0}}
.global-risk{margin: 0 0 16px}
.global-risk .section-header{height: 62px}
.global-risk-runtime{display: grid; grid-template-columns: repeat(6,1fr); border-bottom: 1px solid}
html:not([data-theme="light"]) .global-risk-runtime{border-bottom-color: var(--line)}
.global-risk-runtime span{min-height: 58px; padding: 12px 14px; border-right: 1px solid; font: 700 8px IBM Plex Mono; letter-spacing: .4px}
html:not([data-theme="light"]) .global-risk-runtime span{border-right-color: var(--line); color: #627681}
.global-risk-runtime b{display: block; margin-top: 8px; font-size: 10px}
html:not([data-theme="light"]) .global-risk-runtime b{color: #bdcbd2}
html:not([data-theme="light"]) .global-risk-runtime b.ok{color: var(--green)}
html:not([data-theme="light"]) .global-risk-runtime b.bad{color: var(--red)}
.global-risk form{padding: 16px 18px; display: grid; grid-template-columns: repeat(4,minmax(150px,1fr)); gap: 12px; align-items: end}
.global-risk label>span{display: block; margin-bottom: 7px; font: 700 8px IBM Plex Mono; letter-spacing: .5px}
html:not([data-theme="light"]) .global-risk label>span{color: #718591}
.global-risk form>button,.risk-resume{height: 37px; border: 1px solid; padding: 0 13px; font: 700 8px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .global-risk form>button, html:not([data-theme="light"]) .risk-resume{border-color: #286371; background: #0d252c; color: var(--cyan)}
.risk-resume{height: 30px}
html:not([data-theme="light"]) .risk-resume{border-color: #825160; background: #25131a; color: #ff8092}
.global-risk button:disabled{opacity: .45; cursor: not-allowed}
.risk-pause-reason{margin: 13px 18px 0; padding: 10px; border-left: 2px solid; font-size: 10px}
html:not([data-theme="light"]) .risk-pause-reason{border-left-color: var(--red); background: #1a1014; color: #e48a98}
.global-risk-note{margin: 0; padding: 0 18px 15px; font-size: 9px}
html:not([data-theme="light"]) .global-risk-note{color: #687b86}
.global-risk .source-message{margin-bottom: 10px}
@media(max-width:1100px){.global-risk-runtime{grid-template-columns: repeat(3,1fr)}
.global-risk form{grid-template-columns: repeat(2,1fr)}}
@media(max-width:600px){.global-risk-runtime,.global-risk form{grid-template-columns: 1fr}
.global-risk-runtime span{border-right: 0; border-bottom: 1px solid}
html:not([data-theme="light"]) .global-risk-runtime span{border-bottom-color: var(--line)}}
.global-risk form select{width: 100%; height: 37px; border: 1px solid; padding: 0 9px; font: 600 9px IBM Plex Mono}
html:not([data-theme="light"]) .global-risk form select{border-color: var(--line2); background: #080e13; color: #cdd9df}
.paper-row>span small{display: block; margin-top: 4px; font: 600 7px IBM Plex Mono; line-height: 1.35}
html:not([data-theme="light"]) .paper-row>span small{color: #6f838f}
.paper-row>span:has(small){font-weight: 600}
html:not([data-theme="light"]) .paper-row>span:has(small){color: #b9c8ce}
.risk-management-scope{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 0 0 16px}
.risk-management-scope>div{display: flex; align-items: flex-start; gap: 11px; min-height: 70px; padding: 15px 17px; border: 1px solid; font-size: 10px; line-height: 1.55}
html:not([data-theme="light"]) .risk-management-scope>div{border-color: var(--line); background: #0b1216; color: #70838d}
.risk-management-scope svg{flex: 0 0 auto}
html:not([data-theme="light"]) .risk-management-scope svg{color: var(--cyan)}
.risk-management-scope b{display: block; margin-bottom: 4px; font: 700 9px IBM Plex Mono; letter-spacing: .55px}
html:not([data-theme="light"]) .risk-management-scope b{color: #c4d1d7}
@media(max-width:700px){.risk-management-scope{grid-template-columns: 1fr}}
.strategy-risk-link{display: block; margin-top: 9px; height: 28px; border: 1px solid; padding: 0 10px; font: 700 8px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .strategy-risk-link{border-color: #286371; background: #0d252c; color: var(--cyan)}
html:not([data-theme="light"]) .strategy-risk-link:hover{border-color: var(--cyan); color: #d9fbff}
.watch-head button{cursor: pointer}
html:not([data-theme="light"]) .watch-head button:hover{color: var(--cyan)}
.watch-head strong{display: flex; align-items: center; gap: 6px}
.watch-head strong>em{font: 600 6px IBM Plex Mono; font-style: normal; border: 1px solid; padding: 2px 4px}
html:not([data-theme="light"]) .watch-head strong>em{color: #73858f; border-color: #2a3b45}
html:not([data-theme="light"]) .watch-head strong>em.smart{color: var(--green); border-color: #1b5c48; background: #0a1c17}
.watchlist-no-result{padding: 22px 10px; text-align: center; font: 600 8px IBM Plex Mono; letter-spacing: .8px}
html:not([data-theme="light"]) .watchlist-no-result{color: #50636e}
.watchlist-modal-backdrop{position: fixed; inset: 0; z-index: 80; display: flex; align-items: center; justify-content: center; padding: 24px}
html:not([data-theme="light"]) .watchlist-modal-backdrop{background: #020609e8}
.watchlist-modal{width: min(860px,100%); max-height: min(760px,92vh); border: 1px solid; display: flex; flex-direction: column}
html:not([data-theme="light"]) .watchlist-modal{background: #080e14; border-color: #29404d; box-shadow: 0 18px 60px #000}
.watchlist-modal>header{height: 72px; flex: 0 0 72px; border-bottom: 1px solid; display: flex; align-items: center; padding: 0 20px; gap: 14px}
html:not([data-theme="light"]) .watchlist-modal>header{border-bottom-color: var(--line)}
.watchlist-modal>header>div{flex: 1}
.watchlist-modal>header span{display: block; font: 600 8px IBM Plex Mono; letter-spacing: 1.3px; margin-bottom: 5px}
html:not([data-theme="light"]) .watchlist-modal>header span{color: #5f7582}
.watchlist-modal>header h2{margin: 0; font-size: 15px}
.watchlist-modal>header>b{font: 600 10px IBM Plex Mono; border: 1px solid; padding: 7px 10px}
html:not([data-theme="light"]) .watchlist-modal>header>b{color: var(--cyan); border-color: #1c4650; background: #0a1a20}
.watchlist-modal>header>button{width: 31px; height: 31px; border: 1px solid; display: grid; place-items: center; cursor: pointer}
html:not([data-theme="light"]) .watchlist-modal>header>button{border-color: var(--line2); background: #0a1218; color: #718691}
.watchlist-tabs{height: 39px; flex: 0 0 39px; border-bottom: 1px solid; display: flex; padding: 0 18px; gap: 20px}
html:not([data-theme="light"]) .watchlist-tabs{border-bottom-color: var(--line)}
.watchlist-tabs button{border: 0; border-bottom: 1px solid; font: 600 8px IBM Plex Mono; letter-spacing: .8px; cursor: pointer}
html:not([data-theme="light"]) .watchlist-tabs button{border-bottom-color: transparent; background: transparent; color: #5d707b}
html:not([data-theme="light"]) .watchlist-tabs button.active{color: var(--cyan); border-bottom-color: var(--cyan)}
.watchlist-modal-grid{min-height: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0; flex: 1}
.watchlist-selected,.watchlist-add{min-height: 0; padding: 17px 18px; display: flex; flex-direction: column}
.watchlist-selected{border-right: 1px solid}
html:not([data-theme="light"]) .watchlist-selected{border-right-color: var(--line)}
.watchlist-selected>strong,.watchlist-add>strong{font: 600 8px IBM Plex Mono; letter-spacing: 1px; margin-bottom: 12px}
html:not([data-theme="light"]) .watchlist-selected>strong, html:not([data-theme="light"]) .watchlist-add>strong{color: #718692}
.watchlist-selected-list,.watchlist-candidates{overflow-y: auto; min-height: 180px; max-height: 470px; border: 1px solid}
html:not([data-theme="light"]) .watchlist-selected-list, html:not([data-theme="light"]) .watchlist-candidates{border-color: var(--line); background: #070c11}
.watchlist-selected-list>div{height: 42px; border-bottom: 1px solid; display: flex; align-items: center; justify-content: space-between; padding: 0 8px 0 11px}
html:not([data-theme="light"]) .watchlist-selected-list>div{border-bottom-color: #111d25}
.watchlist-selected-list>div>span{display: flex; align-items: center}
.watchlist-selected-list i{font: 500 7px IBM Plex Mono; font-style: normal; margin-right: 10px}
html:not([data-theme="light"]) .watchlist-selected-list i{color: #425862}
.watchlist-selected-list b,.watchlist-candidates b{font: 600 10px IBM Plex Mono}
.watchlist-selected-list small,.watchlist-candidates small{font: 500 8px IBM Plex Mono; margin-left: 3px}
html:not([data-theme="light"]) .watchlist-selected-list small, html:not([data-theme="light"]) .watchlist-candidates small{color: #536872}
.watchlist-selected-list button{width: 27px; height: 27px; border: 1px solid; cursor: pointer; margin-left: 4px}
html:not([data-theme="light"]) .watchlist-selected-list button{border-color: var(--line); background: #0b141a; color: #728691}
html:not([data-theme="light"]) .watchlist-selected-list button:last-child{color: #df6a7c}
html:not([data-theme="light"]) .watchlist-selected-list button:hover:not(:disabled){border-color: #286674; color: var(--cyan)}
.watchlist-selected-list button:disabled{opacity: .25; cursor: not-allowed}
.watchlist-add>label{height: 37px; flex: 0 0 37px; border: 1px solid; display: flex; align-items: center; padding: 0 10px; margin-bottom: 9px}
html:not([data-theme="light"]) .watchlist-add>label{border-color: var(--line2); background: #070c11; color: #5c707b}
.watchlist-add input{min-width: 0; width: 100%; height: 100%; border: 0; padding: 0 8px; font: 500 10px IBM Plex Mono}
html:not([data-theme="light"]) .watchlist-add input{background: transparent; color: #d0dbe0}
.watchlist-candidates>p{font-size: 9px; line-height: 1.6; margin: 18px}
html:not([data-theme="light"]) .watchlist-candidates>p{color: #586c77}
.watchlist-candidates>button{width: 100%; height: 42px; border: 0; border-bottom: 1px solid; display: flex; align-items: center; justify-content: space-between; padding: 0 11px; cursor: pointer}
html:not([data-theme="light"]) .watchlist-candidates>button{border-bottom-color: #111d25; background: transparent; color: #b9c8cf}
html:not([data-theme="light"]) .watchlist-candidates>button:hover:not(:disabled){background: #0c1c23}
.watchlist-candidates>button>span{display: flex; align-items: center}
.watchlist-candidates em{font: 500 9px IBM Plex Mono; font-style: normal}
html:not([data-theme="light"]) .watchlist-candidates em{color: #718692}
.watchlist-candidates i{width: 23px; height: 23px; border: 1px solid; display: grid; place-items: center; font: 600 13px IBM Plex Mono; font-style: normal; margin-left: 10px}
html:not([data-theme="light"]) .watchlist-candidates i{border-color: #215360; color: var(--cyan)}
.watchlist-candidates>button:disabled{opacity: .35; cursor: not-allowed}
.watchlist-error{margin: 0 18px 12px; border: 1px solid; padding: 9px 11px; font-size: 9px}
html:not([data-theme="light"]) .watchlist-error{border-color: #713042; background: #251018; color: #f07a8d}
.watchlist-modal>footer{min-height: 61px; border-top: 1px solid; display: flex; align-items: center; gap: 8px; padding: 11px 18px}
html:not([data-theme="light"]) .watchlist-modal>footer{border-top-color: var(--line)}
.watchlist-modal>footer>span{flex: 1; font-size: 9px}
html:not([data-theme="light"]) .watchlist-modal>footer>span{color: #526671}
.watchlist-modal>footer>button{height: 33px; border: 1px solid; padding: 0 13px; font: 600 8px IBM Plex Mono; letter-spacing: .6px; cursor: pointer}
html:not([data-theme="light"]) .watchlist-modal>footer>button{border-color: var(--line2); background: #0b141a; color: #81949e}
html:not([data-theme="light"]) .watchlist-modal>footer>button:last-child{border-color: #22616d; background: #0d2931; color: #58d0dd}
.watchlist-modal>footer>button:disabled{opacity: .45; cursor: not-allowed}
.smart-watchlist-panel{min-height: 0; display: grid; grid-template-columns: minmax(360px,.9fr) minmax(390px,1.1fr); flex: 1}
.smart-watchlist-settings{padding: 17px 18px; border-right: 1px solid; overflow-y: auto}
html:not([data-theme="light"]) .smart-watchlist-settings{border-right-color: var(--line)}
.smart-toggle{height: 54px; border: 1px solid; display: flex; align-items: center; gap: 11px; padding: 0 12px; margin-bottom: 14px}
html:not([data-theme="light"]) .smart-toggle{border-color: #1e4650; background: #09191e}
.smart-toggle input{width: 15px; height: 15px}
html:not([data-theme="light"]) .smart-toggle input{accent-color: var(--cyan)}
.smart-toggle span{display: block!important; margin: 0!important}
.smart-toggle b{display: block; font: 600 9px IBM Plex Mono}
html:not([data-theme="light"]) .smart-toggle b{color: #b8c8cf}
.smart-toggle small{display: block; font-size: 8px; margin-top: 4px}
html:not([data-theme="light"]) .smart-toggle small{color: #607681}
.smart-config-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 10px}
.smart-config-grid label>span{display: block; font: 600 7px IBM Plex Mono; letter-spacing: .6px; margin-bottom: 6px}
html:not([data-theme="light"]) .smart-config-grid label>span{color: #667b86}
.smart-config-grid input,.smart-config-grid select{width: 100%; height: 35px; border: 1px solid; padding: 0 9px; font: 500 9px IBM Plex Mono}
html:not([data-theme="light"]) .smart-config-grid input, html:not([data-theme="light"]) .smart-config-grid select{border-color: var(--line2); background: #070c11; color: #c5d2d8}
.smart-watchlist-preview{padding: 17px 18px; min-height: 0; display: flex; flex-direction: column}
.smart-watchlist-preview>div:first-child{display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px}
.smart-watchlist-preview>div:first-child strong{font: 600 8px IBM Plex Mono; letter-spacing: 1px}
html:not([data-theme="light"]) .smart-watchlist-preview>div:first-child strong{color: #718692}
.smart-watchlist-preview>div:first-child span{font: 500 8px IBM Plex Mono}
html:not([data-theme="light"]) .smart-watchlist-preview>div:first-child span{color: #536872}
.smart-preview-list{border: 1px solid; overflow-y: auto; min-height: 200px; max-height: 440px}
html:not([data-theme="light"]) .smart-preview-list{border-color: var(--line); background: #070c11}
.smart-preview-list>p{margin: 18px; font-size: 9px}
html:not([data-theme="light"]) .smart-preview-list>p{color: #586c77}
.smart-preview-list>div{height: 43px; border-bottom: 1px solid; display: grid; grid-template-columns: 24px 1.2fr .9fr .9fr 1fr; align-items: center; padding: 0 10px; gap: 7px}
html:not([data-theme="light"]) .smart-preview-list>div{border-bottom-color: #111d25}
.smart-preview-list>div>b{font: 500 7px IBM Plex Mono}
html:not([data-theme="light"]) .smart-preview-list>div>b{color: #40545f}
.smart-preview-list>div>strong{font: 600 9px IBM Plex Mono}
.smart-preview-list>div>span{font: 500 6px IBM Plex Mono}
html:not([data-theme="light"]) .smart-preview-list>div>span{color: #4f636d}
.smart-preview-list>div em{display: block; font: 600 8px IBM Plex Mono; font-style: normal; margin-top: 3px}
html:not([data-theme="light"]) .smart-preview-list>div em{color: #9fb0b8}
@media(max-width:700px){.watchlist-modal-backdrop{padding: 8px}
.watchlist-modal{max-height: 96vh}
.watchlist-modal-grid,.smart-watchlist-panel{grid-template-columns: 1fr; overflow-y: auto}
.watchlist-selected,.smart-watchlist-settings{border-right: 0; border-bottom: 1px solid}
html:not([data-theme="light"]) .watchlist-selected, html:not([data-theme="light"]) .smart-watchlist-settings{border-bottom-color: var(--line)}
.watchlist-selected-list,.watchlist-candidates,.smart-preview-list{max-height: 230px}
.smart-config-grid{grid-template-columns: 1fr}
.watchlist-modal>footer{align-items: stretch; flex-wrap: wrap}
.watchlist-modal>footer>span{flex-basis: 100%}
.watchlist-modal>footer>button{flex: 1}}
html:not([data-theme="light"]) .chart-stack{background: #090e14}
.chart-tools{align-items: center; gap: 1px}
.chart-tools button:disabled{opacity: .3; cursor: not-allowed}
.chart-zoom-value{min-width: 34px; text-align: center; font: 600 7px IBM Plex Mono}
html:not([data-theme="light"]) .chart-zoom-value{color: #728792}
.chart-tool-hint{height: 24px; display: flex; align-items: center; padding: 0 12px; border-bottom: 1px solid; font: 600 7px IBM Plex Mono; letter-spacing: .6px}
html:not([data-theme="light"]) .chart-tool-hint{border-bottom-color: #16232c; background: #10180f; color: #d8bd62}
.chart-tool-crosshair,.chart-tool-horizontal,.chart-tool-trendline,.chart-tool-zone{cursor: crosshair; touch-action: none}
.indicator-strip{min-height: 31px; border-top: 1px solid; border-bottom: 1px solid; display: flex; align-items: center; gap: 5px; padding: 3px 10px; overflow-x: auto}
html:not([data-theme="light"]) .indicator-strip{border-top-color: #111c24; border-bottom-color: #111c24}
.indicator-strip button{white-space: nowrap; height: 22px; border: 1px solid; font: 600 7px IBM Plex Mono; padding: 0 7px; cursor: pointer}
html:not([data-theme="light"]) .indicator-strip button{border-color: #1b2a34; background: #0a1218; color: #627784}
html:not([data-theme="light"]) .indicator-strip button.active{color: #a9eaf0; border-color: #285e68; background: #0d2229}
.indicator-strip span{margin-left: auto; font: 600 7px IBM Plex Mono; white-space: nowrap}
html:not([data-theme="light"]) .indicator-strip span{color: #6f8190}
html:not([data-theme="light"]) .indicator-strip .settings-button{border-color: #4d4630; color: #b8a66d}
.indicator-settings-panel{position: relative; z-index: 3; border-bottom: 1px solid; padding: 10px 12px}
html:not([data-theme="light"]) .indicator-settings-panel{border-bottom-color: #24323b; background: #0a1117}
.indicator-settings-panel header,.indicator-settings-panel footer{display: flex; align-items: center; justify-content: space-between; gap: 10px}
.indicator-settings-panel header strong,.indicator-settings-panel header small{display: block; font-family: IBM Plex Mono}
.indicator-settings-panel header strong{font-size: 8px; letter-spacing: .7px}
html:not([data-theme="light"]) .indicator-settings-panel header strong{color: #d8bd62}
.indicator-settings-panel header small{margin-top: 3px; font-size: 7px}
html:not([data-theme="light"]) .indicator-settings-panel header small{color: #617580}
.indicator-settings-panel button{min-height: 25px; border: 1px solid; padding: 0 9px; font: 600 7px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .indicator-settings-panel button{border-color: #273843; background: #0c171e; color: #8ca0aa}
html:not([data-theme="light"]) .indicator-settings-panel button.primary{border-color: #286672; background: #0c252c; color: #8be3ed}
.indicator-settings-grid{display: grid; grid-template-columns: repeat(5,minmax(100px,1fr)); gap: 7px; margin: 10px 0}
.indicator-settings-grid label{display: grid; gap: 4px; font: 600 7px IBM Plex Mono}
html:not([data-theme="light"]) .indicator-settings-grid label{color: #738792}
.indicator-settings-grid input[type=number]{width: 100%; height: 28px; box-sizing: border-box; border: 1px solid; border-radius: 0; outline: 0; padding: 0 7px; font: 600 8px IBM Plex Mono}
html:not([data-theme="light"]) .indicator-settings-grid input[type=number]{border-color: #22333d; background: #070d12; color: #d4e0e4}
html:not([data-theme="light"]) .indicator-settings-grid input:focus{border-color: #337986}
.indicator-settings-grid .color-setting{grid-template-columns: 1fr 34px; align-items: center; border: 1px solid; padding: 4px 6px}
html:not([data-theme="light"]) .indicator-settings-grid .color-setting{border-color: #1d2d36}
.indicator-settings-grid input[type=color]{width: 32px; height: 24px; border: 0; padding: 0; cursor: pointer}
html:not([data-theme="light"]) .indicator-settings-grid input[type=color]{background: transparent}
.indicator-settings-panel footer{justify-content: flex-end}
.chart-stack .candle-chart,.chart-stack+.chart-empty{height: 420px}
.mcp-chart-actions{display: flex; gap: 5px; padding: 7px 10px; border-top: 1px solid}
html:not([data-theme="light"]) .mcp-chart-actions{border-top-color: #111c24; background: #080d12}
.mcp-chart-actions button{height: 27px; border: 1px solid; font: 600 7px IBM Plex Mono; padding: 0 9px; cursor: pointer}
html:not([data-theme="light"]) .mcp-chart-actions button{border-color: #23444e; background: #0b1c22; color: #7fd8e2}
.mcp-chart-actions button:disabled{opacity: .45; cursor: wait}
.mcp-chart-actions span{margin-left: auto; align-self: center; font: 600 7px IBM Plex Mono}
html:not([data-theme="light"]) .mcp-chart-actions span{color: #607580}
.mcp-analysis-result{max-height: 210px; overflow: auto; border-top: 1px solid; padding: 10px 12px}
html:not([data-theme="light"]) .mcp-analysis-result{border-top-color: #16232c; background: #070c11}
.mcp-analysis-result header{display: flex; justify-content: space-between; font: 600 8px IBM Plex Mono; margin-bottom: 8px}
html:not([data-theme="light"]) .mcp-analysis-result header{color: #45c8d6}
.mcp-analysis-result pre{margin: 0; white-space: pre-wrap; font: 500 8px/1.55 IBM Plex Mono}
html:not([data-theme="light"]) .mcp-analysis-result pre{color: #8ca0aa}
html:not([data-theme="light"]) .mcp-analysis-result.error pre{color: #f07b8b}
@media(max-width:600px){.chart-stack .candle-chart{height: 340px}
.indicator-strip span{margin-left: 6px}
.indicator-settings-grid{grid-template-columns: repeat(2,minmax(100px,1fr))}}
.live-readiness{display: flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid; font: 700 8px IBM Plex Mono; letter-spacing: .6px}
html:not([data-theme="light"]) .live-readiness{border-color: #6b2f3c; color: #ef7888; background: #1b0e13}
html:not([data-theme="light"]) .live-readiness.ready{border-color: #23664f; color: #5dd7ae; background: #0c1915}
.live-control-panel,.live-ledger{margin-top: 14px}
.live-settings-grid{display: grid; grid-template-columns: repeat(4,minmax(130px,1fr)); gap: 12px; padding: 16px}
.live-settings-grid label{display: flex; flex-direction: column; gap: 6px}
.live-settings-grid label>span{font: 700 8px IBM Plex Mono; letter-spacing: .5px}
html:not([data-theme="light"]) .live-settings-grid label>span{color: #718590}
.live-settings-grid input,.live-settings-grid select,.live-arm-box input{height: 37px; border: 1px solid; padding: 0 9px; font: 600 9px IBM Plex Mono}
html:not([data-theme="light"]) .live-settings-grid input, html:not([data-theme="light"]) .live-settings-grid select, html:not([data-theme="light"]) .live-arm-box input{border-color: var(--line2); background: #080e13; color: #cdd9df}
.live-settings-grid label.check{flex-direction: row; align-items: center}
.live-settings-grid label.check input{width: 16px; height: 16px}
html:not([data-theme="light"]) .live-settings-grid label.danger span{color: #ef7888}
.live-settings-grid button,.live-arm-box button{height: 37px; border: 1px solid; font: 700 8px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .live-settings-grid button, html:not([data-theme="light"]) .live-arm-box button{border-color: #27634f; background: #10251e; color: #62d9b1}
.live-settings-grid button:disabled,.live-arm-box button:disabled{opacity: .45; cursor: not-allowed}
.live-arm-box{margin: 0 16px 16px; padding: 14px; border: 1px solid; display: grid; grid-template-columns: 1.5fr 1.2fr 80px 100px 160px; gap: 9px; align-items: center}
html:not([data-theme="light"]) .live-arm-box{border-color: #422d33; background: #100c0f}
.live-arm-box div{display: flex; flex-direction: column; gap: 4px}
.live-arm-box strong{font: 700 9px IBM Plex Mono}
html:not([data-theme="light"]) .live-arm-box strong{color: #ef7888}
.live-arm-box span{font: 500 8px IBM Plex Mono; line-height: 1.5}
html:not([data-theme="light"]) .live-arm-box span{color: #82939c}
html:not([data-theme="light"]) .live-arm-box .danger-btn{border-color: #743143; background: #281016; color: #ef7888}
.live-table{min-width: 960px; display: grid; grid-template-columns: 1.15fr .75fr 1fr 1fr 1fr 1fr; gap: 10px; align-items: center; min-height: 48px; padding: 0 16px; border-top: 1px solid; font: 600 9px IBM Plex Mono}
html:not([data-theme="light"]) .live-table{border-top-color: #121d25}
.live-position-head,.live-intent-head{min-height: 34px; font-size: 8px; letter-spacing: .5px}
html:not([data-theme="light"]) .live-position-head, html:not([data-theme="light"]) .live-intent-head{background: #0b131a; color: #718590}
.live-table strong,.live-table span{display: flex; flex-direction: column; gap: 3px}
.live-table small{font: 600 7px IBM Plex Mono; overflow: hidden; text-overflow: ellipsis}
html:not([data-theme="light"]) .live-table small{color: #718590}
.live-table em{justify-self: start; padding: 3px 6px; border: 1px solid; font: 700 7px IBM Plex Mono; font-style: normal}
html:not([data-theme="light"]) .live-table em{border-color: #344650; color: #8598a3}
html:not([data-theme="light"]) .live-table em.failed, html:not([data-theme="light"]) .live-table em.rejected{border-color: #743143; color: #ef7888}
html:not([data-theme="light"]) .live-table em.submitted, html:not([data-theme="light"]) .live-table em.filled{border-color: #24634f; color: #5dd7ae}
@media(max-width:1000px){.live-settings-grid{grid-template-columns: repeat(2,minmax(130px,1fr))}
.live-arm-box{grid-template-columns: 1fr 1fr}
.live-arm-box div{grid-column: 1/-1}}
@media(max-width:600px){.live-settings-grid,.live-arm-box{grid-template-columns: 1fr}
.live-table{min-width: 850px}}
.live-risk-action{align-self: flex-start; margin-top: 3px; padding: 3px 6px; border: 1px solid; font: 700 7px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .live-risk-action{border-color: #743143; background: #281016; color: #ef7888}
.live-risk-action:disabled{opacity: .45; cursor: not-allowed}
:root{font-family: Manrope,system-ui,sans-serif; font-synthesis: none}
html:not([data-theme="light"]){color: #dbe6ee; background: #070b10; --bg: #070b10; --panel: #0b1118; --panel2: #0d151e; --line: #1b2833; --line2: #263844; --muted: #728391; --text: #dbe6ee; --cyan: #29c7d8; --green: #21d09d; --red: #f05268; --yellow: #e7b84b; --purple: #a58bfa}
*{box-sizing: border-box}
body{margin: 0; min-width: 320px; min-height: 100vh}
html:not([data-theme="light"]) body{background: var(--bg)}
button,input,select{font: inherit}
html:not([data-theme="light"]) button{color: inherit}
button:focus-visible,input:focus-visible,select:focus-visible{outline: 1px solid; outline-offset: 1px}
html:not([data-theme="light"]) button:focus-visible, html:not([data-theme="light"]) input:focus-visible, html:not([data-theme="light"]) select:focus-visible{outline-color: var(--cyan)}
.app-shell{min-height: 100vh; display: flex; background-size: 32px 32px}
html:not([data-theme="light"]) .app-shell{background-image: linear-gradient(#0c131a80 1px,transparent 1px),linear-gradient(90deg,#0c131a80 1px,transparent 1px)}
.sidebar{position: fixed; z-index: 20; width: 246px; height: 100vh; border-right: 1px solid; display: flex; flex-direction: column; padding: 0 12px; transition: .2s}
html:not([data-theme="light"]) .sidebar{background: #080d12; border-right-color: var(--line)}
.sidebar.collapsed{width: 70px}
.brand{height: 76px; display: flex; align-items: center; gap: 11px; border-bottom: 1px solid; padding: 0 8px; white-space: nowrap; overflow: hidden}
html:not([data-theme="light"]) .brand{border-bottom-color: var(--line)}
.brand-glyph{flex: 0 0 36px; height: 36px; border: 1px solid; display: grid; place-items: center; font: 700 12px IBM Plex Mono}
html:not([data-theme="light"]) .brand-glyph{border-color: var(--cyan); color: var(--cyan); box-shadow: inset 0 0 0 3px #0b1a20}
.brand strong{display: block; font-size: 13px; letter-spacing: 1.8px}
.brand span{display: block; margin-top: 4px; font: 500 8px IBM Plex Mono; letter-spacing: 1.4px}
html:not([data-theme="light"]) .brand span{color: #6c808d}
.workspace-label{padding: 24px 12px 10px; font: 600 9px IBM Plex Mono; letter-spacing: 2px}
html:not([data-theme="light"]) .workspace-label{color: #53636f}
.sidebar nav{display: flex; flex-direction: column; gap: 3px}
.sidebar nav button,.collapse-btn{position: relative; width: 100%; height: 42px; border: 0; display: flex; align-items: center; gap: 12px; padding: 0 12px; font-size: 12px; font-weight: 600; border-left: 2px solid; cursor: pointer; text-align: left; white-space: nowrap}
html:not([data-theme="light"]) .sidebar nav button, html:not([data-theme="light"]) .collapse-btn{background: transparent; color: #758895; border-left-color: transparent}
html:not([data-theme="light"]) .sidebar nav button:hover, html:not([data-theme="light"]) .collapse-btn:hover{color: var(--text); background: #0d151c}
html:not([data-theme="light"]) .sidebar nav button.active{color: var(--cyan); background: #0c1c23; border-left-color: var(--cyan)}
.sidebar nav button em{margin-left: auto; border: 1px solid; padding: 1px 6px; border-radius: 9px; font: 500 9px IBM Plex Mono; font-style: normal}
html:not([data-theme="light"]) .sidebar nav button em{background: #17232c; border-color: #263640}
.sidebar-spacer{flex: 1}
.risk-box{margin: 12px 0; padding: 12px; border: 1px solid; display: flex; align-items: center; gap: 9px; overflow: hidden; white-space: nowrap}
html:not([data-theme="light"]) .risk-box{color: var(--green); background: #091713; border-color: #143b2f}
.risk-box strong{font: 600 9px IBM Plex Mono; letter-spacing: 1px; display: block}
.risk-box span{font-size: 9px; display: block; margin-top: 2px}
html:not([data-theme="light"]) .risk-box span{color: #65887d}
.risk-box i{width: 7px; height: 7px; border-radius: 50%; margin-left: auto}
html:not([data-theme="light"]) .risk-box i{background: var(--green)}
.collapse-btn{border-top: 1px solid; height: 54px}
html:not([data-theme="light"]) .collapse-btn{border-top-color: var(--line)}
.mobile-x,.mobile-menu{display: none}
.main{margin-left: 246px; width: calc(100% - 246px); min-height: 100vh; transition: .2s}
.sidebar.collapsed+.main{margin-left: 70px; width: calc(100% - 70px)}
.topbar{height: 62px; border-bottom: 1px solid; display: flex; align-items: center; justify-content: space-between; padding: 0 28px; position: sticky; top: 0; z-index: 10; backdrop-filter: blur(8px)}
html:not([data-theme="light"]) .topbar{border-bottom-color: var(--line); background: #080d12eb}
.crumb{display: flex; gap: 9px; align-items: center; font: 500 10px IBM Plex Mono; letter-spacing: 1px}
html:not([data-theme="light"]) .crumb span{color: #4d606d}
html:not([data-theme="light"]) .crumb b{color: #30404b}
html:not([data-theme="light"]) .crumb strong{color: #9cb0bc}
.top-actions{display: flex; align-items: center; gap: 11px}
.status-chip{height: 28px; border: 1px solid; padding: 0 10px; display: flex; align-items: center; gap: 7px; font: 500 9px IBM Plex Mono; letter-spacing: .6px}
html:not([data-theme="light"]) .status-chip{border-color: var(--line2); background: #0a1218}
.status-chip i{width: 6px; height: 6px; border-radius: 50%}
html:not([data-theme="light"]) .status-chip i.ok{background: var(--green); box-shadow: 0 0 8px #21d09d}
html:not([data-theme="light"]) .status-chip i.bad{background: var(--red)}
.mode-switch{height: 30px; border: 1px solid; display: flex; padding: 2px}
html:not([data-theme="light"]) .mode-switch{background: #070b10; border-color: var(--line)}
.mode-switch button{border: 0; font: 600 8px IBM Plex Mono; letter-spacing: .7px; padding: 0 10px; display: flex; gap: 4px; align-items: center; cursor: pointer}
html:not([data-theme="light"]) .mode-switch button{background: transparent; color: #50616c}
html:not([data-theme="light"]) .mode-switch button.selected{color: var(--cyan); background: #12232b}
html:not([data-theme="light"]) .mode-switch button.selected.demo{color: var(--yellow); background: #211b0d}
html:not([data-theme="light"]) .mode-switch button.selected.live{color: var(--red); background: #261017}
.icon-btn,.avatar{width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid; cursor: pointer; position: relative}
html:not([data-theme="light"]) .icon-btn, html:not([data-theme="light"]) .avatar{border-color: var(--line2); background: #0a1218}
.icon-btn i{position: absolute; width: 5px; height: 5px; right: 5px; top: 5px; border-radius: 50%}
html:not([data-theme="light"]) .icon-btn i{background: var(--red)}
.avatar{font: 700 9px IBM Plex Mono}
html:not([data-theme="light"]) .avatar{border-color: #31505a; color: var(--cyan)}
.page{padding: 30px 32px 50px; max-width: 1800px; margin: auto}
.hero-row{display: flex; justify-content: space-between; gap: 40px; align-items: flex-end; margin: 8px 0 30px}
.eyebrow{font: 600 9px IBM Plex Mono; letter-spacing: 2px; display: flex; align-items: center; gap: 9px}
html:not([data-theme="light"]) .eyebrow{color: #718591}
.eyebrow>span{width: 18px; height: 1px}
html:not([data-theme="light"]) .eyebrow>span{background: var(--cyan)}
h1{font-size: 34px; letter-spacing: -1.2px; line-height: 1.12; margin: 12px 0 11px}
html:not([data-theme="light"]) h1{color: #eef6f9}
h1 em{font-style: normal}
html:not([data-theme="light"]) h1 em{color: var(--cyan)}
.hero-row p{font-size: 12px; max-width: 640px; margin: 0}
html:not([data-theme="light"]) .hero-row p{color: #71838f}
.session-card{width: 250px; border: 1px solid; padding: 16px 18px; flex: 0 0 auto}
html:not([data-theme="light"]) .session-card{border-color: var(--line2); background: #0a1117}
.session-card>div{display: flex; align-items: center; gap: 8px}
html:not([data-theme="light"]) .session-card>div{color: #6f8390}
.session-card>div span{font: 600 9px IBM Plex Mono; letter-spacing: 1px}
.session-card>div b{font: 600 8px IBM Plex Mono; margin-left: auto}
html:not([data-theme="light"]) .green, html:not([data-theme="light"]) .up{color: var(--green)!important}
html:not([data-theme="light"]) .red, html:not([data-theme="light"]) .down{color: var(--red)!important}
.session-card small{display: block; font: 500 8px IBM Plex Mono; margin: 14px 0 5px}
html:not([data-theme="light"]) .session-card small{color: #485b67}
.session-card>strong{font: 600 18px IBM Plex Mono}
.stats-grid{display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-bottom: 16px}
.stat-card{height: 106px; border: 1px solid; padding: 17px 18px; display: flex; gap: 13px}
html:not([data-theme="light"]) .stat-card{background: #0a1017; border-color: var(--line)}
.stat-mark{width: 2px; height: 100%}
html:not([data-theme="light"]) .stat-mark{background: var(--cyan)}
html:not([data-theme="light"]) .stat-mark.green{background: var(--green)}
html:not([data-theme="light"]) .stat-mark.yellow{background: var(--yellow)}
html:not([data-theme="light"]) .stat-mark.purple{background: var(--purple)}
html:not([data-theme="light"]) .stat-mark.red{background: var(--red)}
.stat-card span{display: block; font: 600 8px IBM Plex Mono; letter-spacing: 1px}
html:not([data-theme="light"]) .stat-card span{color: #687b87}
.stat-card strong{display: block; font: 600 21px IBM Plex Mono; margin: 7px 0 5px}
html:not([data-theme="light"]) .stat-card strong{color: #e2ebef}
.stat-card small{font-size: 9px}
html:not([data-theme="light"]) .stat-card small{color: #536671}
.panel{border: 1px solid}
html:not([data-theme="light"]) .panel{background: #090f15; border-color: var(--line)}
.section-header{height: 68px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid; padding: 0 20px}
html:not([data-theme="light"]) .section-header{border-bottom-color: var(--line)}
.section-header>div>span{display: block; font: 600 8px IBM Plex Mono; letter-spacing: 1.5px; margin-bottom: 5px}
html:not([data-theme="light"]) .section-header>div>span{color: #4f6572}
.section-header h2{font-size: 14px; margin: 0; letter-spacing: -.2px}
.overview-grid{display: grid; grid-template-columns: minmax(0,2fr) minmax(290px,1fr); gap: 16px; margin-bottom: 16px}
.ghost-btn,.wide-btn,.primary-btn{height: 30px; border: 1px solid; font: 600 8px IBM Plex Mono; letter-spacing: .7px; padding: 0 11px; display: flex; align-items: center; gap: 7px; cursor: pointer}
html:not([data-theme="light"]) .ghost-btn, html:not([data-theme="light"]) .wide-btn, html:not([data-theme="light"]) .primary-btn{border-color: var(--line2); background: #0d171e; color: #8296a2}
html:not([data-theme="light"]) .ghost-btn:hover, html:not([data-theme="light"]) .wide-btn:hover{border-color: #3b606b; color: var(--cyan)}
.spin{animation: spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.market-table .thead,.market-table .trow{display: grid; grid-template-columns: 1.3fr 1fr .7fr .8fr .55fr; align-items: center; padding: 0 20px}
.market-table .thead{height: 33px; font: 600 8px IBM Plex Mono; letter-spacing: 1px}
html:not([data-theme="light"]) .market-table .thead{background: #0b131a; color: #50636e}
.market-table .trow{width: 100%; height: 49px; border: 0; border-top: 1px solid; text-align: left; cursor: pointer; font: 500 10px IBM Plex Mono}
html:not([data-theme="light"]) .market-table .trow{background: transparent; border-top-color: #111c24}
html:not([data-theme="light"]) .market-table .trow:hover{background: #0c171e}
.market-table .trow strong{font-size: 11px}
.market-table .trow small{font-size: 8px; margin-left: 3px}
html:not([data-theme="light"]) .market-table .trow small{color: #52636e}
.market-table .trow i{font-style: normal; font-size: 8px; border: 1px solid; padding: 3px 5px; text-align: center}
html:not([data-theme="light"]) .market-table .trow i{color: var(--green); border-color: #174735}
.service-list{padding: 7px 18px}
.service-list>div{height: 41px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid}
html:not([data-theme="light"]) .service-list>div{border-bottom-color: #131e26}
.service-list>div>span{display: flex; gap: 9px; align-items: center}
.service-list i{width: 6px; height: 6px; border-radius: 50%}
html:not([data-theme="light"]) .service-list i.online{background: var(--green)}
html:not([data-theme="light"]) .service-list i.standby{background: #42525d}
.service-list strong{font-size: 10px}
.service-list small{font: 500 8px IBM Plex Mono}
html:not([data-theme="light"]) .service-list small{color: #596d78}
.wide-btn{margin: 10px 18px 17px; width: calc(100% - 36px); justify-content: center}
.pipeline{margin-bottom: 16px}
.flow{display: grid; grid-template-columns: repeat(5,1fr); padding: 18px 20px}
.flow>div{position: relative; border-left: 1px solid; padding: 5px 18px}
html:not([data-theme="light"]) .flow>div{border-left-color: var(--line2)}
.flow b{display: block; font: 600 9px IBM Plex Mono}
html:not([data-theme="light"]) .flow b{color: var(--cyan)}
.flow strong{display: block; font: 700 10px IBM Plex Mono; letter-spacing: 1px; margin: 7px 0}
.flow span{font-size: 9px}
html:not([data-theme="light"]) .flow span{color: #526570}
.flow em{position: absolute; right: -6px; top: 15px; font-size: 22px}
html:not([data-theme="light"]) .flow em{color: #344955}
.terminal-heading{display: flex; justify-content: space-between; align-items: flex-end; margin: 0 0 18px}
.terminal-heading h1{font: 600 25px IBM Plex Mono; margin-bottom: 0}
.terminal-heading h1 small{font-size: 10px}
html:not([data-theme="light"]) .terminal-heading h1 small{color: #536772}
.price-block{text-align: right}
.price-block strong{font: 600 25px IBM Plex Mono; display: block}
.price-block span{font: 600 10px IBM Plex Mono}
.terminal-layout{display: grid; grid-template-columns: 176px minmax(450px,1fr) 238px; gap: 10px}
.watch-head{height: 43px; border-bottom: 1px solid; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; font: 600 9px IBM Plex Mono; letter-spacing: 1px}
html:not([data-theme="light"]) .watch-head{border-bottom-color: var(--line)}
.watch-head button{border: 0}
html:not([data-theme="light"]) .watch-head button{background: transparent; color: #61737f}
.search{height: 35px; border-bottom: 1px solid; display: flex; align-items: center; padding: 0 11px}
html:not([data-theme="light"]) .search{border-bottom-color: var(--line); color: #50616d}
.search input{border: 0; width: 100%; padding: 0 7px; font: 500 9px IBM Plex Mono}
html:not([data-theme="light"]) .search input{background: transparent; color: #a9b8c0}
.watchlist>button{width: 100%; height: 52px; border: 0; border-bottom: 1px solid; padding: 0 11px; display: flex; justify-content: space-between; align-items: center; text-align: left; cursor: pointer}
html:not([data-theme="light"]) .watchlist>button{border-bottom-color: #111a22; background: transparent}
html:not([data-theme="light"]) .watchlist>button:hover, html:not([data-theme="light"]) .watchlist>button.selected{background: #0d1c23}
html:not([data-theme="light"]) .watchlist>button.selected{box-shadow: inset 2px 0 var(--cyan)}
.watchlist>button span{display: flex; flex-direction: column; gap: 4px}
.watchlist>button span:last-child{text-align: right}
.watchlist>button b,.watchlist>button strong{font: 600 10px IBM Plex Mono}
.watchlist>button small{font: 500 7px IBM Plex Mono}
html:not([data-theme="light"]) .watchlist>button small{color: #4e606c}
.watchlist>button em{font: 500 8px IBM Plex Mono; font-style: normal}
.chart-toolbar{height: 43px; border-bottom: 1px solid; display: flex; align-items: center; justify-content: space-between; padding: 0 12px}
html:not([data-theme="light"]) .chart-toolbar{border-bottom-color: var(--line)}
.chart-toolbar>div{display: flex}
.chart-toolbar button{height: 25px; min-width: 28px; border: 0; font: 600 8px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .chart-toolbar button{background: transparent; color: #657783}
html:not([data-theme="light"]) .chart-toolbar button:hover, html:not([data-theme="light"]) .chart-toolbar button.active{background: #11232b; color: var(--cyan)}
.ohlc{height: 28px; display: flex; gap: 18px; padding: 7px 14px 0; font: 500 8px IBM Plex Mono}
html:not([data-theme="light"]) .ohlc{color: #50636f}
html:not([data-theme="light"]) .ohlc b{color: #8396a0}
.candle-chart{display: block; width: 100%; height: 360px}
.chart-empty{height: 360px; display: grid; place-items: center; font: 600 9px IBM Plex Mono; letter-spacing: 1px}
html:not([data-theme="light"]) .chart-empty{background: #090e14; color: #4c606b}
.market-metrics{border-top: 1px solid; display: grid; grid-template-columns: repeat(6,1fr)}
html:not([data-theme="light"]) .market-metrics{border-top-color: var(--line)}
.market-metrics>div{height: 54px; padding: 10px; border-right: 1px solid}
html:not([data-theme="light"]) .market-metrics>div{border-right-color: var(--line)}
.market-metrics span{display: block; font: 600 7px IBM Plex Mono; letter-spacing: .7px}
html:not([data-theme="light"]) .market-metrics span{color: #4e606c}
.market-metrics b{display: block; margin-top: 7px; font: 600 9px IBM Plex Mono}
.order-panel{padding: 13px}
.order-mode{display: grid; grid-template-columns: 1fr 1fr; gap: 5px}
.order-mode button{height: 34px; border: 1px solid; font: 700 9px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .order-mode button{background: #0c141b; border-color: var(--line)}
html:not([data-theme="light"]) .order-mode .long.active{background: #0b261e; border-color: #1b7559; color: var(--green)}
html:not([data-theme="light"]) .order-mode .short.active{background: #281118; border-color: #823044; color: var(--red)}
.order-tabs{height: 43px; display: flex; gap: 20px; border-bottom: 1px solid; margin-bottom: 14px}
html:not([data-theme="light"]) .order-tabs{border-bottom-color: var(--line)}
.order-tabs button{border: 0; font: 600 8px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .order-tabs button{background: transparent; color: #526570}
.order-tabs button.active{border-bottom: 1px solid}
html:not([data-theme="light"]) .order-tabs button.active{color: var(--text); border-bottom-color: var(--cyan)}
.order-panel label{display: block; margin: 11px 0}
.order-panel label>span,.risk-config label>span{display: block; font: 600 8px IBM Plex Mono; letter-spacing: .6px; margin-bottom: 6px}
html:not([data-theme="light"]) .order-panel label>span, html:not([data-theme="light"]) .risk-config label>span{color: #60727e}
.order-panel label>div,.input-unit{display: flex; height: 35px; border: 1px solid}
html:not([data-theme="light"]) .order-panel label>div, html:not([data-theme="light"]) .input-unit{border-color: var(--line2); background: #080e13}
.order-panel input,.input-unit input,.risk-config>label>input{min-width: 0; width: 100%; border: 0; padding: 0 9px; font: 500 10px IBM Plex Mono}
html:not([data-theme="light"]) .order-panel input, html:not([data-theme="light"]) .input-unit input, html:not([data-theme="light"]) .risk-config>label>input{background: transparent; color: #cdd9df}
.order-panel label b,.input-unit b{padding: 0 9px; display: flex; align-items: center; font: 600 8px IBM Plex Mono; border-left: 1px solid}
html:not([data-theme="light"]) .order-panel label b, html:not([data-theme="light"]) .input-unit b{color: #617581; border-left-color: var(--line)}
.order-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 7px}
.risk-preview{border: 1px solid; padding: 9px 10px; margin: 14px 0}
html:not([data-theme="light"]) .risk-preview{background: #080e13; border-color: var(--line)}
.risk-preview>div{display: flex; justify-content: space-between; margin: 6px 0; font: 500 8px IBM Plex Mono}
html:not([data-theme="light"]) .risk-preview span{color: #566974}
.execute{height: 39px; width: 100%; border: 1px solid; display: flex; align-items: center; justify-content: center; gap: 7px; font: 700 9px IBM Plex Mono; letter-spacing: .8px; cursor: pointer}
html:not([data-theme="light"]) .execute.long{background: #0d3126; border-color: #208665; color: #62ddb7}
html:not([data-theme="light"]) .execute.short{background: #33141d; border-color: #923149; color: #ff7185}
.execute:disabled{cursor: not-allowed}
html:not([data-theme="light"]) .execute:disabled{background: #171417; border-color: #4a2930; color: #95616a}
.safe-note{display: flex; gap: 7px; font-size: 8px; line-height: 1.5; margin: 11px 2px 0}
html:not([data-theme="light"]) .safe-note{color: #526671}
.safe-note svg{flex: 0 0 auto}
html:not([data-theme="light"]) .safe-note svg{color: var(--green)}
.bottom-panel{margin-top: 10px}
.bottom-tabs{height: 43px; display: flex; border-bottom: 1px solid; padding: 0 14px; gap: 25px}
html:not([data-theme="light"]) .bottom-tabs{border-bottom-color: var(--line)}
.bottom-tabs button{border: 0; font: 600 8px IBM Plex Mono; position: relative; cursor: pointer}
html:not([data-theme="light"]) .bottom-tabs button{background: transparent; color: #566975}
html:not([data-theme="light"]) .bottom-tabs button.active{color: var(--cyan)}
.bottom-tabs button.active:after{content: ""; height: 1px; position: absolute; left: 0; right: 0; bottom: 0}
html:not([data-theme="light"]) .bottom-tabs button.active:after{background: var(--cyan)}
.bottom-tabs span{margin-left: 5px; padding: 1px 5px; border-radius: 7px}
html:not([data-theme="light"]) .bottom-tabs span{background: #18232b}
.empty-state,.large-empty{height: 118px; display: flex; flex-direction: column; align-items: center; justify-content: center}
html:not([data-theme="light"]) .empty-state, html:not([data-theme="light"]) .large-empty{color: #51636e}
.empty-state>div{width: 35px; height: 35px; border: 1px solid; display: grid; place-items: center; margin-bottom: 8px}
html:not([data-theme="light"]) .empty-state>div{border-color: var(--line)}
.empty-state strong,.large-empty strong{font-size: 10px}
.empty-state span,.large-empty span{font-size: 8px; margin-top: 5px}
.builder-grid{display: grid; grid-template-columns: minmax(500px,1fr) 300px; gap: 14px}
html:not([data-theme="light"]) .primary-btn{background: #0e2a31; border-color: #23616e; color: #57d2df}
.form-grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; padding: 20px}
.form-grid label>span{display: block; font: 600 8px IBM Plex Mono; letter-spacing: .6px; margin-bottom: 7px}
html:not([data-theme="light"]) .form-grid label>span{color: #60737e}
.form-grid input,.form-grid select,.risk-config select,.period{width: 100%; height: 37px; border: 1px solid; padding: 0 10px; font: 500 9px IBM Plex Mono}
html:not([data-theme="light"]) .form-grid input, html:not([data-theme="light"]) .form-grid select, html:not([data-theme="light"]) .risk-config select, html:not([data-theme="light"]) .period{border-color: var(--line2); background: #080e13; color: #bbc9cf}
.builder-title{height: 50px; border-top: 1px solid; border-bottom: 1px solid; display: flex; align-items: center; justify-content: space-between; padding: 0 20px}
html:not([data-theme="light"]) .builder-title{border-top-color: var(--line); border-bottom-color: var(--line)}
.builder-title strong{font: 600 9px IBM Plex Mono; display: block}
.builder-title span{font-size: 8px}
html:not([data-theme="light"]) .builder-title span{color: #536772}
.builder-title button{height: 27px; border: 1px solid; font: 600 8px IBM Plex Mono; display: flex; align-items: center; gap: 6px}
html:not([data-theme="light"]) .builder-title button{border-color: var(--line2); background: #0b141a; color: #70828c}
.filter-grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; padding: 16px 20px 23px}
.filter-grid button{height: 45px; border: 1px solid; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; cursor: pointer}
html:not([data-theme="light"]) .filter-grid button{border-color: var(--line); background: #0a1117; color: #73858f}
.filter-grid button span{display: flex; align-items: center; gap: 7px; font-size: 9px}
.filter-grid button span i{width: 7px; height: 7px; border: 1px solid; border-radius: 50%}
html:not([data-theme="light"]) .filter-grid button span i{border-color: #4b5c66}
.filter-grid button em{font: 500 6px IBM Plex Mono; font-style: normal}
html:not([data-theme="light"]) .filter-grid button em{color: #4f626d}
html:not([data-theme="light"]) .filter-grid button.selected{border-color: #245f69; background: #0c1e24; color: #c6d7dc}
html:not([data-theme="light"]) .filter-grid button.selected span i{background: var(--cyan); border-color: var(--cyan); box-shadow: 0 0 5px #29c7d8}
html:not([data-theme="light"]) .filter-grid button.selected em{color: var(--green)}
.risk-config{padding-bottom: 16px}
.risk-config>.section-header{margin-bottom: 15px}
.risk-config>label{display: block; margin: 12px 17px}
.risk-config>label>input{height: 35px; border: 1px solid}
html:not([data-theme="light"]) .risk-config>label>input{border-color: var(--line2); background: #080e13}
.guard-note{margin: 17px; border: 1px solid; padding: 13px; display: flex; gap: 10px}
html:not([data-theme="light"]) .guard-note{border-color: #50421b; background: #18150c; color: var(--yellow)}
.guard-note strong{font-size: 9px; display: block}
.guard-note span{font-size: 8px; line-height: 1.5; display: block; margin-top: 4px}
html:not([data-theme="light"]) .guard-note span{color: #8d805f}
.signal-stats{display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin: 15px 0}
.signals-table .signal-head{height: 37px; display: grid; grid-template-columns: 1.2fr 1fr .7fr .8fr .8fr .5fr; align-items: center; padding: 0 18px; font: 600 8px IBM Plex Mono}
html:not([data-theme="light"]) .signals-table .signal-head{background: #0b131a; color: #536671}
.large-empty{height: 260px}
.large-empty svg{margin-bottom: 12px}
html:not([data-theme="light"]) .large-empty svg{color: #40535f}
.integration-grid{display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 15px}
.integration{min-height: 210px; padding: 18px; position: relative}
.integration-icon{width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid; margin-bottom: 18px}
html:not([data-theme="light"]) .integration-icon{color: var(--cyan); background: #0d2228; border-color: #174552}
.integration-icon svg{width: 18px}
.integration em{font: 600 7px IBM Plex Mono; font-style: normal; letter-spacing: 1px}
html:not([data-theme="light"]) .integration em{color: #536773}
.integration h3{font-size: 12px; margin: 7px 0}
.integration p{font-size: 9px; line-height: 1.6; margin: 0}
html:not([data-theme="light"]) .integration p{color: #657783}
.integration-foot{position: absolute; left: 18px; right: 18px; bottom: 16px; display: flex; justify-content: space-between; align-items: center}
.integration-foot span{font: 600 7px IBM Plex Mono; display: flex; align-items: center; gap: 5px}
.integration-foot span i{width: 5px; height: 5px; border-radius: 50%}
html:not([data-theme="light"]) .integration-foot .connected{color: var(--green)}
html:not([data-theme="light"]) .integration-foot .connected i{background: var(--green)}
html:not([data-theme="light"]) .integration-foot .pending{color: #667883}
html:not([data-theme="light"]) .integration-foot .pending i{background: #50616c}
.integration-foot button{height: 25px; border: 1px solid; font: 600 7px IBM Plex Mono}
html:not([data-theme="light"]) .integration-foot button{border-color: var(--line2); background: #0c151c; color: #82959f}
.period{width: auto; height: 30px}
.analytics-grid{display: grid; grid-template-columns: 2fr 1fr; gap: 14px}
.analytics-empty{height: 310px; display: flex; align-items: center; justify-content: center; flex-direction: column}
html:not([data-theme="light"]) .analytics-empty{color: #435762}
.analytics-empty strong{font-size: 11px; margin: 12px 0 5px}
html:not([data-theme="light"]) .analytics-empty strong{color: #778b96}
.analytics-empty span{font-size: 9px}
.breakdown>button{height: 49px; width: 100%; border: 0; border-bottom: 1px solid; padding: 0 18px; display: flex; justify-content: space-between; align-items: center; font-size: 10px}
html:not([data-theme="light"]) .breakdown>button{border-bottom-color: var(--line); background: transparent; color: #8da0aa}
.breakdown>button b{font: 500 7px IBM Plex Mono}
html:not([data-theme="light"]) .breakdown>button b{color: #4c5e69}
.module-empty{min-height: 440px; margin-top: 15px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center}
.module-empty>div{width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid}
html:not([data-theme="light"]) .module-empty>div{border-color: #21444e; background: #0b1e24; color: var(--cyan)}
.module-empty h3{font-size: 15px; margin: 18px 0 6px}
.module-empty p{font-size: 10px; max-width: 460px; line-height: 1.6; margin: 0 0 18px}
html:not([data-theme="light"]) .module-empty p{color: #617580}
.overlay{display: none}
@media(max-width:1200px){.integration-grid{grid-template-columns: repeat(2,1fr)}
.terminal-layout{grid-template-columns: 150px minmax(400px,1fr)}
.order-panel{grid-column: 1/-1; display: grid; grid-template-columns: 150px 100px repeat(2,1fr) 180px; gap: 10px; align-items: center}
.order-panel .order-tabs,.order-panel .risk-preview,.order-panel .safe-note{display: none}
.order-panel label{margin: 0}
.order-grid{display: contents}
.order-panel .execute{align-self: end}
.market-metrics{grid-template-columns: repeat(3,1fr)}}
@media(max-width:900px){.sidebar{transform: translate(-100%); width: 246px!important}
.sidebar.mobile-open{transform: translate(0)}
.main,.sidebar.collapsed+.main{margin-left: 0; width: 100%}
.mobile-menu{display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid}
html:not([data-theme="light"]) .mobile-menu{border-color: var(--line); background: #0b131a}
.mobile-x{display: block; margin-left: auto; border: 0}
html:not([data-theme="light"]) .mobile-x{background: transparent; color: #71848e}
.overlay{display: block; position: fixed; inset: 0; z-index: 15}
html:not([data-theme="light"]) .overlay{background: #0009}
.page{padding: 22px 18px}
.stats-grid,.signal-stats{grid-template-columns: repeat(2,1fr)}
.overview-grid,.builder-grid,.analytics-grid{grid-template-columns: 1fr}
.flow{grid-template-columns: 1fr; gap: 9px}
.flow>div{border-left: 1px solid}
html:not([data-theme="light"]) .flow>div{border-left-color: var(--cyan)}
.flow em{display: none}
.terminal-layout{grid-template-columns: 1fr}
.watchlist{display: none}
.order-panel{display: block; grid-column: auto}
.order-panel .order-tabs,.order-panel .risk-preview,.order-panel .safe-note{display: flex}
.order-panel .risk-preview{display: block}
.order-grid{display: grid}
.form-grid,.filter-grid{grid-template-columns: repeat(2,1fr)}}
@media(max-width:600px){.topbar{padding: 0 12px}
.crumb span,.crumb b,.status-chip span,.icon-btn{display: none}
.mode-switch button{padding: 0 7px}
.hero-row{align-items: flex-start; flex-direction: column}
.session-card{width: 100%}
h1{font-size: 28px}
.stats-grid,.signal-stats,.overview-grid,.integration-grid,.form-grid,.filter-grid{grid-template-columns: 1fr}
.market-table .thead,.market-table .trow{grid-template-columns: 1.2fr 1fr .7fr}
.market-table .thead span:nth-child(4),.market-table .thead span:nth-child(5),.market-table .trow span:nth-child(4),.market-table .trow i{display: none}
.terminal-heading{align-items: flex-start; flex-direction: column}
.price-block{text-align: left; margin-top: 10px}
.chart-toolbar{overflow-x: auto}
.candle-chart,.chart-empty{height: 290px}
.market-metrics{grid-template-columns: repeat(2,1fr)}
.bottom-tabs{overflow-x: auto; gap: 18px}
.bottom-tabs button{flex: 0 0 auto}
.signals-table .signal-head{display: none}
.section-header{padding: 0 14px}
.top-actions{gap: 6px}}
.synthetic-note{height: 24px; display: flex; align-items: center; gap: 6px; padding: 0 14px; border-bottom: 1px solid; font: 600 7px IBM Plex Mono; letter-spacing: .8px}
html:not([data-theme="light"]) .synthetic-note{border-bottom-color: #17323a; background: #0a181e; color: var(--cyan)}
.synthetic-note svg{animation: pulse 1s steps(2,end) infinite}
@keyframes pulse{50%{opacity:.35}}
.auth-check{min-height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px}
html:not([data-theme="light"]) .auth-check{background: #070b10; color: #536975}
.auth-check span{font: 600 9px IBM Plex Mono; letter-spacing: 2px; animation: authpulse 1.4s ease-in-out infinite}
@keyframes authpulse{50%{color:var(--cyan)}}
.login-page{min-height: 100vh; display: grid; grid-template-columns: minmax(360px,520px) minmax(380px,1fr); background-size: 36px 36px}
html:not([data-theme="light"]) .login-page{background: #070b10; background-image: linear-gradient(#0d151c 1px,transparent 1px),linear-gradient(90deg,#0d151c 1px,transparent 1px)}
.login-card{min-height: 100vh; border-right: 1px solid; padding: 7vh clamp(30px,5vw,72px); display: flex; flex-direction: column; justify-content: center}
html:not([data-theme="light"]) .login-card{background: #080d12; border-right-color: var(--line)}
.login-brand{position: absolute; top: 30px; display: flex; align-items: center; gap: 12px}
.login-brand strong{display: block; font-size: 12px; letter-spacing: 1.7px}
.login-brand span{display: block; font: 500 8px IBM Plex Mono; letter-spacing: 1.2px; margin-top: 4px}
html:not([data-theme="light"]) .login-brand span{color: #586b76}
.login-status{font: 600 8px IBM Plex Mono; letter-spacing: 1.5px; display: flex; align-items: center; gap: 8px}
html:not([data-theme="light"]) .login-status{color: #657a85}
.login-status i{width: 6px; height: 6px; border-radius: 50%}
html:not([data-theme="light"]) .login-status i{background: var(--green); box-shadow: 0 0 8px #21d09d}
.login-card h1{font-size: 38px; margin: 17px 0 11px}
.login-card>p{font-size: 11px; margin: 0 0 26px}
html:not([data-theme="light"]) .login-card>p{color: #677b86}
.login-card form{max-width: 380px}
.login-card form label{display: block; margin: 14px 0}
.login-card form label>span{display: block; font: 600 8px IBM Plex Mono; letter-spacing: 1px; margin-bottom: 7px}
html:not([data-theme="light"]) .login-card form label>span{color: #657984}
.login-card form label>div{height: 42px; border: 1px solid; display: flex; align-items: center; padding-right: 13px}
html:not([data-theme="light"]) .login-card form label>div{border-color: var(--line2); background: #070c11; color: #536874}
.login-card input{width: 100%; height: 100%; border: 0; padding: 0 13px; font: 500 11px IBM Plex Mono}
html:not([data-theme="light"]) .login-card input{background: transparent; color: #d8e3e8}
.login-card form>button{width: 100%; height: 42px; border: 1px solid; font: 700 9px IBM Plex Mono; letter-spacing: 1px; margin-top: 8px; cursor: pointer}
html:not([data-theme="light"]) .login-card form>button{border-color: #22707d; background: #0d2a32; color: #63d6e2}
.login-card form>button:disabled{opacity: .6}
.login-error{min-height: 34px; border: 1px solid; padding: 8px 10px; display: flex; align-items: center; gap: 8px; font-size: 9px}
html:not([data-theme="light"]) .login-error{border-color: #6c2a3a; background: #241017; color: #f27688}
.login-card>small{display: flex; align-items: center; gap: 7px; font: 500 8px IBM Plex Mono; margin-top: 19px}
html:not([data-theme="light"]) .login-card>small{color: #4d626d}
html:not([data-theme="light"]) .login-card>small svg{color: var(--green)}
.login-aside{align-self: center; padding: 8vw; max-width: 820px}
.login-aside>span{font: 600 9px IBM Plex Mono; letter-spacing: 1.8px}
html:not([data-theme="light"]) .login-aside>span{color: var(--cyan)}
.login-aside>strong{display: block; font-size: clamp(30px,4.2vw,62px); line-height: 1.08; letter-spacing: -2px; margin: 22px 0}
html:not([data-theme="light"]) .login-aside>strong{color: #d9e4e9}
.login-aside>p{font-size: 12px; max-width: 520px; line-height: 1.7}
html:not([data-theme="light"]) .login-aside>p{color: #60747f}
.login-grid{display: grid; grid-template-columns: repeat(2,160px); gap: 8px; margin-top: 35px}
.login-grid b{height: 40px; border: 1px solid; display: flex; align-items: center; padding: 0 12px; font: 600 8px IBM Plex Mono; letter-spacing: .7px}
html:not([data-theme="light"]) .login-grid b{border-color: var(--line); background: #0a1117; color: #60747f}
html:not([data-theme="light"]) .avatar.logout:hover{border-color: #773042; color: var(--red)}
@media(max-width:760px){.login-page{grid-template-columns: 1fr}
.login-card{border-right: 0; padding: 100px 28px 40px; min-height: 100vh}
.login-aside{display: none}
.login-brand{top: 28px}
.login-card h1{font-size: 32px}
.login-card form{max-width: none}}
.toast{position: fixed; right: 22px; bottom: 22px; z-index: 50; min-width: 300px; max-width: 440px; min-height: 48px; padding: 0 14px; display: flex; align-items: center; gap: 10px; border: 1px solid; font: 600 9px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .toast{background: #0b1319; box-shadow: 0 12px 35px #000b}
.toast span{flex: 1}
html:not([data-theme="light"]) .toast.ok{border-color: #1e755b; color: #64dcb8}
html:not([data-theme="light"]) .toast.error{border-color: #843044; color: #f27889}
.paper-table{overflow-x: auto}
.paper-head,.paper-row{min-width: 900px; display: grid; grid-template-columns: 1.25fr .9fr .9fr .7fr .8fr .8fr 1fr .55fr; align-items: center; padding: 0 16px; column-gap: 9px}
.paper-head{height: 34px; font: 600 7px IBM Plex Mono; letter-spacing: .7px}
html:not([data-theme="light"]) .paper-head{background: #0b131a; color: #526570}
.paper-row{min-height: 48px; border-top: 1px solid; font: 500 9px IBM Plex Mono}
html:not([data-theme="light"]) .paper-row{border-top-color: #121d25}
html:not([data-theme="light"]) .paper-row:hover{background: #0b151c}
.paper-row>strong{font-size: 9px; display: flex; flex-direction: column; gap: 4px}
.paper-row>strong small{font: 600 7px IBM Plex Mono}
.paper-row>b{font-size: 9px}
.paper-row>em{justify-self: start; font: 600 7px IBM Plex Mono; font-style: normal; padding: 3px 6px; border: 1px solid}
html:not([data-theme="light"]) .paper-row>em{border-color: #31434e; color: #7d909a}
html:not([data-theme="light"]) .paper-row>em.open{color: var(--green); border-color: #1c5945}
html:not([data-theme="light"]) .paper-row>em.pending{color: var(--yellow); border-color: #655523}
html:not([data-theme="light"]) .paper-row>em.closed{color: #7f93a0}
.paper-row>button{height: 25px; border: 1px solid; font: 600 7px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .paper-row>button{border-color: #723041; background: #251017; color: #ec7183}
.paper-row>i{font-style: normal; text-align: center}
html:not([data-theme="light"]) .paper-row>i{color: #485a65}
.paper-stats{margin-top: 15px}
.paper-live{font: 600 8px IBM Plex Mono; display: flex; align-items: center; gap: 7px}
html:not([data-theme="light"]) .paper-live{color: var(--green)}
.paper-live i{width: 6px; height: 6px; border-radius: 50%}
html:not([data-theme="light"]) .paper-live i{background: var(--green); box-shadow: 0 0 7px var(--green)}
.paper-ledger{margin-top: 14px}
.paper-ledger>.section-header{height: 57px}
@media(max-width:600px){.toast{left: 12px; right: 12px; bottom: 12px; min-width: 0}
.paper-head,.paper-row{min-width: 820px}}
.paper-row>em{padding: 4px 6px}
.paper-row>em small{display: block; margin-top: 3px; font: 500 6px IBM Plex Mono; white-space: nowrap}
html:not([data-theme="light"]) .paper-row>em small{color: #6f838f}
html:not([data-theme="light"]) .paper-row>em.open{border-color: #315062}
html:not([data-theme="light"]) .paper-row>em.win, html:not([data-theme="light"]) .paper-row>em.floating_win{color: var(--green); border-color: #1c5945}
html:not([data-theme="light"]) .paper-row>em.loss, html:not([data-theme="light"]) .paper-row>em.floating_loss{color: #f27889; border-color: #723041}
html:not([data-theme="light"]) .paper-row>em.breakeven, html:not([data-theme="light"]) .paper-row>em.floating_flat{color: var(--yellow); border-color: #655523}
.paper-head,.paper-row{min-width: 1120px; grid-template-columns: 1.15fr .8fr .8fr 1.2fr .65fr .8fr .95fr 1.1fr .55fr}
.paper-move{min-width: 132px}
.paper-move>b{display: block; font: 700 9px IBM Plex Mono}
.paper-move>span{display: block; height: 3px; margin: 5px 0 4px; overflow: hidden}
html:not([data-theme="light"]) .paper-move>span{background: #17242c}
.paper-move>span>i{display: block; height: 100%}
html:not([data-theme="light"]) .paper-move>span>i{background: #71838d}
.paper-move>small{display: block; font: 600 6px IBM Plex Mono; line-height: 1.45; white-space: nowrap}
html:not([data-theme="light"]) .paper-move>small{color: #71838d}
html:not([data-theme="light"]) .paper-move.profit>b{color: var(--green)}
html:not([data-theme="light"]) .paper-move.profit>span>i{background: var(--green)}
html:not([data-theme="light"]) .paper-move.risk>b{color: #f27889}
html:not([data-theme="light"]) .paper-move.risk>span>i{background: #f27889}
html:not([data-theme="light"]) .paper-move.flat>b{color: var(--yellow)}
body{font-size: 14px; line-height: 1.45; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility}
.brand span,.workspace-label,.risk-box strong,.risk-box span{font-size: 10px}
.crumb{font-size: 11px}
.status-chip,.mode-switch button,.eyebrow{font-size: 10px}
.hero-row p{font-size: 14px; line-height: 1.6}
.session-card>div span,.session-card>div b,.session-card small{font-size: 10px}
.stat-card span{font-size: 10px}
.stat-card small{font-size: 11px}
html:not([data-theme="light"]) .stat-card small{color: #718590}
.section-header>div>span{font-size: 10px}
html:not([data-theme="light"]) .section-header>div>span{color: #718793}
.section-header h2{font-size: 16px}
.ghost-btn,.wide-btn,.primary-btn{font-size: 10px; min-height: 32px}
.market-table .thead{font-size: 10px}
html:not([data-theme="light"]) .market-table .thead{color: #718590}
.market-table .trow{font-size: 11px}
.market-table .trow strong{font-size: 12px}
.market-table .trow small,.market-table .trow i{font-size: 9px}
.service-list strong{font-size: 11px}
.service-list small{font-size: 10px}
html:not([data-theme="light"]) .service-list small{color: #718590}
.flow b{font-size: 10px}
.flow strong{font-size: 11px}
.flow span{font-size: 10px}
html:not([data-theme="light"]) .flow span{color: #718590}
.terminal-heading h1 small,.price-block span{font-size: 11px}
.watch-head,.search input{font-size: 10px}
.watchlist>button b,.watchlist>button strong{font-size: 11px}
.watchlist>button small,.watchlist>button em{font-size: 9px}
.chart-toolbar button{font-size: 10px; min-width: 31px}
.synthetic-note,.ohlc{font-size: 9px}
.market-metrics span{font-size: 9px}
html:not([data-theme="light"]) .market-metrics span{color: #718590}
.market-metrics b{font-size: 10px}
.order-mode button,.order-tabs button,.order-panel label>span,.risk-config label>span,.order-panel label b,.input-unit b,.risk-preview>div,.execute{font-size: 10px}
.order-panel input,.input-unit input,.risk-config>label>input{font-size: 11px}
.safe-note{font-size: 10px}
html:not([data-theme="light"]) .safe-note{color: #718590}
.bottom-tabs button{font-size: 10px}
.empty-state strong,.large-empty strong{font-size: 12px}
.empty-state span,.large-empty span{font-size: 10px}
html:not([data-theme="light"]) .empty-state span, html:not([data-theme="light"]) .large-empty span{color: #718590}
.form-grid label>span,.builder-title strong,.builder-title button{font-size: 10px}
.form-grid input,.form-grid select,.risk-config select,.period{font-size: 11px}
.builder-title span,.guard-note span,.filter-grid button span,.guard-note strong{font-size: 10px}
.filter-grid button em{font-size: 8px}
.signals-table .signal-head{font-size: 10px; height: 42px}
html:not([data-theme="light"]) .signals-table .signal-head{color: #718590}
.segmented{display: flex; gap: 3px; padding: 3px; border: 1px solid}
html:not([data-theme="light"]) .segmented{border-color: #263842; background: #070d12}
.segmented button{height: 30px; padding: 0 13px; border: 1px solid; font: 700 10px IBM Plex Mono; letter-spacing: .5px; cursor: pointer}
html:not([data-theme="light"]) .segmented button{border-color: transparent; background: #0e171e; color: #a3b3bb}
html:not([data-theme="light"]) .segmented button:hover{border-color: #31515c; color: #e2edf1; background: #122029}
html:not([data-theme="light"]) .segmented button.active{border-color: #2d7e8b; background: #12313a; color: #78e9f4}
.integration em,.integration-foot span,.integration-foot button{font-size: 9px}
.integration p,.analytics-empty span,.breakdown>button b,.module-empty p{font-size: 10px}
.paper-head{font-size: 9px}
html:not([data-theme="light"]) .paper-head{color: #718590}
.paper-row,.paper-row>strong,.paper-row>b{font-size: 10px}
.paper-row>strong small,.paper-row>em,.paper-row>button,.paper-live{font-size: 9px}
.toast{font-size: 10px}
@media(max-width:760px){.segmented{max-width: 100%; overflow-x: auto}
.segmented button{flex: 0 0 auto; padding: 0 10px}}
.signal-intake{margin-bottom: 14px; padding: 14px 16px}
.signal-intake form{display: grid; grid-template-columns: 1.1fr .7fr .7fr .85fr 1fr 1.2fr auto; gap: 9px; align-items: end}
.signal-intake label{display: block}
.signal-intake label>span{display: block; margin-bottom: 6px; font: 700 9px IBM Plex Mono; letter-spacing: .6px}
html:not([data-theme="light"]) .signal-intake label>span{color: #718590}
.signal-intake input,.signal-intake select{width: 100%; height: 36px; border: 1px solid; padding: 0 9px; font: 600 11px IBM Plex Mono}
html:not([data-theme="light"]) .signal-intake input, html:not([data-theme="light"]) .signal-intake select{border-color: var(--line2); background: #080e13; color: #d2dde2}
.signal-intake form>button{height: 36px; border: 1px solid; padding: 0 14px; font: 700 9px IBM Plex Mono; white-space: nowrap; cursor: pointer}
html:not([data-theme="light"]) .signal-intake form>button{border-color: #2d7e8b; background: #12313a; color: #78e9f4}
.signal-intake form>button:disabled{opacity: .55; cursor: not-allowed}
.dual-input{display: grid; grid-template-columns: 1fr 1fr; gap: 5px}
.signal-message{margin-top: 11px; padding: 9px 11px; border-left: 2px solid; font-size: 11px}
html:not([data-theme="light"]) .signal-message{border-left-color: var(--cyan); background: #0b181e; color: #9eb1ba}
.signal-row{min-height: 58px; display: grid; grid-template-columns: 1.2fr 1fr .7fr .8fr .8fr 1.2fr; align-items: center; padding: 8px 18px; border-top: 1px solid; font: 600 11px IBM Plex Mono}
html:not([data-theme="light"]) .signal-row{border-top-color: #121d25}
html:not([data-theme="light"]) .signal-row:hover{background: #0b151c}
.signal-row>span,.signal-row>strong{display: flex; flex-direction: column; gap: 4px}
.signal-row small{font: 500 9px IBM Plex Mono}
html:not([data-theme="light"]) .signal-row small{color: #718590}
.signal-row>em{justify-self: start; padding: 4px 7px; border: 1px solid; font: 700 9px IBM Plex Mono; font-style: normal}
html:not([data-theme="light"]) .signal-row>em{border-color: #344853; background: #0d171e; color: #9babb3}
html:not([data-theme="light"]) .signal-row>em.pending{border-color: #766225; color: var(--yellow); background: #1b170b}
html:not([data-theme="light"]) .signal-row>em.accepted{border-color: #286f58; color: var(--green); background: #0b1d17}
html:not([data-theme="light"]) .signal-row>em.rejected{border-color: #823449; color: #ff788b; background: #241017}
.signal-row>div{display: flex; gap: 5px; align-items: center}
.signal-row>div button{height: 28px; padding: 0 9px; font: 700 8px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .signal-row>div button{background: #0c151b}
.signal-row>div .accept{border: 1px solid}
html:not([data-theme="light"]) .signal-row>div .accept{border-color: #286f58; color: var(--green)}
.signal-row>div .reject{border: 1px solid}
html:not([data-theme="light"]) .signal-row>div .reject{border-color: #823449; color: #ff788b}
.signal-row>div button:disabled{opacity: .5; cursor: not-allowed}
.ai-review-badge{display: inline-flex; align-items: center; height: 28px; padding: 0 9px; border: 1px solid; font: 700 8px IBM Plex Mono; letter-spacing: .4px}
html:not([data-theme="light"]) .ai-review-badge{border-color: #2d7e8b; background: #0b1d24; color: #78e9f4}
@media(max-width:1100px){.signal-intake form{grid-template-columns: repeat(3,1fr)}
.signal-intake form>button{width: 100%}
.signals-table{overflow-x: auto}
.signal-head,.signal-row{min-width: 820px}}
@media(max-width:600px){.signal-intake form{grid-template-columns: 1fr 1fr}
.signal-intake form>button{grid-column: 1/-1}
.signal-stats{grid-template-columns: 1fr 1fr}}
.source-manager{margin-top: 16px}
.source-manager>form{display: grid; grid-template-columns: 1fr 1.4fr 1fr .7fr .8fr .8fr auto; gap: 9px; align-items: end; padding: 16px}
.source-manager label>span{display: block; margin-bottom: 6px; font: 700 9px IBM Plex Mono; letter-spacing: .6px}
html:not([data-theme="light"]) .source-manager label>span{color: #718590}
.source-manager input,.source-manager select{width: 100%; height: 36px; border: 1px solid; padding: 0 9px; font: 600 10px IBM Plex Mono}
html:not([data-theme="light"]) .source-manager input, html:not([data-theme="light"]) .source-manager select{border-color: var(--line2); background: #080e13; color: #d2dde2}
.source-manager form>button{height: 36px; border: 1px solid; padding: 0 13px; font: 700 9px IBM Plex Mono; white-space: nowrap}
html:not([data-theme="light"]) .source-manager form>button{border-color: #2d7e8b; background: #12313a; color: #78e9f4}
.source-manager button{cursor: pointer}
.source-manager button:disabled{opacity: .5; cursor: not-allowed}
.source-message{margin: 0 16px 12px; padding: 9px 11px; border-left: 2px solid; font-size: 11px}
html:not([data-theme="light"]) .source-message{border-left-color: var(--cyan); background: #0b181e; color: #9eb1ba}
.secret-reveal{margin: 0 16px 16px; padding: 13px; border: 1px solid; display: grid; grid-template-columns: 1.2fr 1.5fr auto; gap: 12px; align-items: end}
html:not([data-theme="light"]) .secret-reveal{border-color: #725f24; background: #19160c}
.secret-reveal span{display: block; font: 700 8px IBM Plex Mono; margin-bottom: 6px}
html:not([data-theme="light"]) .secret-reveal span{color: var(--yellow)}
.secret-reveal code{display: block; overflow-wrap: anywhere; font: 600 10px IBM Plex Mono}
html:not([data-theme="light"]) .secret-reveal code{color: #d9cfaa}
.secret-reveal button{height: 30px; border: 1px solid; font: 700 8px IBM Plex Mono}
html:not([data-theme="light"]) .secret-reveal button{border-color: #725f24; background: #241f0e; color: var(--yellow)}
.source-list{border-top: 1px solid; overflow-x: auto}
html:not([data-theme="light"]) .source-list{border-top-color: var(--line)}
.source-head,.source-row{min-width: 940px; display: grid; grid-template-columns: 1.2fr .8fr 1.2fr 1.2fr .7fr 1fr; align-items: center; column-gap: 10px; padding: 0 16px}
.source-head{height: 38px; font: 700 9px IBM Plex Mono}
html:not([data-theme="light"]) .source-head{background: #0b131a; color: #718590}
.source-row{min-height: 57px; border-top: 1px solid; font: 600 10px IBM Plex Mono}
html:not([data-theme="light"]) .source-row{border-top-color: #121d25}
.source-row>strong{display: flex; flex-direction: column; gap: 4px}
.source-row small{font: 500 9px IBM Plex Mono}
html:not([data-theme="light"]) .source-row small{color: #718590}
.source-row>em{justify-self: start; padding: 4px 7px; border: 1px solid; font: 700 8px IBM Plex Mono; font-style: normal}
html:not([data-theme="light"]) .source-row>em.active{border-color: #286f58; color: var(--green); background: #0b1d17}
html:not([data-theme="light"]) .source-row>em.disabled{border-color: #5a3941; color: #a76a77; background: #1b1114}
.source-row>div{display: flex; gap: 5px}
.source-row button{height: 27px; padding: 0 8px; border: 1px solid; font: 700 8px IBM Plex Mono}
html:not([data-theme="light"]) .source-row button{border-color: #38515d; background: #0d171e; color: #9fb0b8}
.source-empty{padding: 28px; text-align: center; font-size: 11px}
html:not([data-theme="light"]) .source-empty{color: #718590}
@media(max-width:1200px){.source-manager>form{grid-template-columns: repeat(3,1fr)}
.source-manager form>button{width: 100%}
.secret-reveal{grid-template-columns: 1fr}}
@media(max-width:600px){.source-manager>form{grid-template-columns: 1fr 1fr}
.source-manager form>button{grid-column: 1/-1}}
.scanner-runtime{margin: 15px 0}
.scanner-runtime-head{min-height: 58px; padding: 10px 16px; border-bottom: 1px solid; display: flex; align-items: center; justify-content: space-between}
html:not([data-theme="light"]) .scanner-runtime-head{border-bottom-color: var(--line)}
.scanner-runtime-head span{display: block; font: 700 9px IBM Plex Mono; letter-spacing: 1px}
html:not([data-theme="light"]) .scanner-runtime-head span{color: #718590}
.scanner-runtime-head h3{margin: 4px 0 0; font-size: 15px}
.scanner-runtime-head>strong{font: 700 10px IBM Plex Mono}
html:not([data-theme="light"]) .scanner-runtime-head>strong{color: var(--cyan)}
.scanner-runtime-row{min-width: 1000px; min-height: 64px; padding: 8px 16px; display: grid; grid-template-columns: 1.5fr .55fr 1.25fr .75fr .65fr 1fr .55fr; gap: 12px; align-items: center; font: 600 10px IBM Plex Mono}
.scanner-runtime-row>div:first-child{display: grid; grid-template-columns: auto 1fr; column-gap: 9px; align-items: center}
.scanner-runtime-row>div:first-child i{grid-row: 1/3; width: 8px; height: 8px; border-radius: 50%}
html:not([data-theme="light"]) .scanner-runtime-row i.on{background: var(--green); box-shadow: 0 0 8px var(--green)}
html:not([data-theme="light"]) .scanner-runtime-row i.off{background: #6a3e48}
.scanner-runtime-row small{display: block; font: 500 9px IBM Plex Mono; margin-top: 4px}
html:not([data-theme="light"]) .scanner-runtime-row small{color: #718590}
.scanner-runtime-row>span>b{display: block; font-size: 10px; margin-bottom: 4px}
html:not([data-theme="light"]) .scanner-runtime-row>span>b{color: #d2dde2}
.scanner-runtime-row>span{font-size: 8px}
html:not([data-theme="light"]) .scanner-runtime-row>span{color: #718590}
html:not([data-theme="light"]) .scanner-runtime-row>span.healthy{color: var(--green)}
html:not([data-theme="light"]) .scanner-runtime-row>span.error{color: var(--red)}
.scanner-runtime-row>button{height: 30px; border: 1px solid; font: 700 8px IBM Plex Mono; cursor: pointer}
html:not([data-theme="light"]) .scanner-runtime-row>button{background: #0d171e}
html:not([data-theme="light"]) .scanner-runtime-row>button.pause{border-color: #725f24; color: var(--yellow)}
html:not([data-theme="light"]) .scanner-runtime-row>button.start{border-color: #286f58; color: var(--green)}
.scanner-runtime-row>button:disabled{opacity: .5}
.scanner-runtime{overflow-x: auto}