:root{color-scheme:light;--bg: #f4f4f2;--panel: #ffffff;--panel-soft: #eeeeeb;--surface-muted: #f8f8f5;--border: #d8d8d2;--border-strong: #b9b9b2;--text: #111111;--muted: #666661;--accent: #111111;--inverse: #111111;--inverse-hover: #2b2b2b;--inverse-text: #ffffff;--success: #087a4b;--danger: #b42318;--overlay: rgba(17, 17, 17, .52);--shadow-soft: 0 6px 20px rgba(17, 17, 17, .05);--shadow-modal: 0 28px 90px rgba(17, 17, 17, .18);--font-sans: ui-sans-serif, system-ui, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-display: var(--font-sans);--text-body: 14px;--lh-body: 24px;--text-h1: 22px;--lh-h1: 30px;--text-label: 15px;--lh-label: 40px;--fw-label: 500;--text-sm: 13px;--text-caption: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-16: 64px;--sidebar-width: 220px;--topbar-h: 68px;--strip-h: 48px;--content-px: clamp(22px, 4vw, 60px);--control-h-md: 40px;--control-h-sm: 32px;--table-header-h: 44px;--table-row-min-h: 50px;--radius-nav: 12px;--radius-card: 10px;--radius-control: 10px;--radius-modal: 16px;--cfg-w: 360px;--cfg-w-sm: 200px;--cfg-w-num: 120px;--z-nav: 15;--z-strip: 41;--z-modal: 500;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-short: .18s}html,body{overflow-x:clip}*{box-sizing:border-box}body{margin:0;min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--lh-body);color:var(--text);background:linear-gradient(to right,color-mix(in srgb,var(--border) 42%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--border) 42%,transparent) 1px,transparent 1px),var(--bg);background-size:32px 32px;-webkit-font-smoothing:antialiased}h1,h2,h3{font-style:normal;letter-spacing:-.03em;color:var(--text);overflow-wrap:anywhere;min-width:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--text);outline-offset:1px}.tabular-nums,.mono,.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.link{text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}.link:hover{text-decoration-color:var(--text)}.t-muted{color:var(--muted)}.is-pos{color:var(--success)}.is-neg{color:var(--danger)}.app-shell{min-height:100dvh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{grid-row:1 / -1;position:sticky;top:0;height:100dvh;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--panel)}.brand{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:0 var(--space-2) var(--space-6)}.brand__mark{width:40px;height:40px;border-radius:var(--radius-nav);flex:none;display:block;object-fit:contain}.brand strong,.brand span{display:block;line-height:1.2}.brand strong{letter-spacing:.04em;font-size:14px}.brand span{color:var(--muted);font-size:11px;margin-top:4px;letter-spacing:.12em;white-space:nowrap}.btn-logout{flex:none;margin-top:var(--space-2);width:100%;min-height:var(--control-h-sm);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--panel);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:border-color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.btn-logout:hover{border-color:var(--border-strong);background:var(--surface-muted)}.sidebar__nav{display:grid;gap:var(--space-1)}.sidebar__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:0;border-radius:var(--radius-nav);color:var(--muted);background:transparent;font-size:13px;font-weight:700;line-height:1;text-align:left;cursor:pointer;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.sidebar__item:hover{color:var(--text);background:var(--panel-soft)}.sidebar__item.router-link-active{color:var(--inverse-text);background:var(--inverse)}.nav-mark{width:24px;height:24px;flex:none;display:grid;place-items:center;border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:800;line-height:1}.sidebar__item.router-link-active .nav-mark{border-color:transparent;background:var(--inverse-text);color:var(--inverse)}.sidebar-status{margin-top:auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-muted)}.sidebar-status strong,.sidebar-status span{display:block;line-height:1.3}.sidebar-status strong{font-size:12px}.sidebar-status span{color:var(--muted);font-size:11px;margin-top:2px}.status-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 12%,transparent)}.sidebar-status.is-stale .status-dot{background:var(--danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 12%,transparent)}.content{min-width:0;padding:0 var(--content-px) var(--space-16)}.topbar{position:sticky;top:0;z-index:var(--z-nav);min-height:var(--topbar-h);margin:0 calc(var(--content-px) * -1) var(--space-6);padding:var(--space-4) var(--content-px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;border-bottom:1px solid var(--border);background:var(--bg)}.topbar h1,.t-h1{margin:0;font-size:var(--text-h1);font-weight:700;letter-spacing:-.02em;line-height:var(--lh-h1)}.t-caption{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-sm);line-height:1.55;max-width:64ch;font-weight:400}.err{margin:0 0 var(--space-2);min-height:20px;color:var(--danger);font-size:var(--text-sm);line-height:20px}.stale{border:1px solid var(--border);background:var(--panel);color:var(--muted);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);margin:0 0 var(--space-4);font-size:var(--text-sm)}.stale strong{color:var(--text)}.stale .btn{margin-left:var(--space-2)}.stat-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-8);font-size:var(--text-sm);color:var(--muted);margin:0 0 var(--space-6);padding:var(--space-3) 0 var(--space-4);border-bottom:1px solid var(--border)}.stat-line strong{color:var(--text);font-weight:650;font-variant-numeric:tabular-nums;margin-left:var(--space-1)}.board-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);margin-bottom:var(--space-4);align-items:start}.board-grid>.panel{margin-bottom:0}.panel{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--panel);box-shadow:var(--shadow-soft);margin-bottom:var(--space-4)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.panel-header h2{margin:0;font-size:17px;line-height:1.3}.panel-body{padding:var(--space-4) var(--space-6) var(--space-5)}.empty-inline{margin:0;padding:var(--space-4) var(--space-6);color:var(--muted);font-size:var(--text-sm)}.empty{border:1px dashed var(--border);border-radius:var(--radius-card);background:var(--panel);padding:var(--space-6);margin-bottom:var(--space-6)}.empty h2{margin:0 0 var(--space-2);font-size:17px;font-weight:600}.empty p{margin:0;color:var(--muted);font-size:var(--text-sm);max-width:64ch}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h-md);padding:0 var(--space-4);border-radius:var(--radius-control);border:1px solid var(--border);background:var(--panel-soft);color:var(--text);cursor:pointer;font-weight:700;font-size:13px;line-height:1;white-space:nowrap;transition:border-color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.btn:hover,.btn.is-hover{border-color:var(--border-strong);background:var(--surface-muted)}.btn:active,.btn.is-active{transform:translateY(1px)}.btn:disabled,.btn.is-disabled,.btn[data-state=loading]{opacity:.55;cursor:not-allowed;transform:none}.btn[data-state=error]{border-color:var(--danger);color:var(--danger)}.btn[data-state=success]{border-color:var(--success);color:var(--success)}.btn-primary,.login-btn{background:var(--inverse);color:var(--inverse-text);border-color:var(--inverse)}.btn-primary:hover,.login-btn:hover{background:var(--inverse-hover);border-color:var(--inverse-hover)}.btn-danger{color:var(--danger);background:var(--panel);border-color:var(--border-strong)}.btn-danger:hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 6%,var(--panel))}.btn-ghost{background:transparent}.btn-sm{min-height:var(--control-h-sm);padding:0 var(--space-3);font-size:12px}.ops{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);justify-content:flex-end}.ops-start{justify-content:flex-start;margin-top:var(--space-4)}.row{display:flex;gap:var(--space-4) var(--space-8);flex-wrap:wrap;align-items:flex-end}.row-tight{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--border)}.form-stack{display:grid;gap:var(--space-2)}label,.cfg-label{display:flex;flex-direction:column;font-size:var(--text-label);font-weight:var(--fw-label);line-height:var(--lh-label);color:var(--text);min-width:0}input,select,.cfg-control,.login-input{height:var(--control-h-md);min-height:var(--control-h-md);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-muted);width:var(--cfg-w);max-width:100%;color:var(--text);font-variant-numeric:tabular-nums}input:focus,select:focus,.login-input:focus{border-color:var(--text);background:var(--panel)}input:disabled,select:disabled{opacity:.55;cursor:not-allowed}.cfg-control--sm,input.cfg-control--sm{width:var(--cfg-w-sm)}.cfg-num,input.cfg-num{width:var(--cfg-w-num)}.check{flex-direction:row;align-items:center;gap:var(--space-2);min-height:var(--control-h-md);font-size:var(--text-sm);font-weight:500;line-height:1.4;margin-bottom:var(--space-2)}.check input{width:16px;height:16px;min-height:0;margin:0;flex:none}.check-inline{min-height:0;margin:0;color:var(--muted)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--panel);margin-bottom:var(--space-4)}.table-flush{border:0;margin:0;border-radius:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle}th{height:var(--table-header-h);color:var(--muted);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:var(--surface-muted);white-space:nowrap}td{height:var(--table-row-min-h)}th.num,td.num{text-align:right}td.nowrap{white-space:nowrap}th.ops-col{text-align:right}tbody tr:last-child td{border-bottom:0}.table-wrap:not(.table-flush) tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--surface-muted)}tr.is-mark td{background:var(--surface-muted);font-weight:700}tr.is-mark td:first-child{box-shadow:inset 3px 0 0 var(--text)}tr.is-virtual td,tr.is-killed td{color:var(--muted)}tr.row-expandable{cursor:pointer}tr.row-expandable:focus-visible td{outline:none;box-shadow:inset 0 0 0 2px var(--text)}tr.row-expandable.is-open td{background:var(--surface-muted)}.row-caret{display:inline-block;width:0;height:0;margin-right:var(--space-2);border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent var(--muted);transform:translateY(-1px);transition:transform var(--dur-short) var(--ease-out)}.row-caret.is-open{transform:rotate(90deg) translateY(-1px)}@media(prefers-reduced-motion:reduce){.row-caret,.row-caret.is-open{transition:none}}tr.row-orders td{height:auto;padding:0 var(--space-4) var(--space-4);background:var(--surface-muted);cursor:default;vertical-align:top}tr.row-orders:hover td{background:var(--surface-muted)}.orders-embed{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--panel)}.orders-embed table{margin:0}.orders-embed th{background:var(--panel)}.expand-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);align-items:start}.expand-h{margin:0 0 var(--space-2);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}tr.row-form td{background:var(--surface-muted);padding:var(--space-3) var(--space-4) var(--space-4)}.side-buy{color:var(--success)}.side-sell{color:var(--danger)}.tag{display:inline-flex;align-items:center;padding:4px var(--space-2);border:1px solid var(--border);border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;line-height:1;background:var(--surface-muted);white-space:nowrap}.tag--live{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 10%,transparent)}.tag--kill{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent)}.tag--armed{color:var(--text);border-color:var(--text)}.split{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:var(--space-4);align-items:start}.event-list{list-style:none;margin:0;padding:0 var(--space-6)}.event-list li{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:var(--space-1) var(--space-3);align-items:baseline;padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.event-list li:last-child{border-bottom:0}.event-list li.is-error .event-kind{color:var(--danger)}.event-time{color:var(--muted);font-size:var(--text-caption)}.event-kind{font-weight:700;white-space:nowrap}.event-symbol{color:var(--muted)}.event-text{color:var(--muted);overflow-wrap:anywhere}.event-list li .event-symbol+.event-text{grid-column:1 / -1}.login-page{min-height:100dvh;display:grid;place-items:center;padding:var(--space-6);background:linear-gradient(to right,color-mix(in srgb,var(--border) 42%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--border) 42%,transparent) 1px,transparent 1px),var(--bg);background-size:32px 32px}.login-card{width:min(100%,400px);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-modal);padding:var(--space-8) var(--space-7) var(--space-7);box-shadow:var(--shadow-soft)}.login-brand{text-align:center;margin-bottom:var(--space-6)}.login-logo{width:48px;height:48px;margin:0 auto var(--space-3);border-radius:var(--radius-nav);display:block;object-fit:contain}.login-title{margin:0 0 var(--space-2);font-size:22px;font-weight:700}.login-sub{margin:0;font-size:var(--text-sm);color:var(--muted)}.login-form{display:flex;flex-direction:column;gap:var(--space-2)}.login-label{font-size:var(--text-sm);font-weight:700;line-height:1.4;margin-top:var(--space-2)}.login-input{width:100%}.login-hint{margin:0;font-size:var(--text-caption);color:var(--muted);line-height:1.5}.login-btn{height:var(--control-h-md);border:1px solid var(--inverse);border-radius:var(--radius-control);cursor:pointer;font-weight:700;transition:background-color var(--dur-short) var(--ease-out)}.login-btn:disabled{opacity:.55;cursor:not-allowed}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay)}.modal-panel{position:relative;z-index:1;width:min(400px,calc(100vw - var(--space-8)));margin:18vh auto 0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-modal);padding:var(--space-6);box-shadow:var(--shadow-modal)}.modal-form{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.modal-form .cfg-control{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.live-strip{display:flex;grid-column:2;position:sticky;bottom:0;z-index:var(--z-strip);min-height:var(--strip-h);align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--panel);border-top:1px solid var(--border);font-size:var(--text-sm)}.live-strip a{text-decoration:underline;text-underline-offset:3px}@media(max-width:900px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{grid-row:auto;position:sticky;height:auto;border-right:0;border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-3) var(--space-2);z-index:var(--z-nav);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand logout" "nav nav";align-items:center;column-gap:var(--space-2)}.brand{grid-area:brand;padding:0 var(--space-1) var(--space-3)}.btn-logout{grid-area:logout;width:auto;margin:0 0 var(--space-3)}.sidebar__nav{grid-area:nav;grid-template-columns:repeat(4,minmax(0,1fr))}.live-strip{grid-column:1}.sidebar__item{flex-direction:column;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);font-size:11px}.sidebar-status{display:none}.board-grid,.split,.expand-split{grid-template-columns:minmax(0,1fr)}.content{--content-px: var(--space-4);padding-bottom:var(--space-16)}.topbar{position:static}.stat-line{gap:var(--space-2) var(--space-5)}}@media(max-width:420px){.modal-panel{width:min(100%,calc(100vw - var(--space-6)));margin:var(--space-3) auto}.event-list li{grid-template-columns:auto minmax(0,1fr)}.event-list li .event-text{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}