.budget-page{margin-top:32px}.budget-page .cards-heading{gap:16px;flex-wrap:wrap}.budget-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0}.budget-toolbar .investment-tabs{margin:0}.budget-hero{background:linear-gradient(115deg,#192e4c,#10213c);color:#fff;padding:28px}.budget-hero p{font-size:11px;color:#afbdd2}.budget-hero #budget-indicators{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.budget-hero strong{display:block;font-size:27px;margin:12px 0 18px;overflow-wrap:anywhere}.budget-hero .budget-over{color:#ffbac5}.budget-hero #budget-progress{border-top:1px solid #ffffff20;padding-top:18px}.budget-progress{height:7px;background:#e9edf4;border-radius:8px;overflow:hidden;margin:12px 0}.budget-progress span{display:block;height:100%;background:linear-gradient(90deg,#718bac,#9277b3);border-radius:8px}.budget-progress.exceeded span{background:#ce7484}.budget-hero .budget-progress{background:#ffffff15}.budget-hero #budget-comparison-note{margin-top:18px;line-height:1.8}.budget-section{margin-top:24px}#budget-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.budget-category{padding:16px;border:1px solid #e5eaf3;border-radius:14px;background:#ffffffa0;min-width:0}.budget-category-heading{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.budget-category-icon{display:grid;place-items:center;width:30px;height:30px;background:#f0f3f9;color:#66809b;border-radius:9px}.budget-category-icon svg{width:18px;height:18px}.budget-category h3{font-size:12px;font-weight:600;margin:0;flex:1}.budget-category strong{font-size:14px;color:#253b5b}.budget-category p{font-size:10px;margin-top:13px}.budget-unset{color:#8a97a9}.budget-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.budget-distribution-row{margin-top:20px}.budget-distribution-row>div:first-child{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px}.budget-distribution-row strong{font-weight:500}.budget-distribution-row span{color:#718099}.budget-distribution-bar{height:7px;border-radius:7px;background:#edf0f6;margin-top:10px;overflow:hidden}.budget-distribution-bar span{display:block;height:100%;background:#7b8fab;border-radius:7px}.budget-empty{padding:28px 8px;text-align:center;color:#8190a6;font-size:12px}.budget-month-svg{width:100%;height:auto;max-height:240px;stroke:none;margin-top:18px}.budget-month-svg text{font-family:inherit;font-size:14px;fill:#71839c;stroke:none}.budget-history-bar{fill:#6482a0}.budget-future-bar{fill:#9474b2}.budget-section summary{font-size:11px;color:#546d91;cursor:pointer;padding:14px 0}.budget-section h2{font-size:16px}#budget-limit-fields{margin-top:20px}#budget-limits-dialog .form-actions{flex-wrap:wrap}@media(max-width:1100px){#budget-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-chart-grid{grid-template-columns:1fr}.budget-hero #budget-indicators{gap:16px}.budget-hero strong{font-size:24px}}@media(max-width:600px){.budget-toolbar .investment-tabs,.budget-toolbar .dashboard-month{width:100%}.budget-hero{padding:22px}.budget-hero #budget-indicators{grid-template-columns:1fr;gap:10px}.budget-hero strong{font-size:27px;margin:10px 0}.budget-hero #budget-progress{margin-top:18px}#budget-categories{grid-template-columns:1fr}.budget-category-heading{flex-wrap:nowrap}.budget-category h3{min-width:0;overflow-wrap:anywhere}.budget-category strong{overflow-wrap:anywhere}.budget-chart-grid{gap:0}}

#budget-categories{display:block;margin-top:14px}.budget-category-row{padding:14px 0;border-bottom:1px solid #e6ebf3}.budget-category-row:last-child{border-bottom:0}.budget-category-row-heading{display:flex;align-items:center;gap:10px}.budget-category-row-heading h3{flex:1;min-width:0;margin:0;font-size:12px;font-weight:600;overflow-wrap:anywhere}.budget-category-row-heading strong{font-size:15px;overflow-wrap:anywhere}.budget-category-row-info{display:flex;flex-wrap:wrap;gap:6px 20px;margin:10px 0 0 40px;font-size:10px;color:#73839b}.budget-category-row .budget-progress{margin:10px 0 5px 40px;height:6px}.budget-bar-meaning{font-size:9px;margin-left:40px;color:#8a97aa}.budget-category-row.exceeded .budget-category-row-heading strong{color:#b34a5b}#budget-show-all{margin-top:14px;font-size:11px}.budget-chart-grid{grid-template-columns:1fr}.budget-chart-grid .budget-month-svg{max-height:220px}.budget-empty .action{margin-top:14px}@media(max-width:600px){.budget-category-row-heading{flex-wrap:wrap}.budget-category-row-heading strong{margin-left:auto}.budget-category-row-info{gap:7px 14px;margin-left:0}.budget-category-row .budget-progress{margin-left:0}.budget-bar-meaning{margin-left:0}.budget-category-row{padding:14px 0}}
.cycle-control{max-width:300px;margin:22px 0 10px}.cycle-control select{padding:10px;border:1px solid #dce4ef;border-radius:10px;background:white;font:inherit}.cycle-settings{margin-top:24px;padding:24px}.cycle-settings p{font-size:12px;line-height:1.7;color:#687b95}.cycle-settings h2{font-size:18px}.cycle-settings h3{font-size:14px;margin-top:24px}.cycle-settings .action{margin-top:12px}@media(max-width:600px){.cycle-control{max-width:100%}.cycle-settings{padding:18px}}
