@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url("./media/dm-sans-latin-ext-wght-normal-7P2MDJRX.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url("./media/dm-sans-latin-wght-normal-X7UMQEPN.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-cyrillic-ext-wght-normal-2GMQGZDT.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-cyrillic-wght-normal-F76KYTZG.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-greek-wght-normal-NNUWM3E7.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-vietnamese-wght-normal-HA5TFICD.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-latin-ext-wght-normal-6XGHMEDV.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-latin-wght-normal-73PUZEUA.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f7f8f5;--paper:#fff;--ink:#233d34;--text:#38483f;--muted:#7b837d;--green:#2e5b49;--border:#e7eae4;--sage:#eaf0e4;--orange:#c08754;--purple:#8a7aa2;--shadow:0 4px 20px #233d3403;font-family:DM Sans Variable,sans-serif;color:var(--text);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,label,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #92b287;outline-offset:3px}button{transition:background .18s,transform .18s}button:hover{filter:brightness(.97)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope Variable,sans-serif;color:var(--ink)}h1{font-size:30px;font-weight:750;letter-spacing:-1.2px;line-height:1.35}h2{font-size:17px;font-weight:750;letter-spacing:-.35px}h3{font-size:15px}small{font-size:12px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--border);padding:34px 20px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;font-family:Manrope Variable,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.4px;padding:0 8px;color:var(--ink)}.brand-mark{width:37px;height:40px;background:var(--green);color:#dfebc9;border-radius:12px;display:grid;place-items:center;margin-right:10px;transform:rotate(-5deg)}.brand-mark app-icon{width:29px;height:29px;transform:rotate(5deg)}.brand-dot{color:#94ab79}.workspace-label{font-size:9px;font-weight:600;letter-spacing:1.45px;color:#969d96;margin:53px 12px 17px}nav{display:flex;flex-direction:column;gap:8px}nav button,.settings-link{border:0;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 13px;border-radius:8px;width:100%;color:#748076;font-size:12px;font-weight:500}nav button.active,.settings-link.active{background:#edf2e9;color:#315b46;font-weight:650}nav button:hover,.settings-link:hover{background:#f3f5ef}.nav-dot{width:6px;height:6px;border-radius:50%;background:#517b4e;margin-left:auto}nav app-icon{width:18px;height:18px}.sidebar-note{margin:44px 4px 32px;padding:22px 17px;background:#f5f6ef;border:1px solid #eef0e7;border-radius:12px;position:relative;overflow:hidden}.tiny-sprout{display:block;color:#81906b;margin-bottom:13px}.tiny-sprout app-icon{width:25px;height:25px}.sidebar-note h3{font-size:14px;font-weight:650;line-height:1.8}.sidebar-note p{font-size:11px;color:#919686;line-height:1.8;margin-top:10px}.note-line{height:1px;background:#e3e7d7;width:32px;margin:19px 0 12px}.sidebar-note>span:last-child{font-size:8px;color:#8a927d;letter-spacing:1.2px}.sidebar-bottom{margin-top:auto}.settings-link{font-size:12px;margin-bottom:16px}.profile{border-top:1px solid var(--border);padding:22px 6px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#efe9dd;color:#8b7f5d;font-size:12px;border-radius:50%;font-weight:600}.profile strong{display:block;font-size:12px;font-weight:600}.profile small{display:block;font-size:9px;color:#959b94;margin-top:4px}.profile>app-icon{width:15px;height:15px;margin-left:auto;color:#9aa697}.main-shell{margin-left:238px;width:calc(100% - 238px)}.topbar{height:76px;padding:0 42px;border-bottom:1px solid var(--border);background:#ffffff80;display:flex;align-items:center;justify-content:space-between;font-size:11px}.breadcrumb{color:#99a098}.breadcrumb span{margin:0 14px;color:#bdc3b9}.breadcrumb strong{font-weight:500;color:#647166}.saved-indicator{display:flex;align-items:center;gap:7px;color:#969d94;font-size:10px}.saved-indicator>span{height:5px;width:5px;border-radius:50%;background:#97ae83}main{max-width:1520px;margin:auto;padding:38px 42px 23px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.65px;color:#839374;margin-bottom:10px}.page-heading p{color:#8b938b;font-size:12px;margin-top:9px}.month-switch{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:7px 6px;height:42px;flex-shrink:0}.month-switch button{border:0;background:none;display:grid;place-items:center;padding:3px;color:#8a9389}.month-switch app-icon{width:14px;height:14px}.rotate{transform:rotate(180deg)}.month-switch label{position:relative;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:550;padding:0 10px;cursor:pointer}.month-switch label span{text-transform:capitalize}.month-switch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin-bottom:33px}.balance-card{grid-column:1/-1;background:#294f40;color:#fff;border-radius:13px;padding:23px 26px 0;position:relative;overflow:hidden;min-height:201px}.balance-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#d5dfd3;position:relative;z-index:1}.round-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff1c;border-radius:50%;color:#dbe6c9}.round-icon app-icon{height:15px;width:15px}.big-balance{font-family:Manrope Variable,sans-serif;font-weight:500;font-size:40px;letter-spacing:-1.5px;margin:5px 0 8px;position:relative;z-index:1}.balance-card>p{color:#b6c9b7;font-size:10px;position:relative;z-index:1}.balance-footer{display:flex;align-items:center;border-top:1px solid #ffffff16;margin-top:23px;padding:14px 0;font-size:10px;color:#d6e0cc;position:relative;z-index:1;gap:8px}.balance-footer app-icon{margin-left:auto;width:14px;height:14px}.light-dot{width:5px;height:5px;border-radius:50%;background:#c8dda6}.balance-art{position:absolute;width:190px;height:190px;right:-105px;top:14px;border:1px solid #c8dea012;border-radius:50%;box-shadow:0 0 0 28px #c8dea008,0 0 0 58px #c8dea008,0 0 0 87px #c8dea005}.metric-card{background:var(--paper);border:1px solid var(--border);border-radius:13px;padding:27px 24px 20px;box-shadow:var(--shadow)}.metric-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#849083}.metric-label app-icon{width:16px;height:16px;color:#8d9c86}.metric-card>strong{font-family:Manrope Variable,sans-serif;font-weight:650;font-size:29px;letter-spacing:-.8px;display:block;margin:20px 0 9px;color:var(--ink)}.metric-card>p{font-size:10px;color:#969c93}.text-button{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:none;font-size:11px;font-weight:550;color:#547450}.metric-card .text-button{margin-top:25px}.text-button app-icon{width:12px;height:12px}.mini-meter{height:5px;background:#eef1e9;border-radius:5px;overflow:hidden;margin:23px 0 8px}.mini-meter span{display:block;height:100%;background:#a5b887;border-radius:5px}.metric-card>small{font-size:9px;color:#929c8c}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading h2{display:flex;align-items:center;gap:12px}.section-heading p,.panel-heading p{color:#92988f;font-size:11px;margin-top:6px}.section-aside{font-size:10px;color:#959c92}.pill{display:inline-flex;align-items:center;border-radius:5px;padding:4px 8px;font-size:9px;font-weight:500;white-space:nowrap;letter-spacing:0}.pill.neutral{background:#eef1e9;border:1px solid #e4e8dc;color:#7c8970}.envelopes{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.envelope{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 22px 14px;box-shadow:var(--shadow)}.envelope-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.category-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px}.needs .category-icon,.expense-icon.needs,.pill.needs{color:#638458;background:#eef3e7}.wants .category-icon,.expense-icon.wants,.pill.wants{color:#b98c59;background:#fbf2e7}.savings .category-icon,.expense-icon.savings,.pill.savings{color:#9582af;background:#f2edf8}.ratio{font-family:Manrope Variable,sans-serif;font-size:21px;font-weight:650;color:#809875;letter-spacing:-.8px}.wants .ratio{color:#c7a273}.savings .ratio{color:#a596b6}.ratio small{font-size:12px;margin-left:2px}.envelope h3{font-size:13px;letter-spacing:-.1px}.envelope>p{font-size:10px;color:#9a9e94;margin-top:6px}.envelope-values{display:flex;align-items:baseline;gap:7px;margin:24px 0 13px}.envelope-values strong{font-family:Manrope Variable,sans-serif;font-size:23px;font-weight:650;color:#364c39;letter-spacing:-.5px}.envelope-values>span{font-size:10px;color:#99a092}.progress{height:6px;border-radius:6px;background:#eef2e9;overflow:hidden}.progress span{display:block;height:100%;background:#8ea979;border-radius:6px;transition:width .4s}.wants .progress{background:#faf0e4}.wants .progress span{background:#d7ae7b}.savings .progress{background:#f1edf5}.savings .progress span{background:#af9abf}.envelope-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:9px;color:#8a9580;min-height:22px}.envelope-bottom button{background:none;border:0;color:#8a987f;display:flex;padding:4px}.envelope-bottom app-icon{width:13px;height:13px}.wants .envelope-bottom{color:#b49b7b}.savings .envelope-bottom{color:#a08caf}.dashboard-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin-top:28px}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.panel-heading{padding:23px 23px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-size:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:#fff;border:1px solid #dfe5d9;border-radius:7px;color:#476443;font-size:12px;font-weight:550;line-height:1.4;cursor:pointer;white-space:nowrap}.button app-icon{width:15px;height:15px}.button.small{padding:7px 10px;font-size:10px}.button.small app-icon{width:13px;height:13px}.button.primary{background:#315c49;color:#fff;border-color:#315c49}.button.primary:hover{background:#244a3a}.button.danger{background:#a54336;color:#fff;border-color:#a54336}.compact-list{padding:0 23px}.expense-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #f0f1ec;min-height:64px}.expense-row:last-child{border-bottom:0}.expense-icon{width:34px;height:34px;border-radius:9px;display:inline-grid;place-items:center;flex-shrink:0}.expense-icon app-icon{width:17px;height:17px}.expense-name{min-width:0}.expense-name strong,.future-name strong{font-size:11px;font-weight:550;display:block}.expense-name small,.future-name small{font-size:9px;color:#92998d;display:block;margin-top:5px}.expense-name small span{padding:0 3px}.row-amount{margin-left:auto;font-size:11px;font-weight:550;white-space:nowrap}.status-button{display:inline-flex;gap:4px;align-items:center;justify-content:center;font-size:9px;padding:5px 8px;background:#f8f6ef;border:1px solid #eee8d9;color:#a7976f;border-radius:5px;white-space:nowrap}.status-button.is-paid{background:#edf4e8;border-color:#d9e8cf;color:#60884f}.status-button app-icon{width:11px;height:11px}.expense-row .status-button{margin-left:5px}.panel-footer{width:100%;display:flex;justify-content:center;gap:10px;align-items:center;background:#fff;border:0;border-top:1px solid #f0f1eb;padding:15px;font-size:10px;color:#728168}.panel-footer app-icon{height:13px;width:13px}.future-preview{background:#fbfcf8}.future-preview .panel-heading{padding-bottom:0}.future-preview .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:9px}.calendar-badge{color:#9ca88b;background:#f0f3e9;border:1px solid #e6ebdc;border-radius:9px;display:grid;place-items:center;width:34px;height:36px}.calendar-badge app-icon{width:17px;height:17px}.future-intro{font-size:10px;color:#969e8e;margin:10px 23px}.future-row{display:flex;align-items:center;gap:12px;padding:13px 0;width:calc(100% - 46px);margin:0 23px;background:transparent;border:0;border-bottom:1px solid #edf0e6;text-align:left}.date-tile{min-width:37px;height:41px;background:#f0f3e9;border:1px solid #e3e9d9;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7e906b}.date-tile strong{font-family:Manrope Variable,sans-serif;font-weight:600;font-size:14px}.date-tile small{font-size:8px;text-transform:uppercase;margin-top:1px}.future-row>strong{font-size:11px;font-weight:600;margin-left:auto}.future-name{min-width:0}.future-link{display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;padding:17px 23px;width:100%;font-size:10px;color:#849373}.future-link app-icon{width:13px;height:13px}.footnote{display:flex;align-items:center;gap:6px;font-size:9px;color:#a1a898;margin-top:25px}.footnote app-icon{width:12px;height:12px}.footnote-brand{margin-left:auto}.content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.tabs{display:flex;gap:3px;background:#ecefe6;border-radius:8px;padding:4px}.tabs button{border:0;border-radius:6px;padding:9px 14px;background:transparent;color:#7b8771;font-size:12px}.tabs button.selected{background:#fff;color:#345d40;box-shadow:0 2px 5px #263b2610}.inline-stats{display:flex;gap:35px;margin:25px 0;color:#8c9782;font-size:12px}.inline-stats strong{color:var(--ink);font-size:16px;margin-left:10px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:#949d8d}.search-box app-icon{width:15px;height:15px}.search-box input{border:0;outline:none;background:transparent;max-width:140px;font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#98a08f;background:#fafbf8;padding:14px 18px}td{font-size:11px;padding:16px 18px;border-bottom:1px solid #f0f2eb;color:#75816d}tbody tr:last-child td{border-bottom:0}.table-name{display:flex;align-items:center;gap:10px}.table-name strong{display:block;color:#3a5038;font-size:12px;font-weight:550}.table-name small{display:block;font-size:10px;margin-top:5px;color:#9ca493}.amount-cell{font-weight:600;color:#344c34}.row-actions{display:flex;gap:5px}.icon-button{width:30px;height:30px;background:transparent;border:0;border-radius:5px;display:inline-grid;place-items:center;color:#839477}.icon-button app-icon{width:16px;height:16px}.icon-button:hover{background:#f0f3eb}.delete-button:hover{background:#fbefec;color:#b66859}.info-note{display:flex;align-items:flex-start;gap:11px;margin-top:25px;padding:17px 20px;background:#eef2e8;border:1px solid #e1e7d8;border-radius:9px;color:#829474}.info-note app-icon{width:17px;height:17px;margin-top:1px}.info-note p{font-size:12px;line-height:1.8}.muted{font-size:12px;color:#909a85;margin-top:8px}.forecast-panel{padding:22px;margin-bottom:30px}.chart-legend{display:flex;gap:22px;font-size:11px;color:#849477;justify-content:flex-end}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:8px;height:8px;border-radius:2px}.legend-income{background:#e4ebdc}.legend-planned{background:#7d9b69}.forecast-chart{height:210px;display:flex;justify-content:space-between;gap:15px;margin:20px 0}.chart-column{flex:1;min-width:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;padding:0;gap:12px}.bars{height:175px;width:100%;display:flex;justify-content:center;align-items:flex-end;gap:4px;border-bottom:1px solid #e7ebdf}.bars>span{width:18px;border-radius:4px 4px 0 0}.income-bar{background:#e4ebdc}.planned-bar{background:#7d9b69}.danger-bar{background:#c87a60}.chart-column small{font-size:10px;color:#8b9780}.projection-table{max-height:232px;overflow:auto;border:1px solid var(--border);border-radius:8px}.projection-table th{position:sticky;top:0}.projection-table td{padding:10px 16px}.upcoming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.upcoming-card{padding:23px;display:flex;flex-direction:column}.upcoming-top{display:flex;align-items:center;gap:10px;margin-bottom:18px}.upcoming-top>.icon-button{margin-left:auto}.upcoming-card h3{font-size:16px}.upcoming-amount{font-family:Manrope Variable,sans-serif;color:#33513d;font-size:27px;font-weight:650;letter-spacing:-.7px;margin:15px 0 8px}.upcoming-card>p,.savings-card>p{font-size:12px;color:#8e9b81}.upcoming-card .expense-note{font-size:11px;line-height:1.7;color:#929c89;margin-top:15px}.provision{display:flex;gap:10px;margin-top:20px;padding:14px;background:#f3f6ed;border-radius:7px;font-size:11px;color:#82996d}.provision small{display:block;font-size:9px;line-height:1.6;margin-top:5px}.upcoming-footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px;margin-top:auto}.savings-hero{display:flex;align-items:center;gap:25px;background:#edf2e4;border:1px solid #dde6d2;padding:32px;border-radius:14px;margin-bottom:27px}.savings-hero h2{font-size:23px}.savings-hero p{font-size:12px;color:#8a9a79;margin-top:12px}.savings-hero-icon{color:#769768}.savings-hero-icon app-icon{width:48px;height:48px}.savings-hero .button{margin-left:auto}.savings-card{padding:28px}.savings-card h2{margin-top:20px}.savings-actions{display:flex;gap:8px;align-items:center;margin-top:28px}.savings-actions>.status-button{margin-right:auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-card{padding:28px}.settings-card h2{margin:16px 0}.settings-card p{font-size:13px;color:#89957d;line-height:1.9;margin-bottom:24px}.settings-actions{display:flex;gap:10px}.full-width{grid-column:1/-1}.settings-list{padding-left:18px;color:#87957a;font-size:13px;line-height:1.9}.settings-list li{padding:4px 0}.import-button{position:relative;overflow:hidden}.import-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.empty-state{text-align:center;padding:40px 20px;font-size:12px;color:#94a087;white-space:normal;line-height:1.8}.alert{background:#fff0df;color:#9c652f;padding:15px 20px;margin-bottom:20px;border-radius:9px;font-size:12px}.over-budget{color:#b7634e!important}.negative{color:#ffe1cf}.toast{position:fixed;left:calc(50% + 100px);bottom:26px;transform:translate(-50%);background:#284d3b;color:#f6f9ed;padding:16px 25px;border-radius:10px;box-shadow:0 8px 30px #243f3330;z-index:100;display:flex;align-items:center;gap:12px;font-size:13px;max-width:90vw;animation:toast-in .2s ease}.toast app-icon{width:17px;height:17px}.modal-backdrop{position:fixed;inset:0;background:#20392f55;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.dialog{position:relative;background:#fff;border-radius:17px;padding:32px;width:520px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 22px 90px #182f3820}.dialog>.close{position:absolute;right:16px;top:15px}.dialog h2{font-size:24px;letter-spacing:-.8px;padding-right:20px}.dialog-subtitle{font-size:12px;line-height:1.8;color:#8e9882;margin:10px 0 25px}.dialog form>label,.form-grid>label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:550;color:#5d7551;margin-bottom:18px}.dialog input,.dialog select,.dialog textarea{border:1px solid #dce3d4;border-radius:7px;background:#fbfcf9;padding:11px 12px;color:#3e5936;font-weight:400;min-width:0;width:100%}.dialog textarea{resize:vertical}.dialog input::placeholder,.dialog textarea::placeholder{color:#a1aa99;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.optional{font-size:10px;font-weight:400;color:#a0a995;margin-top:-5px}.form-hint{font-size:10px;line-height:1.7;color:#94a184;display:flex;gap:8px;align-items:flex-start;background:#f5f7ef;padding:11px;border-radius:6px}.form-hint app-icon{width:14px;height:14px;flex-shrink:0;margin-top:2px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:22px;border-top:1px solid #ebefe3}.form-error{color:#a9513c;font-size:12px;margin-top:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes toast-in{0%{opacity:0;bottom:18px}to{opacity:1;bottom:26px}}@media(min-width:1550px){main{padding-top:46px}.summary-grid{gap:24px}.balance-card{min-height:222px;padding-top:28px}.big-balance{font-size:47px}.metric-card>strong{font-size:34px}.envelope{padding:25px 26px 20px}.envelope h3{font-size:15px}.envelope-values strong{font-size:27px}.expense-row{padding:17px 0}.sidebar{width:260px}.main-shell{margin-left:260px;width:calc(100% - 260px)}}@media(max-width:1200px){.sidebar{width:208px;padding-inline:14px}.brand{font-size:25px}.main-shell{margin-left:208px;width:calc(100% - 208px)}main{padding:28px}.topbar{padding:0 28px}h1{font-size:25px}.summary-grid{gap:13px}.metric-card{padding:23px 18px}.metric-card>strong{font-size:25px}.balance-card{padding-inline:20px}.big-balance{font-size:35px}.envelopes{gap:13px}.envelope{padding-inline:17px}.envelope-values{gap:5px;flex-wrap:wrap}.envelope-values strong{font-size:21px}.dashboard-bottom{gap:16px;grid-template-columns:1.25fr 1fr}.expense-row .status-button,.section-aside{display:none}.upcoming-grid{grid-template-columns:repeat(2,1fr)}.footnote-brand{display:none}.savings-hero{flex-wrap:wrap}.savings-hero .button{margin-left:0}}@media(max-width:960px){.sidebar{width:76px;padding:26px 12px}.brand{font-size:0;padding:0;justify-content:center}.brand-mark{margin:0}.workspace-label,.sidebar-note,.sidebar-bottom .profile,.brand-dot,nav button>span,.settings-link{display:none}nav{margin-top:42px}nav button{justify-content:center;padding:14px 8px}nav app-icon{width:22px;height:22px}.main-shell{margin-left:76px;width:calc(100% - 76px)}.topbar{height:62px}.sidebar-bottom{display:none}.dashboard-bottom{grid-template-columns:1fr 1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.big-balance{font-size:31px}.metric-card>strong{font-size:23px}.metric-label{font-size:10px}.envelope-values strong{font-size:20px}.page-heading{align-items:flex-start}.month-switch{margin-top:25px}.saved-indicator{font-size:9px}.toast{left:calc(50% + 38px)}}@media(max-width:760px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:66px;border-right:0;border-top:1px solid var(--border);padding:5px 10px;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:none}nav{margin:0;flex-direction:row;justify-content:space-around}nav button{flex:1;flex-direction:column;gap:5px;padding:7px 2px;font-size:9px;border-radius:7px}nav button>span:not(.nav-dot){display:block;font-size:8px}nav .nav-dot{display:none}.main-shell{margin-left:0;width:100%}.topbar{height:53px;padding:0 20px}.breadcrumb{font-size:10px}.saved-indicator{font-size:8px}.saved-indicator>span{width:4px;height:4px}main{padding:25px 18px 90px}.page-heading{flex-direction:column;gap:17px;margin-bottom:22px}.eyebrow{font-size:8px}h1{font-size:26px;letter-spacing:-.9px}.page-heading p{font-size:11px}.month-switch{margin-top:0;align-self:flex-start}.summary-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.balance-card{grid-column:1/-1;min-height:190px;padding:20px 22px 0}.big-balance{font-size:41px}.balance-top{font-size:12px}.balance-card>p{font-size:11px}.balance-footer{font-size:10px;margin-top:18px}.metric-card{padding:20px 15px}.metric-card>strong{font-size:24px;margin-top:17px}.metric-card>p{font-size:9px}.metric-card .text-button{font-size:10px;margin-top:20px}.metric-label{font-size:10px}.mini-meter{margin-top:20px}.section-heading h2{font-size:16px;gap:8px}.envelopes{grid-template-columns:1fr;gap:12px}.envelope{padding:20px;position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.envelope-header{grid-column:1/-1;margin-bottom:12px}.category-icon{width:32px;height:32px}.envelope h3{font-size:14px}.envelope>p{grid-column:1;line-height:1.5}.envelope-values{grid-column:2;grid-row:2/4;align-items:flex-end;flex-direction:column;justify-content:center;margin:0 0 10px}.envelope-values strong{font-size:25px}.envelope-values span{font-size:10px}.progress{grid-column:1/-1;margin-top:15px}.envelope-bottom{grid-column:1/-1;margin-top:10px;font-size:10px}.ratio{font-size:20px}.dashboard-bottom{grid-template-columns:1fr;margin-top:24px}.expense-row .status-button{display:inline-flex}.expense-name strong,.future-name strong{font-size:12px}.row-amount,.future-row>strong{font-size:12px}.footnote{line-height:1.7;font-size:9px;align-items:flex-start}.panel-heading{padding:20px}.content-toolbar{flex-direction:column;align-items:stretch;gap:15px}.content-toolbar>.button{align-self:flex-start}.tabs{align-self:flex-start}.tabs button{padding:9px 12px;font-size:11px}.inline-stats{gap:15px;justify-content:space-between;font-size:10px}.inline-stats strong{display:block;margin:5px 0;font-size:15px}.panel .panel-heading:has(.search-box){flex-direction:column;align-items:flex-start}.search-box{width:100%}.search-box input{max-width:none;width:100%}.upcoming-grid,.settings-grid{grid-template-columns:1fr}.forecast-panel{padding:16px}.forecast-chart{gap:6px;height:185px}.bars{height:155px;gap:2px}.bars>span{width:10px}.chart-column small{font-size:8px}.chart-legend{font-size:9px;gap:12px}.projection-table td,.projection-table th{padding:10px;font-size:10px}.savings-hero{padding:24px;gap:16px}.savings-hero h2{font-size:20px;line-height:1.6}.savings-hero p{line-height:1.7}.savings-hero-icon{display:none}.toast{left:50%;bottom:80px;width:max-content;font-size:11px}.dialog{padding:26px 22px}.dialog h2{font-size:22px}.modal-backdrop{padding:14px}.form-grid{gap:0 12px}.dialog-actions .button{font-size:11px;padding:11px}.info-note p{font-size:11px}.full-width{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.topbar-right{display:flex;align-items:center;gap:10px}.compact-settings{display:none}.page-heading p,.section-heading p,.panel-heading p,.envelope>p,.metric-card>p,.future-intro,.expense-name small,.future-name small,.envelope-values>span,.metric-card>small{color:#74816e}.envelope-bottom{color:#637956}.wants .envelope-bottom{color:#95744d}.savings .envelope-bottom{color:#887399}@media(max-width:960px){.compact-settings{display:inline-grid}}@media(max-height:800px)and (min-width:961px){.sidebar-note{margin-top:30px;padding-block:16px;flex-shrink:0}.sidebar-note p,.sidebar-note .note-line,.sidebar-note>span:last-child{display:none}.workspace-label{margin-top:36px}.sidebar-note h3{font-size:12px}.tiny-sprout{margin-bottom:8px}}.budget-chart-panel,.expenses-chart-panel,.savings-chart-panel{margin-bottom:28px}.budget-chart-panel .panel-heading,.savings-chart-panel .panel-heading{padding-bottom:8px}.chart-toggle{display:flex;gap:3px;background:#f0f3eb;border-radius:7px;padding:3px;flex-shrink:0}.chart-toggle button{border:0;background:transparent;color:#76856a;font-size:10px;padding:8px 11px;border-radius:5px}.chart-toggle button.selected{background:#fff;box-shadow:0 2px 5px #2d472b0b;color:#365c3d;font-weight:600}.budget-chart-body{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(190px,1fr);gap:34px;align-items:center;padding:14px 26px 24px}.chart-insight{border-left:1px solid #e9ede3;padding:15px 0 15px 28px;min-width:0}.chart-insight>strong,.payment-insight>strong{display:block;font-family:Manrope Variable,sans-serif;font-size:29px;letter-spacing:-1px;color:#3c5b37;margin:15px 0 12px;font-weight:650}.chart-insight>p,.payment-insight>p{font-size:12px;color:#7c8b70;line-height:1.85}.chart-insight>small,.payment-insight>small{display:block;font-size:10px;color:#839176;line-height:1.8;margin-top:18px}.chart-insight .eyebrow,.payment-insight .eyebrow{font-size:8px;letter-spacing:1.25px;line-height:1.6;display:block}.expenses-chart-body{padding:0 26px 25px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(180px,1fr);gap:40px;align-items:center}.ranking-row{display:block;width:100%;border:0;background:transparent;padding:12px 0;text-align:left;border-radius:4px}.ranking-label{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:11px;color:#637858;margin-bottom:9px}.ranking-label>span{overflow-wrap:anywhere}.ranking-label>strong{font-size:12px;font-weight:600;white-space:nowrap;color:#3e5637}.ranking-track{height:8px;display:block;background:#f2f4ed;border-radius:6px;overflow:hidden}.ranking-track>span{display:block;height:100%;border-radius:6px;transition:width .3s}.payment-insight{background:#f7f9f2;border:1px solid #e8eddf;border-radius:10px;padding:23px}.payment-meter{height:9px;background:#e5eadf;border-radius:6px;overflow:hidden;margin-top:20px}.payment-meter>span{display:block;height:100%;background:#819b6e;transition:width .3s}.payment-key{display:flex;justify-content:space-between;font-size:9px;color:#879678;margin-top:10px}.payment-key>span{display:flex;align-items:center;gap:5px}.payment-key i{display:block;width:6px;height:6px;border-radius:2px;background:#819b6e}.payment-key>span:last-child i{background:#dce3d5}.savings-insight>strong{color:#87739a}.savings-insight .payment-meter>span{background:#a08ab3}@media(max-width:1200px){.budget-chart-body{grid-template-columns:minmax(0,1fr);gap:16px}.chart-insight{border-left:0;border-top:1px solid #e9ede3;padding:20px 0 0}.chart-insight>strong{font-size:24px;margin:10px 0}.chart-insight>small{margin-top:10px}.budget-chart-body app-donut{max-width:660px;width:100%}}@media(max-width:760px){.budget-chart-panel .panel-heading,.savings-chart-panel .panel-heading{align-items:flex-start;flex-wrap:wrap;gap:15px}.chart-toggle{width:100%}.chart-toggle button{flex:1;font-size:10px;padding:10px 6px}.budget-chart-body{padding:10px 20px 22px}.chart-insight>p{font-size:11px}.expenses-chart-body{grid-template-columns:1fr;padding:0 20px 22px;gap:20px}.ranking-label{font-size:11px}.payment-insight{padding:20px}.budget-chart-panel,.expenses-chart-panel,.savings-chart-panel{margin-bottom:24px}}.dialog h2+form{margin-top:24px}@media(max-width:760px){.envelope-values{grid-row:2}.month-switch{margin-top:0}}.month-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.month-switch .month-picker-trigger{display:flex;align-items:center;gap:9px;padding:5px 10px;font-size:11px;font-weight:550;color:var(--ink);text-transform:capitalize;border-radius:5px}.month-switch .month-picker-trigger:hover{background:#ecfdf5}.month-switch button:disabled{opacity:.35}.month-controls .month-switch{margin-top:0}.month-controls .current-month{font-size:11px}.legend-paid,.charge-paid{background:var(--color-needs)}.legend-pending,.charge-pending{background:var(--color-wants)}.bars.charge-bars{gap:0}.bars>.charge-stack{width:26px;display:flex;flex-direction:column;overflow:hidden;border-radius:4px 4px 0 0}.charge-stack>span{display:block;width:100%;flex-shrink:0}.chart-year{display:block;font-size:8px;margin-top:3px}.forecast-month-link{border:0;background:transparent;padding:3px 0;color:#047857;font-size:inherit;text-transform:capitalize;text-align:left}.forecast-month-link:hover{text-decoration:underline}.forecast-month-link span{margin-left:6px}@media(max-width:760px){.month-controls{justify-content:flex-start;gap:12px}.bars>.charge-stack{width:15px}.projection-table{overflow-x:auto}.projection-table table{min-width:410px}}.installment-editor{padding:16px;background:#f5f8fc;border:1px solid var(--border);border-radius:9px;margin:2px 0 20px}.installment-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.installment-heading h3{font-size:13px}.installment-heading strong{font-size:12px;color:#047857}.installment-editor>p{font-size:11px;line-height:1.6;color:#617779;margin:10px 0 15px}.installment-row{display:grid;grid-template-columns:20px minmax(0,1.2fr) minmax(0,1fr) 28px;gap:8px;align-items:end;margin-bottom:14px}.installment-row label{font-size:10px;display:flex;flex-direction:column;gap:6px;min-width:0}.installment-row input{padding:9px 7px;font-size:12px;min-width:0}.installment-number{font-size:11px;color:#617779;align-self:center;padding-top:15px}.installment-row button{margin-bottom:3px}.installment-row button:disabled{opacity:.3}@media(max-width:420px){.installment-editor{padding:12px}.installment-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 24px;gap:6px}.installment-number{grid-column:1/-1;padding-top:0}.installment-row input{font-size:11px}}.installment-totals{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;margin:12px 0 18px;color:#526f6a}.installment-totals strong{color:#047857}.installment-row .installment-paid{grid-column:2/4;grid-row:2;flex-direction:row;align-items:center;gap:7px;cursor:pointer}.installment-paid input{width:15px;height:15px;margin:0;accent-color:#047857}.installment-row>.icon-button{grid-column:4;grid-row:1}@media(max-width:420px){.installment-row .installment-paid{grid-column:1/3;grid-row:3}.installment-row>.icon-button{grid-column:3;grid-row:2}}.main-shell,main,.panel,.summary-grid>*,.envelopes>*,.dashboard-bottom>*,.upcoming-grid>*,.settings-grid>*,.panel-heading>div,.savings-hero>div{min-width:0}.mobile-expenses,.mobile-projections,.mobile-chart-hint{display:none}.expense-name strong,.future-name strong,.upcoming-card h3,.savings-card h2,.donut-label{overflow-wrap:anywhere}.savings-actions,.settings-actions{flex-wrap:wrap}.search-box input{min-width:0}.dialog input[type=date]{min-width:0;max-width:100%}.dialog label{min-width:0}@media(max-width:1100px){.desktop-expenses{display:none}.mobile-expenses{display:grid;padding:0 22px 22px;gap:14px}.mobile-expense{border:1px solid var(--border);border-radius:10px;padding:16px;min-width:0}.mobile-expense-heading{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center}.mobile-expense-name h3{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.mobile-expense-name small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.mobile-expense-amount{font-size:15px;white-space:nowrap;color:var(--ink)}.mobile-expense-actions{display:flex;gap:8px;align-items:center;border-top:1px solid var(--border);padding-top:12px}.mobile-expense-actions>.status-button{margin-right:auto;font-size:12px;padding-inline:12px}.mobile-expense-actions .button,.mobile-expense-actions .icon-button,.mobile-expense-actions .status-button{min-height:44px;min-width:44px}.content-toolbar,.panel-heading{flex-wrap:wrap}.dashboard-bottom{grid-template-columns:minmax(0,1fr)}.expense-row .status-button{display:inline-flex}.compact-list .expense-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto}.compact-list .expense-row .status-button{grid-column:2/-1;justify-self:end;min-height:38px;margin:0}}@media(max-width:960px){.upcoming-grid,.settings-grid{grid-template-columns:minmax(0,1fr)}.savings-hero{align-items:flex-start;gap:18px}.savings-hero .button{white-space:normal}.expenses-chart-body{grid-template-columns:minmax(0,1fr);gap:20px}.form-grid{min-width:0}.settings-actions .button,.dialog-actions .button{white-space:normal}}@media(max-width:760px){.app-shell{min-height:100dvh}.sidebar{height:calc(72px + env(safe-area-inset-bottom));padding-bottom:calc(6px + env(safe-area-inset-bottom))}main{padding:24px 16px calc(100px + env(safe-area-inset-bottom))}nav button{min-height:58px;padding:8px 2px;min-width:0}nav button>span:not(.nav-dot){font-size:10px;line-height:1.3;text-align:center;white-space:normal}.topbar{padding-inline:16px;gap:12px}.breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{flex-shrink:0}.page-heading{gap:16px;align-items:stretch}.month-controls{width:100%}.month-switch{height:auto;padding:2px}.month-switch button{min-height:40px;min-width:40px}.month-switch .month-picker-trigger{min-width:140px;font-size:12px;padding-inline:8px}.current-month{min-height:40px}.content-toolbar{align-items:stretch}.content-toolbar>.button{align-self:stretch;white-space:normal;min-height:44px}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-self:stretch;max-width:100%}.tabs button{min-height:42px;padding:8px 3px;font-size:12px}.inline-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;line-height:1.5}.inline-stats>span{min-width:0;font-size:11px}.inline-stats strong{font-size:14px;overflow-wrap:anywhere;letter-spacing:-.4px}.panel-heading{padding:20px 16px;gap:12px}.panel-heading h2{line-height:1.5}.panel-heading p{line-height:1.7}.mobile-expenses{padding:0 12px 14px;gap:12px}.mobile-expense{padding:14px 12px}.mobile-expense-heading{gap:9px}.mobile-expense-amount{font-size:14px}.search-box{padding:0 12px;min-height:44px}.search-box input{font-size:16px;min-height:42px}.icon-button{min-width:40px;min-height:40px}.status-button{min-height:40px;font-size:11px}.button{min-height:44px;white-space:normal}.chart-toggle button{min-height:44px}.budget-chart-body{padding-inline:16px}.projection-table{display:none}.mobile-projections{display:grid;gap:12px;margin-top:20px}.mobile-projection{border:1px solid var(--border);border-radius:9px;padding:14px;min-width:0}.mobile-projection .forecast-month-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;font-size:13px;font-weight:600;gap:12px}.mobile-projection dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0}.mobile-projection dt{font-size:10px;line-height:1.6;color:var(--muted)}.mobile-projection dd{margin:5px 0 0;font-size:12px;font-weight:600;overflow-wrap:anywhere}.mobile-projection dl>div:last-child dd{color:#047857}.forecast-chart{overflow-x:auto;overflow-y:hidden;height:218px;gap:10px;padding-bottom:12px;scroll-snap-type:x proximity}.chart-column{min-width:42px;flex:0 0 42px;scroll-snap-align:start}.chart-column small{font-size:11px}.chart-year{font-size:9px}.mobile-chart-hint{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:16px}.forecast-panel{padding:16px 12px}.chart-legend{font-size:11px;flex-wrap:wrap;gap:14px}.chart-legend i{width:10px;height:10px}.settings-card,.savings-card,.upcoming-card{padding:22px 18px}.settings-actions .button{flex:1}.savings-actions .status-button{flex:1;white-space:normal}.future-row{gap:10px}.future-name{flex:1}.future-row>strong{white-space:nowrap}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card>strong{font-size:clamp(20px,5.7vw,26px);overflow-wrap:anywhere}.balance-card{min-height:170px;padding-bottom:24px}.balance-card .big-balance{font-size:clamp(32px,9vw,42px);overflow-wrap:anywhere}.envelope-values{min-width:0}.envelope-values strong{font-size:clamp(19px,5.8vw,25px)}.modal-backdrop{padding:12px;align-items:center}.dialog{padding:28px 18px 20px;max-height:calc(100dvh - 24px);overscroll-behavior:contain;scroll-padding:20px}.dialog input,.dialog select,.dialog textarea{font-size:16px;min-height:44px}.dialog input[type=checkbox]{min-height:0}.dialog-actions{flex-wrap:wrap;gap:10px}.dialog-actions .button{flex:1;min-height:44px;font-size:12px}.dialog>.close{top:9px;right:9px}.dialog h2{padding-right:28px}.installment-row{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 40px;gap:8px}.installment-number{grid-column:1/-1;grid-row:auto;padding:0}.installment-row .installment-paid{grid-column:1/3;grid-row:3;min-height:36px;font-size:12px}.installment-row>.icon-button{grid-column:3;grid-row:2;min-width:40px;min-height:44px;margin:0}.installment-row input{font-size:16px;padding:9px 5px}.installment-paid input{width:18px;height:18px}.toast{bottom:calc(88px + env(safe-area-inset-bottom));width:calc(100% - 28px);max-width:420px;line-height:1.6}}@media(max-width:480px){.saved-indicator{display:none}.form-grid{grid-template-columns:minmax(0,1fr)}.installment-editor{padding:12px 10px}.installment-row{grid-template-columns:minmax(0,1fr) 40px}.installment-row>label:not(.installment-paid){grid-column:1;grid-row:auto}.installment-row>.icon-button{grid-column:2;grid-row:2}.installment-row .installment-paid{grid-column:1/-1;grid-row:4}.mobile-expense-heading{grid-template-columns:32px minmax(0,1fr)}.mobile-expense-amount{grid-column:2;font-size:17px}.mobile-expense .expense-icon{grid-row:1/3;align-self:start}.mobile-expense-actions{gap:6px}.mobile-expense-actions .button{padding:8px 10px;font-size:11px}}@media(max-width:350px){.summary-grid{grid-template-columns:minmax(0,1fr)}.inline-stats strong{font-size:12px}.mobile-projection dl{grid-template-columns:minmax(0,1fr)}.mobile-projection dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.mobile-projection dd{margin:0;font-size:13px}.compact-list{padding-inline:14px}.future-row{margin-inline:16px;width:calc(100% - 32px)}.envelope{grid-template-columns:minmax(0,1fr)}.envelope-values{grid-column:1;grid-row:auto;align-items:flex-start;margin-top:12px}.envelope-header,.envelope-bottom,.progress{grid-column:1}}@media(max-height:560px){.modal-backdrop{padding:8px}.dialog{max-height:calc(100dvh - 16px)}.sidebar{overflow-y:auto}}.upcoming-card{padding:14px 16px}.upcoming-card .upcoming-top{gap:8px;margin-bottom:6px}.upcoming-card .upcoming-top .expense-icon{width:30px;height:30px}.upcoming-card h3{font-size:14px}.upcoming-card .upcoming-amount{font-size:23px;margin:7px 0 4px}.upcoming-card .expense-note{margin-top:8px;line-height:1.5}.upcoming-card .upcoming-footer{padding-top:6px}.upcoming-card .provision{margin-top:10px;padding:10px}.upcoming-card .icon-button{min-width:44px;min-height:44px}@keyframes soft-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes bar-enter{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes paid-feedback{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes toast-rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:no-preference){.summary-grid>article,.envelope,.upcoming-card,.savings-card,.mobile-expense,.mobile-projection{animation:soft-enter .32s ease-out backwards}.summary-grid>article:nth-child(2),.envelope:nth-child(2),.upcoming-card:nth-child(2){animation-delay:40ms}.summary-grid>article:nth-child(3),.envelope:nth-child(3),.upcoming-card:nth-child(3){animation-delay:80ms}.modal-backdrop{animation:backdrop-enter .16s ease-out}.dialog{animation:modal-enter .22s cubic-bezier(.2,.8,.2,1)}.toast{animation:toast-rise .22s ease-out}.bars>span{transform-origin:bottom;animation:bar-enter .5s cubic-bezier(.2,.8,.2,1);transition:height .3s ease}.status-button{transition:background-color .18s,color .18s,transform .15s}.status-button.is-paid{animation:paid-feedback .25s ease-out}.button,.icon-button,nav button,.tabs button,.month-switch button{transition:background-color .18s,color .18s,transform .15s}.button:active,.icon-button:active,nav button:active,.tabs button:active,.month-switch button:active{transform:scale(.97)}.progress>span,.commitment-bar>span{transition:width .4s ease}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0) scale(.97)}}.nav-indicator{display:none}@media(max-width:760px){.sidebar{--bar-pad:6px;overflow:visible;border-top:0;border-radius:22px 22px 0 0;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;padding-top:var(--bar-pad);filter:drop-shadow(0 -3px 12px #123f3514)}.sidebar nav{--icon-lift:-22px;position:relative;gap:0;align-items:stretch}.sidebar nav button,.sidebar nav button:hover,.sidebar nav button.active{position:relative;z-index:1;background:transparent;box-shadow:none;transform:none;border-radius:14px;min-height:58px;justify-content:flex-start;padding:9px 2px 0;gap:4px;color:#6f817a}.sidebar nav button>app-icon{flex-shrink:0;width:22px;height:22px}.sidebar nav button>span:not(.nav-dot){font-size:9px;line-height:1.25;font-weight:550}.sidebar nav button.active{color:var(--ink)}.sidebar nav button.active>span:not(.nav-dot){font-weight:750}.sidebar nav button.active>app-icon{color:#fff;transform:translateY(var(--icon-lift))}.nav-indicator{display:block;position:absolute;z-index:0;left:0;top:calc(-1 * var(--bar-pad));width:25%;height:0;transform:translate(calc(var(--active,0) * 100%));opacity:0}.has-active>.nav-indicator{opacity:1}.nav-indicator:before{content:"";position:absolute;left:calc(50% - 41.71px);top:-30px;width:83.42px;height:31px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 83.42 31'%3E%3Cpath fill='%23fff' d='M0 30A10 10 0 0 0 9.48 23.18A34 34 0 0 1 73.94 23.18A10 10 0 0 0 83.42 30V31H0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}.nav-indicator>span{position:absolute;left:calc(50% - 26px);top:-22px;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#34d399,#059669 55%,#047857);box-shadow:0 7px 16px #04785740,inset 0 1px #ffffff40}main{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.toast{bottom:calc(124px + env(safe-area-inset-bottom))}}@media(max-width:760px)and (prefers-reduced-motion:no-preference){.nav-indicator{transition:transform .5s cubic-bezier(.45,1.35,.55,1),opacity .25s}.nav-indicator>span{transition:transform .2s ease}.sidebar nav button>app-icon{transition:transform .45s cubic-bezier(.34,1.45,.6,1),color .25s}.sidebar nav button.active>app-icon{transition-delay:.08s,.12s}.sidebar nav button>span:not(.nav-dot){transition:color .25s}.sidebar nav button:active>app-icon{transform:scale(.9)}.sidebar nav button.active:active>app-icon{transform:translateY(var(--icon-lift)) scale(.92)}}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px;margin:auto}.auth-card{width:100%;max-width:440px;padding:32px}.auth-card .brand-mark{margin-bottom:20px}.auth-card p{margin:16px 0;line-height:1.7}.auth-card form{display:grid;gap:12px;margin-top:24px}.auth-card input{width:100%;min-width:0;padding:13px;border:1px solid var(--border);border-radius:8px;font-size:16px}.auth-card .button{min-height:46px;justify-content:center}.saved-indicator.offline{color:#b45309}.saved-indicator.offline>span{background:#f59e0b}.update-banner{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:120;display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 32px);padding:10px 12px 10px 18px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 30px #17496b1f;font-size:12px;color:var(--ink)}@media(max-width:520px){.update-banner{width:calc(100% - 32px);justify-content:space-between}}.balance-card{display:flex;flex-direction:column;min-height:0;padding:24px 26px 22px;color:#fff;border-radius:18px;isolation:isolate;background:radial-gradient(90% 120% at 100% 0%,#2dd4bf59,#0000 60%),radial-gradient(70% 90% at 0% 100%,#022c2240,#0000 70%),linear-gradient(135deg,#065f46,#047857 45%,#0f766e);box-shadow:0 14px 34px -12px #04785766,inset 0 0 0 1px #ffffff14;transition:background .4s}.balance-card:after{content:"";position:absolute;z-index:-1;width:260px;height:260px;right:-70px;top:-120px;border-radius:50%;background:radial-gradient(circle,#ffffff1f,#fff0 68%)}.balance-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:550;color:#ecfdf5}.balance-chip{flex-shrink:0;padding:5px 10px;border-radius:999px;background:#ffffff1f;border:1px solid #ffffff2e;font-size:11px;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.balance-card .big-balance{font-family:Manrope Variable,sans-serif;font-size:46px;font-weight:700;letter-spacing:-2px;line-height:1.1;margin:14px 0 0;color:#fff}.big-balance small{font-size:.5em;font-weight:600;letter-spacing:-.5px;opacity:.72;margin-left:2px}.allocation{display:flex;gap:3px;height:8px;margin-top:22px;border-radius:99px;background:#ffffff26;overflow:hidden}.allocation>span{height:100%;border-radius:99px;min-width:0}.allocation .needs,.balance-legend i.needs{background:#6ee7b7}.allocation .wants,.balance-legend i.wants{background:#fdba74}.allocation .savings,.balance-legend i.savings{background:#c4b5fd}.balance-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:12px;font-size:11px;color:#ecfdf5d9}.balance-legend>span{display:inline-flex;align-items:center;gap:6px}.balance-legend i{width:8px;height:8px;border-radius:50%}@media(max-width:760px){.balance-card{padding:20px 20px 18px;min-height:0}.balance-card .big-balance{font-size:clamp(34px,10vw,44px);margin-top:12px}}@media(prefers-reduced-motion:no-preference){.allocation>span{transition:width .6s cubic-bezier(.2,.8,.2,1)}}.installment-total{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:550;color:#5d7551;margin-bottom:4px}.period-range{font-size:11px;color:var(--muted);white-space:nowrap}.settings-select{display:flex;flex-direction:column;gap:8px;max-width:320px;font-size:12px;font-weight:550;color:#5d7551}.settings-select select{border:1px solid #dce3d4;border-radius:7px;background:#fbfcf9;padding:11px 12px;color:#3e5936;font-weight:400}.breadcrumb strong{font-weight:750;color:var(--ink);font-size:1.15em}@media(max-width:760px){.mobile-expenses{gap:8px}.mobile-expense{padding:12px}.mobile-expense-heading{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center}.mobile-expense .expense-icon{grid-row:auto;align-self:center;width:32px;height:32px}.mobile-expense-name h3{font-size:13px;line-height:1.35}.mobile-expense-name small{margin-top:2px}.mobile-expense-amount{grid-column:auto;align-self:start;font-size:15px;font-weight:700}.mobile-expense-actions{gap:6px;margin-top:10px;padding-top:0;border-top:0}.mobile-expense-actions>.status-button{margin:0 0 0 4px;min-height:36px;font-size:11px}.mobile-expense-actions>.pill{margin-right:auto}.mobile-expense-actions .icon-button{min-height:40px;min-width:40px}}.upcoming-grid{gap:12px}.upcoming-card{padding:12px 14px}.upcoming-heading{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center}.upcoming-heading .expense-icon{width:32px;height:32px}.upcoming-name h3{font-size:13px;line-height:1.35;overflow-wrap:anywhere}.upcoming-name small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.upcoming-card .upcoming-amount{align-self:start;margin:0;font-size:15px;font-weight:700;letter-spacing:-.2px;white-space:nowrap;color:var(--ink)}.upcoming-card .expense-note{margin:8px 0 0 42px;font-size:11px}.upcoming-card .provision{align-items:center;gap:8px;margin:8px 0 0;padding:8px 10px;font-size:11px}.upcoming-card .provision app-icon{width:14px;height:14px}.upcoming-card .upcoming-footer{justify-content:flex-start;gap:6px;padding-top:8px}.upcoming-footer>.pill{margin-right:auto}.upcoming-card .icon-button{min-width:40px;min-height:40px}@media(max-width:760px){.compact-list .expense-row{grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"icon name amount" "icon name status";column-gap:10px;row-gap:4px;align-items:center;min-height:0;padding:10px 0}.compact-list .expense-row>.expense-icon{grid-area:icon;width:32px;height:32px}.compact-list .expense-row>.expense-name{grid-area:name}.compact-list .expense-name strong{font-size:13px;line-height:1.35}.compact-list .expense-name small{font-size:11px;margin-top:2px}.compact-list .expense-row>.row-amount{grid-area:amount;align-self:end;font-size:15px;font-weight:700;color:var(--ink)}.compact-list .expense-row>.status-button{grid-area:status;grid-column:auto;justify-self:end;align-self:start;min-height:32px;font-size:11px}}@keyframes dialog-in{0%{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:1;transform:none}}@keyframes dialog-out{to{opacity:0;transform:translateY(16px) scale(.96)}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-out{to{transform:translateY(100%)}}@keyframes backdrop-out{to{opacity:0}}@keyframes field-in{0%{opacity:0;transform:translateY(10px)}}@media(max-width:760px){.modal-backdrop{align-items:flex-end;padding:0}.dialog{width:100%;max-width:none;max-height:92dvh;border-radius:22px 22px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px #182f3826}}@media(prefers-reduced-motion:no-preference){.modal-backdrop{animation:backdrop-enter .25s ease-out}.dialog{animation:dialog-in .42s cubic-bezier(.22,1.3,.36,1)}.modal-backdrop.closing{animation:backdrop-out .2s ease-in forwards}.modal-backdrop.closing .dialog{animation:dialog-out .2s ease-in forwards}.dialog>h2,.dialog>.dialog-subtitle,.dialog form>*{animation:field-in .4s cubic-bezier(.2,.8,.2,1) backwards}.dialog>h2{animation-delay:.06s}.dialog>.dialog-subtitle{animation-delay:.09s}.dialog form>:nth-child(1){animation-delay:.1s}.dialog form>:nth-child(2){animation-delay:.13s}.dialog form>:nth-child(3){animation-delay:.16s}.dialog form>:nth-child(4){animation-delay:.19s}.dialog form>:nth-child(5){animation-delay:.22s}.dialog form>:nth-child(n+6){animation-delay:.25s}}@media(max-width:760px)and (prefers-reduced-motion:no-preference){.dialog{animation:sheet-in .42s cubic-bezier(.2,.9,.25,1)}.modal-backdrop.closing .dialog{animation:sheet-out .2s ease-in forwards}}@keyframes page-from-right{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:none}}@keyframes page-from-left{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:none}}.main-shell{overflow-x:clip}@media(prefers-reduced-motion:no-preference){main>*:not(.page-heading){animation:page-from-right .5s cubic-bezier(.3,1.25,.5,1) backwards}main.page-back>*:not(.page-heading){animation-name:page-from-left}main>*:not(.page-heading):nth-child(3){animation-delay:.03s}main>*:not(.page-heading):nth-child(n+4){animation-delay:.06s}}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(28px) scale(.98);transition:opacity .5s ease-out,transform .6s cubic-bezier(.2,.9,.3,1.1)}.reveal.revealed{opacity:1;transform:none}}:root{--bg: #f5f8fc;--ink: #183f3a;--text: #344b4c;--muted: #617779;--green: #047857;--border: #e0e9ed;--sage: #d1fae5;--orange: #ea7b16;--purple: #7c3aed;--color-needs: #10b981;--color-wants: #ff9a3d;--color-savings: #8b5cf6;--color-available: #38bdf8;--shadow: 0 5px 22px #17496b06}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#0d9488}.brand-mark{background:#059669;color:#fff;box-shadow:0 4px 12px #10b98126}.brand-dot,.tiny-sprout{color:#059669}nav button.active,.settings-link.active{background:#d1fae5;color:#065f46}nav button:hover,.settings-link:hover{background:#ecfdf5}.nav-dot,.saved-indicator>span{background:#10b981}.sidebar-note{background:#ecfdf5;border-color:#a7f3d0}.sidebar-note h3{color:#065f46}.sidebar-note p,.sidebar-note>span:last-child{color:#397768}.note-line{background:#6ee7b7}.avatar{background:#ede9fe;color:#6d28d9}.eyebrow{color:#047857}.balance-footer{color:#f0fdfa}.balance-footer{border-color:#fff3}.round-icon{color:#fff;background:#ffffff15;border-color:#ffffff40}.light-dot{background:#a3e635}.metric-card:nth-child(2){background:#f0fdfa;border-color:#bdeee5}.metric-card:nth-child(3){background:#fff8f0;border-color:#ffe1bd}.metric-label,.metric-label app-icon{color:#526f6a}.metric-card:nth-child(3) .metric-label app-icon{color:#c26513}.mini-meter{background:#ffead3}.mini-meter span{background:var(--color-wants)}.text-button,.future-link{color:#047857}.button{border-color:#a7ddcd;color:#047857}.button.primary{background:#047857;border-color:#047857}.button.primary:hover{background:#065f46}.button.danger{background:#be123c;border-color:#be123c;color:#fff}.pill.neutral{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.envelope.needs{background:linear-gradient(145deg,#ecfdf5,#fff 85%);border-color:#a7f3d0}.envelope.wants{background:linear-gradient(145deg,#fff7ed,#fff 85%);border-color:#fed7aa}.envelope.savings{background:linear-gradient(145deg,#f5f3ff,#fff 85%);border-color:#ddd6fe}.needs .category-icon,.expense-icon.needs,.pill.needs{color:#047857;background:#d1fae5}.wants .category-icon,.expense-icon.wants,.pill.wants{color:#b45309;background:#ffedd5}.savings .category-icon,.expense-icon.savings,.pill.savings{color:#6d28d9;background:#ede9fe}.needs .ratio,.needs .envelope-values strong,.needs .envelope-bottom,.needs .envelope-bottom button{color:#047857}.wants .ratio,.wants .envelope-values strong,.wants .envelope-bottom,.wants .envelope-bottom button{color:#b45309}.savings .ratio,.savings .envelope-values strong,.savings .envelope-bottom,.savings .envelope-bottom button{color:#6d28d9}.needs .progress{background:#d1fae5}.needs .progress span{background:var(--color-needs)}.wants .progress{background:#ffedd5}.wants .progress span{background:var(--color-wants)}.savings .progress{background:#ede9fe}.savings .progress span{background:var(--color-savings)}.status-button{color:#92400e;background:#fef3c7;border-color:#fde68a}.status-button.is-paid{color:#065f46;background:#d1fae5;border-color:#a7f3d0}.future-preview{background:#f0f9ff;border-color:#c9eaff}.calendar-badge,.date-tile{background:#e0f2fe;border-color:#bae6fd;color:#0369a1}.future-row{border-bottom-color:#dbeefa}.future-preview .eyebrow,.future-link{color:#0369a1}.tabs,.chart-toggle{background:#e9f5f0}.tabs button,.chart-toggle button{color:#456c61}.tabs button.selected,.chart-toggle button.selected{background:#047857;color:#fff}.chart-insight>strong,.payment-insight>strong{color:#047857}.payment-insight{background:#f0fdfa;border-color:#bdeee5}.payment-meter{background:#d9f2e9}.payment-meter>span,.payment-key i{background:var(--color-needs)}.payment-key>span:last-child i{background:#bde8d9}.chart-insight>p,.payment-insight>p{color:#597470}.chart-insight>small,.payment-insight>small,.payment-key{color:#617779}.ranking-track{background:#edf2f7}.legend-income,.income-bar{background:#b9e8ff}.legend-planned,.planned-bar{background:var(--color-needs)}.danger-bar{background:#f43f5e}.provision{background:#ecfdf5;color:#047857}.savings-hero{background:linear-gradient(110deg,#ede9fe,#f5f3ff);border-color:#d6c8ff}.savings-hero h2,.savings-hero-icon,.savings-hero .eyebrow,.savings-insight>strong{color:#6d28d9}.savings-hero p{color:#766190}.savings-hero .button.primary{background:#6d28d9;border-color:#6d28d9}.savings-insight .payment-meter{background:#ede9fe}.savings-insight .payment-meter>span{background:var(--color-savings)}.info-note{background:#eff8ff;border-color:#bae6fd;color:#356b88}.form-hint{background:#ecfdf5;color:#427b6d}.toast{background:#047857}.over-budget{color:#be123c!important}.negative{color:#ffe4e6}