.budget-planning-breakdown{margin:0 0 24px;background:#fff;border:2px solid #111;box-shadow:7px 7px 0 #00000018}
.budget-planning-intro{display:grid;grid-template-columns:minmax(230px,1fr) 1.4fr;gap:24px;padding:24px 28px;border-bottom:1px solid #dedbd5}
.budget-planning-intro small,.budget-planning-totals small{font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:.12em}
.budget-planning-intro small{color:#9c0712}.budget-planning-intro h2{margin:6px 0 0;font:900 italic 32px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase}
.budget-planning-intro p{margin:0;color:#5b5550;font-size:14px;line-height:1.6}
.budget-planning-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 28px}
.budget-planning-totals article{min-width:0;padding:18px 20px;background:#f3f0e8;border-left:5px solid #777}
.budget-planning-totals article.planned{background:#fff4da;border-color:#b47708}.budget-planning-totals article.listed{background:#eaf3ec;border-color:#276749}
.budget-planning-totals strong{display:block;margin:8px 0;font:900 clamp(24px,2.4vw,36px)/1.05 'Barlow Condensed',sans-serif;overflow-wrap:anywhere}
.budget-planning-totals span{font-size:12px;color:#5b5550;line-height:1.5}
.budget-planning-note{margin:0;padding:0 28px 20px;font-size:12px;color:#666;line-height:1.6}
.budget-planning-day-note{padding:14px;background:#fff4da;border-left:4px solid #b47708;line-height:1.5;font-size:14px}
.budget-day i.budget-planned{background:#fff0c9;color:#674308;border-left:4px solid #b47708}
#budgetModal{z-index:1100}
#budgetModal~.delete-confirm{z-index:1200}
#budgetModal:not(.hidden)~#toast{z-index:1201}
.budget-summary article{min-width:0}.budget-summary strong{overflow-wrap:anywhere}
.budget-controls>div:last-child{flex-wrap:wrap}
@media(max-width:800px){.budget-planning-intro{grid-template-columns:1fr;gap:12px}.budget-planning-totals{grid-template-columns:1fr}.budget-planning-intro,.budget-planning-totals{padding:20px}.budget-planning-note{padding:0 20px 20px}}
.budget-loading{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:16px;min-height:230px;color:#111;font:900 24px 'Barlow Condensed',sans-serif}
.budget-loading i{width:34px;height:34px;border:4px solid #dedede;border-top-color:#e90029;border-radius:50%;animation:budget-spin .8s linear infinite}
@keyframes budget-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.budget-loading i{animation:none}}
#budgetSummary[hidden],#budgetPlanningBreakdown[hidden],#budgetAllocationPanel[hidden]{display:none}