*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#f5f7fb;color:#172033}.topbar{background:#163f63;color:white;padding:18px max(20px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.topbar h1{margin:0 0 3px}.topbar p{margin:0;color:#d8e6f0}.actions{display:flex;gap:8px;flex-wrap:wrap}.container{max-width:1180px;margin:26px auto;padding:0 20px}.page{display:none}.page.active{display:block}.card{background:white;border:1px solid #e1e7ef;border-radius:16px;padding:22px;margin-bottom:20px;box-shadow:0 5px 18px rgba(20,45,75,.05)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.section-head h2,h2{margin:0 0 5px}.section-head p{margin:0;color:#64748b;font-size:14px}.nav,.secondary,.primary,.danger{border:0;border-radius:9px;padding:10px 13px;font-weight:700;cursor:pointer}.nav{background:#315b7e;color:#fff}.nav.active{background:#fff;color:#163f63}.primary{background:#1769aa;color:#fff}.secondary{background:#fff;color:#163f63}.danger{background:#b42318;color:#fff}.budget-box{display:block;max-width:430px;font-weight:700;color:#475569}.budget-box input{margin-top:8px;font-size:20px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.stat{background:white;border:1px solid #e1e7ef;border-radius:13px;padding:17px}.stat span{display:block;color:#64748b;font-size:13px;margin-bottom:8px}.stat strong{font-size:22px}.remaining{background:#fff8df;border-color:#f1dc8b}.remaining strong{color:#8a6200}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:16px}.form-grid label{font-size:13px;font-weight:700;color:#475569}.form-grid input,.form-grid select,.budget-box input,#monthSelect{display:block;width:100%;margin-top:7px;border:1px solid #cbd5e1;border-radius:9px;padding:11px;background:#fff;font:inherit;color:#172033}.wide{width:100%;padding:12px}.message{min-height:22px;margin-top:10px;color:#1769aa;font-weight:600}.entry{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #e8edf3}.entry:last-child{border-bottom:0}.entry small{display:block;color:#64748b;margin-top:3px}.entry .amount{font-weight:800;white-space:nowrap}.delete{background:#feeceb;color:#b42318;border:0;border-radius:8px;padding:7px 10px;cursor:pointer}.empty{color:#64748b;padding:15px 0}@media(max-width:800px){.summary-grid,.form-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.actions{width:100%}.actions button{flex:1}.section-head{align-items:flex-start;flex-direction:column}}