:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#1c3029;background:#f5f7f8;font-synthesis:none;--ink:#1c3029;--muted:#718078;--line:#e3e9e5;--green:#225842;--lime:#dcf59b;--red:#b24235;--surface:#fff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #73a77d;outline-offset:3px}button{border:0}#app{display:flex;min-height:100vh}.sidebar{width:240px;background:#17251f;color:#fff;position:fixed;inset:0 auto 0 0;padding:40px 22px;display:flex;flex-direction:column;z-index:10}.brand{font-size:35px;letter-spacing:-1.5px;font-weight:750;display:flex;align-items:center;text-decoration:none;padding:0 12px;gap:10px}.brand-mark{background:var(--lime);color:#17251f;display:grid;place-items:center;width:37px;height:40px;font-size:28px;border-radius:11px;letter-spacing:0}.brand-period{color:var(--lime);margin-left:-10px}.nav-label{font-size:12px;font-weight:600;color:#87988e;letter-spacing:1.6px;margin:48px 16px 18px}.nav-item{display:flex;align-items:center;gap:13px;color:#a9b7af;background:none;width:100%;text-align:left;padding:15px 17px;border-radius:10px;margin:5px 0;font-size:15px}.nav-item.active{color:#182820;background:var(--lime);font-weight:650}.nav-item:hover:not(.active){background:#263b30;color:#fff}.nav-item svg{width:20px;height:20px}.sidebar-foot{margin-top:auto;border-top:1px solid #33443a;padding:25px 12px 0;font-size:14px;color:#a9b7af;line-height:1.6}.sidebar-foot strong{color:#dfebe2}.privacy-icon{font-size:29px;margin-bottom:12px}main{margin-left:240px;flex:1;min-width:0}.topbar{height:85px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:14px}.breadcrumb{color:#78857d}.breadcrumb span{color:#c4cdc7;margin:0 18px}.topbar-right{display:flex;align-items:center;gap:20px}.save-status{color:#55705f;font-size:13px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e9efe8;color:#355941;font-weight:700}.content{max-width:1560px;padding:35px 42px 50px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:700;color:#7c8d81;margin:0 0 12px}h1{font-size:30px;letter-spacing:-1px;margin:0 0 10px;font-weight:650}h2{font-size:18px;letter-spacing:-.4px;margin:0}h3{font-size:17px;letter-spacing:-.2px}.muted{color:var(--muted);font-size:14px;margin:0;line-height:1.6}.primary,.secondary,.danger{padding:12px 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;min-height:44px;text-decoration:none}.primary{background:#235a43;color:#fff}.primary:hover{background:#173f2e}.secondary{background:#fff;border:1px solid #d8e1da;color:#2f4838}.secondary:hover{background:#f1f5f0}.danger{background:#fff0ec;color:var(--red)}.welcome-banner{background:#eaf1e3;border:1px solid #dce6d3;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 28px;margin-bottom:24px}.welcome-banner h2{margin:9px 0;font-size:21px}.welcome-banner p{font-size:14px;color:#597051;max-width:620px;line-height:1.6;margin:0}.pill{font-size:11px;letter-spacing:1px;color:#567542;font-weight:750}.metric-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:18px;margin-bottom:26px}.metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;position:relative;overflow:hidden;min-height:166px}.metric p{margin:0 0 18px;color:#6f8176;font-size:14px}.metric h2{font-size:29px;letter-spacing:-1px;margin-bottom:17px;font-weight:650;position:relative;z-index:1}.metric span,.metric>p:last-of-type:not(:first-child){font-size:12px;color:#7c8c81;margin:0}.metric.dark{background:#243e31;border-color:#243e31;color:#fff}.metric.dark p,.metric.dark span{color:#c4d9c9}.metric.dark h2{color:var(--lime)}.metric-decoration{position:absolute;right:-3px;bottom:-20px;font-size:145px;color:#ffffff08;transform:rotate(-18deg)}.two-col{display:grid;grid-template-columns:1.45fr 1fr;gap:24px;margin-bottom:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px;min-width:0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.section-title>span{font-size:13px;color:#7e8e82}.tag{font-size:12px;padding:5px 9px;border-radius:5px;background:#edf3e9;color:#547143;display:inline-block}.tag.warn{background:#fff2d8;color:#8b5d13}.tag.red{background:#ffebe6;color:#a34331}.empty{text-align:center;padding:35px 20px;color:#859287}.empty-symbol{font-size:30px;border-radius:50%;background:#f2f6ef;display:inline-grid;place-items:center;width:56px;height:56px;color:#708b5a}.empty h3{color:#4c6154;margin:15px 0 9px;font-weight:550}.empty p{font-size:14px;line-height:1.6;max-width:330px;margin:auto}.next-step{padding:6px 0 14px}.step-number{color:#7fa05f;font-size:32px;font-weight:300}.next-step h3{margin:16px 0 10px}.next-step p{color:#7c8b81;font-size:14px;line-height:1.7}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.section-link{background:none;color:#456c4d;font-size:14px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.toolbar input{flex:1;min-width:170px}.toolbar select{width:auto}.amount{font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}.positive{color:#35734d}.negative{color:var(--red)}.list-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #eef1ec}.list-row:last-child{border-bottom:0}.category-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:#eef4e9;color:#647f4f;font-size:18px}.row-main{flex:1;min-width:0}.row-main strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.row-main small{display:block;font-size:12px;color:#88928c;margin-top:5px}.row-right{text-align:right}.icon-btn{border:0;background:none;color:#7b897d;border-radius:6px;padding:8px;min-width:36px;min-height:36px}.icon-btn:hover{background:#eef3ec}.row-actions{display:flex}.progress-track{height:7px;border-radius:6px;background:#edf1eb;overflow:hidden;margin-top:12px}.progress-fill{height:100%;border-radius:6px;background:#8cb86d}.progress-fill.over{background:#cb7c61}.budget-grid,.loan-grid,.goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card-heading{display:flex;gap:12px;align-items:center}.card-heading h3{margin:0;flex:1}.card-body{margin:22px 0}.card-body .amount{font-size:26px}.card-stats{display:flex;gap:20px;margin-top:15px;font-size:13px;color:#7d8d81}.card-stats strong{display:block;margin:5px 0;font-size:15px;color:#304d38}.card-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #edf1ea;flex-wrap:wrap}.note{font-size:13px;color:#788a7c;line-height:1.65}.notice{background:#fff5df;color:#855d24;border:1px solid #f1e2bc;border-radius:9px;padding:14px 16px;font-size:14px;line-height:1.6;margin:15px 0}.chart-layout{display:flex;gap:35px;align-items:center;min-height:220px}.donut{width:180px;height:180px;border-radius:50%;flex-shrink:0;position:relative;display:grid;place-items:center}.donut:after{content:'';position:absolute;inset:21px;background:#fff;border-radius:50%}.donut-center{z-index:1;text-align:center;font-size:12px;color:#7d8d81}.donut-center strong{display:block;font-size:22px;color:#294433;margin-top:6px}.legend{flex:1}.legend-row{display:flex;align-items:center;gap:8px;font-size:13px;margin:15px 0}.legend-row span:last-child{margin-left:auto;font-weight:600}.swatch{width:9px;height:9px;border-radius:3px;flex-shrink:0}.month-control{border:1px solid #d9e2d9;padding:9px;border-radius:8px;background:#fff;color:#426048;font-size:14px;max-width:180px}.mobile-brand{display:none}dialog{border:1px solid #dce4da;border-radius:16px;padding:0;width:min(580px,calc(100% - 28px));max-height:90vh;color:var(--ink);box-shadow:0 25px 100px #14271d30}dialog::backdrop{background:#10221c78;backdrop-filter:blur(3px)}.modal-head{padding:23px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.modal-body{padding:22px 25px}.modal-foot{padding:18px 25px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:550}.field.full{grid-column:1/-1}.field small{font-weight:400;font-size:12px;color:#798a7d;line-height:1.5}input,select,textarea{width:100%;border:1px solid #d5dfd4;border-radius:8px;padding:11px 12px;color:#2e4634;background:#fff;min-height:44px}input[type=checkbox]{width:18px;min-height:18px}.checkbox{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;font-weight:400}.error-text{color:var(--red);font-size:14px;line-height:1.5;margin:14px 0 0}.compact-table{width:100%;border-collapse:collapse;font-size:13px}.compact-table td,.compact-table th{text-align:left;padding:11px 5px;border-bottom:1px solid var(--line)}.compact-table td:last-child,.compact-table th:last-child{text-align:right}.compact-table th{color:#7a8a7e;font-weight:500}.table-wrap{overflow:auto}.summary-strip{display:flex;gap:20px;background:#f3f7ee;padding:18px;border-radius:9px;margin:18px 0}.summary-strip strong{display:block;margin-top:7px;font-size:21px}.summary-strip small{font-size:12px;color:#687f60}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-grid .panel p{font-size:14px;line-height:1.7;color:#7b887f}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#203d2d;color:#fff;border-radius:10px;box-shadow:0 5px 22px #12251b25;z-index:30;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:calc(100% - 30px)}#toast.show{opacity:1}.storage-choice{display:flex;gap:10px;margin-top:18px}.choice{flex:1;padding:18px;border:1px solid var(--line);border-radius:10px;background:#f6f9f3;text-align:left;line-height:1.6}.choice strong{display:block}.choice small{color:#73826f}.history-note{font-size:12px;color:#879282}.chart-bars{display:flex;gap:12px;align-items:end;height:130px;margin-top:20px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:7px}.bar{background:#91b573;border-radius:5px 5px 0 0;width:100%;min-height:2px}.bar-col span{font-size:12px;color:#829080}.inline-edit{width:105px}.spacer{height:22px}@media(min-width:1500px){.content{padding-top:45px}.metric h2{font-size:35px}}@media(max-width:1150px){.sidebar{width:205px;padding:30px 16px}main{margin-left:205px}.content{padding:28px 25px}.topbar{padding:0 25px}.metric-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr 1fr}.chart-layout{flex-direction:column;gap:15px}.legend{width:100%}.welcome-banner{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:27px}}@media(max-width:760px){.sidebar{inset:auto 0 0;width:100%;height:73px;padding:5px 7px max(5px,env(safe-area-inset-bottom));border-top:1px solid #334a3b}.sidebar .brand,.nav-label,.sidebar-foot{display:none}#navigation{display:flex;justify-content:space-around;width:100%}.nav-item{flex-direction:column;font-size:10px;gap:5px;padding:8px 5px;margin:0;width:auto;flex:1;border-radius:8px}.nav-item svg{width:19px;height:19px}.nav-item:nth-child(6){display:none}main{margin-left:0}.topbar{height:65px;padding:0 20px}.content{padding:24px 17px 95px}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.page-heading h1{font-size:25px}.page-heading>.actions{width:100%;justify-content:space-between}.eyebrow{font-size:10px}.metric-grid{gap:11px;margin-bottom:18px}.metric{padding:18px 14px;min-height:145px}.metric h2{font-size:25px;margin-bottom:15px}.metric p{font-size:12px;margin-bottom:15px}.metric span{font-size:11px}.two-col,.budget-grid,.loan-grid,.goal-grid,.settings-grid{grid-template-columns:1fr;gap:18px}.panel{padding:20px}.welcome-banner{padding:21px;gap:18px}.welcome-banner h2{font-size:20px}.welcome-banner .primary{width:100%}.chart-layout{flex-direction:row;gap:20px}.donut{width:135px;height:135px}.donut:after{inset:17px}.donut-center strong{font-size:18px}.legend-row{font-size:12px}.save-status{font-size:11px}.breadcrumb{font-size:13px}.breadcrumb span{margin:0 10px}.row-actions{flex-direction:column}.list-row{gap:10px}.row-main strong{font-size:13px}.amount{font-size:14px}.form-grid{gap:14px}.modal-body,.modal-head{padding:20px}.modal-foot{padding:16px 20px}#toast{bottom:89px}.card-body .amount{font-size:27px}.nav-item span{white-space:nowrap}.summary-strip{gap:15px}.summary-strip strong{font-size:18px}.storage-choice{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

[hidden]{display:none!important} .sidebar{overflow-y:auto}.nav-label{margin-top:32px}.nav-item{padding-top:12px;padding-bottom:12px}
@media(max-width:760px){#navigation .nav-item:nth-child(5),#navigation .nav-item:nth-child(6),#navigation .nav-item:nth-child(7){display:none}#navigation .nav-item:nth-child(8){display:flex}.nav-item{font-size:11px}.metric h2{font-size:clamp(18px,5.9vw,25px)}.metric span{line-height:1.5;display:block}.topbar-right{gap:8px}.row-main{overflow-wrap:anywhere}}