*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#534ab7;--page-bg:#f5f4f0;--green-600:#3b6d11;--amber-600:#854f0b;--coral-600:#993c1d}html,body{width:100%;min-height:100vh;overflow-x:hidden}body{background:var(--page-bg);color:#1a1a1a;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{width:100%;min-height:100vh}.app{background:var(--page-bg);max-width:480px;min-height:100vh;margin:0 auto}.app-header{z-index:10;background:#fff;border-bottom:.5px solid #e0ddd6;padding:1rem 1.25rem .875rem;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;display:flex}.header-title{color:#1a1a1a;font-size:17px;font-weight:600}.header-period{color:#888;font-size:13px}.budget-list{padding:1rem 1rem 5rem}.budget-card{background:#fff;border:.5px solid #e0ddd6;border-radius:12px;margin-bottom:.625rem;overflow:hidden}.budget-head-strip{border-bottom:.5px solid #f0ede8;padding:.6rem 1rem .5rem}.budget-row-cat{color:var(--accent);text-transform:uppercase;letter-spacing:.4px;font-size:13px;font-weight:500}.budget-row{align-items:center;gap:10px;padding:.75rem 1rem;display:flex}.budget-row-label{flex:1;min-width:0}.budget-row-subcat{color:#1a1a1a;font-size:14px;font-weight:500}.budget-bar-wrap{flex-shrink:0;width:72px}.budget-bar-track{background:#ece9e3;border-radius:3px;height:5px;overflow:hidden}.budget-bar-fill{border-radius:3px;height:100%;transition:width .3s}.budget-bar-fill.healthy{background:var(--green-600)}.budget-bar-fill.warning{background:var(--amber-600)}.budget-bar-fill.overspent{background:var(--coral-600)}.budget-remaining{text-align:right;flex-shrink:0;min-width:60px;font-size:15px;font-weight:500}.budget-remaining.healthy{color:var(--green-600)}.budget-remaining.warning{color:var(--amber-600)}.budget-remaining.overspent{color:var(--coral-600)}