:root{--bg:#f7f8f4;--paper:#fff;--ink:#283b34;--muted:#7b827a;--line:#e7eae2;--green:#294e43;--lime:#e7efc8;--red:#a9473b;--radius:18px;--shadow:0 4px 25px #293d3204}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #95b376;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.3px;line-height:1.25}h1,h2{font-weight:600}h2{font-size:18px;letter-spacing:-.35px}h3{font-size:16px;font-weight:600}p{line-height:1.65}b,strong{font-weight:600}.small,small{font-size:12px}.muted{color:var(--muted)}.positive{color:#41795b}.negative{color:var(--red)}.eyebrow{display:block;font-size:10px;letter-spacing:1.7px;font-weight:700;color:#828b7c;margin-bottom:12px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.stack{flex-direction:column;align-items:stretch}.brand,.stack{display:flex;gap:10px}.brand{align-items:center;font-size:29px;font-weight:650;letter-spacing:-1.2px}.brand img{width:33px;height:33px;border-radius:9px}.brand-dot{color:#89a76d}.danger,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;border-radius:9px;font-weight:550;font-size:13px;border:1px solid transparent;transition:.15s;white-space:nowrap}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:#1d3c32;transform:translateY(-1px)}.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.secondary:hover:not(:disabled){background:#f7f8f4}.danger{background:var(--red);color:white}.danger-text,.text-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:5px 0;font-size:12px;font-weight:600;color:var(--green);text-align:left}.text-btn:hover{text-decoration:underline}.danger-text{color:var(--red)}.icon-btn{border:0;background:none;color:#8a9187;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;flex-shrink:0}.icon-btn:hover{background:#eef1e9;color:var(--green)}.small-btn{padding:9px 13px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:236px;background:#f1f3ec;padding:30px 22px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar .brand{padding-left:7px}.sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:48px}.sidebar nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 15px;color:#7f887b;background:none;border:0;border-radius:10px;font-size:13px}.sidebar nav button.active{background:var(--green);color:white}.sidebar nav button:hover:not(.active){background:#e7ece1;color:var(--green)}.sidebar nav i{width:5px;height:5px;background:var(--lime);border-radius:50%;margin-left:auto}.sidebar-note{padding:25px 15px;margin-top:auto;color:#849078}.sidebar-note strong{display:block;font-size:18px;line-height:1.45;font-weight:500;color:#64715c;margin:13px 0 8px}.sidebar-note p{font-size:12px}.profile-line{display:flex;align-items:center;gap:10px;padding:21px 3px 0;border-top:1px solid #dfe5d7;margin-top:15px}.avatar{background:#e0e7d4;color:#526547;width:36px;height:36px;display:grid;place-items:center;font-weight:600;border-radius:50%;flex-shrink:0}.profile-line>div{min-width:0}.profile-line strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;max-width:106px}.profile-line small{display:block;font-size:10px;color:var(--muted)}.profile-line>.icon-btn{margin-left:auto}.workspace{margin-left:236px}.topbar{height:86px;padding:0 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fafbf8}.breadcrumb{color:#969d92;font-size:12px}.breadcrumb span{padding:0 11px;color:#bdc4b8}.breadcrumb strong{color:#5e6b59;font-weight:500}.top-actions{display:flex;align-items:center;gap:12px}.sync-label{color:#87917e;font-size:10px}.main-content{max-width:1420px;padding:37px 42px 22px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:15px}.page-heading h1{margin-bottom:8px}.page-heading p{color:var(--muted);font-size:13px}.month-picker{display:flex;border:1px solid var(--line);border-radius:9px;background:white;align-items:center;padding:5px}.month-picker button{border:0;background:none;color:#849078;padding:5px;display:flex}.month-picker label{display:flex;align-items:center;gap:8px;padding:0 10px;color:#718069}.month-picker input{border:0;padding:4px;background:white;color:var(--ink);width:145px;font-size:12px}.month-picker input::-webkit-calendar-picker-indicator{opacity:.4;width:12px}.summary-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));gap:18px}.margin-card{background:var(--green);border-radius:var(--radius);padding:25px 26px;color:#fff;overflow:hidden;position:relative}.margin-card>.row{font-size:12px;color:#d9e6d5}.round-icon{background:#416458;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.hero-number{font-size:40px;letter-spacing:-1.4px;display:block;font-weight:500;margin:9px 0 2px}.margin-card p{font-size:11px;color:#c3d3c2;max-width:270px}.margin-footer{display:flex;justify-content:space-between;gap:8px;font-size:10px;border-top:1px solid #527165;padding-top:18px;margin-top:22px;color:#cedbca}.margin-footer span{display:flex;align-items:center;gap:6px;text-transform:capitalize}.margin-footer i{width:5px;height:5px;background:#c4d69b;border-radius:50%}.margin-footer button{border:0;color:#e8f0d4;background:none;display:flex;align-items:center;gap:4px;font-size:10px;padding:0}.metric{display:flex;flex-direction:column;justify-content:center;padding:23px}.metric-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;margin-bottom:15px}.metric-icon svg{width:19px}.income-icon{background:#edf4df;color:#779653}.expense-icon{background:#f8eee1;color:#bd9761}.metric>span:not(.metric-icon){font-size:12px;color:var(--muted)}.metric>strong{font-size:31px;letter-spacing:-1px;font-weight:550;white-space:nowrap;margin:6px 0}.metric>small{color:#8f9789;font-size:10px}.calculation{margin:10px 0 26px;color:#899181;font-size:10px}.calculation summary{display:flex;align-items:center;gap:6px;cursor:pointer;width:fit-content}.calculation p{padding:10px 0;max-width:950px;font-size:12px;color:#6a7660}.content-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:22px;margin-bottom:23px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.section-head h2{font-size:16px}.section-head p{font-size:11px;color:var(--muted);margin-top:4px}.budget-item{margin:8px 0 22px}.budget-item:last-child{margin-bottom:0}.budget-item strong{font-size:12px}.bar-track{height:7px;background:#f0f2ec;border-radius:6px;overflow:hidden;margin:12px 0 8px}.bar-track span{display:block;height:100%;border-radius:6px;transition:width .4s}.budget-item .small{font-size:10px}.due-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 0;background:none;border:0;border-bottom:1px solid #f0f2ec;text-align:left;color:var(--ink)}.due-row:last-child{border-bottom:0}.due-row>span:nth-child(2){flex:1 1}.due-row strong,.due-row>b{font-size:12px}.due-row small{display:block;color:var(--muted);font-size:10px}.date-tile{border-radius:10px;background:#f4f5ef;width:43px;text-align:center;padding:5px 0;flex-shrink:0}.date-tile b{font-size:17px;font-weight:500}.date-tile small{text-transform:uppercase;font-size:8px}.tx-row{display:flex;align-items:center;gap:12px;padding:13px 0;background:none;border:0;border-bottom:1px solid #f0f2ec;color:var(--ink);width:100%;text-align:left}.tx-row:last-child{border-bottom:0}.tx-row:hover{background:#fafbf8}.category-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;flex-shrink:0;color:#6b7a64}.tx-name{display:block;flex:1 1;min-width:0}.tx-name strong{font-size:12px}.tx-name small,.tx-name strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tx-name small{color:var(--muted);font-size:10px}.tx-row time{color:#909789;font-size:10px;white-space:nowrap}.tx-row>.amount{font-size:12px;white-space:nowrap;min-width:80px;text-align:right}.balance-number{font-size:34px;font-weight:500;letter-spacing:-1px;display:block;margin:5px 0 19px}.account-line{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eff2e9;padding:13px 0;font-size:12px}.account-line span{color:#78816f}.account-line b{white-space:nowrap}.account-overview>p{margin:15px 0}.empty{text-align:center;padding:25px 14px;color:var(--muted)}.empty-icon{margin:0 auto 13px;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#f4f6ef;color:#94a87f}.empty h3{font-size:14px;color:var(--ink);margin-bottom:7px}.empty p{font-size:12px;max-width:380px;margin:0 auto 17px}.toolbar{gap:12px;margin-bottom:22px}.search,.toolbar{display:flex;align-items:center}.search{gap:9px;border:1px solid var(--line);border-radius:9px;padding:0 12px;flex:1 1;color:#8e9a84;min-width:0}.search input{width:100%;min-width:0;border:0;background:none;padding:12px 0}.toolbar select{max-width:180px}.list-caption{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px}.list-caption,.plan-card{display:flex;justify-content:space-between}.plan-card{align-items:center;gap:20px;margin-bottom:23px;background:#f0f3e9}.plan-card p{font-size:12px;margin:10px 0}.rule-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:19px 0}.rule-info{flex:1 1;min-width:0}.rule-info strong{display:block;font-size:14px}.rule-info small{display:block;color:var(--muted);font-size:11px}.rule-row>b{font-size:14px;white-space:nowrap}.rule-actions{display:flex;align-items:center;gap:8px}.badge{display:inline-block;margin-top:6px;background:#f0f3e8;color:#7e8b69;padding:2px 8px;border-radius:5px;font-size:10px}.badge.warning{background:#fbefe2;color:#a07b46}.paused{opacity:.58}.footnote{color:var(--muted);font-size:11px;margin-top:20px}.goals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.goal-icon{width:45px;height:45px;border-radius:13px;background:#eff4e3;color:#8ca168;display:grid;place-items:center}.goal-card h2{font-size:22px;margin:23px 0 4px}.goal-card p{font-size:12px;color:var(--muted);margin-bottom:23px}.goal-card>strong{display:block;font-size:27px;font-weight:500}.goal-card>strong small{font-size:12px;color:var(--muted);font-weight:400}.goal-card>.small{font-size:11px;color:var(--muted)}.goal-card .secondary{margin-top:25px;width:100%}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.profile-big{display:flex;gap:14px;align-items:center;margin:15px 0 23px}.profile-big .avatar{width:48px;height:48px}.profile-big p{font-size:12px;color:var(--muted);word-break:break-word}.settings-grid .card>p{margin:15px 0}.settings-grid .card>.text-btn{display:flex;margin-top:10px}.manage-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.manage-row>div{flex:1 1}.manage-row strong{display:block;font-size:12px}.manage-row small{display:block;color:var(--muted);font-size:10px}.category-grid{display:flex;flex-wrap:wrap;gap:8px}.category-chip{border:1px solid var(--line);background:#fafbf8;border-radius:8px;padding:9px 11px;display:flex;gap:8px;align-items:center;font-size:11px;color:var(--ink)}.category-chip small{font-size:9px}.app-footer{display:flex;justify-content:space-between;color:#a0a797;font-size:10px;margin-top:34px}.mobile-nav{display:none}.demo-banner{display:flex;align-items:center;gap:9px;background:#e9efdd;color:#637249;border:1px solid #dbe5cb;border-radius:10px;padding:10px 14px;margin-bottom:23px;font-size:11px}.demo-banner span{flex:1 1}.demo-banner button{background:none;border:0;color:#516341;text-decoration:underline;font-size:11px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:#284e43;color:white;padding:13px 16px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 50px #1d3e3925;z-index:60;font-size:13px}.toast .icon-btn{color:#d9e6d5;width:23px;height:23px}.error{background:#fceee9;color:#934739}.error,.success{border-radius:8px;padding:12px;font-size:12px;margin:12px 0}.success{background:#edf4df;color:#567343}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-page{min-height:100vh;display:flex;gap:25px;flex-direction:column;align-items:center;justify-content:center;padding:25px}.loading-page>p{color:var(--muted);max-width:550px}input,select{border:1px solid #dde3d5;border-radius:8px;padding:11px 12px;color:var(--ink);background:white;min-width:0}input::placeholder{color:#a4ac9c}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;min-width:0}.field>span{font-size:12px;font-weight:550;color:#607058}.field small{font-size:10px;color:var(--muted);line-height:1.55}.field input,.field select{width:100%;height:44px}.field input[type=color]{padding:5px;width:70px}.form-grid{gap:15px}.auth-page,.form-grid{display:grid;grid-template-columns:1fr 1fr}.auth-page{min-height:100vh;background:#fff}.auth-story{background:#edf1e4;padding:43px 70px;display:flex;flex-direction:column;justify-content:space-between;gap:35px}.auth-story h1{font-size:58px;letter-spacing:-2px;line-height:1.15;margin:22px 0}.auth-story h1 em{font-weight:400;font-family:Georgia,serif}.auth-story p{color:#88957e;font-size:14px}.auth-story .eyebrow{color:#75876a}.auth-foot{display:flex;align-items:center;gap:8px;color:#8d9a81}.auth-illustration{background:var(--green);padding:23px 28px;margin-top:33px;border-radius:18px;color:#e7efc8;max-width:360px;transform:rotate(-3deg);box-shadow:8px 12px 0 #d9e3c6}.auth-illustration>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:13px}.illustration-bars{display:flex;height:90px;gap:15px;align-items:end;margin:23px 0}.illustration-bars i{background:#83a177;border-radius:5px 5px 0 0;flex:1 1;height:20%}.illustration-bars i:nth-child(2){height:40%}.illustration-bars i:nth-child(3){height:33%}.illustration-bars i:nth-child(4){height:60%}.illustration-bars i:nth-child(5){height:49%}.illustration-bars i:nth-child(6){height:70%}.illustration-bars i:nth-child(7){height:100%;background:#d4e49d}.auth-illustration small{font-size:10px;color:#a6b99e}.auth-panel{width:100%;max-width:440px;padding:35px;margin:auto}.auth-panel h2{font-size:35px;line-height:1.22;letter-spacing:-1.3px;margin-bottom:16px}.auth-panel p{font-size:13px;margin-bottom:25px}.auth-panel form{margin-top:27px}.auth-panel .primary{width:100%;margin:9px 0}.auth-panel>.secondary{width:100%;margin-top:10px}.auth-panel .demo-link{margin-top:25px}.reset-details{font-size:12px;color:var(--muted);margin-top:13px}.reset-details summary{cursor:pointer}.reset-details form{margin-top:17px}.auth-mobile{display:none}.onboarding{max-width:600px;margin:40px auto;padding:20px}.onboarding>.brand{margin:0 auto 30px;justify-content:center}.onboarding .card{padding:35px}.onboarding h1{font-size:30px;margin-bottom:12px}.onboarding .card>p{font-size:13px;margin-bottom:25px}.onboarding .primary{width:100%;margin-top:5px}.onboarding>.text-btn{display:block;margin:20px auto}.visually-hidden{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}dialog{width:min(540px,calc(100vw - 30px));max-height:90dvh;border:1px solid var(--line);border-radius:19px;padding:0;color:var(--ink);box-shadow:0 25px 100px #1d342530}dialog::backdrop{background:#263b335f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-inner{padding:27px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.modal-head h2{font-size:21px}.modal-inner form>p{font-size:12px;margin:10px 0 19px}.modal-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.modal-actions .danger-text{margin-right:auto}.modal-actions .primary,.modal-actions .secondary{padding:10px 14px}.modal-actions .text-btn{margin-right:auto}@media(min-width:1500px){.sidebar{width:260px;padding-left:30px;padding-right:30px}.workspace{margin-left:260px}.main-content{padding-top:44px}.hero-number{font-size:45px}.margin-card{padding:29px}}@media(max-width:1150px){.sidebar{width:205px;padding:27px 16px}.workspace{margin-left:205px}.main-content{padding:27px}.topbar{padding:0 27px}.summary-grid{grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr));gap:12px}.margin-card{padding:20px}.hero-number{font-size:32px}.metric{padding:20px}.metric>strong{font-size:27px}.card{padding:20px}.content-grid{gap:16px}.rule-row{flex-wrap:wrap}.rule-actions{margin-left:50px}.auth-story{padding:35px 45px}.auth-story h1{font-size:48px}.sync-label,.tx-row time{display:none}}@media(max-width:850px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:71px;padding:0 22px}.main-content{padding:27px 22px 100px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:#fffefaf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:30}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;color:#98a08f;background:none;border:0;border-radius:9px;padding:5px 8px;flex:1 1}.mobile-nav button.active{color:var(--green);background:#edf2e5}.mobile-nav span{font-size:9px}.toast{bottom:95px}.settings-grid{gap:15px}.auth-story{padding:32px}.auth-story h1{font-size:41px}}@media(max-width:620px){body{font-size:13px}.topbar{height:67px;padding:0 18px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 7px}.top-actions{gap:6px}.top-actions>.primary{font-size:11px;padding:9px}.top-actions>.icon-btn{width:27px}.main-content{padding:25px 17px 105px}.page-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:22px}.page-heading h1{font-size:29px}.page-heading .eyebrow{font-size:8px;margin-bottom:8px}.page-heading p{font-size:12px}.month-picker{align-self:stretch;justify-content:space-between}.month-picker label{flex:1 1;justify-content:center}.month-picker input{width:155px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.margin-card{grid-column:1/-1;padding:23px}.hero-number{font-size:43px}.margin-card p{max-width:none}.margin-footer{margin-top:21px}.metric{padding:18px;min-height:166px}.metric>strong{font-size:clamp(18px,5.6vw,26px);margin-top:4px}.metric>span:not(.metric-icon){font-size:11px}.metric-icon{width:30px;height:30px;margin-bottom:12px}.metric>small{font-size:9px}.content-grid{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.card{padding:20px}.section-head h2{font-size:16px}.section-head .text-btn,.section-head p{font-size:10px}.section-head .primary{font-size:11px;padding:9px 10px}.calculation{margin-bottom:22px}.tx-row{gap:10px}.tx-row>.amount{min-width:73px;font-size:11px}.tx-name strong{font-size:11px}.tx-name small{font-size:9px}.toolbar{flex-wrap:wrap;gap:10px}.toolbar .search{flex:1 0 100%}.toolbar select{flex:1 1;font-size:11px}.toolbar button{font-size:11px}.list-caption>span{display:none}.plan-card{flex-direction:column;align-items:flex-start}.plan-card h2{font-size:18px}.rule-row>.category-mark{display:none}.rule-info small{font-size:10px}.rule-actions{margin-left:0;flex-basis:100%;justify-content:flex-end}.rule-actions .secondary{padding:7px 11px;font-size:11px}.goals-grid,.settings-grid{grid-template-columns:1fr;gap:18px}.goal-card h2{font-size:23px}.page-heading+.section-head{align-items:flex-start}.page-heading+.section-head>p{font-size:11px}.demo-banner{font-size:10px;align-items:flex-start;padding:10px}.demo-banner button{font-size:10px;max-width:78px;text-align:right}.demo-banner svg{flex-shrink:0}.app-footer{font-size:9px;gap:20px}.app-footer span:first-child{max-width:180px}.auth-page{display:block;min-height:100dvh;background:#f7f8f4}.auth-story{display:none}.auth-panel{padding:35px 27px;margin:0 auto}.auth-mobile{display:block;margin-bottom:65px}.auth-panel h2{font-size:36px}.auth-panel .eyebrow{font-size:9px}.form-grid{gap:12px}.field>span{font-size:11px}.field input,.field select{font-size:16px}.modal-inner{padding:22px 19px}.modal-head h2{font-size:20px}.modal-actions{gap:8px}.modal-actions .danger-text{font-size:10px}.onboarding{margin:15px auto;padding:16px}.onboarding .card{padding:25px 22px}.onboarding .form-grid{grid-template-columns:1fr;gap:0}.profile-big p{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}.spin{animation:none}}.summary-grid>*{min-width:0}.metric>strong{white-space:normal}.balance-number,.hero-number,.metric>strong{overflow-wrap:anywhere}.content-grid>*{min-width:0}.due-row>span:nth-child(2),.manage-row>div{min-width:0;overflow-wrap:anywhere}.account-line span,.goal-card h2,.rule-info strong{overflow-wrap:anywhere}