.demo-promo{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;min-height:320px;margin-top:88px;margin-bottom:105px;padding:44px 50px;overflow:hidden;border:1px solid rgba(114,178,255,.2);border-radius:10px;background:linear-gradient(112deg,rgba(16,27,45,.98),rgba(10,17,30,.96) 68%,rgba(15,31,54,.92))}.demo-promo:before{content:"";position:absolute;width:430px;height:430px;right:-90px;top:-260px;border-radius:50%;background:rgba(57,139,238,.09);filter:blur(70px);pointer-events:none}.demo-promo-copy{position:relative;z-index:1}.demo-promo h2{max-width:620px;margin:25px 0 12px;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.065em;font-weight:650}.demo-promo h2 span{color:#9bc4f5}.demo-promo-copy>p{max-width:560px;color:var(--muted);font-size:12px;line-height:1.85;margin:0 0 22px}.demo-promo-copy>.button{width:max-content}.demo-promo-copy>small{display:block;margin-top:15px;color:#8392a8;font:8px var(--mono);letter-spacing:.05em}.demo-promo-visual{height:205px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(146,176,222,.13);border-radius:7px;background:linear-gradient(180deg,rgba(13,21,36,.72),rgba(13,21,36,.28))}.promo-chart-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(146,176,222,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(146,176,222,.055) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,#000,transparent)}.demo-promo-visual svg{position:relative;width:89%;height:72%;overflow:visible}.demo-promo-visual path{fill:none;stroke:#77a9e4;stroke-width:2}.demo-promo-visual circle{fill:#c3dafa;stroke:#77a9e4;stroke-width:2}.promo-tag,.promo-price{position:absolute;left:16px;color:#9babbe;font:7px var(--mono);letter-spacing:.13em}.promo-tag{top:14px}.promo-price{bottom:13px;color:#bbd7f9}

.demo-page{--demo-positive:#39d39b;--demo-negative:#f27d85;min-height:100vh;background:radial-gradient(ellipse at 85% -10%,rgba(43,91,153,.18),transparent 40%),#080d16;color:#eef4fb}.demo-header{width:min(1440px,calc(100% - 64px));height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(174,196,231,.12)}.demo-header .brand-icon{width:34px;height:34px}.demo-head-label{display:flex;align-items:center;gap:9px;color:#8294ad;font:8px var(--mono);letter-spacing:.14em}.demo-head-label i,.status-led{width:7px;height:7px;border-radius:50%;background:#72b2ff;box-shadow:0 0 12px rgba(114,178,255,.45)}.demo-back{color:#aebbd0;font-size:10px;text-decoration:none}.demo-back:hover{color:#c8e0ff}.demo-main{width:min(1440px,calc(100% - 64px));margin:0 auto;padding:40px 0 60px}.demo-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.demo-eyebrow{display:flex;align-items:center;gap:8px;color:#90a3bd;font:8px var(--mono);letter-spacing:.13em}.demo-eyebrow .pulse-dot{width:6px;height:6px;background:#77a9e4;box-shadow:0 0 9px rgba(114,178,255,.35)}.demo-intro h1{margin:17px 0 8px;font-size:clamp(28px,4vw,45px);line-height:1.1;letter-spacing:-.065em}.demo-intro h1 span{color:#9bc4f5}.demo-intro p{max-width:730px;color:#9aa9bc;font-size:11px;line-height:1.8;margin:0}.demo-status-wrap{display:flex;align-items:center;gap:9px;flex:none;padding:10px 13px;border:1px solid rgba(174,196,231,.13);border-radius:5px;color:#bcc9dc;font:9px var(--mono);letter-spacing:.05em;background:rgba(17,27,42,.55)}.status-led[data-status="running"]{background:#39d39b;box-shadow:0 0 12px rgba(57,211,155,.45);animation:statusPulse 1.7s ease-in-out infinite}.status-led[data-status="paused"]{background:#e8c86a;box-shadow:0 0 10px rgba(232,200,106,.35)}.status-led[data-status="margin_call"],.status-led[data-status="insufficient_margin"]{background:#f27d85;box-shadow:0 0 10px rgba(242,125,133,.4)}@keyframes statusPulse{50%{opacity:.45}}
.demo-warning{display:flex;align-items:center;gap:12px;padding:12px 15px;margin-bottom:15px;border:1px solid rgba(242,125,133,.23);border-radius:6px;background:rgba(94,35,52,.16)}.warning-symbol{flex:none;width:19px;height:19px;display:grid;place-items:center;border:1px solid rgba(242,125,133,.52);border-radius:50%;color:#ffabb0;font:11px var(--mono)}.demo-warning p{margin:0;color:#d7bac2;font-size:10px;line-height:1.65}.panel{background:linear-gradient(145deg,rgba(17,27,42,.88),rgba(11,19,32,.92));border:1px solid rgba(174,196,231,.12);border-radius:7px}.demo-controls{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:16px 17px;margin-bottom:14px}.control-selects{display:flex;gap:12px;flex-wrap:wrap}.control-selects label,.advanced-grid label{display:grid;gap:6px;color:#8294ad;font:8px var(--mono);letter-spacing:.05em}.control-selects select,.advanced-grid input{min-width:130px;min-height:34px;padding:0 10px;border:1px solid rgba(174,196,231,.16);border-radius:4px;background:#0c1422;color:#e4edf9;font:10px var(--sans);outline:none}.control-selects select:focus,.advanced-grid input:focus{border-color:rgba(114,178,255,.6);box-shadow:0 0 0 2px rgba(114,178,255,.1)}.control-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.demo-button{min-height:35px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(174,196,231,.18);border-radius:4px;background:rgba(15,27,44,.8);color:#c8d5e8;font:9px var(--sans);font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.demo-button:not(:disabled):hover{border-color:rgba(114,178,255,.54);background:rgba(40,77,126,.35);transform:translateY(-1px)}.demo-button:disabled{opacity:.42;cursor:not-allowed}.demo-button-primary{border-color:rgba(114,178,255,.72);background:#72a9ed;color:#07111e}.demo-button-primary:not(:disabled):hover{background:#8bbcff;border-color:#9fcaff}.demo-button-icon{width:37px;padding:0;font-size:18px}.auto-restart{display:flex;align-items:center;gap:6px;padding-left:4px;color:#8d9db3;font-size:8px;white-space:nowrap}.auto-restart input{accent-color:#72b2ff}
.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.metric-card{min-height:100px;padding:13px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:9px;border:1px solid rgba(174,196,231,.12);border-radius:6px;background:linear-gradient(145deg,rgba(17,27,42,.82),rgba(12,20,34,.9))}.metric-card>span{display:flex;justify-content:space-between;gap:8px;color:#8294ad;font:7px var(--mono);letter-spacing:.1em}.metric-card>span i{font-style:normal;color:#7287a5;font-size:6px}.metric-card>strong{font:600 20px var(--mono);letter-spacing:-.05em;color:#edf4ff;white-space:nowrap}.metric-card>small{display:flex;justify-content:space-between;gap:8px;color:#72839c;font-size:8px}.metric-card .profit,.profit{color:var(--demo-positive)!important}.metric-card .loss,.loss{color:var(--demo-negative)!important}.terminal-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(300px,.82fr);gap:14px;margin-bottom:14px}.chart-panel,.settings-panel,.table-panel,.journal-section{padding:16px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-overline{color:#7789a3;font:7px var(--mono);letter-spacing:.14em}.panel-heading h2{margin:6px 0 0;font-size:15px;font-weight:600;letter-spacing:-.035em}.panel-heading h2 span{color:#8398b7;font:10px var(--mono)}.chart-legend{display:flex;align-items:center;gap:7px;color:#8294ad;font:7px var(--mono)}.chart-legend i{width:7px;height:7px;background:var(--demo-positive);border-radius:2px}.chart-legend .legend-down{margin-left:7px;background:var(--demo-negative)}.chart-caption,.chart-footer{display:flex;justify-content:space-between;gap:12px;color:#8494ad;font:7px var(--mono);letter-spacing:.04em}.chart-caption{padding:18px 2px 9px}.canvas-wrap{height:305px;position:relative;border:1px solid rgba(174,196,231,.09);border-radius:4px;background:linear-gradient(180deg,rgba(9,16,29,.45),rgba(8,14,24,.6));overflow:hidden}.canvas-wrap canvas{display:block;width:100%;height:100%}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;padding:20px;color:#667895;font-size:10px;text-align:center;pointer-events:none}.chart-empty[hidden]{display:none}.chart-footer{padding-top:10px}.settings-panel{display:flex;flex-direction:column;gap:15px}.settings-mark{color:#627696;font:9px var(--mono)}.account-facts{display:grid;gap:0}.account-facts>div{min-height:39px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid rgba(174,196,231,.08)}.account-facts span{color:#7e8ea7;font-size:9px}.account-facts strong{color:#c7d5e8;font:500 8px var(--mono);text-align:right}.advanced-settings{border-top:1px solid rgba(174,196,231,.1);padding-top:12px}.advanced-settings summary{color:#a9c8ed;font-size:9px;font-weight:600;cursor:pointer;list-style:none}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary:after{content:"+";float:right;color:#72b2ff;font:13px var(--mono)}.advanced-settings[open] summary:after{content:"−"}.settings-note{color:#8797ad;font-size:8px;line-height:1.6;margin:10px 0}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.advanced-grid label{font:7px var(--mono);line-height:1.4}.advanced-grid input{width:100%;min-width:0;min-height:31px}.apply-settings{width:100%;margin-top:11px}.demo-assumption{margin:0;color:#7d8da4;font-size:8px;line-height:1.65}
.table-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px;margin-bottom:14px}.table-panel .panel-heading{margin-bottom:12px}.table-scroll{overflow-x:auto;scrollbar-color:#233653 transparent}.table-panel table{width:100%;border-collapse:collapse;white-space:nowrap}.table-panel th{padding:9px 8px;text-align:left;color:#7689a5;font:7px var(--mono);letter-spacing:.08em;border-bottom:1px solid rgba(174,196,231,.12)}.table-panel td{padding:9px 8px;color:#b8c7dc;font:8px var(--mono);border-bottom:1px solid rgba(174,196,231,.07)}.table-panel tbody tr:last-child td{border-bottom:0}.table-panel .empty-row td{padding:19px 8px;color:#72839c;text-align:center;font:9px var(--sans)}.side-buy{color:var(--demo-positive)!important}.side-sell{color:#f2a7a4!important}.count-pill{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:6px;border:1px solid rgba(114,178,255,.26);border-radius:12px;color:#a6c8f2;font:8px var(--mono)}.journal-section{margin-bottom:14px}.journal-zone{color:#7d8ea5;font:7px var(--mono);letter-spacing:.12em}.journal-list{max-height:210px;overflow:auto;list-style:none;padding:0;margin:16px 0 0;scrollbar-color:#233653 transparent}.journal-list li{display:grid;grid-template-columns:69px 1fr;gap:10px;padding:8px 5px;border-bottom:1px solid rgba(174,196,231,.065);color:#aebed2;font-size:9px;line-height:1.55}.journal-list li:last-child{border-bottom:0}.journal-list time{color:#6f84a2;font:7px var(--mono);padding-top:2px}.journal-list .journal-empty{display:block;color:#72839c;text-align:center}.journal-list .journal-alert{color:#f2b0b3}.journal-list .journal-success{color:#65d7aa}.demo-disclaimer{max-width:1050px;margin:0 auto;color:#718198;font-size:8px;line-height:1.7;text-align:center}
@media(max-width:1120px){.demo-controls{align-items:start;flex-direction:column}.control-actions{justify-content:flex-start}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.terminal-grid{grid-template-columns:minmax(0,1.3fr) minmax(275px,.8fr)}.demo-promo{gap:28px;padding:38px}.main-nav a[href="/demo/"]{display:none}}
@media(max-width:760px){.demo-header,.demo-main{width:calc(100% - 36px)}.demo-header{height:64px}.demo-header .brand-icon{width:30px;height:30px}.demo-head-label{font-size:6px;letter-spacing:.1em}.demo-back{font-size:9px}.demo-main{padding-top:28px}.demo-intro{align-items:start;flex-direction:column;margin-bottom:17px}.demo-intro h1{font-size:31px}.demo-intro p{font-size:10px}.demo-status-wrap{align-self:flex-start;padding:8px 10px}.demo-controls{padding:12px;gap:12px}.control-selects{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}.control-selects label:first-child{grid-column:1/-1}.control-selects select{width:100%;min-width:0}.control-actions{width:100%;gap:6px}.demo-button{min-height:36px;padding:0 8px;font-size:8px}.demo-button span{font-size:8px}.demo-button-icon{width:35px}.auto-restart{width:100%;padding-top:4px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.metric-card{min-height:84px;padding:10px}.metric-card:first-child{grid-column:1/-1}.metric-card>strong{font-size:17px}.metric-card>span{font-size:6px}.metric-card>small{font-size:7px}.terminal-grid,.table-grid{grid-template-columns:1fr;gap:10px}.chart-panel,.settings-panel,.table-panel,.journal-section{padding:12px}.canvas-wrap{height:260px}.chart-caption,.chart-footer{font-size:6px}.panel-heading h2{font-size:13px}.chart-legend{font-size:6px}.settings-panel{gap:12px}.account-facts>div{min-height:36px}.account-facts span{font-size:8px}.account-facts strong{font-size:7px}.history-panel{min-height:150px}.journal-list{max-height:190px}.journal-list li{grid-template-columns:56px 1fr;font-size:8px}.journal-zone{font-size:6px}.demo-warning{align-items:start;padding:10px}.demo-warning p{font-size:9px}.demo-promo{grid-template-columns:1fr;gap:22px;padding:25px;margin-top:65px;margin-bottom:72px}.demo-promo h2{font-size:34px;margin:19px 0 10px}.demo-promo-copy>p{font-size:11px}.demo-promo-visual{height:165px}.demo-promo .section-overline{font-size:6px;gap:9px}.demo-promo-copy>.button{width:100%;justify-content:center}.demo-promo-copy>small{font-size:7px}}
@media(max-width:400px){.demo-header,.demo-main{width:calc(100% - 26px)}.demo-header .brand-name{font-size:9px}.demo-head-label{display:none}.demo-intro h1{font-size:27px}.control-actions .demo-button span{max-width:96px;line-height:1.15;text-align:left}.metric-card>strong{font-size:15px}.advanced-grid{grid-template-columns:1fr 1fr}.chart-caption,.chart-footer{letter-spacing:0}.demo-promo h2{font-size:30px}}

.balance-picker{padding:18px 20px;margin-bottom:16px}
.balance-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.balance-picker-toggle{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:0 14px;border:1px solid rgba(96,165,250,.45);border-radius:6px;background:#0c1422;color:#e2e8f0;font:600 15px var(--sans);cursor:pointer;transition:background .15s,border-color .15s}
.balance-picker-toggle:hover,.balance-picker-toggle[aria-expanded="true"]{border-color:#60a5fa;background:rgba(96,165,250,.12)}
.balance-picker-toggle strong{color:#93c5fd;font:600 15px var(--mono);font-variant-numeric:tabular-nums}
.balance-picker-chevron{color:#93c5fd;transition:transform .15s}
.balance-picker-toggle[aria-expanded="true"] .balance-picker-chevron{transform:rotate(180deg)}
.balance-help{color:#cbd5e1;font-size:13px}
.balance-options[hidden]{display:none}
.balance-options{display:flex;flex-wrap:wrap;gap:8px}
.balance-options button{min-height:40px;padding:0 15px;border:1px solid rgba(148,163,184,.3);border-radius:6px;background:#0c1422;color:#e2e8f0;font:600 14px var(--mono);cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.balance-options button:hover,.balance-options button.is-selected{border-color:#60a5fa;background:rgba(96,165,250,.16);color:#bfdbfe}
.balance-options button:active{transform:translateY(1px)}
.balance-options #custom-balance-toggle{font-family:var(--sans)}
.balance-help{margin:11px 0 0;color:#94a3b8;font-size:12px}
.progress-card>strong{font-size:26px}
.progress-track{height:9px;overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:9px;background:#0a1220}
.progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .2s ease}
.progress-card>small{display:flex;justify-content:space-between;gap:8px}
.balance-options button:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
@media(max-width:760px){.balance-picker{padding:14px}.balance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.balance-options button{padding:0 6px;min-height:38px;font-size:12px}.balance-picker-toggle{gap:8px;min-height:40px;padding:0 10px;font-size:13px}.balance-picker-toggle strong{font-size:13px}.balance-help{font-size:12px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card.progress-card{grid-column:1/-1}}
@media(max-width:400px){.balance-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.status-led[data-status="running"]{animation:none}.demo-button{transition:none}}
.demo-toast{position:fixed;right:22px;bottom:22px;z-index:30;max-width:min(430px,calc(100vw - 28px));padding:13px 16px;border:1px solid rgba(114,178,255,.35);border-radius:6px;background:#111d30;color:#d9e8fc;box-shadow:0 14px 40px rgba(0,0,0,.38);font-size:10px;line-height:1.6}.demo-toast.success{border-color:rgba(57,211,155,.48);color:#a8edcf}.demo-toast.danger{border-color:rgba(242,125,133,.5);color:#ffc2c4}.demo-toast[hidden]{display:none}@media(max-width:760px){.demo-toast{right:12px;bottom:12px}}

/* Readability pass for the trading terminal */
.demo-page{--demo-positive:#34d399;--demo-negative:#fb7185;--demo-muted:#94a3b8;color:#f1f5f9;font-size:16px}
.demo-header,.demo-main{width:min(1640px,calc(100% - 64px))}
.demo-header .brand-name{font-size:15px}
.demo-header .brand-name span{font-size:12px}
.demo-head-label{color:#cbd5e1;font-size:12px}
.demo-head-label i,.status-led{width:9px;height:9px}
.demo-back{color:#cbd5e1;font-size:14px}
.demo-main{padding-top:44px}
.demo-eyebrow{color:#cbd5e1;font-size:12px}
.demo-eyebrow .pulse-dot{width:8px;height:8px}
.demo-intro{margin-bottom:28px}
.demo-intro h1{font-size:clamp(34px,3.1vw,50px);letter-spacing:-.045em}
.demo-intro p{color:#cbd5e1;font-size:16px;line-height:1.7}
.demo-status-wrap{padding:12px 16px;color:#f1f5f9;font-size:13px}
.mode-context{display:inline-flex;align-items:center;padding:6px 8px;border:1px solid rgba(96,165,250,.3);border-radius:4px;background:rgba(96,165,250,.1);color:#a9d0ff;font:700 10px var(--mono);white-space:nowrap}
body[data-robot-mode="razgon"] .mode-context{border-color:rgba(251,115,64,.34);background:rgba(225,79,38,.11);color:#ffb18c}
body[data-robot-mode="stabil"] .mode-context{border-color:rgba(96,165,250,.34);background:rgba(59,130,246,.11);color:#a9d0ff}
.demo-warning{padding:15px 18px;margin-bottom:18px}
.warning-symbol{width:24px;height:24px;font-size:14px}
.demo-warning p{color:#e2e8f0;font-size:14px;line-height:1.6}
.panel{border-color:rgba(148,163,184,.2)}
.demo-controls{gap:20px;padding:20px;margin-bottom:16px}
.control-selects{gap:14px}
.control-selects label,.advanced-grid label{gap:8px;color:#cbd5e1;font:13px var(--mono);letter-spacing:.025em}
.control-selects select,.advanced-grid input{min-width:172px;min-height:46px;padding:0 13px;border-color:rgba(148,163,184,.34);border-radius:6px;background:#0c1422;color:#f1f5f9;font:16px var(--sans)}
.control-selects select:focus,.advanced-grid input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2)}
.control-actions{gap:9px}
.demo-button{min-height:48px;padding:0 15px;gap:9px;border-color:rgba(148,163,184,.34);border-radius:6px;color:#f1f5f9;font:15px var(--sans);font-weight:700}
.demo-button-primary{border-color:#60a5fa;background:#60a5fa;color:#07111e}
.demo-button-primary:not(:disabled):hover{background:#8bbcff;border-color:#a8d0ff}
.demo-button-icon{width:48px;padding:0;font-size:23px}
.auto-restart{gap:9px;padding-left:4px;color:#cbd5e1;font-size:13px}
.auto-restart input{width:18px;height:18px;accent-color:#60a5fa}
.metric-grid{gap:14px;margin-bottom:16px}
.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric-grid>.price-card,.metric-grid>.metric-pnl,.metric-grid>.close-threshold-card,.metric-grid>.progress-card{display:none}
.metric-card{min-width:0;min-height:140px;padding:18px;gap:10px;border-color:rgba(148,163,184,.22);border-radius:8px;background:linear-gradient(145deg,rgba(17,27,42,.96),rgba(12,20,34,.98))}
.metric-card>span{flex-wrap:wrap;justify-content:flex-start;gap:7px 10px;color:#cbd5e1;font:13px var(--mono);letter-spacing:.045em;line-height:1.35}
.metric-card>span i{color:#cbd5e1;font-size:12px}
.metric-card>strong{font:700 clamp(29px,2.2vw,36px) var(--mono);letter-spacing:-.045em;color:#f1f5f9;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1;white-space:nowrap}
.metric-card>small{flex-wrap:wrap;justify-content:flex-start;gap:6px 12px;color:#cbd5e1;font-size:14px;line-height:1.4}
.metric-card .profit,.profit{color:#34d399!important}
.metric-card .loss,.loss{color:#fb7185!important}
.terminal-grid{grid-template-columns:minmax(0,1.55fr) minmax(380px,.8fr);gap:16px;margin-bottom:16px}
.chart-panel,.settings-panel,.table-panel,.journal-section{padding:20px}
.panel-heading{gap:14px}
.panel-overline{color:#cbd5e1;font:12px var(--mono);letter-spacing:.1em}
.panel-heading h2{margin-top:8px;font-size:23px;letter-spacing:-.025em}
.panel-heading h2 span{color:#cbd5e1;font:14px var(--mono)}
.chart-legend{gap:9px;color:#cbd5e1;font:12px var(--mono)}
.chart-legend i{width:10px;height:10px}
.chart-legend .legend-down{margin-left:10px}
.chart-caption,.chart-footer{color:#cbd5e1;font:13px var(--mono);letter-spacing:.015em}
.chart-caption{padding:20px 2px 11px}
.canvas-wrap{height:clamp(340px,29vw,450px);border-color:rgba(110,120,132,.35);background-color:#050505;background-image:linear-gradient(rgba(145,155,170,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(145,155,170,.055) 1px,transparent 1px);background-size:48px 48px}
.canvas-wrap:before{display:none}
.canvas-wrap canvas{position:relative;z-index:1;background:transparent}
.chart-empty{z-index:2;background:rgba(9,15,26,.28);backdrop-filter:blur(1px)}
.chart-legend i{background:#26b7a6}
.chart-legend .legend-down{background:#ff3f2e}
.chart-empty{padding:22px;color:#cbd5e1;font-size:15px;line-height:1.5}
.chart-footer{padding-top:13px}
.settings-panel{gap:18px}
.settings-mark{color:#cbd5e1;font:14px var(--mono)}
.account-facts>div{min-height:56px;gap:14px;border-bottom-color:rgba(148,163,184,.17)}
.account-facts span{color:#cbd5e1;font-size:16px}
.account-facts strong{color:#f1f5f9;font:600 16px var(--mono);text-align:right;font-variant-numeric:tabular-nums}
.advanced-settings{border-top-color:rgba(148,163,184,.2);padding-top:16px}
.advanced-settings summary{color:#93c5fd;font-size:15px}
.advanced-settings summary:after{color:#60a5fa;font-size:17px}
.settings-note,.demo-assumption{color:#cbd5e1;font-size:13px;line-height:1.65}
.settings-note{margin:12px 0}
.advanced-grid{gap:14px}
.advanced-grid label{line-height:1.4}
.advanced-grid input,.advanced-grid select{width:100%;min-width:0;min-height:44px}
.advanced-grid select{appearance:none;color-scheme:dark;padding:0 36px 0 13px;border:1px solid rgba(148,163,184,.34);border-radius:6px;background-color:#0c1422;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='%23cbd5e1' stroke-width='1.6'/%3E%3C/svg%3E");background-position:right 12px center;background-size:14px;background-repeat:no-repeat;color:#f1f5f9;font:16px var(--sans)}
.advanced-grid select option{background:#0c1422;color:#f1f5f9}
.spread-range-control{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;width:100%}
.spread-range-control input{width:100%;min-width:0;text-align:center}
.spread-range-control>span{color:#94a3b8}
.advanced-grid label>small{color:#94a3b8;font:12px var(--sans);letter-spacing:0}
.apply-settings{width:100%;margin-top:14px}
.demo-assumption{margin:0}
.table-grid{gap:16px;margin-bottom:16px}
.table-panel .panel-heading{margin-bottom:14px}
.table-scroll{scrollbar-width:thin;scrollbar-color:#60a5fa #111b2a}
.table-panel table{font-variant-numeric:tabular-nums}
.table-panel th{padding:14px 11px;color:#cbd5e1;font:14px var(--mono);letter-spacing:.045em;border-bottom-color:rgba(148,163,184,.26)}
.table-panel td{padding:15px 11px;color:#e2e8f0;font:500 16px var(--mono);border-bottom-color:rgba(148,163,184,.17)}
.table-panel tbody tr{transition:background-color .16s ease}
.table-panel tbody tr:hover{background:rgba(96,165,250,.08)}
.table-panel tbody tr:last-child td{border-bottom:0}
.table-panel .empty-row td{padding:22px 12px;color:#cbd5e1;text-align:center;font:14px var(--sans)}
.side-buy{color:#34d399!important;font-weight:700!important}
.side-sell{color:#fb7185!important;font-weight:700!important}
.count-pill{min-width:25px;height:25px;margin-left:8px;border-color:rgba(96,165,250,.5);color:#bfdbfe;font:13px var(--mono)}
.journal-section{margin-bottom:16px}
.journal-zone{color:#cbd5e1;font:12px var(--mono);letter-spacing:.08em}
.journal-list{max-height:260px;margin-top:18px}
.journal-list li{grid-template-columns:90px 1fr;gap:14px;padding:11px 7px;color:#e2e8f0;font-size:14px;line-height:1.55}
.journal-list time{color:#cbd5e1;font:12px var(--mono);padding-top:2px}
.journal-list .journal-empty{color:#cbd5e1}
.journal-list .journal-alert{color:#fb7185}
.journal-list .journal-success{color:#34d399}
.demo-disclaimer{color:#cbd5e1;font-size:13px;line-height:1.7}
.demo-toast{padding:15px 18px;color:#f1f5f9;font-size:14px}
.demo-toast.success{color:#a7f3d0}
.demo-toast.danger{color:#fecdd3}
.demo-page :focus-visible{outline:3px solid #60a5fa;outline-offset:3px}

@media(max-width:1500px){
  .demo-controls{align-items:stretch;flex-direction:column}
  .control-actions{justify-content:flex-start}
}
@media(max-width:1240px){
  .terminal-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)}
}
@media(max-width:900px){
  .demo-header,.demo-main{width:calc(100% - 48px)}
  .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .terminal-grid{grid-template-columns:minmax(0,1fr)}
  .canvas-wrap{height:380px}
  .table-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:760px){
  .demo-header,.demo-main{width:calc(100% - 36px)}
  .demo-header{height:64px}
  .demo-head-label{font-size:12px}
  .demo-back{font-size:13px}
  .demo-main{padding-top:30px}
  .demo-intro{gap:14px;margin-bottom:18px}
  .demo-intro h1{font-size:clamp(31px,7vw,40px)}
  .demo-intro p{font-size:15px}
  .demo-status-wrap{padding:10px 13px;font-size:13px}
  .demo-warning{gap:11px;padding:13px;margin-bottom:13px}
  .demo-warning p{font-size:13px}
  .demo-controls{padding:14px;gap:13px}
  .control-selects{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .control-selects label:first-child{grid-column:auto}
  .control-selects label,.advanced-grid label{font-size:12px}
  .control-selects select{min-width:0;min-height:46px;padding:0 9px;font-size:14px}
  .control-actions{gap:8px}
  .demo-button{min-height:46px;padding:0 11px;font-size:14px}
  .demo-button span{font-size:14px}
  .demo-button-icon{width:46px;font-size:22px}
  .auto-restart{font-size:13px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .metric-card{min-height:122px;padding:13px;gap:8px}
  .metric-card:first-child{grid-column:1/-1}
  .metric-card>span{font-size:12px;letter-spacing:.025em}
  .metric-card>span i{font-size:12px}
  .metric-card>strong{font-size:clamp(23px,6vw,29px)}
  .metric-card.price-card>strong{font-size:clamp(31px,8vw,38px)}
  .metric-card.metric-pnl>strong{font-size:clamp(21px,5.4vw,27px)}
  .metric-card>small{font-size:13px}
  .terminal-grid,.table-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .chart-panel,.settings-panel,.table-panel,.journal-section{padding:15px}
  .panel-overline{font-size:12px}
  .panel-heading h2{font-size:21px}
  .chart-legend{font-size:12px}
  .chart-caption,.chart-footer{font-size:12px;line-height:1.4}
  .canvas-wrap{height:320px}
  .chart-empty{font-size:14px}
  .settings-panel{gap:14px}
  .account-facts>div{min-height:52px;gap:10px}
  .account-facts span,.account-facts strong{font-size:14px}
  .advanced-settings summary{font-size:14px}
  .settings-note,.demo-assumption{font-size:12px}
  .advanced-grid{gap:10px}
  .advanced-grid input{font-size:15px}
  .table-scroll{margin-right:-3px;padding-bottom:4px}
  .table-panel table{min-width:640px}
  .history-panel table{min-width:470px}
  .table-panel th{padding:13px 10px;font-size:13px}
  .table-panel td{padding:15px 10px;font-size:15px}
  .table-panel .empty-row td{font-size:13px}
  .journal-list{max-height:220px}
  .journal-list li{grid-template-columns:78px 1fr;gap:10px;padding:10px 5px;font-size:13px}
  .journal-list time{font-size:12px}
  .journal-zone{font-size:12px}
  .demo-disclaimer{font-size:12px}
  .demo-toast{right:12px;bottom:12px;font-size:13px}
}
@media(max-width:500px){
  .demo-header,.demo-main{width:calc(100% - 28px)}
  .demo-header .brand-name{font-size:13px}
  .demo-header .brand-name span{font-size:12px}
  .demo-head-label{display:none}
  .demo-main{padding-top:25px;padding-bottom:40px}
  .demo-intro h1{font-size:31px}
  .demo-intro p{font-size:14px}
  .demo-warning p{font-size:12px}
  .control-selects{grid-template-columns:1fr 1fr}
  .control-selects label:first-child{grid-column:1/-1}
  .control-selects label,.advanced-grid label{font-size:12px}
  .control-selects select{font-size:14px}
  .control-actions .demo-button-primary{flex:1 1 100%}
  .control-actions .demo-button:not(.demo-button-primary):not(.demo-button-icon){flex:1 1 calc(50% - 8px)}
  .auto-restart{flex:1 1 auto}
  .metric-grid{gap:8px}
  .metric-card{min-height:116px;padding:12px}
  .metric-card>strong{font-size:clamp(21px,6vw,25px)}
  .metric-card.price-card>strong{font-size:32px}
  .metric-card.metric-pnl>strong{font-size:clamp(20px,5.5vw,23px)}
  .metric-card>span{font-size:12px}
  .metric-card>small{font-size:12px}
  .chart-panel,.settings-panel,.table-panel,.journal-section{padding:13px}
  .panel-heading h2{font-size:20px}
  .chart-legend{gap:6px;font-size:12px}
  .chart-caption,.chart-footer{font-size:12px;gap:8px}
  .canvas-wrap{height:290px}
  .account-facts>div{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px;padding:9px 0}
  .account-facts span,.account-facts strong{font-size:14px;text-align:left}
  .settings-note,.demo-assumption{font-size:12px}
  .advanced-grid{grid-template-columns:1fr 1fr}
  .table-panel th{font-size:13px}
  .table-panel td{font-size:15px}
  .journal-list li{grid-template-columns:72px 1fr;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.table-panel tbody tr{transition:none}}

.demo-header .brand-icon{width:56px;height:56px;overflow:hidden;border:0;border-radius:0;background:transparent}
.demo-header .brand-logo-image{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}
@media(max-width:760px){.demo-header .brand-icon{width:48px;height:48px}}
.canvas-wrap:before{display:none}
.canvas-wrap:after{content:"";position:absolute;z-index:0;top:50%;left:50%;width:min(48%,360px);min-width:130px;aspect-ratio:1;transform:translate(-50%,-50%);background:url("../assets/halimov-academy-logo.jpg") center/contain no-repeat;opacity:.15;mix-blend-mode:screen;pointer-events:none}

.terminal-grid{grid-template-columns:minmax(0,1fr)}
.terminal-grid>.settings-panel{display:none}
.table-grid{grid-template-columns:minmax(0,1fr)}
.table-grid>.positions-panel{display:none}