:root{--bg:#0b0e13;--panel:#11151c;--panel-2:#161b24;--panel-3:#1c222d;--border:#1f2631;--border-2:#2a3240;--text:#e7eaf0;--muted:#8792a4;--faint:#5b6577;--up:#1fc384;--down:#f0485e;--up-bg:#1fc3841f;--down-bg:#f0485e1f;--accent:#f3ba2f;--accent-ink:#1a1405;--blue:#4c8dff;--violet:#a78bfa;--ma20:#f3ba2f;--ma50:#4c8dff;--radius:8px;--font:Inter, "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:13px/1.4 var(--font);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.45}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:1px}code{background:var(--panel-3);border-radius:3px;padding:1px 4px;font-size:11.5px}.num{font-variant-numeric:tabular-nums}.up{color:var(--up)}.down{color:var(--down)}.muted{color:var(--muted)}.small{font-size:11px}.strong{font-weight:600}.app{flex-direction:column;min-width:0;height:100vh;display:flex}.layout{flex:1;grid-template:"markets chart trade"minmax(0,1fr)"markets bottom trade"minmax(230px,36%)/300px minmax(0,1fr) 320px;gap:6px;min-height:0;padding:6px;display:grid}.area-markets{grid-area:markets;min-height:0;overflow:hidden}.area-chart{grid-area:chart;min-width:0;min-height:0;display:flex}.area-bottom{grid-area:bottom;min-width:0;min-height:0;display:flex}.area-trade{flex-direction:column;grid-area:trade;gap:6px;min-height:0;display:flex;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.panel-title{justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px 8px;font-weight:600;display:flex}.empty{color:var(--muted);text-align:center;padding:18px}.header{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:22px;padding:8px 14px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-name{letter-spacing:.01em;font-size:15px;font-weight:700}.brand-sub{color:var(--muted);font-size:11px}.clock{gap:3px;min-width:210px;display:grid}.clock-main{align-items:baseline;gap:10px;display:flex}.clock-time{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:22px;font-weight:700}.clock-date{color:var(--text);font-size:12.5px}.clock-weekday{color:var(--muted)}.clock-progress{background:var(--panel-3);border-radius:2px;height:3px;overflow:hidden}.clock-progress div{background:var(--accent);height:100%}.clock-sub{color:var(--muted);gap:8px;font-size:11px;display:flex}.buffering{color:var(--accent);animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.45}}.controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-play{background:var(--accent);width:38px;height:38px;color:var(--accent-ink);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 4px #f3ba2f24}.btn-play.is-running{background:var(--panel-3);color:var(--text);box-shadow:none}.btn-play:not(:disabled):hover{filter:brightness(1.1)}.segmented{background:var(--panel-2);border:1px solid var(--border);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--muted);font-variant-numeric:tabular-nums;border-radius:5px;padding:4px 9px;font-size:12px}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--panel-3);color:var(--accent);font-weight:600}.segmented-sm button{padding:3px 9px}.skip-group{gap:4px;display:flex}.btn-ghost{border:1px solid var(--border-2);color:var(--text);border-radius:6px;align-items:center;gap:5px;padding:6px 12px;display:inline-flex}.btn-ghost:not(:disabled):hover{background:var(--panel-2)}.btn-sm{padding:4px 9px;font-size:12px}.btn-primary{background:var(--accent);color:var(--accent-ink);border-radius:6px;padding:7px 18px;font-weight:700}.btn-primary:not(:disabled):hover{filter:brightness(1.08)}.header-spacer{flex:1}.header-equity{text-align:right}.header-equity .label{color:var(--muted);font-size:11px}.header-equity .value{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.header-equity .value span{margin-left:4px;font-size:12.5px}.markets{flex-direction:column;height:100%;min-height:0;display:flex}.search{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:6px;align-items:center;gap:6px;margin:0 10px 8px;padding:0 9px;display:flex}.search:focus-within{border-color:var(--border-2)}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:7px 0}.markets-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:0 8px 6px;display:flex}.quote-tabs{background:var(--panel-2);border-radius:7px;gap:2px;margin:0 10px 6px;padding:2px;display:flex}.quote-tabs button{color:var(--muted);border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;padding:4px 6px;font-size:12px;font-weight:600;display:inline-flex}.quote-tabs button:hover{color:var(--text)}.quote-tabs button.active{background:var(--panel-3);color:var(--accent)}.tab-count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:10px;font-weight:500}.quote-tabs button.active .tab-count{color:var(--muted)}.sort-mini{gap:2px;display:flex}.sort-mini button{color:var(--muted);border-radius:4px;align-items:center;gap:1px;padding:3px 6px;font-size:11px;display:inline-flex}.sort-mini button:hover{color:var(--text)}.sort-mini button.active{color:var(--accent)}.market-rows{flex:1;padding:0 4px 6px;overflow-y:auto}.mrow{cursor:pointer;border-radius:6px;grid-template-columns:18px minmax(0,1fr) 56px 96px;align-items:center;gap:8px;padding:6px 8px;display:grid}.mrow:hover{background:var(--panel-2)}.mrow.selected{background:var(--panel-3);box-shadow:inset 2px 0 0 var(--accent)}.mrow.inactive{opacity:.6}.mrow-name{min-width:0}.mrow-symbol{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mrow-name b{font-weight:600}.mrow-sub{margin-top:1px;font-size:11px;line-height:1.3}.mrow-price{text-align:right}.star{color:var(--faint);display:inline-flex}.star.on,.star:hover{color:var(--accent)}.dot-held{background:var(--blue);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.badge{text-transform:uppercase;letter-spacing:.05em;vertical-align:middle;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:9.5px;font-weight:700;display:inline-block}.mrow-sub .badge{margin-left:0}.badge-new{color:var(--blue);background:#4c8dff26}.badge-warn{color:var(--accent);background:#f3ba2f21}.chart-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.pair-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding:9px 14px;display:flex}.ph-symbol{font-size:18px;font-weight:700}.ph-symbol span{color:var(--muted);font-weight:500}.ph-price-wrap{min-width:120px}.ph-price{font-size:20px;font-weight:600;line-height:1.2}.ph-sub{color:var(--muted);font-size:11px}.ph-stats{flex-wrap:wrap;gap:22px;display:flex}.ph-stat .label{color:var(--muted);font-size:11px}.ph-stat .num{font-size:12.5px}.ph-badge{margin-left:auto}.chart-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:6px 10px;display:flex}.toggles{gap:4px;display:flex}.toggle{color:var(--muted);border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;display:inline-flex}.toggle i{opacity:.3;border-radius:2px;width:8px;height:8px}.toggle.on{color:var(--text);border-color:var(--border-2)}.toggle.on i{opacity:1}.toolbar-spacer{flex:1}.hint{color:var(--faint);font-size:11px}.chart-wrap{flex:1;min-height:0;position:relative}.chart-container{position:absolute;inset:0}.chart-legend{z-index:3;pointer-events:none;font-variant-numeric:tabular-nums;gap:2px;font-size:11.5px;display:grid;position:absolute;top:6px;left:10px}.lg-row{flex-wrap:wrap;gap:10px;display:flex}.lg-item{gap:3px;display:inline-flex}.lg-label{color:var(--muted)}.chart-notice{z-index:4;border:1px solid var(--border-2);color:var(--accent);text-align:center;background:#11151cf0;border-radius:8px;max-width:80%;padding:8px 14px;font-size:12.5px;position:absolute;top:50px;left:50%;transform:translate(-50%)}.order-form{flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.side-switch{background:var(--panel-2);border-radius:7px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.side-switch button{color:var(--muted);border-radius:5px;padding:7px;font-weight:600}.side-switch button:hover{color:var(--text)}.side-switch .buy.active{background:var(--up);color:#03140d}.side-switch .sell.active{background:var(--down);color:#1b0408}.type-tabs{border-bottom:1px solid var(--border);gap:16px;display:flex}.type-tabs button{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 0;font-weight:500}.type-tabs button:hover{color:var(--text)}.type-tabs button.active{color:var(--text);border-color:var(--accent)}.form-help{color:var(--faint);min-height:30px;margin:0;font-size:11px;line-height:1.4}.form-row{justify-content:space-between;gap:8px;font-size:12px;display:flex}.form-row .num{text-align:right}.form-hint{color:var(--accent);background:#f3ba2f14;border:1px solid #f3ba2f40;border-radius:6px;padding:6px 9px;font-size:12px}.link{color:var(--blue);text-underline-offset:2px;font-weight:600;text-decoration:underline}.link:hover{color:var(--text)}.field{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;padding:0 10px;display:grid}.field:focus-within{border-color:var(--accent)}.field-label{color:var(--muted);white-space:nowrap;font-size:12px}.field input{text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:8px 0}.field input::placeholder{color:var(--faint)}.field input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.field-unit{color:var(--muted);text-align:right;min-width:26px;font-size:12px}.field-static .num{text-align:right;color:var(--muted)}.chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chip{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:4px;padding:3px 7px;font-size:11px}.chip:hover{color:var(--text);border-color:var(--border-2)}.chip-note{color:var(--faint);margin-left:auto;font-size:11px}.percent-row{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.kv{grid-template-columns:1fr auto;gap:5px 10px;margin:0;font-size:12.5px;display:grid}.kv dt{color:var(--muted)}.kv dd{text-align:right;margin:0}.kv-compact{padding:2px 0;font-size:12px}.btn-submit{border-radius:6px;padding:10px;font-size:14px;font-weight:700}.btn-submit.buy{background:var(--up);color:#03140d}.btn-submit.sell{background:var(--down);color:#1b0408}.btn-submit:not(:disabled):hover{filter:brightness(1.08)}.btn-submit:disabled{background:var(--panel-3);color:var(--faint);opacity:1}.form-message{margin:0;font-size:12px;line-height:1.4}.form-message.error{color:var(--down)}.form-message.note{color:var(--accent)}.account{padding:0 12px 12px}.account .panel-title{padding:10px 0 4px}.acc-total{font-size:22px;font-weight:700}.acc-pnl{margin-bottom:10px;font-size:13px}.alloc-bar{background:var(--panel-3);border-radius:4px;gap:1px;height:8px;display:flex;overflow:hidden}.alloc-legend{color:var(--muted);flex-wrap:wrap;gap:4px 10px;margin:6px 0 12px;font-size:11px;display:flex}.alloc-legend i{border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}.bottom-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.tabs{border-bottom:1px solid var(--border);gap:18px;padding:0 14px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 0;font-weight:500;display:inline-flex}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--text);border-color:var(--accent)}.count{background:var(--panel-3);color:var(--text);border-radius:8px;padding:0 6px;font-size:10.5px;line-height:16px}.tab-body{flex:1;min-height:0;overflow:auto}.table-wrap{min-width:0}.table{border-collapse:collapse;width:100%;font-size:12.5px}.table th{background:var(--panel);color:var(--muted);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;z-index:1;padding:7px 10px;font-size:11.5px;font-weight:500;position:sticky;top:0}.table td{white-space:nowrap;vertical-align:middle;border-bottom:1px solid #1f2631b3;padding:6px 10px}.table .r{text-align:right}.table td.num,.table td .num{font-variant-numeric:tabular-nums}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--panel-2)}.btn-mini{border:1px solid var(--border-2);color:var(--muted);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.btn-mini:not(:disabled):hover{color:var(--text);background:var(--panel-3)}.btn-mini.sell{color:var(--down);border-color:#f0485e66}.btn-mini.sell:not(:disabled):hover{background:var(--down-bg);color:var(--down)}.icon-btn{color:var(--muted);border-radius:4px;padding:4px;display:inline-flex}.icon-btn:hover{color:var(--text);background:var(--panel-3)}.equity-panel{grid-template-columns:minmax(0,1fr) 300px;height:100%;min-height:190px;display:grid}.equity-chart-wrap{flex-direction:column;min-width:0;min-height:0;display:flex}.equity-legend{color:var(--muted);flex-wrap:wrap;gap:14px;padding:6px 12px 2px;font-size:11px;display:flex}.equity-legend i{vertical-align:middle;border-radius:2px;width:12px;height:3px;margin-right:5px;display:inline-block}.equity-legend i.dashed{border-top:1px dashed var(--muted);border-radius:0;height:0}.equity-chart{flex:1;min-height:0;position:relative}.stats-grid{border-left:1px solid var(--border);grid-template-columns:1fr 1fr;align-content:start;gap:10px 14px;margin:0;padding:10px 14px;display:grid;overflow:auto}.stats-grid dt{color:var(--muted);font-size:11px}.stats-grid dd{margin:0;font-size:13.5px;font-weight:600}.toasts{z-index:50;flex-direction:column;gap:8px;width:350px;max-width:calc(100vw - 28px);display:flex;position:fixed;bottom:14px;right:14px}.toast{background:var(--panel-3);border:1px solid var(--border-2);border-left:3px solid var(--blue);border-radius:8px;align-items:flex-start;gap:8px;padding:9px 8px 9px 12px;animation:.18s ease-out toast-in;display:flex;box-shadow:0 10px 28px #00000073}.toast-success{border-left-color:var(--up)}.toast-warning{border-left-color:var(--accent)}.toast-error{border-left-color:var(--down)}.toast-body{flex:1;min-width:0}.toast-title{font-size:12.5px;font-weight:600}.toast-message{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05070aa8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border-2);border-radius:12px;width:580px;max-width:100%;max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 20px 60px #00000080}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-head h2{margin:0;font-size:16px}.modal-body{flex-direction:column;gap:12px;padding:16px 18px;display:flex}.modal-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:12px 18px;display:flex}.modal-foot .muted{margin-right:auto}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.info-box{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:12.5px;line-height:1.45}.info-box p{margin:0}.info-box p+p{margin-top:6px}.info-box .warn{color:var(--accent)}.loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100vh;padding:16px;display:flex}.loading h1{margin:6px 0 0;font-size:22px}.loading p{margin:0}.loading-bar{background:var(--panel-3);border-radius:2px;width:260px;max-width:100%;height:4px;margin-top:6px;overflow:hidden}.loading-bar div{background:var(--accent);height:100%;transition:width .15s}.loading-error{max-width:540px;color:var(--down);justify-items:center;gap:10px;display:grid}.loading-error pre{color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;margin:0;padding:8px 14px}@media (width<=1280px){.layout{grid-template-columns:270px minmax(0,1fr) 300px}.hint{display:none}.ph-stats{gap:16px}}@media (width<=1080px){.app{height:auto;min-height:100vh}.layout{grid-template:"chart trade"560px"markets trade"440px"bottom bottom"400px/minmax(0,1fr) 300px}}@media (width<=760px){.header{gap:10px 14px;padding:8px 10px}.header-spacer,.brand-sub{display:none}.clock{min-width:0}.layout{grid-template:"chart"470px"trade""markets"420px"bottom"400px/minmax(0,1fr);gap:4px;padding:4px}.area-trade{overflow:visible}.ph-stats{gap:12px}.equity-panel{grid-template-rows:240px auto;grid-template-columns:minmax(0,1fr)}.stats-grid{border-left:0;border-top:1px solid var(--border)}.grid-2{grid-template-columns:1fr}}