@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#17674e;--dark:#173c33;--lime:#dcf98a;--bg:#f6f8f5;--muted:#87908a;--border:#e8ede6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--dark);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #a1ca54;outline-offset:3px}button:hover{filter:brightness(.96)}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:254px;background:#123f33;color:white;padding:34px 24px;display:flex;flex-direction:column}.brand{text-decoration:none;color:white;font:800 37px Manrope;letter-spacing:-2px;white-space:nowrap}.sun{color:var(--lime);font-size:40px;vertical-align:middle}.brand-dot{color:var(--lime)}.tagline{font-size:10px;letter-spacing:1px;margin:3px 0 36px 9px;color:#b4c7bb}.workspace{border:1px solid #ffffff20;border-radius:12px;padding:13px 10px;display:flex;align-items:center;gap:9px;font-size:11px}.avatar{border-radius:50%;background:#ffffff18;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;font-size:12px}.workspace small,.profile small{display:block;font-size:9px;color:#9fb9ac;margin-top:5px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#8cae9c;margin:32px 12px 14px}nav{display:grid;gap:8px}nav button{background:none;text-align:left;color:#b9cdc1;border-radius:10px;padding:14px;font-size:13px}nav button span{font-size:20px;display:inline-block;width:32px;vertical-align:middle}nav button.active{background:var(--lime);color:#21452d;font-weight:700}.sidebar-tip{margin-top:auto;background:#ffffff08;border:1px solid #ffffff10;border-radius:14px;padding:20px 16px}.sidebar-tip>span{color:var(--lime);font-size:25px;display:block;margin-bottom:10px}.sidebar-tip strong{font:600 17px/1.5 Manrope}.sidebar-tip p{font-size:11px;line-height:1.8;color:#a4bdad}.sidebar-tip button{background:none;padding:8px 0;color:var(--lime);font-size:11px}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff15;margin-top:24px;padding-top:24px;font-size:11px}.profile>span:last-child{margin-left:auto}main{margin-left:254px}header{height:78px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 38px}.breadcrumb{font-size:11px;color:#9aaba1}.breadcrumb span{padding:0 14px;color:#d2d8d2}.breadcrumb b{color:#456151;font-weight:500}.header-right{display:flex;align-items:center;gap:21px}.local-badge{font-size:10px;color:#7b9182}.local-badge:first-letter{color:#7fad64}.icon-button{background:none;font-size:19px;color:#5e7969}.light{background:#eef4e9;color:var(--green)}.content{max-width:1530px;margin:auto;padding:34px 38px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#82977d;margin:0 0 9px}h1{font:800 clamp(22px,2.4vw,34px) Manrope;letter-spacing:-1.3px;margin:0}h1 span{color:#b8d875;font-size:32px;margin-left:8px}.page-heading p:last-child{color:#859085;font-size:12px;margin:10px 0}.primary{background:var(--green);color:#fff;padding:13px 19px;border-radius:9px;font-size:11px;font-weight:600;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:16px;margin:26px 0 22px}.period{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--border);border-radius:8px;padding:5px}.period button{background:none;color:#7f9182;font-size:20px;width:23px}.period span{font-size:11px;min-width:112px;text-align:center;text-transform:capitalize}.demo-label{font-size:10px;color:#96a18e}.text-button{background:none;color:var(--green);font-size:10px;font-weight:600;padding:7px 0}.toolbar>.text-button{margin-left:auto}.summary-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.16fr;gap:16px}.summary-grid article{border-radius:15px;padding:22px;min-width:0}.balance-card{position:relative;overflow:hidden;background:var(--green);color:white}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:11px}.balance-card h2{font:700 29px Manrope;margin:17px 0 7px;letter-spacing:-1px;position:relative;z-index:1}.balance-card p{font-size:10px;color:#bdd7c5;margin:0 0 20px}.balance-actions{display:flex;gap:8px;position:relative;z-index:1}.balance-actions button{border:1px solid #ffffff30;border-radius:7px;padding:8px 13px;color:white;background:#ffffff09;font-size:10px}.balance-decoration{position:absolute;color:#ffffff08;font-size:180px;right:-39px;bottom:-58px}.stat-card,.health-card{background:white;border:1px solid var(--border)}.stat-icon{width:33px;height:33px;display:grid;place-items:center;font-size:19px;border-radius:10px}.green{color:#3b7d57;background:#edf6e9}.orange{color:#c78351;background:#fdf0e7}.pill{padding:4px 8px;border-radius:6px;font-size:9px}.stat-card p{font-size:11px;color:#819180;margin:17px 0 6px}.stat-card h2{font:700 25px Manrope;letter-spacing:-1px;margin:0 0 15px}.stat-card small{font-size:9px;color:#99a194}.health-number{display:flex;align-items:baseline;gap:3px;margin:22px 0 13px}.health-number b{font:700 31px Manrope}.health-number>span{color:#a0aa9c;font-size:12px}.health-number .pill{margin-left:auto;color:#63803b;background:#f0f7df;font-size:9px}.progress{height:6px;background:#edf1e8;border-radius:8px;overflow:hidden}.progress i{height:100%;display:block;background:#aacd63;border-radius:8px}.health-card p{font-size:10px;line-height:1.7;color:#8a9783;margin-bottom:0}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-top:22px}.left-column,.right-column{display:flex;flex-direction:column;gap:20px}.panel{background:white;border:1px solid var(--border);border-radius:15px;padding:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}h3{font:700 14px Manrope;letter-spacing:-.3px;margin:0}.panel-heading p{font-size:10px;color:#97a08f;margin:6px 0 0}.legend{display:flex;gap:12px;font-size:9px;color:#8a9686}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:2px;background:var(--green)}.legend span:last-child i{background:#d3e7ad}.chart{height:205px;display:flex;align-items:flex-end;justify-content:space-around;gap:18px;padding:10px 20px 25px 45px;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#eef1eb 45px,#eef1eb 46px);position:relative}.chart-group{height:100%;display:flex;gap:5px;align-items:flex-end;position:relative;flex:1;justify-content:center}.bar{width:23%;max-width:26px;background:var(--green);border-radius:5px 5px 0 0;min-height:2px}.bar.expense{background:#d3e7ad}.chart-group>span{position:absolute;bottom:-23px;color:#94a08c;font-size:9px}.chart-empty{position:absolute;inset:40% 0;text-align:center;color:#8a9783;font-size:12px}.transaction{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #f0f2ed}.transaction:first-child{border-top:0}.transaction-icon{height:34px;width:34px;border-radius:10px;display:grid;place-items:center;font-size:15px;flex-shrink:0}.transaction-detail{flex:1;min-width:0}.transaction strong{font-size:11px;font-weight:500}.transaction-detail strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction small{display:block;color:#99a291;font-size:9px;margin-top:5px}.transaction-value{text-align:right;white-space:nowrap}.income-value{color:#4f8960}.delete{background:none;color:#b1b7ad;padding:5px;font-size:16px}.donut-wrap{display:flex;justify-content:center;padding:8px 0 25px}.donut{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;transform:rotate(-90deg)}.donut>div{width:139px;height:139px;background:white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.donut small{color:#9ba491;font-size:9px}.donut strong{font:700 20px Manrope;margin-top:8px}.category-row{display:flex;align-items:center;font-size:10px;margin:14px 0;gap:8px}.category-row i{width:7px;height:7px;border-radius:50%}.category-row span:nth-child(2){flex:1;color:#809078}.category-row b{font-size:10px;font-weight:500}.category-row small{width:32px;text-align:right;color:#a3ac9c;font-size:9px}.dream-card{border-radius:15px;background:#eaf1da;padding:26px;display:flex;gap:16px;position:relative;overflow:hidden}.dream-icon{font-size:26px;color:#708e46}.dream-card p{font-size:8px;letter-spacing:1.8px;color:#90a271;margin:0 0 10px}.dream-card h3{font-size:19px;line-height:1.5}.dream-card button{font-size:10px;background:none;color:#57763c;padding:17px 0 0}.dream-star{position:absolute;right:12px;bottom:0;font-size:100px;color:#d9e5bd}.page-footer{display:flex;justify-content:space-between;color:#a4ae9d;font-size:9px;padding:25px 0}.page-footer b{font-size:14px;color:#809674;margin-right:9px}.filters{display:flex;gap:10px}input,select{background:#fafbf8;border:1px solid #dfe6db;border-radius:8px;padding:12px;color:#304f3c;min-width:0;outline-color:#8fb55d}.filters input,.filters select{font-size:11px}.empty{text-align:center;padding:40px 10px;color:#8b9981;font-size:12px}.card-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.credit-card{background:linear-gradient(125deg,#17674e,#123b34);color:white;border-radius:20px;padding:30px;max-width:470px;box-shadow:0 16px 30px #173c3320}.credit-card>div{font:800 26px Manrope}.credit-card span{float:right;font-size:16px}.credit-card p{font-size:9px;letter-spacing:2px;margin-top:35px;color:#bccebd}.credit-card h2{font-size:22px;font-weight:500;margin:25px 0 35px}.credit-card footer{font-size:10px}.muted{color:#8a9783;line-height:1.8}.goals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.goal-icon{font-size:32px;display:block;margin-bottom:18px}.goal-card p{color:#8d9a84;font-size:11px}.goal-card .progress{margin:20px 0 10px}.goal-card .text-button{margin-top:12px}.goal-card h3{font-size:17px}dialog{border:1px solid var(--border);border-radius:20px;width:460px;max-width:calc(100% - 30px);padding:28px;color:var(--dark);box-shadow:0 30px 100px #123f3330}dialog::backdrop{background:#153e3566;backdrop-filter:blur(5px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-heading h2{font:800 23px Manrope;margin:0}.close{font-size:25px;color:#8a9a80;background:none}.type-toggle{display:flex;gap:15px;margin-bottom:20px}.type-toggle label{background:#edf4e7;padding:12px;border-radius:8px;flex:1;font-size:12px}form>label,.form-row label{display:flex;flex-direction:column;gap:8px;font-size:11px;margin-bottom:17px}.form-row{display:flex;gap:15px}.form-row label{width:50%}.full{width:100%;margin-top:7px}.form-note{font-size:10px;text-align:center;color:#91a087;margin-bottom:0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--dark);color:white;padding:14px 23px;border-radius:10px;font-size:12px;opacity:0;transition:.2s;pointer-events:none;z-index:9}#toast.show{opacity:1;transform:translate(-50%,0)}body.private .money{filter:blur(8px);user-select:none}@media(min-width:1500px){.content{padding-top:44px}.summary-grid article{padding:26px}.chart{height:245px}.donut{width:206px;height:206px}.donut>div{width:161px;height:161px}}@media(max-width:1150px){.sidebar{width:215px;padding:28px 18px}main{margin-left:215px}.content{padding:28px 24px 0}header{padding:0 24px}.summary-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1.4fr 1fr}.legend{display:none}.goals-grid{grid-template-columns:1fr 1fr}.sidebar-tip{padding:15px}}@media(max-width:760px){.sidebar{position:relative;width:100%;padding:17px 20px;display:block}.brand{font-size:29px}.sun{font-size:31px}.tagline{margin:0 0 16px 5px;font-size:8px}.workspace,.nav-label,.sidebar-tip,.profile{display:none}nav{display:flex;gap:5px;overflow:auto}nav button{font-size:10px;padding:9px;white-space:nowrap}nav button span{font-size:16px;width:19px}main{margin:0}header{height:51px;padding:0 20px}.local-badge{font-size:8px}.header-right{gap:10px}.header-right .avatar{display:none}.content{padding:25px 17px 0}.page-heading{align-items:flex-start;flex-wrap:wrap}.page-heading h1{font-size:25px}.page-heading p:last-child{font-size:11px}.page-heading .primary{margin-top:0}.toolbar{gap:8px;flex-wrap:wrap;margin:22px 0 16px}.demo-label{display:none}.summary-grid{gap:10px}.summary-grid article{padding:17px}.balance-card h2{font-size:24px}.stat-card h2{font-size:23px}.balance-actions button{padding:7px 9px}.dashboard-grid{grid-template-columns:1fr;gap:16px}.left-column,.right-column{gap:16px}.panel{padding:20px}.chart{height:190px}.legend{display:flex}.panel-heading{gap:8px}h3{font-size:13px}.categories{padding-bottom:15px}.donut{width:180px;height:180px}.page-footer{font-size:8px}.page-footer>span:last-child{display:none}.filters{flex-direction:column;gap:5px;max-width:160px}.card-page-grid,.goals-grid{grid-template-columns:1fr}.credit-card{padding:25px}.health-number{gap:2px}.health-number .pill{font-size:8px;padding:3px}.health-card p{font-size:9px}.transaction{gap:8px}.transaction strong{font-size:10px}.transaction small{font-size:8px}}