.investment-stats-card{width:100%;max-width:26rem;margin:0 auto;padding:1rem;font-family:sans-serif;transition:all .3s}.investment-stats-container{background-color:#e1eeff;border-radius:20px;width:100%;padding:1rem;position:relative;overflow:hidden}.geometric-pattern{background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 30h60v60H30z' fill='none' stroke='%235E6E8B' stroke-width='0.5' opacity='0.03'/%3E%3C/svg%3E");background-size:60px 60px;width:100%;height:100%;position:absolute;top:0;right:0}.content-container{z-index:10;position:relative}.current-value-section{margin-bottom:1.25rem}.current-value-label{color:#64748b;margin-bottom:.5rem;font-size:1rem}.current-value-amount{color:#1e293b;letter-spacing:-.3px;font-size:1rem;font-weight:500}.stats-row{gap:1rem;margin-top:1rem;display:flex}.stats-card{background-color:#fff;border-radius:12px;flex:1;padding:.5rem;box-shadow:0 2px 8px #0000000a}.stat-item{width:100%}.gains-loss-value{flex-direction:column;gap:.5rem;display:flex}.percentage-value{align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.percentage-value.gain{color:#22c55e}.percentage-value.loss{color:#ef4444}.trend-icon{width:1rem;height:1rem}.trend-icon.gain{color:#22c55e}.trend-icon.loss{color:#ef4444}.stat-label{color:#64748b;margin-top:.5rem;margin-bottom:.5rem;font-size:.8375rem;font-weight:400}.stat-value{color:#1e293b;letter-spacing:-.2px;font-size:14px;font-weight:500}.stat-value.gain{color:#22c55e;align-items:center;display:flex}.gain-icon{color:#22c55e;width:1.25rem;height:1.25rem;margin-left:.25rem}.gains-loss-block{background-color:#f9fafb;border-radius:8px;margin-top:1.5rem;padding:1rem;box-shadow:0 1px 4px #0000001a}.gains-loss-value{justify-content:space-between;display:flex}.stat-value.loss{color:#ef4444;align-items:center;display:flex}@media (width<=768px){.investment-stats-card{max-width:100%;padding:.5rem}.stats-grid{grid-template-columns:1fr}.stat-item{border-right:none;padding:1rem}.current-value-section,.gains-loss-block{margin-bottom:1rem}}.doughnut-card{background-color:#f7f9fc;border-radius:20px;justify-content:center;align-items:center;width:100%;padding:1rem;display:flex}.doughnut-content{align-items:flex-start;gap:2rem;display:flex}.doughnut-chart{position:relative}.doughnut-svg{width:9rem;height:9rem;transition:transform .3s ease-in-out;transform:rotate(-90deg)}.doughnut-segment{cursor:pointer;transition:all .3s}.doughnut-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.doughnut-total{color:#1c274c;font-size:1rem;font-weight:500;transition:all .3s}.doughnut-unit{color:#64748b;margin-top:-.25rem;font-size:1rem}.floating-icon{background-color:#fff;border-radius:9999px;padding:.5rem;transition:transform .3s;position:absolute;box-shadow:0 1px 2px #0000000d}.floating-icon:hover{transform:scale(1.1)}.floating-icon-content{border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.floating-icon-text{color:#fff;font-size:.75rem;font-weight:500}.investment-details{flex-direction:column;gap:2rem;width:110px;padding-top:.5rem;display:flex}.investment-item{transition:all .3s}.investment-item:hover{transform:scale(1.05)}.investment-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.investment-color{border-radius:.125rem;width:1rem;height:1rem;transition:transform .3s}.investment-name{color:#64748b;font-size:14px}.investment-amount{color:#1c274c;align-items:center;gap:.5rem;font-size:14px;font-weight:500;display:flex}.investment-percentage{color:#64748b;font-size:.875rem}.card-footer{border-top:1px solid #f1f5f9;margin-top:2rem;padding-top:1.5rem}.footer-content{color:#64748b;justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.footer-total{color:#1c274c;font-weight:500}@media (width<=768px){.doughnut-card{border-radius:10px;padding:.5rem}.doughnut-content{flex-direction:column;gap:1rem}.doughnut-svg{width:7rem;height:7rem}.investment-details{gap:1rem}.investment-header{gap:.25rem}.card-footer{margin-top:1rem;padding-top:1rem}.footer-content{flex-direction:column;align-items:flex-start}}