@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:#194d42;--mint:#eaf2ed;--ink:#253c35;--muted:#7b8982;--line:#e7ebe5;--bg:#f7f8f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #90b99b;outline-offset:4px}aside{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid var(--line);padding:38px 26px;display:flex;flex-direction:column}.brand{text-decoration:none;color:var(--green);font-size:33px;display:flex;gap:9px;align-items:center;font-weight:700}.brand span{font-size:23px;letter-spacing:-1px}.brand small{display:block;letter-spacing:1px;font-size:6px;margin-top:6px}.navlabel{font-size:10px;letter-spacing:1.6px;color:var(--muted);margin:55px 12px 15px}.nav{display:block;text-align:left;text-decoration:none;color:#69796f;padding:15px;border-radius:9px;font-weight:500;margin-bottom:5px}.nav.active{background:var(--mint);color:var(--green)}.asidebottom{margin-top:auto;border-top:1px solid var(--line);padding-top:27px}.leaf{font-size:36px;color:#8ba490}.asidebottom h3{font-size:14px}.asidebottom p{font-size:12px;line-height:1.9;color:var(--muted)}main{max-width:1550px;margin-left:236px;padding:44px 48px 20px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#829287}h1{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1.2px;margin:12px 0}h1 span{color:#92ac76}header p,.panelhead p{color:var(--muted);margin:6px 0;font-size:13px}.primary{background:var(--green);color:#fff;border-radius:9px;padding:14px 19px;font-weight:600}.primary:hover{background:#286453}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:33px 0 22px}.monthswitch{display:flex;gap:5px;background:white;border:1px solid var(--line);border-radius:8px;padding:4px}.monthswitch button{font-size:24px;padding:0 10px}.monthswitch input{border:0;width:164px;font-weight:600;background:transparent;color:var(--ink)}.savebadge{font-size:11px;color:#7d9284}.cards{display:grid;grid-template-columns:1.14fr 1fr 1fr;gap:20px}.cards article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px}.cards article>div{display:flex;justify-content:space-between;align-items:center;color:#748379}.cards article>div>span{background:#f1f5ef;border-radius:9px;padding:5px 9px;font-size:20px}.cards h2{font:700 29px Manrope,sans-serif;letter-spacing:-1px;margin:16px 0 10px}.cards small{font-size:11px;color:var(--muted)}.cards .balance{background:var(--green);color:white;border-color:var(--green)}.cards .balance div,.cards .balance small{color:#c2d6cd}.cards .balance div span{background:#326154}.positive{color:#39846b}.negative{color:#c47759}.charts{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin:24px 0}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:24px}.panelhead{display:flex;justify-content:space-between;gap:12px;align-items:center}h3{font:700 15px Manrope,sans-serif;margin:0 0 5px}.tag{font-size:10px;background:#f5f6f1;padding:6px 10px;border-radius:20px;color:var(--muted);white-space:nowrap}.categorychart{display:flex;align-items:center;gap:28px;min-height:225px}.donut{flex-shrink:0;width:180px;height:180px;border-radius:50%;background:#edf0eb;display:grid;place-items:center}.donut>div{width:137px;height:137px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut small{font-size:10px;color:var(--muted)}.donut strong{font-size:20px;margin-top:8px}#legend{flex:1}.legendrow{display:flex;align-items:center;gap:7px;margin:14px 0;font-size:11px}.legendrow i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.legendrow span{flex:1}.legendrow small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.hint{color:var(--muted);font-size:11px;line-height:1.7}#split{margin-top:25px}.splitlabel{display:flex;justify-content:space-between;margin:18px 0 8px;font-size:12px}.track{height:7px;background:#f1f3ed;border-radius:10px;overflow:hidden}.track>div{height:100%;border-radius:10px}.insight{background:#f5f7f0;border-radius:8px;font-size:12px;line-height:1.7;padding:12px;margin-top:23px}.textbtn{font-size:11px;color:var(--green);font-weight:700;margin-top:16px}.filters{display:flex;gap:10px;margin:22px 0 10px}.filters input{flex:1;min-width:0}.filters input,.filters select{background:#fafbf8;border:1px solid var(--line);border-radius:7px;padding:10px;font-size:12px;color:#6b7a70}.secondary{border:1px solid var(--line);padding:9px 13px;border-radius:7px;font-size:11px}.row{display:grid;grid-template-columns:40px 1fr 100px 110px 75px;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid #f0f2ed}.rowicon{background:#f3f5ef;border-radius:10px;padding:10px;font-size:17px}.row strong{font-size:12px;display:block}.row small{color:var(--muted);font-size:10px;display:block;margin-top:4px}.pill{font-size:10px;display:inline-block;background:#f1f4ed;padding:5px 8px;border-radius:5px;color:#809078}.rowamount{text-align:right;font-weight:600;font-size:13px}.actions{display:flex;justify-content:end;gap:6px}.actions button{padding:6px;color:#86938a}.empty{text-align:center;padding:32px 15px;color:var(--muted);line-height:1.8}.empty b{display:block;color:var(--ink);margin-bottom:5px}.empty button{margin-top:15px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color:#94a096;font-size:11px;margin-top:23px}footer button{font-size:11px;padding:7px}footer p{width:100%;font-size:10px}dialog{border:1px solid var(--line);border-radius:16px;max-width:470px;width:calc(100% - 28px);padding:27px;color:var(--ink)}dialog::backdrop{background:#152f2580;backdrop-filter:blur(3px)}.dialoghead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialoghead h2{font-size:21px;margin:0}.close{font-size:26px}form>label,.formgrid label{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-size:12px;font-weight:600}form input:not([type=radio]):not([type=checkbox]),form select{width:100%;padding:12px;border:1px solid #dce3da;border-radius:7px;background:white;color:var(--ink)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.segmented{display:flex;gap:20px;background:var(--mint);border-radius:8px;padding:13px;margin-bottom:20px}.check{flex-direction:row!important;align-items:center}.wide{width:100%;margin-top:12px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#194d42;color:white;padding:13px 23px;border-radius:9px;display:none;z-index:20}#categoryList{max-height:230px;overflow:auto;margin-bottom:22px}.catitem{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}#budgetInfo{font-size:11px;margin-top:10px;line-height:1.7;color:#7c8c80}@media(min-width:1500px){main{margin-right:auto}}@media(max-width:1200px){aside{width:200px;padding:30px 18px}main{margin-left:200px;padding:32px 26px}.charts{grid-template-columns:1fr 1fr}.categorychart{flex-direction:column;gap:3px;padding-top:20px}#legend{width:100%}.cards h2{font-size:25px}}@media(max-width:800px){aside{position:static;width:100%;padding:18px 22px;display:block;border-bottom:1px solid var(--line)}.brand{font-size:27px}.brand span{font-size:22px}.navlabel,.nav,.asidebottom{display:none}aside button.nav{display:block;position:absolute;right:18px;top:17px;font-size:12px;padding:10px}main{margin:0;padding:26px 18px}header{align-items:flex-start;flex-direction:column}h1{font-size:27px}header>.primary{position:fixed;bottom:18px;right:18px;z-index:5;box-shadow:0 6px 25px #194d4230}.toolbar{margin-top:25px}.savebadge{font-size:9px}.cards{grid-template-columns:1fr 1fr;gap:12px}.cards article{padding:18px}.cards article:first-child{grid-column:span 2}.cards h2{font-size:24px}.cards article>div{font-size:12px}.cards article>div>span{font-size:16px}.cards small{font-size:10px}.charts{grid-template-columns:1fr;gap:15px;margin:16px 0}.panel{padding:20px}.categorychart{flex-direction:row;gap:18px}.donut{width:145px;height:145px}.donut>div{width:110px;height:110px}.donut strong{font-size:17px}.donut small{font-size:9px}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex:1;min-width:0;font-size:10px}.row{grid-template-columns:34px 1fr 95px;gap:10px}.rowicon{padding:8px;font-size:15px}.row>.pill{display:none}.actions{grid-column:3}.rowamount{font-size:12px}.row strong{font-size:11px}footer{margin-bottom:75px}.panelhead h3{font-size:14px}.panelhead p{font-size:11px}.secondary{font-size:10px;padding:8px}.legendrow{font-size:10px}}@media(max-width:370px){.categorychart{flex-direction:column}.savebadge{display:none}}