.StatsCard{background-color:#fff;border:1px solid #e8e7e7;border-radius:5px;flex-direction:column;gap:.4rem;padding:1.5rem;display:flex}.StatsCard__label{color:#6b7280;font-size:.875rem;font-weight:400}.StatsCard__value{color:#111;margin-bottom:.25rem;font-size:1.75rem;font-weight:700;line-height:1.2}.StatsCard__trend{align-items:center;gap:.3rem;font-size:.875rem;font-weight:600;display:flex}.StatsCard__trend--up{color:#16a34a}.StatsCard__trend--down{color:#dc2626}.StatsCard__sublabel{color:#9ca3af;font-size:.8rem;font-weight:400}
.BalanceTrend{background-color:#fff;border:1px solid #e8e7e7;border-radius:1rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.BalanceTrend__header{border-bottom:1px solid #e8e7e7;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.BalanceTrend__header-left{align-items:center;gap:.75rem;display:flex}.BalanceTrend__icon{color:#374151;border:1px solid #e8e7e7;border-radius:.5rem;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.BalanceTrend__title{color:#111;font-size:1.1rem;font-weight:600}.BalanceTrend__legend{align-items:center;gap:1.25rem;display:flex}.BalanceTrend__legend-item{color:#6b7280;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.BalanceTrend__legend-item:before{content:"";border-radius:50%;width:10px;height:10px;display:inline-block}.BalanceTrend__legend-item--income:before{background-color:#111}.BalanceTrend__legend-item--expenses:before{background-color:#9ca3af}.BalanceTrend__meta{flex-direction:column;gap:.2rem;display:flex}.BalanceTrend__total{color:#111;font-size:2rem;font-weight:700;line-height:1.2}.BalanceTrend__subtitle{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.BalanceTrend__chart{margin-top:.25rem}
.SpendingBreakdown{background-color:#fff;border:1px solid #e8e7e7;border-radius:1rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.SpendingBreakdown__header{border-bottom:1px solid #e8e7e7;align-items:center;gap:.75rem;padding-bottom:1rem;display:flex}.SpendingBreakdown__icon{color:#374151;border:1px solid #e8e7e7;border-radius:.5rem;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.SpendingBreakdown__title{color:#111;font-size:1.1rem;font-weight:600}.SpendingBreakdown__chart{justify-content:center;align-items:center;display:flex}
.HomePage{flex-direction:column;gap:1.5rem;display:flex}.HomePage__stats{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.HomePage__charts{grid-template-columns:2fr 1fr;gap:1.25rem;display:grid}@media (max-width:900px){.HomePage__charts{grid-template-columns:1fr}.HomePage__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.HomePage__stats{grid-template-columns:1fr}}