:root{--ink:#21312e;--muted:#7a8983;--line:#e8eeea;--cream:#f8faf7;--sage:#dfece2;--green:#5e9777;--deep-green:#2f674c;--orange:#e89c67;--blue:#7796c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{background:#f2f7f2;border-right:1px solid #e7eee8;flex-direction:column;flex-shrink:0;width:256px;padding:35px 22px 24px;display:flex}.brand{letter-spacing:-.8px;color:#254e3d;align-items:center;gap:10px;padding:0 14px;font-size:23px;font-weight:700;display:flex}.brand-mark{color:#f7fbf7;background:#3c7757;border-radius:50% 50% 50% 8px;place-items:center;width:27px;height:27px;font-family:Georgia,serif;font-size:19px;font-style:italic;display:grid}.workspace-label,.section-kicker,.eyebrow{letter-spacing:1.2px;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.workspace-label{color:#a1aea5;margin:74px 14px 17px;font-size:9px}.main-nav{gap:4px;display:grid}.nav-item{color:#798981;border-radius:9px;align-items:center;gap:13px;padding:13px 14px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-item.active,.nav-item:hover{color:#2c674a;background:#e2eee4}.nav-icon{text-align:center;width:17px;font-size:17px;font-weight:400}.sidebar-bottom{margin-top:auto}.tip-card{color:#46705a;background:#dfece1;border-radius:12px;margin:0 6px 25px;padding:17px 17px 15px 45px;font-size:12px;line-height:1.55;position:relative;overflow:hidden}.tip-card p{margin:0}.tip-icon{color:#6a9a78;font-size:19px;position:absolute;top:17px;left:17px}.tip-card:after{content:"";border:1px solid #c7dec9;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-25px;right:-16px}.profile{color:#52635b;align-items:center;gap:10px;padding:0 8px;font-size:12px;display:flex}.profile strong,.profile small{display:block}.profile small{color:#9aa69f;margin-top:3px;font-size:10px}.avatar{color:#47715c;background:#cfe2d3;border-radius:50%;place-items:center;width:31px;height:31px;font-family:Georgia,serif;font-size:14px;display:grid}.more{color:#a7b2ac;letter-spacing:2px;margin-left:auto}.content{width:min(1210px,100%);margin:0 auto;padding:43px 58px 30px}.topbar,.month-row,.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.topbar{align-items:center}.eyebrow{color:#9aa69f;margin:0 0 9px;font-size:9px}.topbar h1{color:#30423b;letter-spacing:-1px;margin:0;font-family:Fraunces,Georgia,serif;font-size:34px;font-weight:500}.top-actions{align-items:center;gap:19px;display:flex}.icon-button{color:#95a29a;background:0 0;border:0;font-size:20px}.primary-button,.submit-button{color:#fff;background:var(--deep-green);border:0;border-radius:7px;font-weight:600}.primary-button{padding:12px 18px;font-size:12px;box-shadow:0 4px 12px #45745a1f}.primary-button:hover,.submit-button:hover{background:#24543c}.month-row{align-items:flex-end;margin:61px 0 21px}.section-kicker{color:#9aa69f;font-size:9px;display:block}.month-row h2,.panel h2{color:#31433b;letter-spacing:-.4px;margin:7px 0 0;font-family:Fraunces,Georgia,serif;font-size:23px;font-weight:500}.month-switcher{border:1px solid var(--line);color:#697970;background:#fff;border-radius:6px;padding:9px 11px;font-size:11px}.month-switcher span{color:#9aa79f;margin-left:14px;font-size:14px}.metric-grid{grid-template-columns:1.4fr 1fr 1fr;gap:14px;display:grid}.metric-card,.panel{border:1px solid var(--line);background:#fff;border-radius:11px}.metric-card{min-height:140px;padding:22px 25px}.balance-card{color:#fff;background:#477f5e;border-color:#447c5b}.metric-label{color:#7f9087;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.balance-card .metric-label{color:#d9ecdc}.metric-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.green{background:#bce2bd}.blue{background:var(--blue)}.orange{background:var(--orange)}.metric-value{color:#31463d;letter-spacing:-.8px;margin-top:14px;font-family:Fraunces,Georgia,serif;font-size:28px}.balance-card .metric-value{color:#fff}.metric-foot{margin-top:12px;font-size:10px}.positive{color:#d3efd8}.muted{color:#a0aaa4}.main-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.95fr);gap:14px;margin-top:14px;display:grid}.panel{padding:23px 25px}.panel-heading{align-items:center;margin-bottom:21px}.panel-heading h2{margin-top:6px;font-size:20px}.panel-heading a{color:#5d9775;font-size:11px;text-decoration:none}.panel-heading a span{margin-left:5px;font-size:15px}.transaction-list{display:grid}.transaction-row{border-top:1px solid #eff3f0;align-items:center;gap:12px;padding:13px 0;display:flex}.category-icon{color:#5e9a78;background:#e4f0e6;border-radius:9px;place-items:center;width:35px;height:35px;font-size:17px;display:grid}.category-icon.income{color:#6889bf;background:#e9eef8}.transaction-copy{flex:1;min-width:0}.transaction-copy strong,.transaction-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.transaction-copy strong{color:#415149;font-size:12px;font-weight:600}.transaction-copy span{color:#9ba7a1;margin-top:4px;font-size:10px}.transaction-amount{font-size:12px;font-weight:600}.transaction-amount.expense{color:#65756d}.transaction-amount.income{color:#5c9772}.empty-state{color:#9ba8a0;text-align:center;place-items:center;min-height:190px;padding:20px;font-size:12px;display:grid}.empty-state.compact{min-height:90px}.right-column{gap:14px;display:grid}.entry-panel{background:#f0f7f0}.spark{color:#70a27b;font-size:19px}.entry-panel form{gap:14px;display:grid}.type-toggle{background:#e2eee3;border:1px solid #dbe9dd;border-radius:7px;gap:3px;padding:3px;display:flex}.type-toggle button{color:#82958a;background:0 0;border:0;border-radius:5px;flex:1;padding:8px;font-size:11px;font-weight:600}.type-toggle button.selected{color:#416e53;background:#fff;box-shadow:0 1px 3px #38644712}.type-toggle button.income-selected{color:#577eae}.entry-panel label{color:#799085;gap:6px;font-size:10px;font-weight:600;display:grid}.entry-panel input,.entry-panel select{color:#40554b;background:#fff;border:1px solid #dce9de;border-radius:6px;outline:none;width:100%;padding:10px 11px;font-size:11px}.entry-panel input:focus,.entry-panel select:focus{border-color:#7da98a;box-shadow:0 0 0 3px #b9d9bf55}.amount-input{background:#fff;border:1px solid #dce9de;border-radius:6px;align-items:center;padding-left:12px;display:flex}.amount-input span{color:#9dac9f;font-family:Georgia,serif;font-size:16px}.amount-input input{border:0;padding-left:6px;font-family:Fraunces,Georgia,serif;font-size:19px}.amount-input input:focus{box-shadow:none}.form-row{grid-template-columns:.8fr 1.2fr;gap:10px;display:grid}.submit-button{text-transform:capitalize;padding:11px;font-size:11px}.budget-panel{padding-bottom:20px}.budget-list{gap:16px;display:grid}.budget-meta{color:#60736a;justify-content:space-between;margin-bottom:7px;font-size:11px;display:flex}.budget-meta small{color:#99a69f;font-size:9px}.progress-track{background:#edf2ee;border-radius:10px;height:6px;overflow:hidden}.progress-track span{border-radius:inherit;background:#80ae8c;height:100%;display:block}.footer-note{color:#a4aea8;letter-spacing:.3px;text-align:center;margin-top:28px;font-family:DM Mono,monospace;font-size:9px}.footer-note span{color:#ccd5ce;margin:0 7px}.error-banner{color:#965a3f;background:#fff4ee;border:1px solid #f0d3c4;border-radius:7px;margin-top:19px;padding:10px 13px;font-size:11px}.month-controls{align-items:center;gap:6px;display:flex}.month-arrow,.month-switcher{border:1px solid var(--line);color:#697970;background:#fff;border-radius:6px;padding:9px 11px;font-size:11px}.month-arrow{padding-inline:10px}.month-arrow:hover,.month-switcher:hover,.text-button:hover{color:var(--deep-green);background:#f2f8f2}.text-button{color:#5d9775;background:0 0;border:0;padding:5px;font-size:11px}.text-button span{margin-left:5px;font-size:15px}.transaction-filters{gap:8px;margin:-7px 0 12px;display:flex}.transaction-filters input,.transaction-filters select{color:#40554b;background:#fff;border:1px solid #dce9de;border-radius:6px;width:100%;min-width:0;padding:9px 10px;font-size:11px}.transaction-filters select{width:130px}.row-actions{gap:6px;margin-left:4px;display:flex}.row-actions button{color:#789187;background:0 0;border:0;padding:3px;font-size:10px}.row-actions button:hover{color:#315f47}.form-actions{gap:8px;display:grid}.submit-button:disabled{cursor:wait;opacity:.6}.cancel-button{color:#527460;background:0 0;border:1px solid #cddfd0;border-radius:7px;padding:11px;font-size:11px}.budget-form{border-bottom:1px solid #e5eee6;gap:14px;margin-bottom:20px;padding-bottom:18px;display:grid}.budget-form label{color:#799085;gap:6px;font-size:10px;font-weight:600;display:grid}.budget-form input,.budget-form select{color:#40554b;background:#fff;border:1px solid #dce9de;border-radius:6px;outline:none;width:100%;padding:10px 11px;font-size:11px}.budget-actions{justify-content:flex-end;margin-top:4px}.over-budget{color:#b86b4e!important}.progress-track span.over-budget-bar{background:#d4835c}.load-more{color:#527d61;background:#f5faf5;border:1px solid #d7e5d9;border-radius:6px;width:100%;margin-top:14px;padding:9px;font-size:11px}.load-more:disabled{cursor:wait;opacity:.6}.budget-page .topbar{margin-bottom:0}.budget-metrics,.budget-page-panel{margin-top:14px}.budget-count{color:#9aa69f;font-size:11px}.budget-page-form{grid-template-columns:1fr 1fr;align-items:end}.budget-form-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.budget-page-panel .empty-state{min-height:230px}@media (max-width:980px){.sidebar{width:210px}.content{padding:35px 28px 25px}.main-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr;align-items:start}}@media (max-width:700px){.app-shell{display:block}.sidebar{border-bottom:1px solid #e7eee8;border-right:0;width:100%;height:auto;padding:18px}.workspace-label,.sidebar-bottom{display:none}.main-nav{margin-top:18px;display:flex}.nav-item{flex:1;justify-content:center;padding:9px;font-size:12px}.content{padding:28px 17px 25px}.topbar h1{font-size:29px}.primary-button{padding:10px 12px}.metric-grid{grid-template-columns:1fr 1fr}.balance-card{grid-column:1/-1}.metric-card{min-height:125px;padding:18px}.metric-value{font-size:24px}.month-row{margin-top:39px}.month-controls{gap:3px}.month-arrow,.month-switcher{padding:8px 7px}.right-column{grid-template-columns:1fr}.panel{padding:20px 18px}.transaction-row{gap:8px}.transaction-amount{font-size:11px}.row-actions{gap:0;display:grid}.transaction-filters select{width:110px}.budget-page-form,.budget-form-actions{grid-template-columns:1fr}}.budget-title{min-width:0}.budget-title strong,.budget-title span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.budget-title strong{color:#60736a;font-weight:600}.budget-title span{color:#99a69f;margin-top:3px;font-size:9px}.budget-meta{gap:12px}.budget-meta small{flex-shrink:0}.transaction-page-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.95fr);align-items:start;gap:14px;margin-top:14px;display:grid}.transaction-page-grid>.activity-panel:only-child{grid-column:1/-1}.transaction-page .activity-panel,.transaction-page .entry-panel{min-width:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:980px){.transaction-page-grid{grid-template-columns:1fr}}