:root{--bg:#0d1117;--surface:#151b23;--surface-2:#1c2330;--border:#283142;--text:#c9d1d9;--text-h:#f0f6fc;--muted:#7d8590;--accent:#4c8dff;--up:#1fd17a;--down:#ff4d5e;--ref:#f5c542;--ceil:#d17bff;--floor:#3fd0f5;--buy:#16a861;--sell:#e0364a;--sans:"Segoe UI", system-ui, Roboto, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:14px/1.45 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}h1,h2{color:var(--text-h);margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tone-up{color:var(--up)}.tone-down{color:var(--down)}.tone-ref{color:var(--ref)}.tone-ceil{color:var(--ceil)}.tone-floor{color:var(--floor)}.muted{color:var(--muted);font-size:12px}.btn{border:1px solid #0000;border-radius:8px;padding:9px 16px;font-weight:600;transition:filter .15s,opacity .15s}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:disabled{opacity:.45}.btn-primary{background:var(--accent);color:#fff}.btn-buy{background:var(--buy);color:#fff}.btn-sell{background:var(--sell);color:#fff}.btn-ghost{border-color:var(--border);background:0 0;padding:5px 12px;font-weight:500}.btn-link{color:var(--accent);background:0 0;border:0;padding:0;font-size:12px}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-link:disabled{color:var(--muted)}.btn-link.danger{color:var(--down)}.field{flex-direction:column;gap:5px;display:flex}.field>span{color:var(--muted);font-size:12px}.field-row{justify-content:space-between;align-items:baseline;display:flex}.field input,.field select{background:var(--bg);border:1px solid var(--border);font-family:var(--mono);border-radius:8px;padding:9px 11px}.field input:focus,.field select:focus{border-color:var(--accent);outline:none}.form-error{color:var(--down);margin:0;font-size:13px}.hint{color:var(--muted);margin:0;font-size:12px}.empty{color:var(--muted);text-align:center;margin:0;padding:16px}.conn{align-items:center;gap:8px;font-size:13px;display:inline-flex}.conn-dot{background:currentColor;border-radius:50%;width:9px;height:9px}.conn-ok{color:var(--up)}.conn-warn{color:var(--ref)}.conn-warn .conn-dot{animation:1s ease-in-out infinite pulse}.conn-bad{color:var(--down)}.conn-label{color:var(--text)}@keyframes pulse{50%{opacity:.25}}.login-page{grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:center;gap:48px;max-width:980px;min-height:100vh;margin:0 auto;padding:32px 16px;display:grid}.login-brand h1{margin-top:16px;font-size:40px}.login-brand p{color:var(--muted);max-width:440px;font-size:16px}.brand-mark{background:var(--accent);color:#fff;border-radius:14px;place-items:center;width:56px;height:56px;font-size:22px;font-weight:800;display:grid}.brand-mark.small{border-radius:7px;width:28px;height:28px;font-size:12px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:16px;padding:28px;display:flex}.login-card h2{font-size:20px}.login-footer{border-top:1px solid var(--border);padding-top:14px}.splash{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.topbar-wrap{z-index:5;position:sticky;top:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:24px;padding:10px 16px;display:flex}.brand{color:var(--text-h);align-items:center;gap:10px;font-weight:700;display:flex}.topbar-user{align-items:center;gap:12px;margin-left:auto;display:flex}.stale-banner{color:#ffb3bb;background:#2b1519;border-bottom:1px solid #ff4d5e66;padding:8px 16px;font-size:13px}.stale-banner.is-syncing{color:#ffe39a;background:#2b2412;border-bottom-color:#f5c54266}.dashboard{grid-template-columns:290px 330px minmax(0,1fr);grid-template-areas:"board board board""book entry account";align-items:start;gap:12px;padding:12px 16px 80px;transition:opacity .2s,filter .2s;display:grid}.dashboard.is-stale{opacity:.6;filter:grayscale(.5)}.price-board{grid-area:board}.order-book{grid-area:book}.order-entry{grid-area:entry}.account{grid-area:account}@media (width<=1180px){.dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"board board""book entry""account account"}}@media (width<=720px){.dashboard{grid-template-columns:minmax(0,1fr);grid-template-areas:"board""entry""book""account"}.login-page{grid-template-columns:minmax(0,1fr);gap:24px}.topbar{flex-wrap:wrap;gap:10px}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:14px}.panel-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.panel-head h2{font-size:15px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 8px;font-size:12px;font-weight:500}td{white-space:nowrap;border-bottom:1px solid #2831428c;padding:7px 8px}.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}tbody tr{cursor:pointer}tbody tr:hover{background:var(--surface-2)}tr.is-selected{background:#4c8dff1f}tr.is-selected:hover{background:#4c8dff2e}.price-board .sym strong{font-size:14px;display:block}.price-board .sym small{color:var(--muted);font-size:11px}.cell-price span{border-radius:4px;padding:1px 6px;font-weight:700;display:inline-block}.flash-up{animation:.9s ease-out flash-up}.flash-down{animation:.9s ease-out flash-down}@keyframes flash-up{0%{background:#1fd17a73}to{background:0 0}}@keyframes flash-down{0%{background:#ff4d5e73}to{background:0 0}}.ob-side{margin:0;padding:0;list-style:none}.ob-row{cursor:pointer;justify-content:space-between;padding:4px 8px;font-size:13px;display:flex;position:relative}.ob-row:hover{background:var(--surface-2)}.ob-row>span:not(.ob-bar){position:relative}.ob-bar{border-radius:3px;position:absolute;top:1px;bottom:1px;right:0}.ob-ask .ob-bar{background:#ff4d5e24}.ob-bid .ob-bar{background:#1fd17a24}.ob-mid{border-block:1px solid var(--border);justify-content:space-between;align-items:baseline;margin:4px 0;padding:8px;display:flex}.ob-last{font-family:var(--mono);font-size:18px;font-weight:700}.order-entry form{flex-direction:column;gap:12px;display:flex}.side-toggle{background:var(--bg);border-radius:8px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.side-toggle button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:8px;font-weight:700}.side-toggle .side-buy.is-active{background:var(--buy);color:#fff}.side-toggle .side-sell.is-active{background:var(--sell);color:#fff}.ref-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--bg);border:1px solid var(--border);font-size:12px;font-family:var(--mono);border-radius:999px;padding:3px 10px}.chip.tone-ceil{color:var(--ceil)}.chip.tone-ref{color:var(--ref)}.chip.tone-floor{color:var(--floor)}.order-summary{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:13px;display:grid}.order-summary dt{color:var(--muted)}.order-summary dd{text-align:right;font-family:var(--mono);margin:0}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 0 12px;display:grid}.stat-grid>div{background:var(--bg);border-radius:8px;padding:10px 12px}.stat-grid dt{color:var(--muted);font-size:12px}.stat-grid dd{font-family:var(--mono);color:var(--text-h);margin:2px 0 0;font-size:15px;font-weight:600}.stat-grid dd.tone-up{color:var(--up)}.stat-grid dd.tone-down{color:var(--down)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:4px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px}.tabs button[aria-selected=true]{color:var(--text-h);border-bottom-color:var(--accent)}.account td small{color:inherit;opacity:.8}.toasts{z-index:10;flex-direction:column;gap:8px;max-width:min(380px,100vw - 32px);margin:0;padding:0;list-style:none;display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--surface-2);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;animation:.2s ease-out toast-in;display:flex;box-shadow:0 8px 24px #0006}.toast-success{border-left-color:var(--up)}.toast-error{border-left-color:var(--down)}.toast span{flex:1}.toast-close{color:var(--muted);background:0 0;border:0;padding:0;font-size:18px;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.badge{vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-block}.badge-admin{color:#9cc0ff;background:#4c8dff29}.badge-halt{color:#ffb3bb;background:#ff4d5e29}.status{color:var(--text);align-items:center;gap:6px;font-size:12px;display:inline-flex}.status:before{content:"";border-radius:50%;width:8px;height:8px}.status-ok:before{background:var(--up)}.status-bad:before{background:var(--down)}.status-off:before{background:var(--muted)}.mono{font-family:var(--mono)}.strong{color:var(--text-h);font-weight:700}tbody tr.no-hover{cursor:default}.btn-sm{padding:4px 10px;font-size:12px;font-weight:500}.btn-secondary{background:var(--surface-2);border-color:var(--border)}.btn-danger-outline{color:#ff8a96;background:0 0;border-color:#ff4d5e80}td.actions{text-align:right}td.actions>.btn+.btn{margin-left:6px}.toast-announce{border-left-color:var(--ref)}.toast-title{color:var(--ref);margin-bottom:2px;font-size:12px;display:block}.admin{flex-direction:column;gap:12px;padding:12px 16px 80px;transition:opacity .2s,filter .2s;display:flex}.admin.is-stale{opacity:.6;filter:grayscale(.5)}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:0;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.kpi dt{color:var(--muted);font-size:12px}.kpi dd{font-family:var(--mono);color:var(--text-h);white-space:nowrap;margin:4px 0 0;font-size:20px;font-weight:700}.kpi-sub{color:var(--muted);margin:2px 0 0;font-size:11px}.admin-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:12px;display:grid}.admin-side{flex-direction:column;gap:12px;min-width:0;display:flex}.tab-hint{color:var(--muted);margin:8px 0;font-size:12px}.tab-hint b{color:var(--text);font-weight:600}.edit-row td{background:var(--bg)}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.inline-form .field{min-width:220px}.announce-form{flex-direction:column;gap:10px;display:flex}.announce-form textarea{resize:vertical;background:var(--bg);border:1px solid var(--border);font:inherit;color:inherit;border-radius:8px;padding:9px 11px}.announce-form textarea:focus{border-color:var(--accent);outline:none}.trades-scroll{max-height:460px;overflow-y:auto}.parties{font-size:12px}@media (width<=1100px){.admin-grid{grid-template-columns:minmax(0,1fr)}}.backdrop{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.login-page,.splash,.app-shell{z-index:1;position:relative}.bd-grid line{stroke:var(--border);stroke-width:1px}.bd-candles line{stroke-width:2px}.bd-candle-up line{stroke:var(--up)}.bd-candle-up rect{fill:var(--up)}.bd-candle-down line{stroke:var(--down)}.bd-candle-down rect{fill:var(--down)}.bd-line{fill:none;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.bd-line-up{stroke:var(--up)}.bd-line-down{stroke:var(--down);stroke-dasharray:.012 .008}.bd-fill-up{fill:var(--up)}.bd-fill-down{fill:var(--down)}.bd-pulse{fill:var(--up)}.backdrop-hero .bd-grid{opacity:.35}.backdrop-hero .bd-candles{opacity:.16}.backdrop-hero .bd-line-up{opacity:.55}.backdrop-hero .bd-line-down{opacity:.3}.backdrop-hero .bd-pulse{opacity:.5;animation:1.8s ease-in-out 2.4s infinite both bd-pulse}@media (prefers-reduced-motion:no-preference){.backdrop-hero .bd-line-up{stroke-dasharray:1;animation:2.4s ease-out both bd-draw}.backdrop-hero .bd-candles{animation:1.6s ease-out both bd-fade}}@keyframes bd-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes bd-fade{0%{opacity:0}}@keyframes bd-pulse{0%,to{opacity:.5;r:8}50%{opacity:.15;r:16}}.backdrop-subtle .bd-grid{opacity:.25}.backdrop-subtle .bd-candles{opacity:.06}.backdrop-subtle .bd-line-up{opacity:.12}.backdrop-subtle .bd-line-down{opacity:.08}.backdrop-subtle .bd-pulse{display:none}.login-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151b23eb}.login-brand h1,.login-brand p{text-shadow:0 0 6px var(--bg), 0 0 14px var(--bg)}