:root{color-scheme:dark;--bg:#090d12;--panel:#10161e;--raised:#151d27;--line:#25303d;--text:#e8edf4;--muted:#99a9bb;--blue:#9bc9ff;--green:#39d0a0;--red:#ff7786;--yellow:#f5bd4f;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer;min-height:38px;border:1px solid var(--line);border-radius:6px;padding:8px 13px;background:var(--raised);color:var(--text);font-size:.875rem;font-weight:600}button:hover{background:#202c3b;border-color:#536278}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--yellow);border-color:var(--yellow);color:#18130a}button.primary:hover{background:#ffcf71}button.danger{background:#2d1921;border-color:#723444;color:#ff9aa5}.secondary{background:var(--panel)}button.quiet,.text-link{background:transparent;border-color:transparent;color:var(--muted)}button.quiet:hover,.text-link:hover{color:var(--text);background:var(--raised)}input,select{color:var(--text);background:#0c121a;border:1px solid #354354;border-radius:5px;min-height:39px;padding:8px 10px;max-width:100%;font-size:.875rem}input{width:100%}input[type=checkbox]{width:16px;min-height:16px;accent-color:var(--yellow)}label{font-size:.875rem;color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:1.55rem;letter-spacing:-.04em;font-weight:650}h2{font-size:.9375rem;font-weight:650}h3{font-size:.875rem;font-weight:600}.muted,.subtle{color:var(--muted)}.eyebrow{font-size:.75rem;color:var(--muted);letter-spacing:.1em;font-weight:650}.divider{margin:0 9px;color:#465468}.micro,.footnote{font-size:.75rem;line-height:1.6;color:var(--muted);margin-top:12px}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel-head.small{margin-top:22px;margin-bottom:10px}.badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 8px;border:1px solid var(--line);border-radius:4px;background:#1a2330;color:var(--muted);font-size:.75rem;font-weight:650;white-space:nowrap}.badge.good{color:var(--green);background:#10302b;border-color:#215648}.badge.warn{color:var(--yellow);background:#2a2318;border-color:#514225}.badge.bad{color:var(--red);background:#341d26;border-color:#653240}
.topbar{height:64px;display:flex;align-items:center;gap:32px;padding:0 24px;border-bottom:1px solid var(--line);background:#0d1219}.brand{display:flex;align-items:center;gap:10px;font-size:.875rem;letter-spacing:.06em;font-weight:750;color:var(--text)}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--yellow);color:#16120a;font-size:1.1rem}.brand-sub{font-weight:400;color:var(--muted);letter-spacing:.12em}.environment{margin-left:auto;display:flex;gap:10px;font-size:.75rem;font-weight:700;letter-spacing:.05em}.environment span{color:var(--yellow)}.shell{display:grid;grid-template-columns:86px minmax(0,1fr);min-height:calc(100vh - 64px)}.rail{border-right:1px solid var(--line);background:#0c1118;padding:20px 8px;display:flex;align-items:stretch;flex-direction:column;gap:12px}.nav-button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 2px;background:transparent;border-color:transparent;color:var(--muted);font-size:.75rem;font-weight:500}.nav-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.nav-button.selected{background:#302719;color:var(--yellow);border-color:#554327}.rail-home{display:flex;flex-direction:column;align-items:center;color:var(--muted);font-size:.75rem;margin-top:auto;padding:18px 0}.desk{padding:22px 24px;min-width:0;max-width:2100px;width:100%;margin:0 auto}.commandbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.commandbar .eyebrow{margin-bottom:4px}.command-actions{display:flex;align-items:center;gap:8px}.status-line{display:flex;gap:9px;align-items:center;font-size:.8125rem;color:var(--muted);min-height:30px;margin-bottom:14px}.status-line #updated{margin-left:auto;text-align:right;font-size:.75rem}.status-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--yellow)}.status-dot.good{background:var(--green)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;background:linear-gradient(120deg,#17212d,#10161e 60%);margin-bottom:18px;overflow:hidden}.metric{padding:17px 22px;border-right:1px solid var(--line);min-width:0}.metric:last-child{border:0}.metric p{color:var(--muted);font-size:.8125rem;display:flex;gap:10px;align-items:center}.metric p span{color:#8898aa;font-size:.75rem}.metric strong{display:block;font-family:var(--mono);font-size:1.9rem;font-weight:500;letter-spacing:-.06em;margin:6px 0}.metric small{display:block;color:var(--muted);font-size:.75rem}
.market-workspace{display:grid;grid-template-columns:210px minmax(320px,1fr) 218px;gap:12px;align-items:stretch}.watchlist{padding:15px 12px}.watchlist .panel-head{margin-bottom:12px}.watchlist input{min-height:35px;background:#0a1017}.watch-heading{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin:16px 5px 8px}.watch-rows{height:420px;overflow:auto;scrollbar-width:thin}.watch-row{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;gap:8px;border:0;border-radius:4px;padding:10px 6px;background:transparent;font-size:.875rem;font-weight:500}.watch-row.selected{background:#252b2f;border-left:2px solid var(--yellow);padding-left:4px}.watch-row span span{display:block;font:.75rem var(--mono);color:var(--muted);margin-top:3px}.watch-row>span:last-child{font-family:var(--mono);font-size:.8125rem}
.chart-panel{padding:0;overflow:hidden}.chart-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line)}#symbol-form{display:flex;gap:2px;align-items:center}#chart-symbol{width:125px;font-weight:650;background:transparent;border-color:transparent}#symbol-form button{padding:5px}#chart-interval{background:var(--raised);border-color:var(--line);min-height:32px;padding:5px 8px}.check-label{display:flex;align-items:center;gap:5px;font-size:.75rem}.quote-strip{padding:12px 16px 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.75rem;color:var(--muted);font-family:var(--mono)}.quote-strip strong{font-size:1.45rem;font-weight:500;letter-spacing:-.025em;color:var(--text)}.quote-strip b{font-weight:500;color:var(--text)}.chart-ohlc{height:30px;padding:6px 16px;font:.75rem var(--mono);color:var(--muted);overflow:hidden;white-space:nowrap}.price-chart{height:398px;min-width:0;width:100%}.chart-foot{padding:7px 14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:.75rem;color:var(--muted)}.chart-foot a{color:#a4b4c7;font-size:.75rem}.candle-access{font-size:.75rem;padding:7px 14px}.candle-access summary{font-size:.75rem;color:var(--muted)}
.orderbook{padding:15px 12px}.book-heading{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin:14px 0 10px}.book-row{display:flex;justify-content:space-between;position:relative;font:.8125rem/1.5 var(--mono);padding:7px 5px;overflow:hidden}.book-row meter{position:absolute;inset:0;width:100%;height:100%;opacity:.15;z-index:0;appearance:none;border:0;background:transparent}.book-row meter::-webkit-meter-bar{background:transparent;border:0;border-radius:0}.book-row meter::-webkit-meter-optimum-value{background:var(--green);border-radius:0}.book-row.ask meter::-webkit-meter-optimum-value{background:var(--red)}.book-row meter::-moz-meter-bar{background:var(--green)}.book-row.ask meter::-moz-meter-bar{background:var(--red)}.book-row span{position:relative;z-index:1}.book-row.bid span:first-of-type{color:var(--green)}.book-row.ask span:first-of-type{color:var(--red)}.book-spread{display:flex;flex-direction:column;text-align:center;margin:10px 0;padding:10px 0;border-block:1px solid var(--line);font:1.1rem var(--mono)}.book-spread small{font-size:.75rem;color:var(--muted);margin-top:7px}.book-stats{padding-top:10px;border-top:1px solid var(--line);font-size:.75rem}dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;font-size:.875rem;margin:12px 0 0}dt{color:var(--muted)}dd{margin:0;text-align:right;overflow-wrap:anywhere}
.lower-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;margin-top:12px}.ledger-panel{padding:0;min-height:300px}.ledger-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);padding:0 16px;overflow:auto}.ledger-tabs button{border:0;background:transparent;padding:14px 14px;border-radius:0;color:var(--muted);white-space:nowrap}.ledger-tabs button.selected{color:var(--yellow);box-shadow:inset 0 -2px var(--yellow)}.ledger-tabs span{padding:2px 5px;background:#24303d;border-radius:3px;margin-left:4px;color:var(--text);font-size:.75rem}.ledger-panel>div:not(.ledger-tabs){padding:12px 18px 18px}.table-wrap{overflow:auto;max-height:440px;scrollbar-width:thin}table{border-collapse:collapse;width:100%;font-size:.875rem;text-align:left;font-variant-numeric:tabular-nums}th{color:var(--muted);font-weight:500;white-space:nowrap;font-size:.75rem}td,th{padding:12px 10px;border-bottom:1px solid #222c38}td{vertical-align:top}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}td .secondary{display:block;font-size:.75rem;color:var(--muted);margin-top:4px;background:transparent}tbody tr:hover{background:#141e29}.empty{text-align:center;color:var(--muted);padding:34px 12px!important;font-size:.875rem}td.empty{height:140px}.ledger-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.8125rem;color:var(--muted);margin-bottom:4px}.trade-link{border:0;background:transparent;color:var(--blue);padding:0;min-height:28px;text-align:left}
.engine-card{padding:18px}.engine-counters{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;border-bottom:1px solid var(--line);padding-bottom:16px}.engine-counters strong{display:block;font:1.2rem var(--mono);margin-bottom:4px}.engine-counters span{font-size:.75rem;color:var(--muted)}.engine-reason{font-size:.8125rem;color:#d9e2ee;margin-top:14px;line-height:1.6}.ai-brief{font-size:.8125rem;color:var(--muted);max-height:90px;overflow:auto}.text-link{font-size:.8125rem;padding:8px 0;margin-top:10px}
.performance-panel{margin-top:12px;display:grid;grid-template-columns:260px minmax(180px,1fr) 170px;gap:20px;align-items:center}.performance-panel h2{margin:6px 0}.performance-panel .muted{font-size:.8125rem}.performance-chart{height:118px;min-width:0}.performance-chart svg{display:block;width:100%;height:100%}.performance-chart text{fill:#a9b7c7;font-size:12px;font-family:var(--mono)}.fee-card{border-left:1px solid var(--line);padding-left:20px}.fee-card>span,.fee-card small{display:block;color:var(--muted);font-size:.75rem}.fee-card strong{display:block;font:1.25rem var(--mono);margin:6px 0}
.activity-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.view>.panel,.view>.activity-grid{margin-bottom:16px}.activity-grid .panel{min-width:0}.stacked-dl{grid-template-columns:1fr;gap:4px}.stacked-dl dd{text-align:left;margin-bottom:14px;line-height:1.6}.stacked-dl dt{font-size:.75rem}.reason-bars{display:grid;gap:10px;margin:20px 0}.reason-row{display:grid;grid-template-columns:minmax(160px,1fr) 1fr 45px;gap:12px;align-items:center;font-size:.8125rem}.reason-row progress{width:100%;height:6px;appearance:none;border:none;background:var(--raised);border-radius:3px}.reason-row progress::-webkit-progress-bar{background:var(--raised);border-radius:3px}.reason-row progress::-webkit-progress-value{background:#6095c7;border-radius:3px}.reason-row span:last-child{text-align:right;font-family:var(--mono)}
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.settings-layout aside{display:flex;flex-direction:column;gap:18px}.settings-layout aside p{font-size:.875rem;margin-top:14px;color:var(--muted)}.base-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.settings-panel label{display:flex;flex-direction:column;gap:7px}.settings-hint{border-left:2px solid var(--yellow);background:#221f19;padding:13px 16px;font-size:.875rem;color:#dfc28f;margin-bottom:24px}#parameter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#parameter-fields h3{grid-column:1/-1;margin-top:22px;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--text)}.settings-review{margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}#settings-diff{font-size:.875rem;line-height:1.8;padding-left:20px}.settings-review button{margin-right:9px}
.desk-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font-size:.75rem;padding-top:18px}.desk-footer>div{display:flex;align-items:center;gap:10px}.desk-footer label{font-size:.75rem}.desk-footer select{min-height:30px;margin-left:6px;padding:4px 6px}.desk-footer .quiet{font-size:.75rem}.legal{text-align:center;padding:10px 20px 20px;font-size:.75rem;color:#8899ad}.legal a{color:#8899ad}.warning{padding:13px;border-left:2px solid var(--yellow);background:#2a2318;color:#f0c47a!important}.blockers{color:var(--yellow);font-size:.875rem;padding-left:20px}.blockers:empty{display:none}summary{cursor:pointer;font-size:.875rem;color:var(--muted)}details[open]>summary{margin-bottom:12px}.exchange-details{margin-top:16px}.exchange-details p{font-size:.8125rem;margin-top:10px}#notice{border:1px solid #315170;background:#142635;color:#c1dfff;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:.875rem;overflow-wrap:anywhere}#notice.error,.inline-error{background:#351d27;border-color:#794253;color:#ffacb7}.inline-error{margin:8px 14px;padding:10px;font-size:.8125rem;border-radius:4px}.login{max-width:440px;margin:10vh auto;padding:34px}.login h1{font-size:2rem;margin:10px 0}.login p{color:var(--muted);font-size:.875rem}.login .eyebrow{font-size:.75rem;color:var(--yellow)}.login label{display:block;margin-top:22px}.login input{margin-top:7px}.login button{width:100%;margin-top:25px}.login .footnote{font-size:.75rem}#server-link{margin:20px;color:var(--muted);font-size:.875rem}
dialog{background:var(--panel);color:var(--text);border:1px solid #526278;border-radius:10px;max-width:550px;width:calc(100% - 32px);padding:28px}dialog::backdrop{background:#000b}dialog h2{font-size:1.25rem;margin:10px 0 16px}dialog p{font-size:.875rem;line-height:1.65;margin:12px 0}dialog input{margin-top:8px}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:24px}#expires{color:var(--yellow)}#confirm-description{white-space:pre-line;max-height:35vh;overflow:auto}#confirm-error,#login-error{color:var(--red)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:absolute;top:10px;left:10px;padding:12px;background:var(--panel);z-index:100}:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}[hidden]{display:none!important}
@media(min-width:1700px){.market-workspace{grid-template-columns:250px minmax(500px,1fr) 250px}.price-chart{height:440px}.watch-rows{height:460px}.metric strong{font-size:2.2rem}}
@media(max-width:1250px){.desk{padding:18px 16px}.market-workspace{grid-template-columns:180px minmax(260px,1fr) 190px}.lower-workspace{grid-template-columns:minmax(0,1fr) 280px}.command-actions{flex-wrap:wrap;justify-content:flex-end}.performance-panel{grid-template-columns:220px minmax(140px,1fr) 140px}.brand-sub{display:none}.status-line #updated{display:none}}
@media(max-width:950px){.shell{grid-template-columns:68px minmax(0,1fr)}.rail{padding-inline:5px}.nav-button{font-size:.75rem}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.commandbar{align-items:flex-start}.command-actions{max-width:55%}.status-line{align-items:flex-start}.lower-workspace{grid-template-columns:1fr}.engine-card{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.engine-card>.panel-head:first-child{grid-column:1/-1}.engine-card .small{margin-top:0}.engine-card .text-link{grid-column:1/-1}.market-workspace{grid-template-columns:140px minmax(240px,1fr) 160px}.chart-toolbar{gap:4px}.check-label{font-size:.75rem}.activity-grid,.settings-layout{grid-template-columns:1fr}.performance-panel{grid-template-columns:1fr 1fr}.fee-card{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:12px 0 0;display:flex;gap:12px;align-items:center}.fee-card strong{margin:0}.base-settings,#parameter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.market-workspace{display:flex;flex-direction:column}.chart-panel{order:0}.watchlist{order:1}.watch-rows{height:160px}.orderbook{order:2}}
@media(max-width:650px){.topbar{height:56px;padding:0 14px;gap:10px}.brand{font-size:.75rem;gap:6px}.brand-mark{width:25px;height:25px}.environment{font-size:.75rem}.environment>span{display:none}#connection{font-size:.75rem}.shell{display:block}.rail{flex-direction:row;justify-content:center;padding:5px 10px;border-right:0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4;gap:15px}.nav-button{flex-direction:row;gap:6px;padding:8px 13px}.nav-button svg{width:16px;height:16px}.rail-home{display:none}.desk{padding:15px 10px}.commandbar{display:block}.commandbar h1{font-size:1.3rem}.command-actions{max-width:none;margin-top:12px;justify-content:flex-start;gap:6px}.command-actions button{padding:8px 9px;font-size:.8125rem}.command-actions .secondary{display:none}.status-line{font-size:.75rem;margin:10px 0}.metric{padding:12px}.metric strong{font-size:1.5rem;letter-spacing:-.05em}.metric p,.metric small{font-size:.75rem}.metrics{margin-bottom:12px}.market-workspace{display:flex;flex-direction:column}.watchlist{order:1;padding:12px}.watch-rows{height:160px}.watchlist .panel-head,.watch-heading{margin-bottom:7px}.chart-panel{order:0}.orderbook{display:block;order:2}.orderbook .book-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.orderbook .book-stats{display:none}.price-chart{height:330px}.quote-strip{gap:10px}.quote-strip strong{font-size:1.2rem}.chart-toolbar{padding:8px;gap:5px}#chart-symbol{width:115px}#chart-fit{display:none}.chart-foot{font-size:.75rem;flex-wrap:wrap}.ledger-tabs{padding:0 4px}.ledger-tabs button{padding:12px 9px;font-size:.8125rem}.ledger-panel>div:not(.ledger-tabs){padding:10px}.engine-card{display:block}.engine-card .small{margin-top:16px}.performance-panel{display:block}.performance-chart{margin-top:15px}.panel{padding:16px}.chart-panel,.ledger-panel{padding:0}.activity-grid{gap:12px}.base-settings,#parameter-fields{grid-template-columns:1fr}#parameter-fields h3{margin-top:14px}.panel-head{flex-wrap:wrap}.reason-row{grid-template-columns:1fr 75px 35px;gap:8px}.desk-footer{flex-direction:column;align-items:flex-start}.desk-footer>div{flex-wrap:wrap}.legal{font-size:.75rem}.login{margin:6vh 16px;padding:25px}.filter{display:flex;align-items:center;gap:8px}.search-label{width:100%}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .12s,border-color .12s,color .12s}}
.order-ticket{margin-top:12px}.order-fields{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px}.order-fields label,#position-control label{display:flex;flex-direction:column;gap:6px}.ticket-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.quantity-presets{display:flex;gap:8px;margin:12px 0}.settings-panel label small{font-size:12px;color:var(--muted);line-height:1.6}.ledger-panel th{font-size:12px}.ledger-panel td{font-size:14px;white-space:nowrap}#trade-history td:nth-child(4),#trade-history td:nth-child(5){font-family:var(--mono);font-weight:600}#trade-detail{max-width:1000px}#trade-detail dd{font-family:var(--mono);font-size:14px}#trade-detail table{font:12px var(--mono);white-space:nowrap}#position-control label{margin-top:12px}.ledger-tools{flex-wrap:wrap}.ledger-tools input{width:170px}.settings-panel #parameter-fields h3{font-size:16px}#manual-status{white-space:normal}
@media(max-width:950px){.order-fields{grid-template-columns:repeat(2,minmax(120px,1fr))}}
@media(max-width:650px){.order-fields{grid-template-columns:1fr 1fr;gap:10px}#trade-detail-values{grid-template-columns:1fr}#trade-detail-values dd{text-align:left;margin-bottom:8px}.ticket-actions{grid-column:1/-1}.ticket-actions button{flex:1}}
