@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#253f38;background:#f7f8f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1140px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 24px;border-bottom:1px solid #dce2d7}.brand{display:flex;gap:10px;align-items:center;font-size:32px;color:#194e43;text-decoration:none;font-weight:700;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:2px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d8dfd5;background:#fffefa;color:#25483e;border-radius:9px;padding:10px 14px}button:hover{background:#e8eddf}button:disabled{opacity:.5;cursor:wait}main{padding:48px 24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#77896b}.heading{display:flex;justify-content:space-between;align-items:center;margin:12px 0 26px}h1{font-family:Manrope,sans-serif;font-size:46px;line-height:1.14;letter-spacing:-2px;margin:0 0 14px;font-weight:600}p{color:#718077;line-height:1.6}h2{font-family:Manrope,sans-serif;letter-spacing:-.6px}.month{font-size:12px;color:#718077}.month input{display:block;margin-top:8px;background:#fffefa;width:190px}input,select{padding:12px;border:1px solid #d8dfd5;border-radius:8px;width:100%;color:#253f38;background:#fff}#status{font-size:12px;padding:12px 16px;background:#eaf0e2;border-radius:8px;margin-bottom:20px}.stats{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}.stats article{background:#fffefa;border:1px solid #e1e6da;border-radius:16px;padding:26px}.stats span,.note>span{font-size:10px;letter-spacing:1.3px;font-weight:600}.stats h2{font-size:34px;margin:16px 0 8px}.stats p{font-size:12px;margin:0}.stats .hero{background:#194e43;color:#fff;border-color:#194e43}.hero p,.hero small{color:#c7d9cb}.track{height:6px;border-radius:6px;background:#e8ecdf;overflow:hidden;margin:17px 0 8px}.hero .track{background:#3c695c}.track i{height:100%;display:block;background:#b7ca8c;border-radius:6px}.hero small{font-size:11px}nav{display:flex;gap:8px;margin:30px 0 25px;border-bottom:1px solid #dce2d7;padding-bottom:12px}nav button{border:0;background:none}nav .active{background:#e6ecdd}#export{margin-left:auto}.columns{display:grid;grid-template-columns:1fr 290px;gap:34px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.sectionhead h2{font-size:19px}.sectionhead button{font-size:12px}.category{display:grid;grid-template-columns:40px 1fr;gap:14px;margin:22px 0}.icon{background:#e8eddf;border-radius:12px;width:40px;height:40px;display:grid;place-items:center}.catline{display:flex;justify-content:space-between;gap:8px;font-size:13px}.catline small{color:#758275}.category .track{margin:9px 0 5px}.category .meta{font-size:10px;color:#758275}.over{color:#a64836!important}.expense{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid #e2e7dc;align-items:center;font-size:13px}.expense .details{flex:1}.expense small{display:block;color:#778579;margin-top:4px;font-size:11px}.expense button{padding:6px;background:none;border:0;color:#92796f}.note{background:#e9eddc;border-radius:16px;padding:28px}.note h2{font-size:25px;font-weight:500;line-height:1.4;margin-top:22px}.note p{font-size:13px}.avatars{color:#597c61;letter-spacing:4px;margin-top:32px}.avatars span{font-size:10px;letter-spacing:0;color:#718077}.primary{background:#194e43;color:#fff;border:0}.primary:hover{background:#286656}.add{width:100%;padding:16px;margin-top:18px}.hint{text-align:center;font-size:10px}.muted{font-size:10px;color:#718077}footer{border-top:1px solid #dce2d7;padding:24px;font-size:12px}footer span{float:right;color:#778579}dialog{border:0;border-radius:18px;padding:26px;width:min(460px,94vw);max-height:90vh;color:#253f38;background:#fffefa}dialog::backdrop{background:#132c2666}form label{display:block;font-size:12px;margin:14px 0}form input,form select{margin-top:7px}form .primary{width:100%;margin-top:14px}form p{font-size:12px}#formError{color:#a64836}form .actions{display:grid;gap:8px}a{color:#194e43}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a6ba76;outline-offset:2px}@media(max-width:700px){header{padding:20px}.brand{font-size:27px}main{padding:30px 20px}h1{font-size:35px}.heading{align-items:flex-start;gap:10px;flex-direction:column}.month{display:flex;align-items:center;gap:12px}.month input{margin:0}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats .hero{grid-column:1/-1}.stats article{padding:20px}.stats h2{font-size:26px}.stats .hero h2{font-size:40px}.columns{grid-template-columns:1fr;gap:20px}aside{grid-row:1}.note{display:none}.add{margin:0}nav button{font-size:12px;padding:9px}.sectionhead h2{font-size:17px}footer span{float:none;display:block;margin-top:8px}}
.stats article{min-width:0}.stats h2{font-size:clamp(21px,3vw,34px)}@media(max-width:700px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats article{padding:18px 14px}.stats h2{font-size:clamp(19px,5.8vw,29px)}.stats .hero h2{font-size:40px}.catline{flex-wrap:wrap}}
[hidden]{display:none!important}.income-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.income-stats article{padding:23px;background:#fffefa;border:1px solid #dce2d7;border-radius:14px;min-width:0}.income-stats span{font-size:10px;letter-spacing:1px}.income-stats h2{font-size:clamp(22px,3vw,30px);margin:12px 0}.income-stats p{font-size:11px;margin:0}.plan-notice{font-size:12px;line-height:1.7;color:#647567}.allocation-summary{background:#e9eddc;padding:18px;border-radius:10px;font-size:13px;line-height:1.8;margin-bottom:28px}.payday{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #dce2d7}.date-pill{background:#e9eddc;border-radius:12px;text-align:center;padding:12px 6px;font-weight:700;font-size:24px}.date-pill small{display:block;font-size:10px;font-weight:400}.payday h3{font-size:15px;margin:0 0 8px}.payday p{font-size:12px;margin:4px 0}.payday .amount{text-align:right;font-size:17px;font-weight:700}.payday .amount button{display:block;margin-top:10px;font-size:11px}.badge{display:inline-block;font-size:10px;font-weight:500;border-radius:20px;background:#e8eddf;padding:4px 8px}.badge.overdue{background:#f3e2d8;color:#99543c}.badge.cleared{background:#dae9df;color:#275b43}.reminder-box{padding:24px;background:#fffefa;border:1px solid #dce2d7;border-radius:14px;margin:28px 0}.reminder-box p{font-size:11px}.reminder-box label{font-size:11px}.reminder-box select{width:auto;padding:8px}.reminder-box .sectionhead{align-items:flex-start}.reminder-item{padding:10px 0;font-size:13px;line-height:1.6}#calendarDownload{margin-top:16px}.rule-fields{display:grid;grid-template-columns:1fr 85px 110px;gap:10px}.rule-group{border-bottom:1px solid #dce2d7;margin:15px 0;padding-bottom:12px}.rule-group h3{font-size:13px;margin:0}.form-caption{padding:12px;background:#e9eddc;border-radius:8px}.category .catline strong{max-width:64%}.paydayPanel{margin-bottom:30px}.navwrap{flex-wrap:wrap}nav{flex-wrap:wrap}#savedline{margin-top:8px;color:#54735b}.reminder-box h2{margin-top:0}#paydayPanel>.sectionhead h2{font-size:24px}#paydayPanel .sectionhead{flex-wrap:wrap}#showPaydays{margin-top:8px}@media(max-width:700px){.income-stats{grid-template-columns:1fr}.income-stats article{padding:18px;display:grid;grid-template-columns:1fr auto;gap:8px}.income-stats h2{margin:0;font-size:23px}.income-stats p{grid-column:1/-1}.payday{grid-template-columns:48px minmax(0,1fr);gap:12px}.date-pill{font-size:20px}.payday .amount{grid-column:2;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:8px}.payday .amount button{margin:0}.rule-fields{grid-template-columns:1fr 65px 100px;gap:6px}.reminder-box{padding:18px}.category .catline strong{max-width:100%}#export{margin-left:0}}