.portfolioShell{gap:24px;display:grid}.portfolioSection{gap:10px;display:grid}.portfolioSectionLabel{letter-spacing:.12em;text-transform:uppercase;color:var(--t-text-4);margin-bottom:10px;padding-left:2px;font-size:11px;font-weight:600}.portfolioWalletHeading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.portfolioWalletTitle{letter-spacing:-.03em;color:var(--t-text-1);font-size:18px;font-weight:800;line-height:1}.portfolioWalletSummary{border:1px solid var(--t-border-2);min-height:34px;color:var(--t-text-2);background:linear-gradient(#ffffff0f,#ffffff05);border-radius:14px;align-items:center;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.portfolioHeroSection{margin-top:4px}.portfolioHeroCard{background:radial-gradient(circle at top left, rgba(var(--ui-accent-rgb), .18), transparent 34%), radial-gradient(circle at bottom right, rgba(var(--ui-accent-rgb), .1), transparent 30%), linear-gradient(180deg, #10131cf5, #0a0c13fa);gap:0;padding:0;display:grid;overflow:hidden}.portfolioHeroMain{gap:18px;padding:clamp(20px,3vw,30px);display:grid}.portfolioHeroEyebrow{letter-spacing:.16em;text-transform:uppercase;color:#ffffff8f;font-size:11px;font-weight:700}.portfolioHeroCopy{gap:10px;display:grid}.portfolioHeroTitle{letter-spacing:-.04em;color:#fffffffa;max-width:12ch;margin:0;font-size:clamp(34px,6vw,60px);line-height:.96}.portfolioHeroText{color:#ffffffbd;max-width:58ch;margin:0;font-size:14px;line-height:1.65}.portfolioHeroBadgeRow{flex-wrap:wrap;gap:8px;display:flex}.portfolioHeroBadge{color:#ffffffe6;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.portfolioHeroMetricGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.portfolioHeroMetric{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;gap:6px;padding:14px 16px;display:grid;box-shadow:inset 0 1px #ffffff0a}.portfolioHeroRail{background:linear-gradient(#ffffff0a,#ffffff05);border-top:1px solid #ffffff14;align-content:start;gap:18px;padding:clamp(20px,3vw,28px);display:grid}.portfolioHeroRailBlock{gap:10px;display:grid}.portfolioHeroRailLabel{letter-spacing:.12em;text-transform:uppercase;color:#ffffff8a;font-size:11px;font-weight:700}.portfolioQuickActions{flex-wrap:wrap;gap:10px;display:flex}.portfolioCompactStat{border-bottom:1px solid var(--t-border);justify-content:space-between;align-items:center;gap:16px;padding-bottom:10px;display:flex}.portfolioMetricsGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;display:grid}.portfolioPanel{background:linear-gradient(#ffffff0a,#ffffff05);gap:14px;padding:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.portfolioMiniMetricGrid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:18px;display:grid}.portfolioMetricCard{background:linear-gradient(#ffffff0d,#ffffff05)}.portfolioMetricCardCompact{padding:14px}.portfolioCompositionGrid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:center;gap:16px;padding:18px 18px 0;display:grid}.portfolioProgressGrid{gap:12px;display:grid}.portfolioProgressStat{gap:5px;display:grid}.portfolioProgressGrid .portfolioProgressStat:nth-child(2) .botRow .botNote:last-child{color:var(--t-text-1)!important}.portfolioProgressBar{background:var(--t-surface-2);border-radius:999px;height:8px;overflow:hidden}.portfolioDonutWrap{justify-items:center;gap:10px;display:grid}.portfolioDonutLegend{gap:4px;width:100%;display:grid}.portfolioDonutEmpty{background:var(--t-surface-2);border-radius:50%;place-items:center;width:120px;height:120px;display:grid}.portfolioToolbar{border-bottom:1px solid var(--t-border-2);background:radial-gradient(circle at top left, rgba(var(--ui-accent-rgb), .14), transparent 44%), linear-gradient(180deg, #ffffff08, transparent);gap:10px;padding:16px;display:grid}.portfolioDesktopTableWrap{background:0 0;overflow-x:auto}.portfolioDataTable{border-collapse:collapse;width:100%}.portfolioTableFooter{border-top:1px solid var(--t-border-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.portfolioMobileList{display:none}.portfolioDataCard{border:1px solid var(--t-border);background:linear-gradient(#ffffff0a,#ffffff05);border-radius:18px;gap:14px;padding:14px;display:grid}.portfolioDataCardHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.portfolioDataCardTitle{color:var(--t-text-1);font-size:15px;font-weight:700}.portfolioDataGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.portfolioDataStat{gap:4px;min-width:0;display:grid}.portfolioDataLabel{letter-spacing:.08em;text-transform:uppercase;color:var(--t-text-4);font-size:11px}.portfolioDataValue{color:var(--t-text-1);overflow-wrap:anywhere;font-size:14px;font-weight:650}.portfolioDataValueAccent{color:var(--t-accent)}.portfolioAssetLabel{align-items:center;gap:8px;min-width:0;display:inline-flex}.portfolioExposurePanel{border-bottom:1px solid var(--t-border-2);background:linear-gradient(#ffffff08,#0000);gap:10px;padding:16px;display:grid}.portfolioExposureHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.portfolioSectionTitle{color:var(--t-text-1);font-size:14px;font-weight:700}.portfolioExposureList{gap:8px;display:grid}.portfolioExposureRow{gap:5px;display:grid}.portfolioExposureBar{background:var(--t-surface-2);border-radius:999px;height:8px;overflow:hidden}.portfolioEmptyState{padding:18px}html[data-theme=light] .portfolioHeroCard{background:radial-gradient(circle at top left, rgba(var(--ui-accent-rgb), .16), transparent 34%), radial-gradient(circle at bottom right, rgba(var(--ui-accent-rgb), .1), transparent 30%), linear-gradient(180deg, #fffffffa, #f6f9fcfa)}html[data-theme=light] .portfolioHeroTitle{color:rgba(var(--fg), .96)}html[data-theme=light] .portfolioHeroText,html[data-theme=light] .portfolioHeroEyebrow,html[data-theme=light] .portfolioHeroRailLabel{color:rgba(var(--fg), .64)}html[data-theme=light] .portfolioHeroBadge,html[data-theme=light] .portfolioHeroMetric,html[data-theme=light] .portfolioMetricCard,html[data-theme=light] .portfolioDataCard{border-color:rgba(var(--fg), .1);background:rgba(var(--fg), .04)}html[data-theme=light] .portfolioPanel{background:linear-gradient(#fffffffa,#f6f9fcfa);box-shadow:inset 0 1px #ffffffe6,0 10px 30px #0c121c0a}html[data-theme=light] .portfolioDesktopTableWrap{background:#ffffffb8}html[data-theme=light] .portfolioHeroBadge{color:rgba(var(--fg), .82);border-color:rgba(var(--fg), .12);background:#ffffffd6}html[data-theme=light] .portfolioHeroRail{background:linear-gradient(180deg, rgba(var(--fg), .04), rgba(var(--fg), .02));border-top-color:rgba(var(--fg), .08)}html[data-theme=light] .portfolioToolbar{background:radial-gradient(circle at top left, #6c43d11f, transparent 44%), linear-gradient(180deg, rgba(var(--fg), .03), transparent)}html[data-theme=light] .portfolioWalletSummary{border-color:rgba(var(--fg), .12);color:rgba(var(--fg), .76);background:linear-gradient(#fffffff5,#f5f7fbfa)}html[data-theme=light] .portfolioDataValueAccent{color:var(--t-accent)}html[data-theme=light] .portfolioCompactStat,html[data-theme=light] .portfolioExposurePanel,html[data-theme=light] .portfolioTableFooter{border-color:rgba(var(--fg), .08)}@media (min-width:900px){.portfolioHeroCard{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr)}.portfolioHeroRail{border-top:0;border-left:1px solid #ffffff14}html[data-theme=light] .portfolioHeroRail{border-left-color:rgba(var(--fg), .08)}}@media (max-width:820px){.portfolioDesktopTableWrap{display:none}.portfolioMobileList{gap:12px;padding:14px;display:grid}}@media (max-width:640px){.portfolioShell{gap:18px}.portfolioHeroMain,.portfolioHeroRail,.portfolioMiniMetricGrid,.portfolioCompositionGrid{padding:14px}.portfolioHeroTitle{max-width:none;font-size:clamp(30px,10vw,42px)}.portfolioHeroMetricGrid,.portfolioMiniMetricGrid,.portfolioDataGrid{grid-template-columns:1fr}.portfolioQuickActions>*{width:100%}.portfolioDataCardHeader,.portfolioExposureHeader,.portfolioCompactStat,.portfolioWalletHeading{flex-direction:column;align-items:flex-start}}
