@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#172923;background:#f4f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{max-width:620px;min-height:100vh;margin:auto;background:#f7f9f7;padding-bottom:100px}header{background:#102b26;color:#fff;padding:24px 22px 26px;display:flex;align-items:center;justify-content:space-between;border-radius:0 0 24px 24px}header h1,.auth h1{font:800 25px Manrope;margin:4px 0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;opacity:.7;margin:0}.iconbtn{border:0;background:transparent;color:inherit;padding:9px;border-radius:10px;display:grid;place-items:center}.monthbar,.pagehead,.sectionhead{display:flex;align-items:center;justify-content:space-between;margin:22px 20px 12px}.monthbar{font-size:13px;font-weight:700}.monthbar input,.filters input{max-width:150px}.monthbar input,.filters input,.filters select{border:1px solid #dce5df;border-radius:10px;background:#fff;padding:9px;color:#263a32}.hero{margin:0 16px;background:#174b3d;color:#fff;padding:22px;border-radius:20px;box-shadow:0 8px 20px #143d3014}.hero p{margin:0 0 8px;color:#d5e8df;font-size:13px}.hero h2{font:800 32px Manrope;margin:0 0 16px}.herofoot{display:flex;gap:18px;color:#d5e8df;font-size:12px}.hero.compact{margin-bottom:20px}.hero.compact h2{margin-bottom:5px}.hero.compact span{font-size:12px;color:#d5e8df}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 16px}.stat{background:#fff;border:1px solid #e8eee9;border-radius:15px;padding:14px;display:flex;flex-direction:column;gap:8px}.stat span{font-size:12px;color:#718078}.stat b{font:700 18px Manrope}.green{color:#168052}.red{color:#c64c45}.blue{color:#426da7}.gold{color:#a77a22}.greenText{color:#168052}.redText{color:#c64c45}.sectionhead{margin-top:25px}.sectionhead h3,.pagehead h2,.reportcard h2{font-family:Manrope;margin:0}.sectionhead h3{font-size:16px}.sectionhead button,.textbtn{border:0;background:transparent;color:#26715a;font-weight:700;font-size:12px}.catrow{margin:12px 20px}.catmeta{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:8px}.track{height:7px;background:#e9efeb;border-radius:20px;overflow:hidden}.track i{display:block;height:100%;background:#4b9a78;border-radius:20px}.track i.over{background:#d45b50}.pagehead{margin-top:24px}.pagehead h2{font-size:23px}.pagehead p{font-size:12px;margin:5px 0 0}.muted{color:#77847d}.primary,.secondary{border:0;border-radius:12px;padding:13px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{background:#174b3d;color:#fff}.secondary{background:#e8f0eb;color:#174b3d}.small{padding:10px 13px;font-size:12px}.wide{width:100%;margin-top:12px}.filters{display:flex;gap:8px;margin:0 20px 14px}.filters input,.filters select{flex:1}.txlist{background:#fff;margin:0 16px;border:1px solid #e8eee9;border-radius:16px;overflow:hidden}.tx{display:flex;align-items:center;gap:11px;padding:13px;border-bottom:1px solid #eff3f0}.tx:last-child{border-bottom:0}.txicon{width:36px;height:36px;border-radius:12px;background:#edf4ef;color:#327456;display:grid;place-items:center;font-size:20px}.txdesc{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.txdesc b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txdesc span,.txdesc small{font-size:10px;color:#849089}.txamount{text-align:right;display:flex;flex-direction:column;gap:4px}.txamount b{font-size:12px}.budgetcard,.itemcard,.reportcard{background:#fff;border:1px solid #e8eee9;border-radius:15px;margin:10px 16px;padding:15px}.budgetcard .tiny{margin:8px 0 0}.tiny{font-size:10px;color:#85918a}.reportcard{padding:20px}.reportcard h2{font-size:23px;margin:4px 0 18px}.reportcard hr{border:0;border-top:1px solid #edf1ee;margin:15px 0}.reportline{display:flex;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e8eee9;font-size:13px}.itemcard{display:flex;align-items:center;justify-content:space-between;gap:12px}.itemcard p{margin:5px 0 0}.itemcard strong{font-size:13px}.itemright{text-align:right}.textbtn{padding:5px 0}.danger{color:#b84b45}.empty{text-align:center;padding:35px 22px;color:#76837c}.empty div{margin:0 auto 12px;width:42px;height:42px;border-radius:14px;background:#e9f1ec;display:grid;place-items:center;color:#287254;font-weight:800}.empty b{font-size:14px;color:#314239}.empty p{font-size:12px;line-height:1.5;max-width:260px;margin:7px auto}.fab{position:fixed;bottom:78px;left:50%;transform:translate(-50%);border:0;border-radius:100px;background:#174b3d;color:#fff;padding:13px 19px;display:flex;align-items:center;gap:8px;font-weight:700;box-shadow:0 8px 22px #102b2633;z-index:4;white-space:nowrap}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(620px,100%);height:66px;padding:7px 9px calc(7px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e6ece7;z-index:3}nav button{border:0;background:transparent;color:#87928b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:54px;font-size:10px}nav button.active{color:#174b3d;font-weight:700}.modalback{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c211bcc;z-index:10;display:flex;align-items:flex-end;justify-content:center}.modal{width:min(620px,100%);max-height:92vh;overflow:auto;background:#f8faf8;border-radius:22px 22px 0 0;padding:18px 20px calc(22px + env(safe-area-inset-bottom))}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modalhead h3{font:700 18px Manrope;margin:0}.modal form,.auth form{display:flex;flex-direction:column;gap:8px}.modal label,.auth label{font-size:12px;font-weight:700;color:#4d5e54;margin-top:6px}.modal input,.modal select,.modal textarea,.auth input{width:100%;border:1px solid #dce5df;background:#fff;border-radius:10px;padding:12px;color:#263a32;min-width:0}.modal textarea{min-height:65px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:10px}.twocol>div{min-width:0}.seg{display:grid;grid-template-columns:1fr 1fr;background:#e8efea;padding:4px;border-radius:12px}.seg button{border:0;background:transparent;padding:10px;border-radius:9px;color:#607067}.seg button.selected{background:#fff;color:#174b3d;font-weight:700;box-shadow:0 2px 5px #102b2612}.upload{border:1px dashed #a8b8ae;background:#f0f5f1;padding:13px;border-radius:10px;display:flex;align-items:center;gap:8px;cursor:pointer}.upload input{display:none}.auth{max-width:440px;margin:10vh auto;padding:25px;background:#fff;border:1px solid #e6ece7;border-radius:22px;box-shadow:0 15px 45px #183b2c10}.auth h1{font-size:29px;margin:8px 0}.auth>.muted{font-size:13px;line-height:1.6;margin-bottom:25px}.brandmark{width:48px;height:48px;border-radius:16px;background:#174b3d;color:#fff;display:grid;place-items:center;font:800 25px Manrope;margin-bottom:20px}.auth .eyebrow{color:#668075}.auth form{margin:15px 0}.auth input{margin-top:3px}.auth .tiny{line-height:1.5}.or{text-align:center;color:#9aa69e;font-size:10px;letter-spacing:1px;margin:20px 0}.setupsteps{background:#f3f7f4;padding:15px;border-radius:12px;font-size:13px}.setupsteps p{margin:8px 0;color:#617068}.center{min-height:70vh;display:grid;place-items:center;color:#718078}.notice,.errorbox{margin:12px 16px 0;padding:11px 13px;border-radius:10px;font-size:12px;display:flex;justify-content:space-between}.notice{background:#e6f4eb;color:#226344}.errorbox,.error{background:#fff0ee;color:#a43f37;padding:10px;border-radius:9px;font-size:12px}.success{color:#226344;font-size:12px}@media(min-width:650px){.app{box-shadow:0 0 35px #153d2b0b}.modalback{align-items:center}.modal{border-radius:22px;max-height:85vh}.fab{bottom:85px}}.scopebar{display:flex;align-items:center;justify-content:space-between;margin:0 20px 12px;font-size:12px;font-weight:700;color:#52645a}.scopebar select{max-width:190px;border:1px solid #dce5df;border-radius:10px;background:#fff;padding:9px;color:#263a32}.txactions{display:flex;justify-content:flex-end;gap:12px}.txactions .textbtn{font-size:11px;padding:3px 0}.rowbtn{display:flex;align-items:center;gap:10px}.subheading{font:700 14px Manrope;margin:22px 20px 10px;color:#40554a}.categoryadd{display:flex;gap:7px;margin:12px 16px 18px}.categoryadd input{flex:1;min-width:0;border:1px solid #dce5df;background:#fff;border-radius:10px;padding:11px;color:#263a32}.categoryadd select{max-width:115px;border:1px solid #dce5df;background:#fff;border-radius:10px;padding:10px;color:#263a32;font-size:12px}.categoryadd button{flex-shrink:0}.itemcard .rowbtn .textbtn{font-size:11px}
