.spending-page{z-index:1;min-height:calc(100vh - 200px);padding:0 0 2rem;position:relative}.spending-page .container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.spending-page .page-header{margin-bottom:2rem}.spending-page .page-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.spending-page .page-subtitle{color:var(--text-secondary);font-size:1.1rem}.current-budget-section,.budget-charts-section,.growth-charts-section{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffffa;border-radius:8px;margin-bottom:3rem;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.section-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}.budget-total{color:var(--primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#fffffffa;border-radius:8px;padding:1rem;font-size:2rem;font-weight:700;box-shadow:0 2px 4px #0000000d}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}@media (max-width:768px){.spending-page .container{border-radius:8px;padding:.25rem}.spending-page .page-header{margin-bottom:.75rem}.spending-page .page-title{font-size:1.125rem}.spending-page .page-subtitle{font-size:.75rem}.current-budget-section,.budget-charts-section,.growth-charts-section{border-radius:6px;margin-bottom:1rem;padding:.5rem}.section-title{margin-bottom:.5rem;font-size:.9375rem}.budget-total{border-radius:6px;padding:.5rem;font-size:1.125rem}.charts-grid{grid-template-columns:1fr;gap:.75rem}}@media (max-width:480px){.spending-page .container{padding:.125rem}.spending-page .page-title{font-size:1rem}.current-budget-section,.budget-charts-section,.growth-charts-section{padding:.375rem}.budget-total{font-size:1rem}}