@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,-apple-system,BlinkMacSystemFont,sans-serif;color:#17251d;background:#f7faf7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.app{max-width:560px;min-height:100dvh;margin:auto;padding-bottom:94px;background:#f7faf7}header{height:76px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:#fbfdfb;border-bottom:1px solid #e9efe9;position:sticky;top:0;z-index:5}.brand{display:flex;gap:11px;align-items:center}.brandIcon{width:39px;height:39px;border-radius:13px;background:#176b45;color:#fff;display:grid;place-items:center;font:800 13px Manrope}.brandName{font:800 16px Manrope;letter-spacing:-.4px}.sub,.eyebrow{font-size:9px;letter-spacing:1.5px;color:#7a8b7f;font-weight:700}main{padding:26px 21px 35px}h1{font:800 30px Manrope;letter-spacing:-1px;margin:7px 0 4px}.muted{color:#829087;font-size:13px;margin:0 0 22px}.netCard{position:relative;overflow:hidden;background:linear-gradient(130deg,#145b3c,#1c8051);border-radius:22px;padding:24px;color:#fff;margin:23px 0 14px;box-shadow:0 9px 25px #155c3d20}.netLabel{font-size:10px;letter-spacing:1.6px;color:#c3dfce;font-weight:700}.netValue{font:800 36px Manrope;letter-spacing:-1.3px;margin:11px 0 3px}.netFoot{font-size:11px;color:#c3dfce}.netDecor{position:absolute;right:24px;top:18px;font-size:48px;color:#ffffff25}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat,.section,.totalCard,.editCard,.accountCard{background:#fff;border:1px solid #edf1ed;border-radius:17px}.stat{padding:15px}.stat span,.totalCard span{display:block;font-size:11px;color:#819087;margin-bottom:7px}.stat b{font:700 18px Manrope}.positive{color:#17804f}.section{padding:18px;margin-top:15px}.sectionHead{display:flex;align-items:center;justify-content:space-between}h2{font:700 16px Manrope;margin:0}.pill{font-size:9px;color:#46775c;background:#eef6f0;border-radius:20px;padding:5px 9px}.budgetTop{display:flex;align-items:baseline;gap:5px;margin:15px 0 9px}.budgetTop b{font:800 25px Manrope}.budgetTop span,.budgetBottom{font-size:11px;color:#849188}.progress{height:7px;background:#edf2ed;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:#258354;border-radius:10px}.budgetBottom{display:flex;justify-content:space-between;margin-top:9px}.builder{background:#fbfdfb}.builderIcon{background:#edf6ef;color:#27764d;padding:10px;border-radius:12px}.accountRow,.txRow{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #f0f3f0}.accountRow:last-child,.txRow:last-child{border:0}.accountDot{width:10px;height:10px;border-radius:50%;background:#4d9a70;box-shadow:0 0 0 5px #edf6ef}.accountInfo{display:flex;flex-direction:column;gap:3px;flex:1}.accountInfo b{font-size:12px;font-weight:600}.accountInfo span{font-size:10px;color:#87938a}.accountRow strong,.txRow strong{font:700 13px Manrope}.chev{color:#a5b1a8}.textBtn{display:flex;align-items:center;gap:2px;border:0;background:none;color:#27764d;font-size:11px;font-weight:700}.primary,.secondary{border:0;border-radius:12px;padding:13px 16px;font-weight:700;font-size:13px;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer}.primary{background:#176b45;color:#fff}.secondary{background:#eef5ef;color:#246b46}.full{width:100%;margin:12px 0}.totalCard{padding:19px;margin:18px 0}.totalCard b{font:800 26px Manrope}.accountCard{padding:0 15px;margin:10px 0}.accountCard .accountRow{border:0}.hint{font-size:11px;line-height:1.5;color:#87938a}.editCard{padding:17px;margin:12px 0}.editCard label,.modal label{display:block;font-size:11px;color:#65766a;font-weight:700;margin:0 0 8px}.editCard input,.modal input,.modal select{width:100%;border:1px solid #e3ebe4;border-radius:10px;padding:12px;background:#fbfdfb;color:#17251d;outline:none;margin-bottom:13px}.empty{text-align:center;padding:28px 10px;color:#89968d;font-size:12px;line-height:1.5}.txDot{width:31px;height:31px;display:grid;place-items:center;background:#eef6ef;border-radius:50%;color:#26734a;font-weight:700}.notice{padding:15px;background:#fff8e8;color:#78643b;border-radius:13px;font-size:12px;line-height:1.55;margin:15px 0}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(560px,100%);height:76px;padding:8px 10px max(8px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e8eee8;display:flex;justify-content:space-around;z-index:6}nav button{border:0;background:transparent;color:#8a978e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:55px;font-size:9px}nav button.active{color:#176b45;font-weight:700}.modalShade{position:fixed;top:0;right:0;bottom:0;left:0;background:#10271c66;z-index:10;display:flex;align-items:flex-end;justify-content:center}.modal{width:min(560px,100%);background:#fff;border-radius:23px 23px 0 0;padding:22px 21px max(25px,env(safe-area-inset-bottom));max-height:90dvh;overflow:auto}.modalHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modalHead h2{font-size:19px}.iconBtn{border:0;background:transparent;color:#53675a;padding:8px}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#183d2b;color:#fff;padding:11px 17px;border-radius:30px;font-size:12px;z-index:20;box-shadow:0 5px 20px #0002}@media(min-width:600px){body{padding:20px 0}.app{border-radius:22px;overflow:hidden;box-shadow:0 10px 45px #1c3d2412;min-height:calc(100dvh - 40px)}}
