:root{font-family:IBM Plex Sans,Avenir Next,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.45;font-weight:400;color:#dbe7ff;background-color:#040917;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-0: #040917;--bg-1: #0a1224;--bg-2: #101b31;--panel: rgba(10, 18, 36, .78);--panel-strong: rgba(12, 22, 42, .92);--line: rgba(148, 163, 184, .22);--line-soft: rgba(148, 163, 184, .14);--text: #e6efff;--text-dim: #99a8c4;--accent: #5eead4;--accent-2: #38bdf8;--good: #34d399;--bad: #fb7185}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(900px 420px at 92% -12%,rgba(56,189,248,.22),transparent 66%),radial-gradient(760px 360px at -8% 116%,rgba(94,234,212,.16),transparent 70%),linear-gradient(165deg,#02050f,#050b1b 42%,#050a18);color:var(--text)}.authScreen{min-height:100vh;display:grid;place-items:center;padding:24px;outline:none;background:radial-gradient(120% 120% at 50% 0%,rgba(56,189,248,.18),transparent 55%),linear-gradient(180deg,#020617,#081426)}.authCard{width:min(380px,100%);padding:24px 20px 18px;display:grid;gap:14px;justify-items:center;background:transparent}.authCard.wide{width:min(920px,100%)}.authCard h1{margin:0;font-size:1.65rem;color:#f8fbff;font-weight:700}.authCard p{margin:0;color:#d6e6ff;font-size:1rem}.authActions{display:grid;gap:10px;width:100%}.authBtn{width:100%;border:1px solid rgba(226,232,240,.35);border-radius:999px;background:#1e293b99;color:#f8fafc;font-size:1rem;font-weight:600;padding:12px 16px;text-align:center;text-decoration:none;transition:background-color .12s ease,border-color .12s ease}.authBtn:hover{background:#334155ad;border-color:#f1f5f980}.authBtn.secondary{font-weight:500;opacity:.95}.onboardingForm{width:100%;display:grid;gap:12px}.onboardingForm label{display:grid;gap:6px;color:#cbd5e1;font-size:.9rem}.onboardingForm input,.onboardingForm select{border:1px solid rgba(226,232,240,.35);border-radius:10px;background:#1e293b99;color:#f8fafc;font-size:.95rem;padding:10px}.onboardingGrid{display:grid;gap:8px}.onboardingRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.onboardingForm button,.logoutBtn{border:1px solid rgba(94,234,212,.45);background:linear-gradient(120deg,#0e749047,#07598533);color:#ecfeff;border-radius:10px;font-weight:600;padding:10px 14px;cursor:pointer}.logoutBtn{margin-top:14px;width:100%}.sideSubtitle{margin:2px 0;color:#dbeafe;font-size:.86rem}.appShell{display:grid;grid-template-columns:248px 1fr;min-height:100vh;color:var(--text);overflow-x:clip}.sideNav{border-right:1px solid var(--line);background:linear-gradient(180deg,#060c19eb,#050a15eb);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:26px 16px;position:sticky;top:0;height:100vh}.sideTitle{margin:0 0 18px;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:#b6fdff;font-weight:700}.sideNav nav{display:grid;gap:8px}.privacyToggle{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--text-dim);font-size:.82rem;padding:8px 10px;background:#0f172aa6;border:1px solid var(--line-soft);border-radius:10px}.privacyToggle input{accent-color:var(--accent)}.navLink{color:#d1dcf3;text-decoration:none;padding:11px 12px;border-radius:11px;border:1px solid transparent;font-weight:600;font-size:.92rem;transition:all .18s ease}.navLink:hover{background:#0f182bc7;border-color:var(--line);transform:translate(1px)}.navLink.active{background:linear-gradient(120deg,#0e749047,#07598533);border-color:#5eead485;color:#ecfeff;box-shadow:inset 0 0 0 1px #5eead433}.mainContent{padding:24px 26px 28px;width:100%;min-width:0}.contentWrap{width:100%;min-width:0}.pageHeader{margin-bottom:16px}h1{margin:0;font-size:clamp(1.9rem,4vw,2.75rem);letter-spacing:.01em;color:#f8fbff;font-weight:700}.dashboardPanel{background:linear-gradient(165deg,#081021d9,#0c162bc7);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 20px 60px #01061473;display:grid;gap:16px}.kpiCard{background:radial-gradient(95% 140% at 10% 0%,rgba(56,189,248,.22),transparent 70%),linear-gradient(135deg,#0b1a31f2,#093556cc);color:#f8fcff;border-radius:16px;border:1px solid rgba(94,234,212,.28);padding:20px}.kpiLabel{margin:0 0 6px;display:inline-flex;align-items:center;gap:7px;font-size:.8rem;opacity:.9;text-transform:uppercase;letter-spacing:.11em;color:#a6daff}.kpiIcon{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.kpiValue{margin:0;font-size:clamp(2rem,4vw,2.9rem);font-weight:700;font-variant-numeric:tabular-nums}.kpiDeltaRow{margin-top:8px;display:flex;gap:14px;flex-wrap:wrap;font-size:.88rem;font-weight:600;color:#d5e7ff}.kpiDeltaItem{display:inline-flex;align-items:center;gap:6px}.kpiBreakdown{list-style:none;margin:13px 0 0;padding:0;display:grid;gap:6px}.kpiBreakdown li{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;color:#d5e7ff}.kpiBreakdown li span{min-width:0;overflow-wrap:anywhere}.kpiNameSuffix{display:inline;font-size:.85em;color:#9fb8d8;font-weight:500}.kpiBreakdown strong{font-weight:700;color:#ecfeff;font-variant-numeric:tabular-nums;flex:none}.kpiBreakdown strong.pos{color:var(--good)}.kpiBreakdown strong.neg{color:var(--bad)}.kpiSource{margin:8px 0 0;font-size:.82rem;opacity:.86;color:#ffc5d1}.kpiRow{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.miniKpi{background:var(--panel-strong);border:1px solid var(--line-soft);border-radius:14px;padding:14px}.miniKpi p{margin:0;display:inline-flex;align-items:center;gap:7px;color:var(--text-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.miniKpi h3{margin:8px 0 2px;font-size:1.4rem;color:#f8fafc;font-weight:700;font-variant-numeric:tabular-nums}.miniKpi h3.pos{color:var(--good)}.miniKpi h3.neg{color:var(--bad)}.miniKpi small{font-size:.83rem;color:var(--text-dim)}.chartCard,.tableCard{background:var(--panel);border:1px solid var(--line-soft);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chartCard h2,.tableCard h2{margin:0 0 10px;font-size:1.02rem;color:#f8fbff;font-weight:650;letter-spacing:.01em}.tableCard h3{margin:14px 0 8px;font-size:.9rem;color:#cbd5e1;text-transform:uppercase;letter-spacing:.06em}.portfolioMobileDetailsCard{display:none}.detailsHeaderRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.detailsHeaderRow h2{margin:0}.detailsToggleBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line-soft);background:#0f172a73;color:#cfe2ff;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:600;cursor:pointer}.detailsToggleBtn:hover{background:#0e749033;border-color:#5eead459}.detailsChevron{display:inline-flex;transition:transform .12s ease}.detailsChevron.isOpen{transform:rotate(180deg)}@keyframes livePriceBlink{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.45;transform:translateY(-1px)}}.positionCardStack{display:grid;gap:12px;margin-top:12px}.positionClassGroup{padding:0}.positionClassHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 2px 8px}.positionClassHeader h3{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#8bc5ef}.positionClassHeader span{font-size:.72rem;color:#9fb8d8}.positionClassCards{display:grid;gap:8px}.positionDetailCard{border:1px solid var(--line-soft);border-radius:12px;background:#0f172ab8;padding:10px}.positionDetailCard header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.positionNameCol{display:grid;gap:3px;min-width:0}.positionDetailCard h3{margin:0;font-size:.95rem;font-weight:650;color:#f8fbff}.positionMarketPrice{font-size:.72rem;color:#7ee7ff;white-space:nowrap;animation:livePriceBlink 1.2s ease-in-out infinite;text-shadow:0 0 8px rgba(34,211,238,.55)}.positionPnlDock{display:grid;justify-items:end;text-align:right;gap:1px;flex:none}.positionPnlDock strong{font-size:1.02rem;line-height:1.1}.positionPnlDock span{font-size:.88rem;font-weight:650}.positionQuickGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.positionQuickItem{border:1px solid rgba(148,163,184,.2);border-radius:10px;background:#0f172ae0;padding:8px}.positionQuickItem span{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:#9fb8d8}.positionQuickItem strong{display:block;margin-top:4px;font-size:.92rem;font-weight:700;color:#e2efff;font-variant-numeric:tabular-nums}.positionMetaList{margin:0;display:flex;flex-wrap:wrap;gap:6px}.positionMetaList div{border:1px solid rgba(148,163,184,.16);border-radius:999px;background:#0f172aa6;padding:4px 8px;display:inline-flex;align-items:baseline;gap:6px}.positionMetaList dt{margin:0;font-size:.64rem;color:#9fb8d8;text-transform:uppercase;letter-spacing:.03em}.positionMetaList dd{margin:0;color:#dbeafe;font-size:.74rem;font-weight:600;font-variant-numeric:tabular-nums}.portfolioCharts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chartArea{width:100%;height:390px}.chartArea.compact{height:290px}.tableWrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line-soft);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:820px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid rgba(148,163,184,.12);font-size:.9rem}th{color:#b7c8f3;font-weight:650;background:#111b2ef0;text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;position:sticky;top:0;z-index:1}td{color:#dbeafe;font-variant-numeric:tabular-nums}tbody tr:hover td{background:#0f172a94}.pos{color:var(--good)}.neg{color:var(--bad)}.error{color:#ffb4c4;margin:0;background:#7f1d1d2e;border:1px solid rgba(251,113,133,.4);border-radius:10px;padding:10px 12px}.buildFooter{position:fixed;right:10px;bottom:8px;font-size:10px;color:#bfdbfebd;background:#070e1c73;border:1px solid rgba(148,163,184,.2);border-radius:999px;padding:2px 7px;letter-spacing:.03em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2}.recharts-legend-item-text{color:#cdd9ef!important}.trendDotLatest circle{animation:trendPulse 1.2s ease-in-out infinite}@keyframes trendPulse{0%,to{opacity:1}50%{opacity:.45}}@media(max-width:1180px){.kpiRow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.appShell{grid-template-columns:1fr}.sideNav{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:14px 16px}.sideNav nav{grid-template-columns:repeat(2,minmax(0,1fr))}.mainContent{padding:12px}.dashboardPanel,.kpiCard,.tableCard{min-width:0;overflow:hidden}.dashboardPanel{padding:14px}.kpiCard,.tableCard,.chartCard,.miniKpi{padding:12px}.portfolioCharts,.kpiRow{grid-template-columns:1fr}.chartArea{height:320px}.kpiNameSuffix{display:block}.cashMobileCompact th:nth-child(1),.cashMobileCompact td:nth-child(1),.cashMobileCompact th:nth-child(3),.cashMobileCompact td:nth-child(3),.cashMobileCompact th:nth-child(5),.cashMobileCompact td:nth-child(5),.cashMobileCompact th:nth-child(6),.cashMobileCompact td:nth-child(6){display:none}.cashMobileCompact{min-width:0;width:100%;table-layout:fixed}.cashMobileCompact th,.cashMobileCompact td{padding:8px 6px;font-size:.78rem}.cashMobileCompact th:nth-child(2),.cashMobileCompact td:nth-child(2){width:68%}.cashMobileCompact th:nth-child(4),.cashMobileCompact td:nth-child(4){width:32%}.positionsMobileCompact th:nth-child(2),.positionsMobileCompact td:nth-child(2),.positionsMobileCompact th:nth-child(3),.positionsMobileCompact td:nth-child(3),.positionsMobileCompact th:nth-child(4),.positionsMobileCompact td:nth-child(4),.positionsMobileCompact th:nth-child(5),.positionsMobileCompact td:nth-child(5),.positionsMobileCompact th:nth-child(6),.positionsMobileCompact td:nth-child(6),.positionsMobileCompact th:nth-child(8),.positionsMobileCompact td:nth-child(8),.positionsMobileCompact th:nth-child(9),.positionsMobileCompact td:nth-child(9){display:none}.positionsMobileCompact{min-width:0;width:100%;table-layout:fixed}.positionsMobileCompact th,.positionsMobileCompact td{padding:8px 6px;font-size:.78rem}.positionsMobileCompact th:nth-child(1),.positionsMobileCompact td:nth-child(1){width:42%}.positionsMobileCompact th:nth-child(7),.positionsMobileCompact td:nth-child(7){width:30%}.positionsMobileCompact th:nth-child(10),.positionsMobileCompact td:nth-child(10){width:28%}.portfolioPositionsCard{display:none}.portfolioMobileDetailsCard{display:block}.kpiBreakdown li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px}.kpiBreakdown strong{text-align:right;white-space:nowrap}}