.portfolio-section{--portfolio-surface:#fff;--portfolio-surface-muted:#f5f8f8;--portfolio-border:#dce5e6;--portfolio-ink:#10283a;--portfolio-muted:#5d7078;--portfolio-accent:#0f766e;--portfolio-accent-soft:#e8f4f1;background:radial-gradient(circle at 92% 4%,#0f766e12,#0000 23rem),#f3f7f7;border-top:1px solid #e9edf3;padding-bottom:clamp(48px,7vw,88px)}.portfolio-heading{align-items:center;padding-top:clamp(20px,2.4vw,30px);padding-bottom:20px}.portfolio-heading :is(h1,h2){color:var(--portfolio-ink);letter-spacing:-.035em;margin:5px 0 0;font-size:clamp(2.125rem,3.4vw,3.125rem);line-height:1.05}.portfolio-command-bar{border-color:var(--portfolio-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;margin-top:0;box-shadow:0 14px 34px #0b1f3312}.portfolio-command-label{color:#6c7e83}.portfolio-type-switch button{background:#f3f6f6;border-color:#0000}.portfolio-type-switch button.active{background:var(--portfolio-accent-soft);box-shadow:inset 3px 0 0 var(--portfolio-accent);border-color:#8fc5ba}.portfolio-actions button{transition:border-color .16s,color .16s,background .16s,transform .16s}.portfolio-actions button:not(:disabled):hover{color:var(--portfolio-accent);background:#f6fbfa;border-color:#8fb9b4;transform:translateY(-1px)}.portfolio-actions button.primary:hover{color:#fff;background:#0b645e}.portfolio-cockpit,.portfolio-main-grid,.portfolio-performance-grid,.portfolio-history-grid{gap:14px}.portfolio-stats{align-items:stretch;gap:12px}.portfolio-stats article{border:1px solid var(--portfolio-border);background:var(--portfolio-surface);border-radius:18px;min-height:142px;padding:20px;position:relative;overflow:hidden;box-shadow:0 12px 28px #0b1f330e}.portfolio-stats article:after{content:"";background:#0f766e14;border-radius:50%;width:84px;height:84px;position:absolute;bottom:-44px;right:-34px}.portfolio-stats article:first-child{color:#fff;background:radial-gradient(circle at 88% 18%,#72d6c833,#0000 34%),linear-gradient(135deg,#0b3340,#0d5f5a);border-color:#164e4b;box-shadow:0 18px 40px #0b33402e}.portfolio-stats article:first-child small,.portfolio-stats article:first-child span{color:#bfe1dc}.portfolio-stats article>small{color:var(--portfolio-muted);letter-spacing:.045em;text-transform:uppercase;font-weight:750}.portfolio-stats article>strong{color:var(--portfolio-ink);letter-spacing:-.035em;margin:10px 0 8px;font-size:clamp(1.55rem,2.3vw,2.25rem)}.portfolio-stats article:first-child>strong{color:#fff;font-size:clamp(1.9rem,3vw,2.7rem)}.portfolio-stats article>span{color:var(--portfolio-muted);line-height:1.45}.portfolio-table-card,.portfolio-target-grid>*,.portfolio-performance-grid>*,.portfolio-history-grid>*{border-color:var(--portfolio-border);background:var(--portfolio-surface);border-radius:18px;box-shadow:0 12px 28px #0b1f330e}.portfolio-card-title{border-bottom:1px solid #e7eded;padding-bottom:14px}.portfolio-card-title strong{color:var(--portfolio-ink);font-size:var(--fs-5)}.portfolio-card-title small{color:var(--portfolio-muted)}.portfolio-table-wrap{scrollbar-color:#91bcb7 #edf3f2}.portfolio-table-head{color:#345b59;background:#edf5f3}.portfolio-chart-series-controls button{background:#f7faf9;border-color:#cbdcda;border-radius:999px}.theme-dark .portfolio-section{--portfolio-surface:#0d2232;--portfolio-surface-muted:#102838;--portfolio-border:#294554;--portfolio-ink:#e8f1f3;--portfolio-muted:#9eb1ba;--portfolio-accent-soft:#123e3e;background:radial-gradient(circle at 92% 4%,#14b8a614,#0000 23rem),#071522}.theme-dark .portfolio-command-bar,.theme-dark .portfolio-stats article,.theme-dark .portfolio-table-card,.theme-dark .portfolio-target-grid>*,.theme-dark .portfolio-performance-grid>*,.theme-dark .portfolio-history-grid>*{border-color:var(--portfolio-border);background:var(--portfolio-surface)}.theme-dark .portfolio-type-switch button{background:#102838}.theme-dark .portfolio-type-switch button.active{background:#123e3e}.theme-dark .portfolio-card-title,.theme-dark .portfolio-table-head{border-color:#294554}.theme-dark .portfolio-trade-overview{background:linear-gradient(#0d2637 0%,#10263a 100%);border-color:#294554}.theme-dark .portfolio-trade-summary>span,.theme-dark .portfolio-trade-chart-scroll{background:#102d42;border-color:#2b495b}.theme-dark .portfolio-trade-summary strong,.theme-dark .portfolio-trade-chart-heading strong,.theme-dark .portfolio-trade-chart-empty strong{color:#e5edf3}.theme-dark .portfolio-trade-summary small,.theme-dark .portfolio-trade-summary em,.theme-dark .portfolio-trade-chart-heading small,.theme-dark .portfolio-trade-note,.theme-dark .portfolio-trade-chart-empty p{color:#a6b7c5}.theme-dark .portfolio-trade-summary .purchases strong{color:#69d4c6}.theme-dark .portfolio-trade-summary .sales strong{color:#ff91a6}.theme-dark .portfolio-trade-period{background:#0b2032;border-color:#2b4b5d}.theme-dark .portfolio-trade-period button{color:#a9bbc7}.theme-dark .portfolio-trade-period button.active{color:#8ce1d6;background:#174052}.theme-dark .portfolio-trade-grid-line{stroke:#2b4759}.theme-dark :is(.portfolio-trade-axis-label,.portfolio-trade-month-label){fill:#9eb0bd}.theme-dark .portfolio-trade-chart-empty{background:#0e293b;border-color:#345568}.theme-dark .portfolio-table-head{color:#b9d9d4;background:#102d38}@media (min-width:1101px){.portfolio-stats{grid-template-columns:1.35fr repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.portfolio-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-stats article:first-child{grid-column:1/-1}}@media (max-width:620px){.portfolio-section{padding-bottom:54px}.portfolio-heading{padding-top:20px}.portfolio-stats{grid-template-columns:1fr}.portfolio-stats article:first-child{grid-column:auto}.portfolio-stats article{border-radius:15px;min-height:124px;padding:17px}.portfolio-table-card,.portfolio-target-grid>*,.portfolio-performance-grid>*,.portfolio-history-grid>*{border-radius:15px}}@media (prefers-reduced-motion:no-preference){.portfolio-command-bar,.portfolio-stats,.portfolio-main-grid{animation:.42s both portfolio-premium-enter}.portfolio-stats{animation-delay:70ms}.portfolio-main-grid{animation-delay:.13s}}@keyframes portfolio-premium-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.portfolio-action-cluster{justify-content:flex-end;align-items:center;gap:9px;display:flex}.portfolio-primary-action,.portfolio-more-actions>summary{min-height:48px;font-size:var(--fs-3);cursor:pointer;border:1px solid #0f766e;border-radius:10px;padding:0 16px;font-weight:750}.portfolio-primary-action{color:#fff;background:#0f766e;box-shadow:0 9px 20px #0f766e2e}.portfolio-more-actions{position:relative}.portfolio-more-actions>summary{color:#315d59;background:#fff;border-color:#b9cecb;place-items:center;list-style:none;display:grid}.portfolio-more-actions>summary::-webkit-details-marker{display:none}.portfolio-more-actions>summary:after{content:"  ···";letter-spacing:.08em}.portfolio-more-actions[open]>summary{background:#f0f8f6;border-color:#75aaa4}.portfolio-more-actions .portfolio-actions{z-index:15;background:#fff;border:1px solid #cfdddb;border-radius:13px;grid-template-columns:1fr;width:min(300px,80vw);padding:10px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 42px #0b1f332e}.portfolio-more-actions .portfolio-actions button{text-align:left;width:100%;min-height:42px}.portfolio-overview-grid{grid-template-columns:1.15fr .9fr .9fr;gap:14px;max-width:1280px;margin:14px auto 0;display:grid}.portfolio-stats.portfolio-summary-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-stats.portfolio-summary-stats article>strong{overflow-wrap:anywhere;font-size:clamp(1.5rem,2vw,2rem)}.portfolio-overview-card{border:1px solid var(--portfolio-border);background:var(--portfolio-surface);border-radius:18px;min-width:0;min-height:248px;padding:20px;box-shadow:0 12px 28px #0b1f330e}.portfolio-overview-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.portfolio-overview-heading>span{overflow-wrap:anywhere;min-width:0}.portfolio-overview-heading small,.portfolio-overview-heading strong{display:block}.portfolio-overview-heading small{color:#5d7078;font-size:var(--fs-1);letter-spacing:.08em;font-weight:800}.portfolio-overview-heading strong{color:var(--portfolio-ink);font-size:var(--fs-5);margin-top:4px}.portfolio-overview-heading button{color:#245e59;max-width:100%;min-height:34px;font-size:var(--fs-2);background:#f7faf9;border:1px solid #bed2cf;border-radius:999px;padding:0 11px;font-weight:750}.portfolio-overview-allocation-body{grid-template-columns:132px 1fr;align-items:center;gap:18px;margin-top:18px;display:grid}.portfolio-overview-allocation .allocation-chart{margin:0}.portfolio-overview-list{gap:8px;display:grid}.portfolio-overview-list>button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;width:100%;min-width:0;padding:4px 6px;transition:background .15s,transform .15s;display:grid}.portfolio-overview-list>button:hover,.portfolio-overview-list>button:focus-visible,.portfolio-overview-list>button.active{background:var(--portfolio-surface-muted);outline:none;transform:translate(2px)}.portfolio-overview-list i{border-radius:50%;width:9px;height:9px}.portfolio-overview-list strong,.portfolio-overview-list span{color:var(--portfolio-ink);font-size:var(--fs-2);font-variant-numeric:tabular-nums}.portfolio-overview-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portfolio-overview-list span{font-weight:750}.portfolio-overview-allocation-note{border-top:1px solid var(--portfolio-border);color:#5d7078;font-size:var(--fs-1);justify-content:space-between;gap:12px;margin:13px 0 0;padding-top:11px;display:flex}.portfolio-overview-allocation-note strong{color:var(--portfolio-ink);font-variant-numeric:tabular-nums}.portfolio-overview-return-list{gap:8px;margin-top:20px;display:grid}.portfolio-overview-return-list>span{background:var(--portfolio-surface-muted);border-radius:11px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:47px;padding:9px 11px;display:flex}.portfolio-overview-return-list small{color:#5d7078;font-weight:700}.portfolio-overview-return-list strong{overflow-wrap:anywhere;min-width:0;color:var(--portfolio-ink);font-size:var(--fs-4)}.portfolio-overview-returns>p{color:#5d7078;font-size:var(--fs-2);margin:13px 0 0;line-height:1.5}.portfolio-overview-movers{flex-direction:column;display:flex}.portfolio-overview-movers-source{color:#5d7078;font-size:var(--fs-1);margin:9px 0 0;line-height:1.4}.portfolio-mover-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.portfolio-mover-list{background:var(--portfolio-surface-muted);border:1px solid #dde7e5;border-radius:12px;min-width:0;padding:10px}.portfolio-mover-list>strong{color:var(--portfolio-ink);font-size:var(--fs-2);display:block}.portfolio-mover-list>strong:before{font-size:var(--fs-2);margin-right:5px}.portfolio-mover-list.positive>strong:before{content:"↑";color:#087a57}.portfolio-mover-list.negative>strong:before{content:"↓";color:#b43a3a}.portfolio-mover-list>div{margin-top:6px}.portfolio-mover-list article{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;min-height:45px;padding:6px 0;display:grid}.portfolio-mover-list article+article{border-top:1px solid #d8e4e2}.portfolio-mover-list article span,.portfolio-mover-list article b,.portfolio-mover-list article small{min-width:0;display:block}.portfolio-mover-list article b{color:var(--portfolio-ink);font-size:var(--fs-3)}.portfolio-mover-list article small{color:#5d7078;font-size:var(--fs-1);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;overflow:hidden}.portfolio-mover-list article em{font-size:var(--fs-2);font-variant-numeric:tabular-nums;font-style:normal;font-weight:800}.portfolio-mover-list.positive article em{color:#087a57}.portfolio-mover-list.negative article em{color:#b43a3a}.portfolio-mover-list>p{color:#5d7078;font-size:var(--fs-1);margin:14px 0 4px;line-height:1.4}.theme-dark .portfolio-more-actions>summary,.theme-dark .portfolio-more-actions .portfolio-actions,.theme-dark .portfolio-overview-card{border-color:var(--portfolio-border);background:var(--portfolio-surface)}.theme-dark .portfolio-more-actions>summary{color:#a9d6d0}.theme-dark .portfolio-overview-heading button,.theme-dark .portfolio-overview-return-list>span{background:var(--portfolio-surface-muted);color:#a9d6d0;border-color:#294554}.theme-dark .portfolio-overview-heading small,.theme-dark .portfolio-overview-allocation-note,.theme-dark .portfolio-overview-return-list small,.theme-dark .portfolio-overview-returns>p,.theme-dark .portfolio-overview-movers-source,.theme-dark .portfolio-mover-list article small,.theme-dark .portfolio-mover-list>p{color:var(--portfolio-muted)}.theme-dark .portfolio-mover-list,.theme-dark .portfolio-mover-list article+article{border-color:#294554}@media (max-width:1080px){.portfolio-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-overview-movers{grid-column:1/-1;min-height:auto}.portfolio-stats.portfolio-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.portfolio-action-cluster{grid-template-columns:1fr;display:grid}.portfolio-primary-action,.portfolio-more-actions>summary{width:100%}.portfolio-more-actions .portfolio-actions{width:100%;box-shadow:none;margin-top:8px;position:static}.portfolio-overview-grid{grid-template-columns:1fr}.portfolio-overview-card,.portfolio-overview-movers{border-radius:15px;grid-column:auto;min-height:auto;padding:17px}.portfolio-stats.portfolio-summary-stats,.portfolio-mover-columns{grid-template-columns:1fr}.portfolio-overview-allocation-body{grid-template-columns:112px 1fr;gap:13px}.portfolio-overview-allocation-note{flex-direction:column;align-items:flex-start;gap:3px}}
