:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf5f2;background:#080d0c;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #080d0c;--surface: #101716;--surface-2: #141d1b;--surface-3: #18221f;--border: #26332f;--border-strong: #34443f;--text: #edf5f2;--muted: #7f918c;--muted-2: #a8b6b2;--green: #32d5a4;--green-soft: rgba(50, 213, 164, .1);--red: #ff6576;--red-soft: rgba(255, 101, 118, .1);--yellow: #e5bc45}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}.app-shell{min-height:100vh;background:radial-gradient(circle at 18% 0%,rgba(40,143,111,.09),transparent 28rem),radial-gradient(circle at 92% 25%,rgba(229,188,69,.04),transparent 30rem),var(--bg)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid rgba(38,51,47,.82);background:#080d0ce0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;min-width:0;align-items:center;gap:18px;color:var(--text);text-decoration:none}.brand-logo{display:block;flex:0 0 auto;width:161px;height:28px}.brand-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.brand strong{font-size:12px;letter-spacing:.055em;white-space:nowrap}.brand small{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.topbar-meta{display:flex;align-items:center;gap:18px}.mode-badge{display:inline-flex;align-items:center;gap:7px;color:var(--muted-2);font-size:12px}.mode-badge>span{width:7px;height:7px;border-radius:50%;background:var(--muted)}.mode-badge.live>span{background:var(--green);box-shadow:0 0 0 4px #32d5a417}.mode-badge.demo>span{background:var(--yellow)}.mode-badge.warning>span{background:var(--red)}.updated{color:var(--muted);font-size:12px}.refresh-button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted-2);font-size:12px;cursor:pointer}.refresh-button:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-2)}.refresh-button:disabled{opacity:.65;cursor:wait}.spinning{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}main{width:min(1540px,calc(100% - 40px));margin:0 auto;padding:48px 0 28px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px}.page-heading h1{margin:7px 0 6px;font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.045em;font-weight:620}.page-heading>div:first-child>p:last-child{margin:0;color:var(--muted);font-size:14px}.eyebrow{display:flex;align-items:center;gap:7px;margin:0;color:var(--green);font-size:10px;line-height:1.2;font-weight:650;letter-spacing:.16em;text-transform:uppercase}.filters{display:flex;align-items:center;gap:12px}.account-filter,.range-filter,.chart-controls{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--border);border-radius:9px;background:#101716b8}.account-filter button,.range-filter button,.chart-controls button{min-height:32px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;white-space:nowrap}.account-filter button:hover,.range-filter button:hover,.chart-controls button:hover{color:var(--text)}.account-filter button.active,.range-filter button.active,.chart-controls button.active{color:var(--text);background:var(--surface-3);box-shadow:inset 0 0 0 1px #ffffff06}.notice{display:flex;align-items:flex-start;gap:10px;margin:-4px 0 22px;padding:12px 14px;border:1px solid var(--border);border-radius:9px;color:var(--muted-2);font-size:12px;line-height:1.55}.notice svg{flex:0 0 auto;margin-top:1px}.notice strong{color:var(--text)}.notice code{color:var(--green);font-size:11px}.demo-notice{border-color:#e5bc4540;background:#e5bc450b}.demo-notice svg{color:var(--yellow)}.error-notice,.warning-notice{border-color:#ff65763d;background:#ff65760b}.error-notice svg,.warning-notice svg{color:var(--red)}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-card{min-width:0;padding:17px 18px 16px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,#141d1be0,#0e1513f0)}.metric-topline{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.metric-topline svg{color:#64766f}.metric-value{display:block;overflow:hidden;margin-top:20px;color:var(--text);font-size:clamp(19px,1.7vw,27px);line-height:1.1;font-weight:580;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.metric-detail{display:block;overflow:hidden;margin-top:8px;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.neutral{color:var(--text)}.panel{border:1px solid var(--border);border-radius:14px;background:#0f1614db}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,.62fr);gap:16px;margin-bottom:16px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 0}.panel-header.compact{align-items:center;padding-bottom:18px;border-bottom:1px solid var(--border)}.panel-header h2{margin:6px 0 0;font-size:17px;font-weight:570;letter-spacing:-.02em}.panel-header.compact>svg{color:var(--green)}.chart-controls{margin-top:-2px}.chart-controls span{padding:0 9px;color:var(--muted);font-size:11px}.showcase-chart-label{display:inline-flex;align-items:center;gap:12px;margin-top:-2px;padding:8px 11px;border:1px solid var(--border);border-radius:9px;background:#101716b8}.showcase-chart-label span{color:var(--text);font-size:11px;font-weight:600}.showcase-chart-label small{color:var(--muted);font-size:10px}.chart-wrap{position:relative;width:100%;height:330px;padding:8px 17px 18px 6px}.chart-empty{position:absolute;z-index:2;top:48%;left:50%;transform:translate(-50%,-50%);color:var(--muted);font-size:12px;pointer-events:none}.chart-tooltip{display:flex;flex-direction:column;gap:5px;padding:9px 11px;border:1px solid var(--border-strong);border-radius:8px;background:#131b19;box-shadow:0 12px 30px #00000052}.chart-tooltip span{color:var(--muted);font-size:10px}.chart-tooltip strong{font-size:13px;font-weight:570}.account-list{padding:7px 10px 11px}.account-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:14px 11px;border:0;border-bottom:1px solid rgba(38,51,47,.7);background:transparent;text-align:left;cursor:pointer}.account-row:last-child{border-bottom:0}.account-row:hover{background:#ffffff05}.account-row.selected{background:#32d5a40b}.account-marker{width:3px;height:28px;border-radius:4px;background:var(--account-color);box-shadow:0 0 12px color-mix(in srgb,var(--account-color),transparent 50%)}.account-main,.account-values{display:flex;flex-direction:column;gap:5px;min-width:0}.account-main>span{font-size:12px;font-weight:570}.account-main small,.account-values small{color:var(--muted);font-size:10px}.account-values{align-items:flex-end}.account-values strong{font-size:12px;font-weight:550;font-variant-numeric:tabular-nums}.read-only-note{display:flex;align-items:center;gap:8px;margin:0 20px 18px;padding-top:15px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}.read-only-note svg{color:var(--green)}.showcase-account-list .account-values strong{font-size:13px}.asset-breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.allocation-panel{min-width:0}.panel-total{color:var(--muted-2);font-size:12px;font-variant-numeric:tabular-nums}.allocation-content{display:grid;grid-template-columns:210px 1fr;align-items:center;min-height:210px;padding:4px 22px 16px}.donut-wrap{position:relative;width:190px;height:176px;justify-self:center}.donut-center{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate(-50%,-50%);pointer-events:none}.donut-center span{color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.donut-center strong{font-size:16px;font-weight:570}.allocation-legend{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:15px 22px}.allocation-legend>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;color:var(--muted-2);font-size:11px}.allocation-legend strong{color:var(--text);font-size:11px;font-weight:520;font-variant-numeric:tabular-nums}.legend-value{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.legend-value small,.asset-tooltip small{color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.legend-dot{width:7px;height:7px;border-radius:2px}.heatmap-block{padding:0 22px 20px}.heatmap-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 2px 10px;border-top:1px solid var(--border)}.heatmap-heading span{color:var(--muted-2);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.heatmap-heading small{color:var(--muted);font-size:9px}.heatmap-wrap{width:100%;height:170px}.heatmap-icon{clip-path:circle(50% at 50% 50%);pointer-events:none}.heatmap-symbol{fill:var(--text);font-size:11px;font-weight:650;letter-spacing:.03em;pointer-events:none}.heatmap-value{fill:var(--green);font-size:10px;font-weight:570;font-variant-numeric:tabular-nums;pointer-events:none}.heatmap-value.loss{fill:var(--red)}.heatmap-percentage{fill:var(--muted-2);font-size:8px;font-variant-numeric:tabular-nums;pointer-events:none}.empty-mini{display:grid;place-items:center;min-height:180px;color:var(--muted);font-size:12px}.daily-activity-panel{overflow:hidden;margin-bottom:16px}.daily-activity-summary{display:flex;align-items:flex-end;flex-direction:column;gap:5px;font-variant-numeric:tabular-nums}.daily-activity-summary strong{font-size:14px;font-weight:580}.daily-activity-summary span{color:var(--muted);font-size:10px}.daily-activity-body{padding:16px 18px 18px 8px}.daily-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 8px 8px 66px}.daily-chart-heading small{color:var(--muted);font-size:9px}.daily-chart-legend{display:flex;align-items:center;gap:18px}.daily-chart-legend span{display:inline-flex;align-items:center;gap:7px;color:var(--muted-2);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.daily-chart-legend i{width:8px;height:8px;border-radius:2px}.daily-chart-legend .pnl-legend{background:var(--green)}.daily-chart-legend .trades-legend{background:var(--yellow)}.daily-combined-chart{position:relative;width:100%;height:290px}.daily-activity-tooltip small{color:var(--muted-2);font-size:10px}.historical-chart-panel{overflow:hidden;margin-bottom:16px}.history-panel-header{min-height:78px}.history-panel-meta{color:var(--muted);font-size:10px}.history-pnl-summary{display:flex;align-items:flex-end;flex-direction:column;gap:5px;font-variant-numeric:tabular-nums}.history-pnl-summary strong{font-size:14px;font-weight:580}.history-pnl-summary span{color:var(--muted);font-size:10px}.history-chart-body{padding:16px 18px 14px 8px}.history-chart-legend{display:flex;min-height:22px;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:0 8px 8px 58px}.history-chart-legend span{display:inline-flex;align-items:center;gap:7px;color:var(--muted-2);font-size:9px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.history-chart-legend i{display:inline-block;width:8px;height:8px;border-radius:2px}.history-chart-legend .total-pnl-legend{background:var(--green)}.history-chart-legend .realized-pnl-legend{background:var(--yellow)}.history-chart-legend .unrealized-pnl-legend{background:#5b9cf5}.historical-chart{position:relative;width:100%;height:310px}.history-method-note{margin:3px 0 0;padding-left:58px;color:var(--muted);font-size:9px;line-height:1.45}.history-tooltip{min-width:194px}.history-tooltip>div{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:7px}.history-tooltip i{width:7px;height:7px;border-radius:50%}.history-tooltip small{color:var(--muted-2);font-size:10px}.history-tooltip>div strong{font-size:11px;font-variant-numeric:tabular-nums}.showcase-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.showcase-assets-panel{margin-bottom:16px}.showcase-percentage-note{color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.showcase-allocation-body{display:grid;grid-template-columns:minmax(520px,.95fr) minmax(520px,1.25fr);align-items:stretch}.showcase-allocation-body .allocation-content{min-height:220px}.showcase-allocation-body .heatmap-block{padding-top:4px}.showcase-allocation-body .heatmap-heading{border-top:0}.showcase-allocation-body .heatmap-wrap{height:184px}.setup-cell{color:var(--muted-2);font-size:10px}.showcase-trades-table{min-width:980px}.positions-panel{overflow:hidden}.positions-header{display:flex;align-items:center;justify-content:space-between;min-height:66px;padding:0 24px;border-bottom:1px solid var(--border)}.position-tabs{align-self:stretch;display:flex;gap:28px}.position-tabs button{position:relative;display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--muted);font-size:13px;cursor:pointer}.position-tabs button:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:transparent}.position-tabs button.active{color:var(--text)}.position-tabs button.active:after{background:var(--green)}.position-tabs button span{display:grid;place-items:center;min-width:22px;height:19px;padding:0 5px;border-radius:5px;background:var(--surface-3);color:var(--muted-2);font-size:10px}.table-caption{color:var(--muted);font-size:10px}th.trade-card-action,td.trade-card-action{position:sticky;right:0;background:var(--surface);box-shadow:-1px 0 var(--border);text-align:center}.trade-card-download{display:flex;flex-direction:column;align-items:center;gap:6px}.trade-card-button{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;padding:0;border:1px solid var(--border-strong);border-radius:4px;background:var(--surface-2);color:var(--text);cursor:pointer}.trade-card-button:hover:not(:disabled){background:var(--surface-3);border-color:var(--muted)}.trade-card-button:focus-visible{outline:2px solid var(--green);outline-offset:3px}.trade-card-button:disabled{cursor:progress;opacity:.65}.trade-card-error{max-width:170px;color:var(--red);font-size:10px;line-height:1.4;white-space:normal}.trade-card-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.trade-card-spinner{animation:trade-card-spin .8s linear infinite}@keyframes trade-card-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.trade-card-spinner{animation:none}}@media(max-width:700px){.trade-card-button{width:44px;height:44px}th.trade-card-action,td.trade-card-action{padding-inline:10px}}.table-scroll{overflow-x:auto}table{width:100%;min-width:1120px;border-collapse:collapse}th{height:45px;padding:0 18px;border-bottom:1px solid var(--border);color:#667771;font-size:9px;font-weight:600;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap}td{height:74px;padding:10px 18px;border-bottom:1px solid rgba(38,51,47,.72);color:var(--muted-2);font-size:11px;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#ffffff03}th.numeric,td.numeric{text-align:right}td.numeric>strong,td.numeric>small{display:block;font-variant-numeric:tabular-nums}td.numeric>strong{color:var(--text);font-size:11px;font-weight:530}td.numeric>small{margin-top:6px;color:var(--muted);font-size:9px}td.pnl-cell>strong,td.pnl-cell>small{color:inherit}td.fee-cell>strong,td.fee-cell>small{color:var(--muted)}.instrument-cell{display:flex;align-items:center;gap:10px}.instrument-icon{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;overflow:hidden;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface-3);color:var(--text);font-size:11px;font-weight:650}.instrument-icon img{display:block;width:22px;height:22px;border-radius:50%;object-fit:cover}.instrument-cell>span:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.instrument-cell strong{color:var(--text);font-size:11px;font-weight:580}.instrument-cell strong small{margin-left:2px;color:var(--muted);font-size:8px;font-weight:450}.instrument-cell em{padding:2px 4px;border-radius:3px;font-size:8px;font-style:normal;letter-spacing:.05em}.instrument-cell em.long{color:var(--green);background:var(--green-soft)}.instrument-cell em.short{color:var(--red);background:var(--red-soft)}.account-tag{display:inline-flex;align-items:center;gap:7px;color:var(--muted-2);font-size:10px}.account-tag i{width:6px;height:6px;border-radius:50%}.pnl-cell strong{font-size:12px!important}.date-cell{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.duration-cell{display:inline-flex;align-items:center;gap:6px;color:var(--muted-2);font-size:10px}.duration-cell svg{color:var(--muted)}.empty-table{display:flex;min-height:240px;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.empty-table svg{margin-bottom:3px;color:#5e706a}.empty-table strong{color:var(--muted-2);font-size:13px;font-weight:550}.empty-table span{font-size:11px}footer{display:flex;align-items:center;justify-content:space-between;padding:21px 4px 0;color:#5e6f6a;font-size:10px}footer span:first-child{display:inline-flex;align-items:center;gap:7px}footer svg{color:var(--green)}.app-loading{display:grid;place-items:center;align-content:center;gap:8px;min-height:100vh;color:var(--muted);background:var(--bg);font-size:12px}.app-loading strong{margin-top:8px;color:var(--text);font-size:15px;font-weight:570}.loading-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:12px;color:var(--green);background:var(--surface);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #32d5a40a}}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-breakdown-grid{grid-template-columns:1fr}.allocation-content{grid-template-columns:250px 1fr}.allocation-legend{grid-template-columns:repeat(3,minmax(120px,1fr))}.showcase-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.showcase-allocation-body{grid-template-columns:1fr}.showcase-allocation-body .heatmap-block{padding-top:0}.showcase-allocation-body .heatmap-heading{border-top:1px solid var(--border)}}@media(max-width:900px){.topbar{padding:0 20px}.updated{display:none}main{width:min(100% - 28px,1540px);padding-top:34px}.page-heading{align-items:flex-start;flex-direction:column}.filters{width:100%;align-items:stretch;flex-direction:column}.account-filter{overflow-x:auto}.account-filter button{flex:1 0 auto}.range-filter{align-self:flex-start}.analytics-grid{grid-template-columns:1fr}.accounts-panel{order:-1}.account-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px}.account-row{grid-template-columns:6px 1fr;border:1px solid var(--border);border-radius:9px}.account-values{grid-column:2;align-items:flex-start}.read-only-note{margin-top:4px}.allocation-content{grid-template-columns:220px 1fr}}@media(max-width:680px){.topbar{height:72px}.brand{gap:10px}.brand-logo{width:120px;height:auto}.brand-copy{max-width:210px}.brand strong{font-size:9px;line-height:1.35;letter-spacing:.025em;white-space:normal}.brand small,.mode-badge,.refresh-button span{display:none}.topbar-meta{gap:10px}.refresh-button{width:34px;padding:0;justify-content:center}main{width:min(100% - 20px,1540px);padding-top:28px}.page-heading{gap:24px;margin-bottom:22px}.page-heading h1{font-size:34px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{padding:14px}.metric-value{margin-top:16px;font-size:20px}.panel-header{padding:18px 16px 0}.chart-wrap{height:290px;padding-right:8px}.account-list{grid-template-columns:1fr}.account-row{grid-template-columns:6px minmax(0,1fr) auto}.account-values{grid-column:auto;align-items:flex-end}.allocation-content{grid-template-columns:1fr;padding:0 16px 20px}.allocation-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;width:100%}.heatmap-block{padding:0 16px 16px}.heatmap-wrap{height:155px}.daily-activity-body{padding-right:8px;padding-left:0}.daily-chart-heading{padding-right:8px;padding-left:52px}.daily-chart-heading small{display:none}.daily-chart-legend{gap:12px}.daily-chart-legend span{gap:5px;font-size:8px}.daily-combined-chart{height:260px}.history-panel-header{min-height:74px}.history-panel-meta{max-width:118px;text-align:right}.history-chart-body{padding-right:8px;padding-left:0}.history-chart-legend{gap:9px 13px;padding-left:50px}.history-chart-legend span{gap:5px;font-size:8px}.historical-chart{height:270px}.history-method-note{padding-left:50px}.positions-header{min-height:76px;align-items:flex-start;flex-direction:column;justify-content:center;gap:8px;padding:0 16px}.position-tabs{align-self:stretch;height:42px;gap:18px}.position-tabs button{font-size:11px}.table-caption{margin-bottom:10px}footer{align-items:flex-start;flex-direction:column;gap:8px}}@media(max-width:430px){.topbar{padding:0 10px}.brand-logo{width:92px}.brand-copy{max-width:150px}.brand strong{font-size:8px}.metric-grid{grid-template-columns:1fr 1fr}.metric-detail{font-size:9px}.chart-controls span{display:none}.allocation-legend{grid-template-columns:1fr 1fr}.position-tabs{gap:10px}.position-tabs button{gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:GROX Inter;src:url(/brand/inter-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root.grox-theme{color-scheme:light;font-family:GROX Inter,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);--bg: #fff;--surface: #fff;--surface-2: #f5f5f3;--surface-3: #ededea;--border: #deded9;--border-strong: #aaa9a4;--text: #111;--muted: #73736e;--muted-2: #52524e;--green: #247454;--green-soft: #edf4ef;--red: #b4443b;--red-soft: #faeeec;--yellow: #7d796e;--chart-primary: #111;--chart-secondary: #8d8a80;--chart-tertiary: #6e817a;--chart-grid: #ebebe7;--chart-zero: #b9b9b2;--chart-cursor: #aaa9a4;--chart-hover: #f2f2ef;--account-1: #425c51;--account-2: #a08a66;--account-3: #818c9c;--history-total: #111;--allocation-1: #333e38;--allocation-2: #8e9d92;--allocation-3: #bcb19b;--allocation-4: #7f8387;--allocation-5: #c3c5c0;--allocation-6: #667d71;--allocation-7: #9e9d96;--topbar-bg: rgba(255, 255, 255, .97);--on-emphasis: #fff;--emphasis-hover: #333;--row-hover: #fafaf8}:root.grox-theme[data-grox-mode=dark]{color-scheme:dark;--bg: #0e100f;--surface: #141615;--surface-2: #1b1e1c;--surface-3: #242825;--border: #303631;--border-strong: #626b64;--text: #f2f2ed;--muted: #9ca49e;--muted-2: #b7beb8;--green: #7bc5a1;--green-soft: #1b3026;--red: #ed938a;--red-soft: #342322;--yellow: #c4b99e;--chart-primary: #f2f2ed;--chart-secondary: #c4b99e;--chart-tertiary: #8bafa0;--chart-grid: #292e2a;--chart-zero: #565f58;--chart-cursor: #9ca49e;--chart-hover: #242825;--account-1: #8bafa0;--account-2: #c4b99e;--account-3: #9caac0;--history-total: #f2f2ed;--allocation-1: #8bafa0;--allocation-2: #b8c4b9;--allocation-3: #c4b99e;--allocation-4: #9caac0;--allocation-5: #d2d4cc;--allocation-6: #718c7e;--allocation-7: #a6a59c;--topbar-bg: rgba(14, 16, 15, .97);--on-emphasis: #111;--emphasis-hover: #d2d4cc;--row-hover: #1b1e1c}.grox-theme[data-grox-mode=dark] .brand-logo,.grox-theme[data-grox-mode=dark] .footer-grox-logo{filter:invert(1)}.grox-theme body{background:var(--bg);-webkit-font-smoothing:antialiased}.grox-theme .app-shell{background:var(--bg)}.grox-theme button:focus-visible,.grox-theme a:focus-visible{outline-color:var(--text)}.grox-theme .topbar{height:96px;gap:32px;padding-inline:max(32px,calc((100vw - 1440px)/2));border-color:var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.grox-theme .brand{gap:24px}.grox-theme .brand-logo{width:180px;height:auto}.grox-theme .brand-copy{padding-left:24px;border-left:1px solid var(--border);gap:5px}.grox-theme .brand strong{font-size:12px;font-weight:500;letter-spacing:0}.grox-theme .brand small{font-size:9px;letter-spacing:.06em}.grox-theme .dashboard-nav{display:flex;align-items:center;gap:28px;margin-right:auto}.grox-theme .dashboard-nav a{color:var(--muted);text-decoration:none;font-size:12px;white-space:nowrap}.grox-theme .dashboard-nav a:first-child{color:var(--text)}.grox-theme .dashboard-nav a:hover{color:var(--text);text-decoration:underline;text-underline-offset:5px}.grox-theme .topbar-meta{gap:16px}.grox-theme .preview-badge{padding:6px 8px;border:1px solid var(--border);color:var(--muted);font-size:9px;line-height:12px;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.grox-theme .mode-badge{font-size:11px;white-space:nowrap}.grox-theme .mode-badge.live>span{box-shadow:none;width:6px;height:6px}.grox-theme .updated{display:none}.grox-theme .theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:88px;min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:0;background:var(--surface);color:var(--text);font-size:11px;cursor:pointer}.grox-theme .theme-toggle:hover{background:var(--surface-2);border-color:var(--border-strong)}.grox-theme .theme-toggle svg{flex-shrink:0}.grox-theme .refresh-button{min-height:36px;padding-inline:12px;border-radius:0;background:var(--text);color:var(--on-emphasis);border-color:var(--text);font-size:11px}.grox-theme .refresh-button:hover{background:var(--emphasis-hover);color:var(--on-emphasis)}.grox-theme main{width:min(1440px,calc(100% - 64px));padding-block:56px 32px}.grox-theme #top,.grox-theme #positions{scroll-margin-top:124px}.grox-theme .page-heading{align-items:flex-end;gap:28px;margin-bottom:40px}.grox-theme .eyebrow{color:var(--muted);font-size:10px;line-height:16px;font-weight:500;letter-spacing:.04em}.grox-theme .page-heading h1{margin:16px 0;font-size:clamp(36px,3.7vw,56px);line-height:1.12;font-weight:650;letter-spacing:-.035em}.grox-theme .page-heading>div:first-child>p:last-child{color:var(--muted);font-size:14px;line-height:22px}.grox-theme .filters{flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.grox-theme .account-filter,.grox-theme .range-filter,.grox-theme .chart-controls{padding:0;border-radius:0;background:var(--surface)}.grox-theme .account-filter button,.grox-theme .range-filter button,.grox-theme .chart-controls button{min-height:36px;padding-inline:16px;border-radius:0;color:var(--muted-2);font-size:11px}.grox-theme .account-filter button.active,.grox-theme .range-filter button.active,.grox-theme .chart-controls button.active{background:var(--text);color:var(--on-emphasis);box-shadow:none}.grox-theme .account-filter button:not(.active):hover,.grox-theme .range-filter button:not(.active):hover,.grox-theme .chart-controls button:not(.active):hover{background:var(--surface-2);color:var(--text)}.grox-theme .metric-grid{gap:0;margin-bottom:48px;background:var(--surface-2)}.grox-theme .metric-card{padding:24px;border:0;border-right:1px solid var(--border);border-radius:0;background:transparent}.grox-theme .metric-card:last-child{border-right:0}.grox-theme .metric-topline{gap:8px;min-height:16px;font-size:10px;line-height:16px}.grox-theme .metric-topline svg{color:#93938b;width:14px;height:14px;flex-shrink:0}.grox-theme .metric-value{margin-top:22px;font-size:clamp(22px,2vw,30px);font-weight:550;line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.grox-theme .metric-detail{margin-top:10px;font-size:10px;line-height:16px;white-space:normal}.grox-theme .dashboard-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:40px 0 20px}.grox-theme .dashboard-section-heading>span{color:var(--muted);font-size:10px}.grox-theme .panel{border-radius:0;background:var(--surface);border-color:var(--border)}.grox-theme .analytics-grid{grid-template-columns:minmax(0,1fr) 340px;gap:24px;margin-bottom:24px}.grox-theme .panel-header{gap:20px;padding:26px 28px 0}.grox-theme .panel-header.compact{padding-bottom:22px}.grox-theme .panel-header h2{margin-top:8px;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:26px}.grox-theme .panel-header.compact>svg{color:var(--text)}.grox-theme .chart-controls button{min-height:30px;padding-inline:12px}.grox-theme .chart-wrap{height:322px;padding:24px 24px 16px 8px}.grox-theme #performanceFill stop:first-child{stop-opacity:.12}.grox-theme .chart-tooltip{border-radius:0;padding:12px 16px;background:var(--surface);box-shadow:0 8px 24px #0000000d}.grox-theme .chart-tooltip strong{font-weight:600}.grox-theme .account-list{padding:8px 20px 12px}.grox-theme .account-row{gap:12px;padding:20px 8px;border-color:var(--border)}.grox-theme .account-row:hover,.grox-theme .account-row.selected{background:var(--surface-2)}.grox-theme .account-marker{width:3px;height:32px;border-radius:0;box-shadow:none}.grox-theme .account-main{gap:7px}.grox-theme .account-main>span{font-size:14px;font-weight:600}.grox-theme .account-main small,.grox-theme .account-values small{font-size:10px}.grox-theme .account-values strong{font-size:14px;font-weight:550}.grox-theme .read-only-note{margin:0 28px 24px;line-height:16px}.grox-theme .read-only-note svg{color:var(--muted);flex-shrink:0}.grox-theme .asset-breakdown-grid{gap:24px;margin-bottom:24px}.grox-theme .allocation-content{grid-template-columns:190px 1fr;padding:16px 24px 24px;min-height:240px}.grox-theme .allocation-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.grox-theme .allocation-legend>div{grid-template-columns:6px minmax(0,1fr) auto;gap:7px;font-size:11px}.grox-theme .legend-dot{border-radius:0;width:6px;height:6px}.grox-theme .allocation-legend strong{font-size:11px}.grox-theme .donut-center strong{color:var(--text);font-weight:600}.grox-theme .heatmap-block{padding:0 24px 24px}.grox-theme .heatmap-heading{padding-block:18px 14px}.grox-theme .heatmap-heading span{font-size:9px;font-weight:500;letter-spacing:.05em}.grox-theme .heatmap-wrap rect{rx:0;stroke:var(--surface)}.grox-theme .heatmap-symbol{font-weight:600}.grox-theme .heatmap-percentage{fill:var(--muted-2)}.grox-theme .daily-activity-panel,.grox-theme .historical-chart-panel{margin-bottom:24px}.grox-theme .daily-chart-legend .trades-legend,.grox-theme .history-chart-legend .realized-pnl-legend{background:var(--chart-secondary)}.grox-theme .history-chart-legend .total-pnl-legend{background:var(--chart-primary)}.grox-theme .history-chart-legend .unrealized-pnl-legend{background:var(--chart-tertiary)}.grox-theme .history-method-note{font-size:10px;line-height:16px;margin-top:12px}.grox-theme .daily-activity-body,.grox-theme .history-chart-body{padding-block:24px}.grox-theme .positions-header{min-height:78px;padding-inline:28px}.grox-theme .position-tabs{gap:32px}.grox-theme .position-tabs button{font-size:13px;font-weight:500}.grox-theme .position-tabs button.active:after{background:var(--text)}.grox-theme .position-tabs button span{border-radius:0;min-width:26px;height:22px;background:var(--surface-2);font-size:10px}.grox-theme th{height:48px;color:var(--muted);background:var(--surface-2);font-weight:500}.grox-theme td{height:78px;border-color:var(--border)}.grox-theme tbody tr:hover td{background:var(--row-hover)}.grox-theme .instrument-icon{border-color:var(--border);background:var(--surface)}.grox-theme .instrument-cell em{border-radius:0}.grox-theme .instrument-cell strong,.grox-theme td.numeric>strong{font-weight:550}.grox-theme .table-caption{font-size:10px}.grox-theme .notice{border-radius:0;background:var(--surface-2)}.grox-theme .error-notice,.grox-theme .warning-notice{background:var(--red-soft)}.grox-theme footer{gap:24px;margin-top:40px;padding:28px 0 0;border-top:1px solid var(--border);color:var(--muted);font-size:10px}.grox-theme footer span{display:inline-flex;align-items:center;gap:8px}.grox-theme footer svg{color:var(--muted)}.grox-theme .footer-grox-logo{margin-right:auto;width:145px;height:auto}.grox-theme .loading-mark{border-radius:0;background:var(--surface-2);color:var(--text)}@media(min-width:1600px){.grox-theme .topbar{padding-inline:max(48px,calc((100vw - 1440px)/2))}}@media(max-width:1279px){.grox-theme .brand-copy{display:none}.grox-theme .topbar{gap:32px}.grox-theme .metric-card{padding:22px 18px}.grox-theme .analytics-grid{grid-template-columns:minmax(0,1fr) 310px}.grox-theme .allocation-content{grid-template-columns:180px 1fr}}@media(max-width:1180px){.grox-theme .metric-card:nth-child(3){border-right:0}.grox-theme .metric-card:nth-child(-n+3){border-bottom:1px solid var(--border)}.grox-theme .metric-value{font-size:28px}.grox-theme .allocation-content{grid-template-columns:250px 1fr}.grox-theme .allocation-legend{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.grox-theme .dashboard-nav{gap:20px}.grox-theme .dashboard-nav a:last-child{display:none}.grox-theme .page-heading{align-items:flex-start;flex-direction:column}.grox-theme .filters{align-items:center;flex-direction:row;width:100%;justify-content:space-between}.grox-theme .analytics-grid{grid-template-columns:minmax(0,1fr)}.grox-theme .account-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px 20px}.grox-theme .account-row{padding:12px;border:1px solid var(--border);border-radius:0;grid-template-columns:4px 1fr}.grox-theme .account-values{grid-column:2;align-items:flex-start}}@media(max-width:900px){.grox-theme .accounts-panel{order:0}.grox-theme .topbar{gap:24px}.grox-theme .preview-badge{display:none}.grox-theme main{padding-top:40px}}@media(max-width:700px){.grox-theme .topbar{height:76px;padding-inline:20px;gap:16px}.grox-theme .brand-logo{width:138px}.grox-theme .dashboard-nav{display:none}.grox-theme .topbar-meta{margin-left:auto;gap:8px}.grox-theme .theme-toggle{width:44px;min-width:44px;min-height:44px;padding:0}.grox-theme .theme-toggle span{display:none}.grox-theme .mode-badge{display:inline-flex;font-size:10px}.grox-theme .refresh-button{width:36px;min-width:36px;padding:0;justify-content:center}.grox-theme .refresh-button span{display:none}.grox-theme main{width:calc(100% - 32px);padding-top:32px}.grox-theme #top,.grox-theme #positions{scroll-margin-top:96px}.grox-theme .page-heading{gap:24px;margin-bottom:28px}.grox-theme .page-heading h1{font-size:38px;line-height:44px;margin-block:12px}.grox-theme .page-heading>div:first-child>p:last-child{font-size:13px;line-height:21px;max-width:340px}.grox-theme .filters{flex-wrap:wrap;gap:12px;align-items:flex-start}.grox-theme .account-filter{width:100%}.grox-theme .account-filter button{flex:1 1 auto;padding-inline:12px}.grox-theme .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:32px}.grox-theme .metric-card{padding:20px 16px;border-bottom:1px solid var(--border)}.grox-theme .metric-card:nth-child(3){border-right:1px solid var(--border)}.grox-theme .metric-card:nth-child(2n){border-right:0}.grox-theme .metric-card:nth-last-child(-n+2){border-bottom:0}.grox-theme .metric-value{font-size:25px;margin-top:16px}.grox-theme .metric-topline{font-size:10px;align-items:flex-start}.grox-theme .metric-detail{font-size:9px;line-height:14px}.grox-theme .dashboard-section-heading{margin:32px 0 16px}.grox-theme .dashboard-section-heading>span{display:none}.grox-theme .panel-header{padding:20px 18px 0;gap:12px}.grox-theme .panel-header.compact{padding-bottom:18px}.grox-theme .panel-header h2{font-size:17px;line-height:24px}.grox-theme .chart-controls button{padding-inline:10px}.grox-theme .chart-controls span{display:none}.grox-theme .chart-wrap{height:280px;padding-right:12px}.grox-theme .account-list{grid-template-columns:1fr;gap:0;padding:4px 18px}.grox-theme .account-row{grid-template-columns:4px minmax(0,1fr) auto;padding:18px 4px;border:0;border-bottom:1px solid var(--border)}.grox-theme .account-row:last-child{border-bottom:0}.grox-theme .account-values{grid-column:auto;align-items:flex-end}.grox-theme .read-only-note{margin:12px 18px 20px}.grox-theme .allocation-content{grid-template-columns:1fr;gap:12px;padding:12px 18px 24px}.grox-theme .allocation-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.grox-theme .heatmap-block{padding:0 18px 20px}.grox-theme .heatmap-heading{gap:12px}.grox-theme .positions-header{min-height:88px;padding-inline:18px}.grox-theme .position-tabs{gap:18px}.grox-theme .position-tabs button{font-size:11px}.grox-theme .position-tabs button span{min-width:22px}.grox-theme .daily-activity-summary strong,.grox-theme .history-pnl-summary strong{font-size:12px}.grox-theme .history-method-note{padding-right:10px;font-size:9px}.grox-theme footer{align-items:flex-start;gap:16px;margin-top:32px}.grox-theme .footer-grox-logo{margin-bottom:8px}}@media(max-width:359px){.grox-theme .topbar{padding-inline:16px;gap:8px}.grox-theme .brand-logo{width:110px}.grox-theme .page-heading h1{font-size:34px;line-height:40px}.grox-theme .metric-card{padding-inline:12px}.grox-theme .metric-value{font-size:23px}}
