.portfolio-performance-card{margin:24px 0;padding:26px;border:1px solid rgba(129,154,190,.22);border-radius:24px;background:linear-gradient(145deg,rgba(15,34,54,.98),rgba(8,24,40,.98));color:#f4f8ff;box-shadow:0 18px 50px rgba(0,0,0,.16)}.portfolio-performance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.portfolio-performance-head h2{margin:5px 0 6px;font-size:26px}.portfolio-performance-head p{margin:0;color:#91a9c7}.portfolio-eyebrow{color:#64e6c4;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.portfolio-refresh{padding:10px 15px;border:1px solid #2c4664;border-radius:12px;background:#10263c;color:#eaf3ff;font-weight:700;cursor:pointer}.portfolio-total-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.portfolio-total,.portfolio-empty{display:flex;min-height:122px;flex-direction:column;justify-content:center;padding:18px;border:1px solid #243c57;border-radius:17px;background:#0a1b2d}.portfolio-total span,.portfolio-total small,.portfolio-empty span{color:#87a1c0}.portfolio-total strong{margin:8px 0 4px;font-size:24px}.portfolio-total.positive strong,.portfolio-breakdown .positive strong{color:#4ce4b5}.portfolio-total.negative strong,.portfolio-breakdown .negative strong{color:#ff7182}.portfolio-total.neutral strong,.portfolio-breakdown .neutral strong{color:#dce7f6}.portfolio-empty{grid-column:1/-1;gap:7px}.portfolio-breakdown{margin-top:16px;border-top:1px solid #223a55}.portfolio-breakdown summary{padding:17px 2px 4px;color:#9eb5cf;font-weight:700;cursor:pointer}.portfolio-breakdown article{display:flex;justify-content:space-between;gap:18px;padding:15px 2px;border-bottom:1px solid #1e344d}.portfolio-breakdown article>div{display:flex;flex-direction:column;gap:4px}.portfolio-breakdown article>div:last-child{text-align:right}.portfolio-breakdown span{color:#7f9ab9;font-size:13px}.portfolio-error{color:#ff9aa7}.portfolio-loading{color:#9fb5cf}html[data-theme="light"] .portfolio-performance-card,body[data-theme="light"] .portfolio-performance-card{background:#fff;color:#102338;border-color:#cad8e7;box-shadow:0 14px 38px rgba(39,66,97,.1)}html[data-theme="light"] .portfolio-total,html[data-theme="light"] .portfolio-empty,body[data-theme="light"] .portfolio-total,body[data-theme="light"] .portfolio-empty{background:#f6f9fd;border-color:#d6e1ed}html[data-theme="light"] .portfolio-performance-head p,html[data-theme="light"] .portfolio-total span,html[data-theme="light"] .portfolio-total small,html[data-theme="light"] .portfolio-empty span,html[data-theme="light"] .portfolio-breakdown span,body[data-theme="light"] .portfolio-performance-head p,body[data-theme="light"] .portfolio-total span,body[data-theme="light"] .portfolio-total small,body[data-theme="light"] .portfolio-empty span,body[data-theme="light"] .portfolio-breakdown span{color:#526b87}html[data-theme="light"] .portfolio-refresh,body[data-theme="light"] .portfolio-refresh{background:#eef4fb;border-color:#c7d6e6;color:#17304d}@media(max-width:640px){.portfolio-performance-card{padding:19px;border-radius:19px}.portfolio-performance-head{align-items:center}.portfolio-performance-head h2{font-size:22px}.portfolio-performance-head p{font-size:14px}.portfolio-breakdown article{align-items:flex-start}.portfolio-total-grid{grid-template-columns:1fr}}