:root{--ink:#252a2d;--muted:#81898a;--line:#edf0eb;--paper:#fbfcf9;--green:#2d6252;--mint:#dcece2;--coral:#ed927b;--yellow:#e8bf64;--shadow:0 10px 35px rgba(42,62,53,.045)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}.app-shell{min-height:100vh}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #eff1ed;padding:31px 22px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;margin:0 0 57px 7px;text-decoration:none;color:#27332f;font:800 21px Manrope,sans-serif;letter-spacing:-1px}.brand-mark{width:29px;height:29px;border-radius:10px;background:var(--green);color:#fff;display:grid;place-items:center;font:800 19px Manrope}.brand-light{font-weight:500;color:#708179}.side-label,.card-kicker,.eyebrow,.stat-period{font-size:9px;font-weight:700;letter-spacing:1.15px;color:#99a19d}.side-label{padding-left:12px;margin-bottom:14px}.nav-list{display:grid;gap:6px}.nav-item{height:43px;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:13px;text-decoration:none;color:#7d8782;font-size:12px;font-weight:600}.nav-item.active{background:#eaf2ed;color:#2e5f50}.nav-icon{font-size:18px;font-weight:400;width:18px;text-align:center}.sidebar-bottom{margin-top:auto;position:relative;overflow:hidden;border-radius:12px;background:#f4f7f2;padding:18px 15px 17px;margin-bottom:22px}.tip-icon{color:#57816f;font-size:17px}.tip-title{font:700 12px Manrope;margin:13px 0 6px}.tip-copy{font-size:10px;line-height:1.65;color:#828b85;margin:0;max-width:168px}.tip-spark{position:absolute;right:15px;top:17px;color:#b8cdbf;font-size:15px}.profile{border-top:1px solid #eff1ed;padding:17px 2px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#f0daca;color:#9a6049;display:grid;place-items:center;font-size:10px;font-weight:700}.profile strong,.profile span{display:block}.profile strong{font-size:10px}.profile div:nth-child(2) span{font-size:9px;color:#9aa19d;margin-top:3px}.more{margin-left:auto;color:#929b95;font-size:20px}.main-content{margin-left:246px;padding:0 48px 28px;max-width:1600px}.topbar{height:69px;border-bottom:1px solid #edf0eb;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:10px;color:#969e99}.breadcrumb span{margin:0 8px;color:#c6ccc7}.breadcrumb strong{color:#49514d;font-weight:600}.top-actions{display:flex;align-items:center;gap:17px}.today{font-size:10px;color:#929a96}.icon-button{border:0;background:transparent;color:#748078;font-size:19px;cursor:pointer}.avatar.small{width:29px;height:29px;font-size:9px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;padding:34px 0 28px}.eyebrow{color:#728d7e;margin:0 0 9px}.welcome-row h1{font:700 28px Manrope,sans-serif;letter-spacing:-1.15px;margin:0}.welcome-row h1 em{font-style:normal;color:#57836f}.subtitle{font-size:11px;color:#939b96;margin:9px 0 0}.primary-button{border:0;background:var(--green);color:#fff;border-radius:8px;padding:12px 16px;font:600 11px 'DM Sans';box-shadow:0 4px 11px #315f4c1c;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:transform .15s,background .15s}.primary-button:hover{background:#244f42;transform:translateY(-1px)}.primary-button span{font-size:17px;line-height:10px}.overview-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:15px}.balance-card,.stat-card{height:170px;border-radius:12px;position:relative;overflow:hidden}.balance-card{background:#315f50;color:#fff;padding:19px 21px}.card-top{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}.balance-card .card-kicker{color:#c1d3c8}.balance-caption{display:block;color:#d0ddd6;font-size:9px;margin-top:5px}.balance-icon{font-size:23px;color:#b7d0c1}.balance-value{font:700 27px Manrope;letter-spacing:-1px;position:relative;z-index:1;margin-top:16px}.balance-bottom{display:flex;align-items:center;gap:7px;font-size:9px;color:#d2dfd7;margin-top:9px;position:relative;z-index:1}.balance-dot{width:6px;height:6px;border-radius:50%;background:#c5dba3}.balance-arrow{margin-left:auto;font-size:13px}.balance-decoration{position:absolute;border:1px solid #ffffff12;border-radius:50%;width:180px;height:180px;right:-32px;top:54px}.balance-decoration.two{width:136px;height:136px;right:-10px;top:77px;border-color:#ffffff15}.stat-card{padding:17px 18px;border:1px solid #edf0eb;background:#fff;box-shadow:var(--shadow)}.stat-heading{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;font-size:15px}.income-icon{background:#ebf4ee;color:#51836a}.expense-icon{background:#fff0eb;color:#d8866c}.stat-period{font-size:8px;color:#adb4af}.stat-label{font-size:10px;color:#89918c;margin:14px 0 3px}.stat-value{font:700 19px Manrope;letter-spacing:-.5px}.stat-foot{font-size:9px;color:#9aa19d;margin:8px 0 0}.trend-up{color:#539374;margin-right:4px}.trend-down{color:#d8836d;margin-right:4px}.content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:15px;margin-top:16px}.panel{background:#fff;border:1px solid #edf0eb;border-radius:12px;box-shadow:var(--shadow);min-height:252px;padding:18px 20px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h2,.savings-card h2{font:700 13px Manrope;letter-spacing:-.2px;margin:0}.panel-heading p{font-size:9px;color:#9aa19d;margin:5px 0 0}.text-link{border:0;background:none;text-decoration:none;color:#56806b;font:600 9px 'DM Sans';cursor:pointer}.text-link span{font-size:13px;margin-left:3px}.transaction-list{margin-top:10px}.transaction-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f1f3f0}.transaction-row:last-child{border-bottom:0}.transaction-icon{width:31px;height:31px;border-radius:9px;background:#f1f5f1;display:grid;place-items:center;font-size:13px;color:#668674}.transaction-icon.income{background:#edf5ef;color:#54836a}.transaction-name{font-size:10px;font-weight:600;display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-meta{display:block;font-size:8px;color:#9da49f;margin-top:4px}.transaction-amount{font-size:10px;font-weight:700;text-align:right}.transaction-amount.income{color:#4d8668}.transaction-tools{display:flex;align-items:center;gap:7px}.delete-transaction{border:0;background:transparent;color:#b6beb8;font-size:14px;cursor:pointer;padding:3px}.delete-transaction:hover{color:#c76c5d}.empty-state{display:none;min-height:165px;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;color:#8e9891}.empty-art{width:34px;height:34px;border-radius:11px;background:#eff5ef;color:#5e886f;display:grid;place-items:center;font-size:18px;margin-bottom:4px}.empty-state strong{font:700 11px Manrope;color:#505b55}.empty-state span{font-size:9px}.empty-state .text-link{margin-top:4px}.period-select{border:1px solid #edf0eb;background:#fff;border-radius:6px;padding:6px 8px;color:#6f7972;font:500 8px 'DM Sans'}.category-total{display:flex;align-items:center;justify-content:space-between;margin:22px 0 15px}.category-total span{font-size:9px;color:#969f99}.category-total strong{font:700 16px Manrope}.category-list{display:grid;gap:13px}.category-row{display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-items:center}.category-label{display:flex;align-items:center;gap:7px;font-size:9px;color:#68716b}.category-dot{width:7px;height:7px;border-radius:50%}.category-amount{font-size:9px;color:#606a63;font-weight:600}.category-track{height:4px;border-radius:99px;background:#f1f3f0;grid-column:1/-1;overflow:hidden}.category-fill{height:100%;border-radius:99px;background:#72a187}.category-empty{font-size:9px;color:#a0a7a1;text-align:center;padding:18px 0}.savings-section{margin-top:16px}.savings-card{background:#f0f5ef;border:1px solid #e9efe8;border-radius:12px;padding:17px 20px;display:grid;grid-template-columns:1.1fr 1.3fr auto 25px;align-items:center;gap:22px;position:relative}.savings-left{display:flex;align-items:center;gap:12px}.goal-icon{width:36px;height:36px;border-radius:11px;background:#dcebe0;color:#56836c;display:grid;place-items:center;font-size:17px}.savings-left .card-kicker{font-size:8px}.savings-card h2{margin-top:5px}.savings-card p{font-size:9px;color:#929b94;margin:4px 0 0}.progress-label,.progress-foot{display:flex;justify-content:space-between;align-items:center}.progress-label{font-size:9px;color:#7f8981}.progress-label strong{font:600 10px 'DM Sans';color:#4d5b51}.progress-label small{color:#a0a8a1;font-weight:400}.progress-track{height:6px;background:#dce6dc;border-radius:99px;overflow:hidden;margin:9px 0 6px}.progress-fill{height:100%;width:0;background:#5f9276;border-radius:99px;transition:width .3s}.progress-foot{font-size:8px;color:#99a19a}.outline-button{white-space:nowrap;border:1px solid #cbdccf;color:#4f7a62;background:#fff;border-radius:7px;padding:9px 11px;font:600 9px 'DM Sans';cursor:pointer}.goal-edit{border:0;background:transparent;color:#9ba69c;cursor:pointer;font-size:14px}.footer-note{text-align:center;padding:20px 0 0;font-size:9px;color:#a1a9a3}.footer-note span{color:#6d947b;margin-right:4px}.modal{border:0;border-radius:14px;padding:0;width:min(420px,calc(100vw - 32px));box-shadow:0 20px 80px #1c2f2633;color:var(--ink)}.modal::backdrop{background:#1e2b25a8;backdrop-filter:blur(3px)}.modal form{padding:24px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modal-head h2{font:700 18px Manrope;margin:0;letter-spacing:-.5px}.close-button{border:0;background:#f4f6f3;color:#7c8580;width:27px;height:27px;border-radius:8px;font-size:19px;cursor:pointer;line-height:1}.type-switch{display:grid;grid-template-columns:1fr 1fr;background:#f3f5f2;padding:3px;border-radius:8px;margin-bottom:16px}.type-option{border:0;background:transparent;padding:9px;border-radius:6px;color:#89918b;font:600 10px 'DM Sans';cursor:pointer}.type-option.active{background:#fff;color:#3f7158;box-shadow:0 1px 5px #29372d12}.modal label{display:block;font-size:10px;font-weight:600;color:#57625a;margin:12px 0}.modal input,.modal select{width:100%;height:39px;border:1px solid #e5eae4;border-radius:7px;background:#fff;margin-top:6px;padding:0 11px;font:400 11px 'DM Sans';color:#414a43;outline:none}.modal input:focus,.modal select:focus{border-color:#7ba48b;box-shadow:0 0 0 3px #e6f0e8}.form-error{min-height:14px;margin:0;color:#c96e5d;font-size:9px}.full-button{width:100%;justify-content:center;margin-top:4px}.modal-description{font-size:11px;color:#849087;line-height:1.6;margin:-8px 0 15px}.modal-description strong{color:#50735d}.mobile-nav{display:none}@media(max-width:1050px){.main-content{padding:0 28px 25px}.sidebar{width:220px}.main-content{margin-left:220px}.overview-grid{grid-template-columns:1.3fr 1fr 1fr}.savings-card{gap:12px;grid-template-columns:1fr 1.1fr auto 18px}}@media(max-width:800px){.sidebar{width:70px;padding:24px 11px 16px;align-items:center}.brand{margin:0 0 48px;font-size:0}.brand-mark{font-size:19px}.side-label,.nav-item:not(.active){font-size:0}.nav-list{width:100%}.nav-item{justify-content:center;padding:0;gap:0}.nav-icon{font-size:18px}.sidebar-bottom,.profile{display:none}.main-content{margin-left:70px;padding:0 22px 24px}.content-grid{grid-template-columns:1fr}.panel{min-height:unset}.category-panel{min-height:220px}.savings-card{grid-template-columns:1fr 1fr;gap:15px}.savings-progress{grid-column:1/-1;grid-row:2}.outline-button{justify-self:start}.goal-edit{justify-self:end}.overview-grid{grid-template-columns:1.2fr 1fr}.balance-card{grid-row:span 2;height:auto;min-height:170px}.stat-card{height:78px;padding:10px 13px}.stat-heading{float:right}.stat-icon{width:22px;height:22px}.stat-period{display:none}.stat-label{margin:0 0 3px}.stat-value{font-size:15px}.stat-foot{display:none}.welcome-row h1{font-size:24px}}@media(max-width:520px){.main-content{padding:0 15px 22px}.sidebar{width:56px;padding:20px 7px}.main-content{margin-left:56px}.topbar{height:58px}.today{display:none}.top-actions{gap:9px}.welcome-row{padding:25px 0 20px;align-items:flex-start;gap:12px;flex-direction:column}.welcome-row h1{font-size:23px}.subtitle{max-width:290px;line-height:1.5}.primary-button{padding:10px 12px}.overview-grid{gap:9px;grid-template-columns:1.05fr 1fr}.balance-card{padding:15px;min-height:160px}.balance-value{font-size:21px}.balance-caption{font-size:8px}.stat-card{padding:9px 10px;height:75px}.stat-label{font-size:9px}.stat-value{font-size:13px}.content-grid{gap:10px;margin-top:10px}.panel{padding:15px}.transaction-name{max-width:140px}.savings-card{padding:15px;grid-template-columns:1fr auto;gap:12px}.savings-left{grid-column:1/-1}.savings-progress{grid-column:1/-1;grid-row:auto}.outline-button{grid-column:1}.goal-edit{grid-column:2;grid-row:3}.breadcrumb{font-size:9px}}