:root{color:#e8eef5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#06111b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#06111b}body{background:#06111b;min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button,select{color:inherit}button{border:0}button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:2px solid #48aefc}::selection{color:#fff;background:#1469a6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.positive{color:#6dd58a!important}.negative{color:#ff6b66!important}.info{color:#42a9ff!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg:#06111b;--bg-deep:#040d15;--surface:#081722;--surface-raised:#0a1b28;--surface-hover:#0c2232;--border:#203747;--border-strong:#2b4a5f;--text:#e8eef5;--muted:#91a2b3;--faint:#607587;--cyan:#3ba7f5;--cyan-strong:#55b7ff;--green:#6dd58a;--coral:#ff6b66;--amber:#f7b94a;--radius:8px;--mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace}#root{min-height:100vh}.app-shell{background:var(--bg);border-left:1px solid #2b4a5f59;border-right:1px solid #2b4a5f59;width:min(1540px,100%);min-height:100vh;margin:0 auto}.dashboard-header{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06111bf7;position:sticky;top:0}.header-main{grid-template-columns:230px minmax(270px,1fr) auto;align-items:center;min-height:62px;display:grid}.brand-lockup,.header-title,.header-status,.filter-bar,.select-control,.filter-control,.source-state,.metric-label,.panel-header h2,.chart-legend,.range-control,.trade-status,.mobile-panel-tabs button{align-items:center;display:flex}.brand-lockup{height:100%;color:var(--cyan-strong);border-right:1px solid var(--border);gap:11px;padding:0 20px}.brand-lockup strong{color:var(--text);letter-spacing:-.02em;white-space:nowrap;font-size:19px}.brand-mark{flex:none;width:30px;height:30px}.header-title{gap:10px;min-width:0;padding:0 22px}.header-title h1{color:var(--text);letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:660;overflow:hidden}.live-dot,.status-badge i,.source-state:before,.trade-status i{background:currentColor;border-radius:999px;flex:none;width:8px;height:8px;display:inline-block}.live-dot--live{color:var(--green);box-shadow:0 0 0 4px #6dd58a14}.live-dot--stale{color:var(--amber)}.live-dot--offline{color:var(--coral)}.header-status{justify-content:flex-end;gap:8px;min-width:0;padding:0 18px}.status-badge{border:1px solid var(--border-strong);white-space:nowrap;background:#081722b3;border-radius:6px;align-items:center;gap:7px;min-height:32px;padding:6px 10px;font-size:12px;font-weight:620;display:inline-flex}.status-badge--live{color:var(--green);border-color:#6dd58a61}.status-badge--info{color:var(--cyan-strong);border-color:#3ba7f573}.status-badge--warning{color:var(--amber);border-color:#f7b94a66}.status-badge--danger{color:var(--coral);border-color:#ff6b6666}.last-update{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;margin-left:4px;font-size:11px;display:inline-flex}.filter-bar{border-top:1px solid #203747ad;gap:10px;min-height:53px;padding:9px 16px}.select-control,.filter-control{color:#c8d4de;border:1px solid var(--border);background:var(--surface);border-radius:6px;gap:8px;height:34px;padding:0 10px;font-size:12px;position:relative}.select-control select{min-width:112px;color:inherit;appearance:none;cursor:pointer;background:0 0;border:0;outline:0}.select-control--wide select{min-width:145px}.filter-control{cursor:pointer;justify-content:space-between;min-width:116px}.select-control>svg:last-child{pointer-events:none}.source-state{color:var(--muted);white-space:nowrap;gap:7px;margin-left:auto;font-size:11px}.source-state--live svg{color:var(--green)}.source-state--stale svg{color:var(--amber)}.source-state--offline svg{color:var(--coral)}main{padding:12px}.metrics-strip{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:1.04fr 1.2fr .95fr .92fr 1.2fr;margin-bottom:10px;display:grid;overflow:hidden}.metric{min-width:0;padding:13px 18px 12px;position:relative}.metric+.metric:before{content:"";background:var(--border);width:1px;position:absolute;top:17px;bottom:17px;left:0}.metric-label{color:#c6d1db;white-space:nowrap;gap:6px;font-size:12px}.metric-label svg,.panel-header h2 svg{color:var(--muted)}.metric-value{color:var(--text);font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:clamp(19px,1.65vw,26px);line-height:1.05;display:block;overflow:hidden}.metric-value small{color:inherit;letter-spacing:0;font-size:.55em;font-weight:600}.metric--positive .metric-value{color:var(--green)}.metric-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:11px;display:block;overflow:hidden}.metric-meta b{color:var(--cyan-strong);font-weight:600}.main-grid{grid-template-columns:minmax(0,2fr) minmax(330px,1fr);align-items:stretch;gap:10px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.panel-header{border-bottom:1px solid var(--border);min-height:44px;padding:10px 15px}.panel-header h2{color:var(--text);letter-spacing:-.01em;gap:6px;margin:0;font-size:13px;font-weight:650}.chart-panel{min-width:0}.chart-header{justify-content:space-between;align-items:flex-start;gap:14px;min-height:64px;display:flex}.chart-legend{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:8px;font-size:10px}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.legend-line{background:var(--cyan-strong);width:18px;height:2px}.legend-dot{border-radius:999px;width:8px;height:8px}.legend-dot--buy{background:var(--green)}.legend-dot--sell{background:var(--coral)}.range-control{border:1px solid var(--border);border-radius:6px;flex:none;height:30px;overflow:hidden}.range-control button{min-width:46px;height:100%;color:var(--muted);border-left:1px solid var(--border);cursor:pointer;background:0 0;place-items:center;font-size:11px;display:grid}.range-control button:first-child{border-left:0}.range-control button:hover,.range-control button.is-active{color:var(--cyan-strong);background:#3ba7f51c}.range-control .expand-button{min-width:36px}.chart-canvas{width:100%;padding:2px 7px 0}.chart-svg{width:100%;height:auto;font-family:var(--mono);display:block;overflow:visible}.grid-line{stroke:#4e6f853d;stroke-width:1px}.grid-line--zero{stroke:#91a2b38c;stroke-dasharray:4 4}.axis-tick{stroke:var(--faint)}.axis-label{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.chart-area{fill:#3ba7f50e}.chart-line{fill:none;stroke:var(--cyan-strong);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;vector-effect:non-scaling-stroke}.event-stem{stroke-width:1px;stroke-dasharray:3 3}.event-stem--buy{stroke:var(--green)}.event-stem--sell{stroke:var(--coral)}.event-label-bg{fill:#0b1d2a;stroke:var(--border-strong)}.event-label-time,.event-label-symbol{fill:#cbd6df;pointer-events:none;font-size:8.5px}.event-label-symbol{fill:var(--muted);font-size:7.5px}.event-marker{fill:var(--surface);stroke-width:2.5px;cursor:pointer;transition:r .16s}.event-marker--buy{stroke:var(--green)}.event-marker--sell{stroke:var(--coral)}.chart-event:hover .event-label-bg,.chart-event.is-selected .event-label-bg{fill:var(--surface-hover);stroke:var(--cyan)}.chart-event.is-selected .event-marker{filter:drop-shadow(0 0 4px #55b7ff99)}.now-line{stroke:#55b7ff6b;stroke-dasharray:3 4}.latest-point{fill:var(--cyan-strong);stroke:#06111b;stroke-width:2px}.latest-badge{fill:#0b2940;stroke:#2479b8}.latest-value{fill:var(--cyan-strong);font-size:9px;font-weight:700}.latest-unit{fill:var(--cyan-strong);font-size:8px}.right-rail{grid-template-rows:auto 1fr;gap:10px;min-width:0;display:grid}.position-panel .panel-header,.risk-panel .panel-header{justify-content:space-between;align-items:center;display:flex}.count-label{color:var(--cyan-strong);border:1px solid #3ba7f566;border-radius:5px;padding:3px 7px;font-size:10px}.position-table{font-size:10px}.position-row{border-top:1px solid #203747b3;grid-template-columns:.95fr .85fr 1fr .9fr;align-items:center;min-height:34px;display:grid}.position-row:first-child{border-top:0}.position-row span,.position-row strong{text-overflow:ellipsis;white-space:nowrap;padding:0 10px;overflow:hidden}.position-row--header{min-height:30px;color:var(--muted)}.position-result{text-align:right}.risk-list{min-height:0;display:grid}.risk-item{border-bottom:1px solid #203747b8;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:50px;padding:7px 13px;display:grid}.risk-icon{color:#c8d4de;place-items:center;width:32px;height:32px;display:grid}.risk-icon--positive{color:var(--green)}.risk-icon--warning{color:var(--amber)}.risk-copy{min-width:0}.risk-copy strong,.risk-copy small{display:block}.risk-copy strong{color:#d9e2ea;font-size:11px;font-weight:600}.risk-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.risk-value{font-family:var(--mono);color:#dbe5ed;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px}.risk-value--positive{color:var(--green)}.risk-value--warning{color:var(--amber)}.progress-track{background:#183040;border-radius:99px;height:5px;margin-top:6px;overflow:hidden}.progress-track i{border-radius:inherit;background:var(--green);height:100%;display:block}.risk-item:nth-child(2) .progress-track i{background:var(--amber)}.risk-footer{min-height:28px;color:var(--muted);background:#040d156b;align-items:center;gap:7px;padding:5px 13px;font-size:9px;display:flex}.lower-grid{grid-template-columns:minmax(0,1fr) minmax(310px,360px);gap:10px;margin-top:10px;display:grid}.trades-panel{min-width:0}.trades-header{justify-content:space-between;align-items:center;display:flex}.trades-header>span{color:var(--muted);font-size:9px}.desktop-trade-table{overflow-x:auto}.desktop-trade-table table{border-collapse:collapse;table-layout:fixed;color:#bac7d2;width:100%;font-size:10px}.desktop-trade-table th{height:30px;color:var(--muted);text-align:left;padding:0 12px;font-size:9px;font-weight:500}.desktop-trade-table td{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #203747b8;height:39px;padding:5px 12px;overflow:hidden}.desktop-trade-table th:first-child{width:12%}.desktop-trade-table th:nth-child(2){width:13%}.desktop-trade-table th:nth-child(3){width:12%}.desktop-trade-table th:nth-child(4),.desktop-trade-table th:nth-child(5){width:16%}.desktop-trade-table th:nth-child(6){width:18%}.desktop-trade-table th:nth-child(7){width:13%}.desktop-trade-table tbody tr{cursor:pointer}.desktop-trade-table tbody tr:hover{background:#3ba7f50a}.desktop-trade-table tbody tr.is-selected{outline-offset:-1px;background:#3ba7f514;outline:1px solid #3ba7f5bf}.desktop-trade-table td:nth-child(3){display:table-cell}.desktop-trade-table td:nth-child(3) svg{vertical-align:-2px;margin-right:3px}.result-cell strong,.result-cell span{line-height:1.15;display:block}.result-cell small{font-size:8px}.result-cell span{margin-top:2px;font-size:8px}.trade-status{color:#b8c5cf;gap:6px;font-size:9px}.trade-status--open i{color:var(--cyan-strong)}.trade-status--closed i{color:var(--green)}.trade-details{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.trade-details-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px 13px;display:flex}.trade-details-header h3{color:#d5dfe8;margin:0;font-size:12px;font-weight:600}.trade-details-header code{max-width:110px;color:var(--muted);border:1px solid var(--border);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;background:#0d1d29;border-radius:4px;padding:3px 5px;font-size:8px;overflow:hidden}.trade-details dl{margin:0;padding:4px 13px 8px}.trade-details dl>div{border-bottom:1px solid #203747bf;grid-template-columns:.78fr 1.22fr;align-items:center;gap:8px;min-height:31px;display:grid}.trade-details dl>div:last-child{border-bottom:0}.trade-details dt,.trade-details dd{margin:0;font-size:10px}.trade-details dt{color:var(--muted)}.trade-details dd{color:#c8d4de;font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-panel-tabs,.mobile-trade-list{display:none}.dashboard-footer{min-height:38px;color:var(--muted);border-top:1px solid var(--border);background:var(--bg-deep);align-items:center;gap:10px;padding:8px 20px;font-size:9px;display:flex}.dashboard-footer i{background:var(--faint);border-radius:999px;width:4px;height:4px}@media (width<=1200px){.header-main{grid-template-columns:210px minmax(240px,1fr) auto}.header-status .status-badge:first-child,.source-state{display:none}.main-grid{grid-template-columns:minmax(0,1.85fr) minmax(300px,.85fr)}.metric{padding-inline:13px}.lower-grid{grid-template-columns:minmax(0,1fr) 310px}}@media (width<=960px){.header-main{grid-template-columns:190px minmax(220px,1fr) auto}.brand-lockup{padding-inline:15px}.brand-lockup strong{font-size:16px}.last-update{display:none}.main-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,.8fr)}.metrics-strip{grid-template-columns:repeat(5,minmax(170px,1fr));overflow-x:auto}}@media (width<=860px){.app-shell{border:0}.dashboard-header{position:relative}.header-main{grid-template-columns:1fr auto;grid-template-areas:"brand brand""title title""status status"}.brand-lockup{border-right:0;border-bottom:1px solid var(--border);grid-area:brand;min-height:58px}.brand-lockup strong{font-size:20px}.header-title{grid-area:title;min-height:44px;padding-inline:15px}.header-title h1{font-size:16px}.header-status{scrollbar-width:none;grid-area:status;justify-content:flex-start;padding:9px 15px 11px;overflow-x:auto}.header-status::-webkit-scrollbar{display:none}.metrics-strip::-webkit-scrollbar{display:none}.header-status .status-badge:first-child,.last-update{display:inline-flex}.last-update{margin-left:auto}.filter-bar{display:none}main{padding:10px}.metrics-strip{scroll-snap-type:x proximity;scrollbar-width:none;margin-bottom:10px;display:flex;overflow-x:auto}.metric{scroll-snap-align:start;flex:0 0 48%;min-width:175px;padding:13px 14px}.metric-value{white-space:normal;font-size:23px;line-height:1.12}.metric-value small{margin-top:4px;font-size:10px;display:block}.main-grid{display:block}.chart-header{flex-direction:column;min-height:92px;padding-bottom:10px}.chart-legend{gap:11px}.range-control{width:100%}.range-control button{flex:1;min-width:0}.range-control .expand-button{flex:0 0 42px}.chart-canvas{padding:4px 2px 0}.chart-svg{min-height:295px}.axis-label{font-size:12px}.event-label-time{font-size:11px}.event-label-symbol{font-size:9.5px}.latest-value{font-size:11px}.latest-unit{font-size:9px}.mobile-panel-tabs{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(3,1fr);margin:10px 0;display:grid;overflow:hidden}.mobile-panel-tabs button{min-height:50px;color:var(--muted);border-left:1px solid var(--border);background:0 0;justify-content:center;gap:7px;font-size:12px}.mobile-panel-tabs button:first-child{border-left:0}.mobile-panel-tabs button.is-active{color:var(--cyan-strong);background:#3ba7f514;box-shadow:inset 0 0 0 1px #3ba7f5b3}.desktop-trade-table{display:none}.mobile-trade-list{display:block}.trades-header>span{font-size:8px}.mobile-trade{border-top:1px solid var(--border)}.mobile-trade:first-child{border-top:0}.mobile-trade.is-selected{box-shadow:inset 2px 0 var(--cyan-strong);background:#3ba7f509}.mobile-trade>button{color:#c5d0da;text-align:left;background:0 0;grid-template-columns:64px minmax(62px,.8fr) minmax(52px,.7fr) minmax(86px,1.2fr) minmax(64px,.9fr) 18px;align-items:center;gap:6px;width:100%;min-height:54px;padding:7px 12px;font-size:10px;display:grid}.mobile-trade-time{font-family:var(--mono);font-variant-numeric:tabular-nums}.mobile-trade-result{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;display:flex}.mobile-trade-result small{font-size:7px}.mobile-trade-result em{margin-top:2px;font-size:8px;font-style:normal}.mobile-trade>button>svg{color:var(--muted);transition:transform .16s}.mobile-trade>button>svg.is-rotated{transform:rotate(180deg)}.trade-details--compact{background:#071521;border-color:#3ba7f573;border-radius:6px;margin:0 10px 10px}.trade-details--compact dl{grid-template-columns:1fr 1fr;gap:0 18px;padding:8px 12px;display:grid}.trade-details--compact dl>div{min-height:50px;padding:7px 0;display:block}.trade-details--compact dt,.trade-details--compact dd{text-align:left}.trade-details--compact dd{margin-top:5px;font-size:11px}.position-row{min-height:45px}.position-table,.risk-copy strong,.risk-value{font-size:11px}.risk-item{min-height:62px}.dashboard-footer{flex-wrap:wrap;gap:7px;padding:11px 14px;font-size:8px}}@media (width<=520px){.header-status{padding-inline:12px}.last-update{display:none}.metric{flex-basis:58%}.chart-legend{font-size:9px}.mobile-trade>button{grid-template-columns:55px minmax(58px,.9fr) minmax(48px,.7fr) minmax(76px,1.15fr) 14px;padding-inline:9px}.mobile-trade .trade-status{display:none}.mobile-panel-tabs button{font-size:11px}}