:root{color-scheme:light;--bg: #f6f7f9;--panel: #ffffff;--panel-2: #f1f3f6;--panel-3: #e8edf4;--line: #d9dee7;--text: #111827;--muted: #687386;--faint: #9aa3b2;--green: #16a05d;--green-dim: rgba(22, 160, 93, .1);--red: #d53f3a;--red-dim: rgba(213, 63, 58, .1);--amber: #1f6feb;--cyan: #2454d6;--shadow: rgba(21, 32, 52, .08);font-family:Aptos,Avenir Next,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text)}button{font:inherit}.shell{width:min(1800px,calc(100vw - 20px));margin:0 auto;padding:10px 0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:8px}.profileCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;margin-bottom:8px;border-radius:8px;border:1px solid var(--line);background:var(--panel);box-shadow:0 14px 36px var(--shadow)}.avatar{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 60% 62%,#24c6a6 0,#24c6a6 22%,transparent 42%),linear-gradient(135deg,#8f4de8,#35a9d8)}.profileCopy h2{margin:0;font-size:1.45rem;line-height:1.05}.profileCopy p{margin:4px 0 0;color:var(--muted)}.profileNumbers{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:6px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--cyan);font-size:.72rem;letter-spacing:0;text-transform:uppercase}h1{margin:3px 0 0;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1;letter-spacing:0}.actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.iconButton,.textButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer}.iconButton{width:32px}.textButton{padding:0 10px}.iconButton:hover,.textButton:hover{border-color:var(--amber);background:#edf4ff;color:var(--amber)}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:8px}.metric{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;min-height:68px;padding:9px;border-radius:8px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),var(--panel);box-shadow:0 16px 40px var(--shadow)}.metricIcon{display:grid;place-items:center;height:28px;width:28px;border-radius:8px;background:var(--panel-3);color:var(--amber)}.metricLabel,.miniStat span,.panelTitle{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:0}.metricValue{margin-top:3px;font-family:SF Mono,Cascadia Mono,ui-monospace,monospace;font-size:1rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metricDetail{margin-top:3px;color:var(--faint);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric.gain .metricValue,.positive{color:var(--green)}.metric.loss .metricValue,.negative{color:var(--red)}.errorStrip{margin-bottom:8px;padding:8px 10px;border:1px solid rgba(255,107,95,.35);border-radius:8px;background:var(--red-dim);color:#9f211a;font-family:SF Mono,Cascadia Mono,ui-monospace,monospace;font-size:.86rem}.alertStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px}.alertItem{min-height:42px;padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:var(--panel)}.alertItem span{display:block;margin-bottom:4px;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.alertItem strong{color:var(--text);font-size:.82rem;line-height:1.25}.alertItem.warning{border-color:#f59e0b73;background:#f59e0b14}.alertItem.critical{border-color:#d53f3a73;background:var(--red-dim)}.workbench{display:grid;grid-template-columns:minmax(760px,1fr) minmax(340px,.34fr);gap:8px;align-items:stretch}.tapeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}.rightRail{display:grid;align-content:start;gap:8px}.panel{border-radius:8px;border:1px solid var(--line);background:var(--panel);box-shadow:0 18px 52px var(--shadow);overflow:hidden}.tapePanel{height:calc(100vh - 416px);min-height:420px;display:flex;flex-direction:column}.panelTitle{display:flex;align-items:center;justify-content:space-between;min-height:31px;padding:0 10px;border-bottom:1px solid var(--line);background:var(--panel-2)}.panelTitle b{color:var(--text);font-family:SF Mono,Cascadia Mono,ui-monospace,monospace}.panelSummary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.panelSummary::-webkit-details-marker{display:none}.summaryRight{display:inline-flex;align-items:center;gap:8px}.summaryChevron{color:var(--faint);font-size:.88rem;line-height:1;transition:transform .14s ease}.collapsiblePanel[open] .summaryChevron{transform:rotate(180deg)}.collapsiblePanel:not([open]){box-shadow:none}.tapeScroll{overflow:auto;padding:4px 6px}.row{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(104px,auto);gap:8px;align-items:center;min-height:52px;padding:7px 4px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row:hover{background:var(--panel-2)}.mutedRow{opacity:.62}.sideBadge{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:60px;height:24px;border-radius:8px;font-family:SF Mono,Cascadia Mono,ui-monospace,monospace;font-size:.72rem;font-weight:800}.sideBadge.buy{background:var(--green-dim);color:var(--green)}.sideBadge.sell{background:var(--red-dim);color:var(--red)}.rowMain{min-width:0}.rowTitle,.positionTitle{overflow:hidden;color:var(--text);font-size:.82rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.rowMeta{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px;color:var(--muted);font-size:.69rem}.rowMeta span{display:inline-flex;max-width:100%}.rowNums{min-width:104px;text-align:right;font-family:SF Mono,Cascadia Mono,ui-monospace,monospace}.rowNums strong{display:block;font-size:.82rem}.rowNums span{display:block;margin-top:3px;color:var(--muted);font-size:.68rem}.pnlPanel,.positionsPanel,.pairedPanel,.targetPanel{min-height:0}.pnlPanel{margin-bottom:8px;background:linear-gradient(180deg,#fff 0% 72%,#fbfcff)}.pnlHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;padding:18px 22px 0}.rangePicker{display:inline-flex;gap:7px;align-items:center;justify-content:flex-end;padding-top:2px}.rangePicker button{height:30px;padding:0 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:700}.rangePicker button:hover,.rangePicker button.active{border-color:#bfd0f7;background:#edf4ff;color:var(--cyan)}.pnlIdentity{min-width:0}.profitLabel{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.92rem;font-weight:800}.profitDot{display:inline-block;width:0;height:0;border-right:6px solid transparent;border-left:6px solid transparent}.profitDot.up{border-bottom:10px solid var(--green)}.profitDot.down{border-top:10px solid var(--red)}.pnlHeroValue{font-family:SF Mono,Cascadia Mono,ui-monospace,monospace;margin-top:14px;font-size:clamp(2.4rem,4.4vw,4.8rem);line-height:.92;font-weight:900;letter-spacing:0}.pnlSubcopy{margin-top:14px;color:var(--muted);font-size:1rem;font-weight:700}.sparkline{position:relative;display:block;width:calc(100% - 36px);height:230px;margin:-28px 18px 4px}.chartWatermark{position:absolute;top:24px;right:28px;z-index:1;color:#b3bac7;font-size:1.12rem;font-weight:900;opacity:.72;pointer-events:none}.sparkline .recharts-tooltip-wrapper{outline:none}.sparkline .recharts-default-tooltip{border:1px solid var(--line)!important;border-radius:8px;background:#fffffff5!important;box-shadow:0 12px 28px var(--shadow);font-family:SF Mono,Cascadia Mono,ui-monospace,monospace;font-size:.74rem}.sparkArea{fill:#f4c95d14}.sparkLine{fill:none;stroke-width:3}.positiveStroke{stroke:var(--green)}.negativeStroke{stroke:var(--red)}.pnlStats,.positionGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:6px}.positionGrid{grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin-top:12px}.targetSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:6px}.strategyHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid var(--line)}.strategyHeader strong{display:block;margin-top:4px;font-family:SF Mono,Cascadia Mono,ui-monospace,monospace;font-size:1.02rem}.strategyPill{display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:24px;border-radius:8px;border:1px solid rgba(86,212,217,.36);background:#56d4d91a;color:var(--cyan);font-family:SF Mono,Cascadia Mono,ui-monospace,monospace;font-size:.7rem;font-weight:800}.strategyGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:6px}.decisionStrip{display:flex;flex-wrap:wrap;gap:5px;padding:0 6px 6px}.decisionStrip span{padding:4px 6px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);font-size:.69rem}.miniStat{min-width:0;padding:6px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line)}.miniStat strong{display:block;margin-top:3px;overflow:hidden;font-family:SF Mono,Cascadia Mono,ui-monospace,monospace;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.positionList{max-height:300px;min-height:120px;overflow:auto;padding:4px 6px}.targetList{max-height:160px;overflow:auto;padding:4px 6px}.pairedSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:6px}.pairedList,.recentMarkets{max-height:260px;overflow:auto;padding:4px 6px}.pairedRow,.marketBacktest,.targetRow{padding:7px 4px;border-bottom:1px solid var(--line)}.targetRow:last-child,.pairedRow:last-child,.marketBacktest:last-child{border-bottom:0}.pairedHead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.pairedHead strong{font-family:SF Mono,Cascadia Mono,ui-monospace,monospace;font-size:.92rem}.pairedBars{display:flex;gap:3px;height:6px;margin-top:6px;overflow:hidden;background:var(--panel-3)}.pairedBars span{display:block;min-width:0}.position{padding:7px 4px;border-bottom:1px solid var(--line)}.empty{display:grid;place-items:center;min-height:82px;color:var(--faint)}.compactEmpty{min-height:92px}@media(max-width:1180px){.metrics,.alertStrip{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench{grid-template-columns:1fr}.tapePanel{height:560px}.positionList,.pairedList,.targetList,.recentMarkets{max-height:520px}}@media(max-width:680px){.shell{width:min(100vw - 18px,1580px);padding:14px 0}.topbar{align-items:stretch;flex-direction:column}.actions{justify-content:space-between}.profileCard{grid-template-columns:auto minmax(0,1fr)}.profileNumbers{grid-column:1 / -1;grid-template-columns:1fr}.metrics,.alertStrip{grid-template-columns:1fr}.row{grid-template-columns:76px minmax(0,1fr)}.rowNums{grid-column:2;text-align:left}.positionGrid,.pnlStats,.pairedSummary,.targetSummary,.strategyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
