: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{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}.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}.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;object-fit:contain}.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}.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}}