:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d322b;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.55rem,3vw,2rem);letter-spacing:-.045em;margin-bottom:.35rem}h2{font-size:1.04rem;letter-spacing:-.015em}h3{font-size:1rem}small,.muted{color:#79847d}small{font-size:.77rem}.app-layout{display:flex;min-height:100vh}.sidebar{width:256px;background:#fff;border-right:1px solid #e6ebe7;display:flex;flex-direction:column;padding:27px 16px;position:sticky;top:0;height:100vh;flex-shrink:0}.brand,.welcome-header{display:flex;align-items:center;gap:10px}.brand{padding:0 9px 31px}.brand strong{display:block;font-size:1.05rem;letter-spacing:-.03em}.brand small{display:block;font-size:.72rem;margin-top:3px}.brand-icon{height:44px;width:44px;background:#183d34;color:#e4f5e8;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.sidebar nav{display:grid;gap:4px}.nav{border:0;border-radius:11px;background:transparent;color:#617169;width:100%;display:flex;align-items:center;gap:13px;padding:12px;text-align:left;font-weight:550}.nav.active{color:#174c3e;background:#e7f2eb}.nav:hover{background:#f1f6f2}.sidebar-bottom{margin-top:auto}.mode{font-size:.75rem;line-height:1.5;color:#809087;padding:12px}.content{flex:1;min-width:0}.topbar{height:78px;background:#fff;border-bottom:1px solid #e8ece8;padding:0 35px;display:flex;align-items:center}.spacer{flex:1}.topbar-label{font-size:.86rem}.lang,.segmented{display:flex;gap:2px;background:#eef2ef;padding:4px;border-radius:11px}.lang button,.segmented button{border:0;background:transparent;padding:7px 12px;border-radius:8px;font-size:.78rem;font-weight:750;color:#6c8176}.lang button.selected,.segmented button.selected{background:#fff;color:#153b32;box-shadow:0 1px 5px #153b3217}.mobile-brand{display:none}.page{max-width:1180px;padding:32px 36px 70px;margin:auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-header p{color:#7c8980;margin:0;font-size:.88rem}.primary,.secondary{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;min-height:42px;padding:10px 16px;font-size:.88rem;font-weight:650}.primary{background:#1e624e;color:#fff}.primary:hover{background:#174938}.secondary{background:#fff;border-color:#d8e2dc;color:#275844}.wide{width:100%}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric,.panel,.account-card{background:#fff;border:1px solid #e8eeea;border-radius:17px;box-shadow:0 3px 16px #1a3f2b08}.metric{padding:22px;display:flex;flex-direction:column;gap:12px}.metric-icon{color:#2d7159;background:#ebf4ee;width:41px;height:41px;border-radius:12px;display:grid;place-items:center}.metric span{color:#78887d;font-size:.84rem}.metric strong{font-size:clamp(1.35rem,2.5vw,1.9rem);letter-spacing:-.035em}.warn{color:#a06a20}.panel{padding:23px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel h2{margin-bottom:19px}.text-button{border:0;background:none;color:#357a5f;font-weight:600;display:flex;align-items:center}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:17px}.summary-line{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf1ed;color:#64766a}.summary-line strong{color:#20362c}.notice{display:flex;align-items:flex-start;gap:9px;background:#f2f7f2;border:1px solid #dfe9e1;border-radius:10px;padding:13px;color:#52705a;line-height:1.5;font-size:.83rem}.notice svg{flex-shrink:0}.bills-list{display:grid}.bill-row{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #eef0ec}.bill-row:last-child{border:0}.bill-symbol,.txn-icon{display:grid;place-items:center;background:#edf5ee;border-radius:12px;height:44px;width:44px;flex-shrink:0;color:#3e795f}.bill-detail{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.bill-detail strong{font-size:.91rem}.bill-detail>span{color:#809084;font-size:.78rem;display:flex;align-items:center;gap:8px}.bill-amount{display:flex;min-width:105px;flex-direction:column;align-items:flex-end;gap:5px}.bill-buttons{display:flex;align-items:center;gap:6px;margin-left:8px}.pill{display:inline-flex;align-items:center;gap:3px;border-radius:99px;padding:5px 9px;font-size:.69rem;background:#eef2ee;color:#526458;font-weight:600;white-space:nowrap}.pill.warning{background:#fff3df;color:#9a681b}.pill.danger{background:#feebeb;color:#a83732}.pill.success{background:#e6f5ea;color:#246b44}.tiny{border:1px solid #dbe6dd;border-radius:8px;padding:8px 10px;background:#f7faf7;color:#2d7050;font-size:.71rem;font-weight:650;max-width:145px}.icon-btn,.account-actions button{border:0;background:transparent;color:#7e8b81;padding:6px}.icon-btn:hover,.account-actions button:hover{color:#285d43}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.account-card{padding:20px;display:flex;flex-direction:column;gap:8px;min-height:210px}.account-card h3{margin:0}.account-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.account-symbol{background:#e8f2ec;color:#367653;border-radius:11px;padding:11px;display:flex}.account-actions{display:flex}.account-balance{font-size:1.48rem;font-weight:750;letter-spacing:-.03em;margin-top:5px}.account-tags{display:flex;gap:5px;margin-top:auto}.txn{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #eff1ee}.txn:last-child{border:0}.txn-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.txn-main span{font-size:.77rem;color:#829184}.txn strong{font-size:.9rem}.txn .positive{color:#248055}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;color:#56675c;font-size:.8rem;font-weight:600}.field input,.field select{width:100%;border:1px solid #dce5de;border-radius:9px;padding:11px 12px;min-height:41px;color:#173b2e;background:#fff;outline:none}.field input:focus,.field select:focus{border-color:#348665;box-shadow:0 0 0 3px #34866518}.payday-result{background:#edf6ef;padding:24px;border-radius:13px;margin:21px 0;display:flex;flex-direction:column;gap:6px;color:#235c3c}.payday-result strong{font-size:2.05rem}.segmented{width:max-content}.mt{margin-top:27px}.invite{display:flex;align-items:center;gap:10px;margin:18px 0;background:#f1f6f2;padding:10px;border-radius:10px}.invite code{font-weight:700;letter-spacing:3px;font-size:1.1rem;flex:1}.invite button{border:0;background:transparent;display:flex;align-items:center;gap:4px}.empty{text-align:center;padding:28px;color:#849187}.overlay{position:fixed;inset:0;background:#102a22aa;z-index:30;display:flex;align-items:center;justify-content:center;padding:18px}.dialog{max-height:92vh;overflow:auto;background:#fff;width:min(470px,100%);border-radius:18px;padding:24px;box-shadow:0 30px 90px #0003}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{margin:0;font-size:1.26rem}.dialog-head button{border:0;background:none;font-size:1.6rem;color:#88998d}.dialog form{display:grid;gap:13px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:11px}.welcome{min-height:100vh;background:radial-gradient(circle at 10% 10%,#dbece0,#f7f8f5 47%,#f2f5f1);display:flex;justify-content:center;align-items:center;padding:25px}.welcome-card{width:min(510px,100%);padding:35px;background:#fff;border:1px solid #e2ece5;border-radius:24px;box-shadow:0 12px 70px #153b3213}.welcome-header{justify-content:space-between;margin-bottom:25px}.welcome-card h1{font-size:2.05rem}.welcome-card>p{color:#758579;font-size:.92rem}.welcome-card h2{margin-top:24px}.welcome-card .panel{margin-top:17px;padding:17px}.welcome-card .field{margin:10px 0 13px}.flat{box-shadow:none}.divider-label{text-align:center;margin:18px 0;color:#91a397;font-size:.76rem}.footer-note{display:block;line-height:1.7;margin-top:20px}.error{padding:12px;border-radius:10px;background:#fff0ee;color:#a33327;margin-bottom:17px;display:flex;align-items:center;gap:9px;line-height:1.5;font-size:.85rem}.error button{margin-left:auto;border:0;background:none;color:inherit;font-size:1.2rem}.centered{height:100vh;display:grid;place-items:center}.bottom-nav{display:none}.demo-ribbon{background:#f4ead5;color:#86692d;text-align:center;padding:7px;font-weight:650;font-size:.73rem}@media(max-width:1030px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bill-row{flex-wrap:wrap}.bill-buttons{width:100%;justify-content:flex-end}}@media(max-width:760px){.sidebar{display:none}.topbar{height:65px;padding:0 19px}.mobile-brand{display:flex;align-items:center;gap:8px}.topbar-label{display:none}.page{padding:23px 15px 95px}.stats{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px}.metric:last-child{grid-column:1/-1}.metric strong{font-size:1.4rem}.page-header{align-items:flex-start}.page-header .primary{padding:10px;white-space:nowrap}.account-grid{grid-template-columns:1fr 1fr;gap:10px}.account-card{padding:14px;min-height:190px}.two-col{grid-template-columns:1fr}.bill-symbol{display:none}.bill-row{gap:7px}.bill-detail{min-width:45%}.bill-buttons{justify-content:flex-start}.bottom-nav{display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dde8df;justify-content:space-around;padding:8px 3px max(8px,env(safe-area-inset-bottom));box-shadow:0 -5px 15px #16372a09}.bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:58px;color:#829086;font-size:.65rem;padding:3px}.bottom-nav button.active{color:#21634a;font-weight:750}.welcome-card{padding:22px}.form-grid{gap:10px}}@media(max-width:410px){.stats{grid-template-columns:1fr}.metric:last-child{grid-column:auto}.account-grid{grid-template-columns:1fr}.account-card{min-height:180px}}.mobile-profile-menu{display:flex;align-items:center;gap:6px}.mobile-profile-menu .icon-btn{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}@media(max-width:480px){.mobile-profile-menu{gap:2px}.mobile-profile-menu .icon-btn{min-width:36px;min-height:40px}}