.sidebar-layout{cursor:pointer;background-color:#fff;width:10rem;min-height:100vh;padding:1rem;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 1px 2px #0000000d}.sidebar-nav{flex-direction:column;gap:.5rem;margin-top:5rem;display:flex}.sidebar-item{color:#6b7280;border-radius:.5rem;align-items:center;margin-left:-10px;padding:.75rem .5rem;text-decoration:none;transition:all .3s;display:flex}.sidebar-item:hover{background-color:#f3f4f6}.sidebar-icon{width:1.25rem;height:1.25rem;margin-right:.75rem}.sidebar-icon.active{color:#2563eb}.sidebar-label{font-weight:500}.sidebar-item.active{color:#00f;background-color:#eff6ff}@media (width<=768px){.sidebar{display:none}}.layout{background-color:#f2f7fe;min-height:100vh;display:flex}.sidebar-container-layout{background-color:#fff;flex-shrink:0;width:150px;box-shadow:2px 0 10px #0000001a}.main-content{background-color:#f2f7fe;flex-direction:column;flex-grow:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.right-card{z-index:10;border-radius:8px;height:fit-content;margin-top:148px;margin-right:10px;position:sticky}.main-card-layout{background-color:#fff;border-radius:8px;max-width:20rem;height:fit-content;margin-right:10px;padding:13px;position:sticky;margin-top:11.5rem!important}.doughnut-card{margin-top:20px}@media (width<=768px){.sidebar-container-layout{display:none!important}.main-content{padding:10px}.right-card,.main-card-layout{display:none!important}}@media (width<=959px){.right-card{display:none}}.asset-card{background-color:#fff;border-radius:8px;max-width:700px;margin-top:10px;position:relative}.asset-card__content{background:var(--Surface-01,#fff);border-radius:8px;padding:.8rem;box-shadow:0 0 12px #1a56db0f}.asset-title{color:var(--Neutral-1000,#092042);margin:0;font-family:Lato;font-size:15px;font-style:normal;font-weight:700;line-height:150%}.asset-card__title{color:var(--Neutral-1000,#092042);height:1.5rem;margin:0;padding:0 .5rem;font-family:Lato;font-weight:700;line-height:150%;position:absolute;top:-25px;left:70px;transform:translate(-50%,-50%);font-size:18px!important;font-weight:400!important}.asset-card__chart-container{flex-direction:column;display:flex}.asset-card__chart{width:100%;height:8rem;margin-bottom:.5rem}.asset-card__legend{flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:.2rem;margin-right:1rem;display:flex}.legend-item__indicator{border-radius:2px;width:.75rem;height:.75rem}.asset-card__container{width:100%}.legend-item__label{color:#1e3a8a;font-size:.75rem}.asset-card__no-data{text-align:center;align-items:center;color:#666!important}@media (width>=768px){.asset-card__no-data{height:95px;margin-top:60px}}.fund-card{background-color:#fff;border:1px solid #111827;border-radius:.5rem;max-width:24rem;margin-top:30px;padding:1rem}.fund-card__header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.fund-card__icon{background-color:#dcfce7;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.fund-card__emoji{color:#16a34a;font-size:1.125rem}.fund-card__info{flex:1}.fund-card__title{color:#111827;margin-bottom:0;font-size:.875rem;font-weight:500}.fund-card__subtitle{color:#4b5563;margin-bottom:0;font-size:.875rem}.fund-card__change{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.fund-card__change-value{color:#6b7280;font-size:.875rem}.fund-card__change-percentage{font-size:11px}.fund-card__change-percentage--positive{color:#16a34a}.fund-card__change-percentage--negative{color:#dc2626}.fund-card__stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.fund-card__stat-item{flex-direction:column;display:flex}.fund-card__stat-label{color:#4b5563;margin-bottom:.25rem;font-size:.875rem}.fund-card__stat-value{color:#111827;font-weight:500}.fund-card__gain{align-items:center;gap:.25rem;display:flex}.fund-card__gain-percentage{font-size:11px}.fund-card__gain-percentage--positive{color:#16a34a}.fund-card__gain-percentage--negative{color:#dc2626}.fund-card__title{color:var(--Neutral-950,#0c0c0e);margin-bottom:0;font-family:Lato;font-size:12px;font-weight:600;line-height:150%}.fund-card__subtitle,.fund-card__change-value,.fund-card__stat-label,.fund-card__stat-value{color:var(--Neutral-700,#44556f);font-family:Lato;font-size:13px;font-weight:400;line-height:150%}@media screen and (width<=768px){.fund-card{margin-top:1rem;padding:.75rem}.fund-card__header{gap:.5rem;margin-bottom:.75rem}.fund-card__icon{width:1.75rem;height:1.75rem}.fund-card__emoji{font-size:1rem}.fund-card__stats{gap:.75rem}.fund-card__title,.fund-card__subtitle,.fund-card__change-value,.fund-card__stat-label,.fund-card__stat-value{font-size:11px}}@media screen and (width<=375px){.fund-card__stats{grid-template-columns:1fr;gap:.5rem}.fund-card__stat-item{flex-direction:row;justify-content:space-between;align-items:center}.fund-card__stat-value{margin-bottom:0}.fund-card__stat-label{margin-bottom:0}}.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}}