:root{--ink:#162c2b;--muted:#87958e;--dark:#102d29;--green:#1e8c62;--green-dark:#166e4d;--mint:#e5f5ed;--rose:#fff0ed;--red:#d95e53;--white:#fff;--line:#e9eeeb;--background:#f7f9f6;--shadow:0 10px 38px rgba(17,40,33,.035);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #84d8af;outline-offset:2px}.app-shell{display:flex;min-height:100vh}.sidebar{width:247px;flex-shrink:0;background:var(--dark);color:#fff;padding:30px 19px 20px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 9px}.brand-mark{background:#d8f8e2;border-radius:14px;color:#145b43;font-size:31px;line-height:45px;width:46px;text-align:center;font-weight:800}.brand strong{display:block;font-size:18px;letter-spacing:-.7px}.brand span{font-size:11px;opacity:.62}.sidebar-label{font-size:10px;letter-spacing:2px;color:#7d9a91;margin:54px 13px 15px;font-weight:700}.nav{display:grid;gap:7px}.nav-link{width:100%;background:transparent;border:none;display:flex;align-items:center;gap:15px;padding:14px 15px;border-radius:11px;color:#bed2ca;text-align:left;font-size:14px;font-weight:600;transition:.18s}.nav-link:hover{background:#1c433b;color:#fff}.nav-link.active{background:#255846;color:#fff}.nav-icon{width:21px;font-size:23px;line-height:1;text-align:center;font-weight:400}.sidebar-note{margin-top:auto;padding:19px;background:#1b4339;border:1px solid #28574c;border-radius:15px}.sidebar-note .note-icon{background:#2b634d;color:#d7efb7;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;margin-bottom:12px}.sidebar-note strong{font-size:13px}.sidebar-note p{color:#afc7bc;font-size:12px;line-height:1.65;margin:9px 0 0}.sidebar-foot{display:flex;align-items:center;gap:8px;color:#90ada2;font-size:10px;margin:22px 5px 0}.foot-indicator{width:7px;height:7px;border-radius:50%;background:#73d49b}.main-area{max-width:1600px;width:calc(100% - 247px);min-width:0;padding:0 37px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:148px;border-bottom:1px solid var(--line)}.eyebrow,.section-tag,.mini-label{font-weight:750;letter-spacing:1.7px;font-size:10px;color:#2c9871}.topbar h1{font-size:29px;letter-spacing:-1.2px;margin:9px 0 5px}.topbar p{color:var(--muted);font-size:13px;margin:0}.header-actions{display:flex;gap:10px}.btn{border:1px solid transparent;padding:12px 19px;font-size:13px;font-weight:730;border-radius:10px;display:inline-flex;gap:7px;align-items:center;justify-content:center;white-space:nowrap;transition:background .18s,border .18s}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark)}.btn-light{background:white;color:#2d5449;border:1px solid #e4ece7}.btn-light:hover,.btn-outline:hover{background:#eff7f2}.btn-outline{border-color:#d9e6de;color:#235646;background:#fff}.btn-danger{background:#fff1ef;color:#af3e32;border-color:#ffdcd5}.btn-danger:hover{background:#ffe8e4}.plus-sign{font-size:18px;font-weight:500;line-height:12px}.view{display:none}.view.active{display:block}.page-tools{display:flex;align-items:center;justify-content:space-between;margin:29px 0 20px}.month-picker{display:flex;align-items:center;gap:17px}.month-picker strong{font-size:15px;display:block;margin-top:6px;text-transform:capitalize}.mini-label{color:#9aa5a0;font-size:9px}.month-arrow{height:35px;width:35px;border:1px solid #e2eae5;background:white;border-radius:9px;font-size:24px;color:#648076;line-height:1}.month-arrow:hover{background:#eaf5ef}.status-chip{border:1px solid #dbeee0;background:#effaf1;border-radius:20px;padding:9px 13px;font-size:11px;color:#45916c;font-weight:650}.status-chip i{display:inline-block;width:6px;height:6px;background:#69be84;border-radius:50%;margin-right:5px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{border-radius:16px;padding:22px 19px;background:#fff;border:1px solid #ebefeb;box-shadow:var(--shadow);min-height:176px}.metric-main{background:linear-gradient(120deg,#164d3c,#11352e);color:#fff;border:0}.metric-icon{font-size:20px;width:37px;height:37px;display:grid;place-items:center;background:#2a6452;color:#c9f3d8;border-radius:10px;margin-bottom:16px}.metric-icon.mint{background:#e7f7ed;color:#1b9666}.metric-icon.rose{background:#fff0ed;color:#e46c5f}.metric-icon.amber{background:#fff8e5;color:#ceaa4d}.metric p{font-size:12px;color:#7d8f86;margin:0 0 9px;font-weight:650}.metric-main p{color:#b8d7c9}.metric-value{display:block;font-size:clamp(20px,2vw,27px);letter-spacing:-1px;line-height:1.25;margin-bottom:10px;overflow-wrap:anywhere}.metric>span{color:#98a49c;font-size:11px}.metric-main>span{color:#a3c9b6}.metric .change-positive{color:#239264}.metric .change-negative{color:#cf7167}.overview-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:17px;margin-top:20px}.panel{background:#fff;border-radius:17px;border:1px solid #e9eeea;box-shadow:var(--shadow)}.categories-panel{padding:23px 25px;min-height:422px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:20px}.panel h2{font-size:17px;letter-spacing:-.5px;margin:7px 0 0}.small-tag,.count-pill{border-radius:20px;background:#f1f6f2;padding:8px 11px;color:#6b8877;font-weight:700;font-size:10px;white-space:nowrap}.category-chart{min-height:295px}.empty-content{text-align:center;padding:52px 16px;color:#98a69d}.empty-graphic{margin:0 auto 12px;display:grid;place-items:center;width:66px;height:66px;background:#f0f8f2;border-radius:22px;color:#4e9a6f;font-size:32px}.empty-content strong{display:block;color:#546f61;margin-bottom:6px;font-size:14px}.empty-content p{font-size:12px;line-height:1.6;margin:0}.chart-layout{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center;margin-top:18px}.donut{width:182px;height:182px;border-radius:50%;display:grid;place-items:center;position:relative}.donut-center{background:#fff;width:127px;height:127px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.donut-center span{font-size:10px;color:#8b9b91}.donut-center strong{font-size:16px;margin-top:5px;letter-spacing:-.5px;overflow-wrap:anywhere;text-align:center;padding:0 5px}.legend{display:grid;gap:13px}.legend-item{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px}.legend-item .legend-name{display:flex;align-items:center;gap:7px;min-width:0}.legend-item i{flex-shrink:0;height:9px;width:9px;border-radius:3px}.legend-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-item strong{font-size:11px;color:#52665a}.right-panels{display:grid;gap:17px}.budget-panel,.trend-panel{padding:23px 24px;min-height:192px}.budget-amount-line{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:29px}.budget-amount-line strong{font-size:24px;letter-spacing:-.9px;overflow-wrap:anywhere}.budget-amount-line span{font-size:11px;color:#9aa79f}.progress-track{height:10px;background:#edf2ee;border-radius:20px;overflow:hidden;margin-top:18px}.progress-fill{height:100%;background:linear-gradient(90deg,#75c897,#278c67);border-radius:20px;transition:width .25s}.progress-fill.over{background:linear-gradient(90deg,#ed9f90,#d85e53)}.budget-panel .muted{margin:12px 0 0}.muted{font-size:12px;line-height:1.55;color:#97a39b}.text-btn{font-size:12px;color:#168663;font-weight:750;border:0;background:none;white-space:nowrap}.text-btn:hover{text-decoration:underline}.trend-chart{display:flex;gap:15px;align-items:end;height:94px;padding:7px 0 0}.trend-col{display:flex;flex:1;align-items:center;flex-direction:column;justify-content:flex-end;height:100%;min-width:0;gap:8px}.trend-bar-track{width:100%;flex:1;display:flex;align-items:end;justify-content:center}.trend-bar{width:100%;max-width:30px;min-height:3px;border-radius:6px 6px 2px 2px;background:#dcebe0}.trend-bar.current{background:#228d64}.trend-col span{font-size:10px;color:#a1aaa4;text-transform:capitalize}.trend-col span.current{font-weight:700;color:#2c8263}.recent-panel{margin-top:20px;padding:24px 25px;min-height:180px}.transaction-row{display:flex;gap:14px;align-items:center;min-height:67px;border-top:1px solid #f1f4f0;padding:11px 0}.transaction-row:first-child{border-top:0}.transaction-badge{height:41px;width:41px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:#edf6f1;color:#228563;font-size:20px}.transaction-badge.expense{background:#fff1ed;color:#d37267}.transaction-info{min-width:0;flex:1}.transaction-info strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-info span{display:block;color:#9aa79e;font-size:11px;margin-top:5px}.transaction-amount{font-size:14px;font-weight:750;white-space:nowrap}.transaction-amount.expense{color:#dc7265}.transaction-amount.income{color:#218e60}.transaction-tools{display:flex;gap:5px;margin-left:12px}.icon-btn{border:1px solid #e8eee9;background:#fff;border-radius:7px;padding:7px 9px;font-size:12px;color:#628376}.icon-btn:hover{background:#f0f8f2}.icon-btn.delete:hover{background:#fff0ed;color:#c34b40}.main-footer{display:flex;gap:20px;justify-content:space-between;color:#9eaba3;font-size:10px;padding:30px 0}.movement-panel{padding:27px 28px;min-height:480px;margin-top:31px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin-bottom:20px}.filter label,.field-label,.form-field label{display:block;margin-bottom:7px;color:#657c70;font-weight:700;font-size:11px}.filters input,.filters select,.control{width:100%;padding:11px 12px;border:1px solid #e0e8e2;border-radius:9px;background:#fff;color:#2d4437;min-height:43px;font-size:13px}.filters input::placeholder,.control::placeholder{color:#b7c1b9}.filtered-total{border-top:1px solid #e8eee8;margin-top:18px;padding-top:19px;text-align:right;font-size:13px;color:#668073}.filtered-total strong{color:#173e32;margin-left:6px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:31px}.settings-card{padding:26px 27px}.settings-card h2{margin:8px 0}.settings-card .field-label{margin-top:25px}.helper-warning{border-radius:9px;background:#fff8eb;color:#987942;font-size:11px;line-height:1.6;padding:12px;margin:12px 0 0}.horizontal-divider{height:1px;background:#edf1ed;margin:27px 0}.custom-category{display:grid;grid-template-columns:110px 1fr auto;gap:8px}.custom-category .btn{padding:10px 12px}.category-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.category-tag{font-size:11px;display:inline-flex;align-items:center;gap:6px;padding:7px 8px;border-radius:8px;background:#edf6f0;color:#41745e}.category-tag button{border:0;background:none;font-weight:800;color:#537e68}.setting-actions{display:grid;gap:12px;margin-top:22px;justify-items:start}.danger-zone strong{font-size:13px}.danger-zone p{max-width:440px}.modal-backdrop{position:fixed;z-index:50;inset:0;background:rgba(14,33,27,.57);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.modal-backdrop[hidden]{display:none}.modal{max-width:560px;width:100%;background:#fff;border-radius:20px;padding:27px 30px;box-shadow:0 30px 90px #0c211e42}.modal-small{max-width:430px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modal h2{font-size:22px;letter-spacing:-.8px;margin:7px 0 0}.close-btn{height:33px;width:33px;border:0;background:#f1f6f2;border-radius:8px;font-size:22px;color:#5d8373}.type-selector{display:grid;grid-template-columns:1fr 1fr;background:#f4f7f4;border-radius:10px;padding:4px;gap:6px;margin-bottom:20px}.type-selector label{cursor:pointer}.type-selector input{position:absolute;opacity:0}.type-selector span{display:block;text-align:center;padding:10px;border-radius:8px;color:#71857b;font-size:13px;font-weight:750}.type-selector input:checked+span{background:#fff;color:#1b825f;box-shadow:0 2px 8px #183a2e19}.type-selector input:focus-visible+span{outline:3px solid #84d8af}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-field.full{grid-column:1/-1}.form-field textarea{resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.tiny{font-size:11px}.toast{position:fixed;bottom:25px;right:25px;padding:13px 18px;background:#123d2f;color:white;font-size:13px;border-radius:10px;z-index:80;box-shadow:0 8px 35px #091f1733;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;max-width:330px}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#9e382f}
@media(max-width:1280px){.main-area{padding:0 25px}.sidebar{width:220px}.main-area{width:calc(100% - 220px)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-layout{grid-template-columns:1fr}.donut{margin:auto}.legend{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:minmax(0,1fr) minmax(285px,.92fr)}}
@media(max-width:940px){.app-shell{display:block}.sidebar{position:relative;min-height:unset;height:auto;width:100%;padding:13px 20px;flex-direction:row;align-items:center;justify-content:space-between}.brand-mark{width:35px;line-height:35px;font-size:24px;border-radius:10px}.brand strong{font-size:15px}.sidebar-label,.sidebar-note,.sidebar-foot{display:none}.nav{display:flex;gap:5px}.nav-link{width:auto;gap:6px;padding:11px}.nav-icon{font-size:18px;width:17px}.main-area{width:100%;padding:0 20px}.topbar{min-height:130px}.overview-grid{grid-template-columns:1fr 1fr}.chart-layout{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.sidebar{padding:11px 13px;gap:10px;flex-wrap:wrap;justify-content:center}.brand{flex:1;min-width:175px}.nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.nav-link{padding:9px 4px;display:flex;flex-direction:column;gap:5px;font-size:11px;text-align:center}.nav-icon{font-size:17px}.topbar{padding:22px 0;min-height:unset;align-items:start;flex-direction:column;gap:20px}.topbar h1{font-size:25px}.header-actions{width:100%}.header-actions .btn{flex:1}.main-area{padding:0 14px}.page-tools{margin-top:20px}.status-chip{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:15px 12px;min-height:160px}.metric-value{font-size:19px;letter-spacing:-.5px}.metric>span{font-size:10px}.overview-grid,.settings-grid{grid-template-columns:1fr;gap:12px}.categories-panel,.budget-panel,.trend-panel,.recent-panel,.movement-panel,.settings-card{padding:19px 17px}.chart-layout{grid-template-columns:1fr 1fr}.donut{width:137px;height:137px}.donut-center{width:95px;height:95px}.donut-center strong{font-size:12px}.legend{grid-template-columns:1fr}.legend-item{font-size:11px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filters .search-field{grid-column:1/-1}.transaction-badge{height:35px;width:35px}.transaction-amount{font-size:12px}.transaction-tools{margin-left:0}.transaction-row{gap:8px}.icon-btn{padding:7px}.custom-category{grid-template-columns:1fr 1fr}.custom-category #new-cat-name{grid-column:2}.custom-category .btn{grid-column:1/-1}.main-footer{display:block;line-height:2}.main-footer span{display:block}.modal{padding:20px}.form-grid{gap:11px}}
@media(max-width:390px){.chart-layout{grid-template-columns:1fr}.legend{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:17px}.transaction-info span{font-size:10px}}