:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#243b34;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:84px;border-bottom:1px solid #dce3dc;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1160px)/2))}.brand{display:flex;gap:12px;align-items:center;font-size:28px;text-decoration:none;color:#183c32}.brand span{font-size:19px;font-weight:700}.badge{font-size:12px;background:#e4eae0;border-radius:20px;padding:8px 14px}main{max-width:1160px;margin:auto;padding:40px 24px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#708678}h1{font-size:42px;letter-spacing:-1.5px;margin:10px 0}p{line-height:1.6}.intro p:last-child,.muted,small{color:#768279}.month{width:190px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats article{padding:26px;border:1px solid #dce3dc;background:white;border-radius:18px}.stats span,small{display:block;font-size:13px}.stats strong{display:block;font-size:34px;letter-spacing:-1px;margin:14px 0}.stats .accent{background:#183c32;color:#fff;border-color:#183c32}.accent small{color:#b9cdc0}.budget{display:flex;align-items:center;gap:28px;margin:22px 0 34px}.budget label{display:flex;align-items:center;gap:8px;white-space:nowrap}.budget input{width:145px}.track{flex:1;background:#e0e6dd;height:7px;border-radius:8px;overflow:hidden}#progress{height:100%;background:#8fa66c;width:0}nav{display:flex;gap:8px;border-bottom:1px solid #dce3dc;padding-bottom:16px;margin-bottom:24px}button,.filebutton{cursor:pointer;border:1px solid #d8e0d9;background:#fff;padding:11px 16px;border-radius:10px;color:#324c40;font:inherit;font-size:14px}button:hover,.filebutton:hover{background:#eaf0e5}nav button{border:0;background:transparent}nav button.active{background:#e3ebdc;font-weight:600}.primary{background:#183c32;color:white;border-color:#183c32}.primary:hover{background:#2c5443}.columns{display:grid;grid-template-columns:1fr 1.1fr;gap:22px}.panel{background:white;border:1px solid #dce3dc;padding:26px;border-radius:16px}h2{font-size:18px;margin:0 0 23px}label{display:block;font-size:13px;font-weight:500}input,select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #d8e0d9;border-radius:9px;background:#fff;color:#243b34;font:inherit;font-size:14px}input:focus,select:focus{outline:2px solid #8fa66c;outline-offset:2px}form{display:grid;gap:18px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.history{margin-top:22px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.sectionhead h2{margin:0}.sectionhead input{width:310px;margin:0}.row{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #edf0e9}.row:last-child{border:0}.row .info{flex:1;min-width:0}.row b{display:block;font-size:14px;overflow-wrap:anywhere}.row small{margin-top:6px;font-size:12px}.row .value{font-weight:600;white-space:nowrap}.row button{font-size:12px;padding:7px 10px}.row .buttons{display:flex;gap:5px}.empty{padding:35px 15px;text-align:center;color:#879187;line-height:1.7}.categoryrow{margin:20px 0}.categoryrow div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:9px}.categoryrow .track{height:6px}.categoryrow .track div{background:#91a878;height:100%}.actions{display:flex;flex-wrap:wrap;gap:12px}.filebutton{display:inline-block}footer{font-size:12px;color:#879187;margin-top:36px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#183c32;color:#fff;padding:14px 22px;border-radius:12px;display:none;max-width:90%;z-index:9}[hidden]{display:none!important}@media(max-width:720px){header{height:68px;padding:0 20px}main{padding:24px 16px}.intro{align-items:flex-start;gap:16px}h1{font-size:30px}.intro p:last-child{font-size:13px}.month{width:145px;flex-shrink:0}.stats{grid-template-columns:1fr;gap:10px}.stats article{padding:20px}.stats strong{font-size:28px;margin:8px 0}.columns{grid-template-columns:1fr}.budget{flex-wrap:wrap;gap:14px}.track{min-width:100px}nav{gap:0}nav button{font-size:12px;padding:10px}.panel{padding:20px}.sectionhead{display:block}.sectionhead input{width:100%;margin-top:16px}.row{flex-wrap:wrap}.row .buttons{width:100%;justify-content:flex-end}.badge{font-size:11px}.brand span{font-size:17px}}

:root[data-theme="dark"]{color-scheme:dark;color:#e1eae3;background:#111b19}[data-theme="dark"] header,[data-theme="dark"] nav{border-color:#30413a}[data-theme="dark"] .brand{color:#d2e8bb}[data-theme="dark"] .panel,[data-theme="dark"] .stats article{background:#1a2924;border-color:#30413a}[data-theme="dark"] .stats .accent{background:#294237;border-color:#405c48}[data-theme="dark"] input,[data-theme="dark"] select{background:#111e19;border-color:#405248;color:#e1eae3}[data-theme="dark"] button,[data-theme="dark"] .filebutton{background:#263b30;border-color:#405248;color:#e1eae3}[data-theme="dark"] button:hover,[data-theme="dark"] .filebutton:hover{background:#365040}[data-theme="dark"] .primary{background:#b6d48f;border-color:#b6d48f;color:#162516}[data-theme="dark"] .primary:hover{background:#c9e5a8}[data-theme="dark"] nav button{background:transparent;border:0}[data-theme="dark"] nav button.active{background:#365040;color:#d2e8bb}[data-theme="dark"] .muted,[data-theme="dark"] small,[data-theme="dark"] .intro p:last-child,[data-theme="dark"] .empty,[data-theme="dark"] footer{color:#abbcaf}[data-theme="dark"] .eyebrow{color:#b6d48f}[data-theme="dark"] .track{background:#35483b}[data-theme="dark"] .row{border-color:#30413a}.headeractions{display:flex;align-items:center;gap:10px}.headeractions form{display:block}.loginwrap{max-width:490px;padding-top:10vh}.loginpanel{margin-top:32px}.loginpanel h1{font-size:30px}.loginhint{font-size:12px;margin-bottom:0}#loginError{color:#ffa997;margin:0;font-size:13px}.loginpage footer{text-align:center}@media(max-width:720px){.headeractions{gap:6px}.headeractions button{font-size:11px;padding:8px}.loginwrap{padding-top:7vh}}

.visualoverview{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;margin-bottom:28px}.visualoverview h2{margin-bottom:12px}#dailyChart svg{display:block;width:100%;height:auto}.chartaxis,.chartcaption{fill:#768279;font-size:11px}.chartgridline{stroke:#dce3dc;stroke-width:1}.daybar{cursor:pointer;transition:opacity .15s}.daybar:hover,.daybar:focus{opacity:.65;outline:none}.chartnote{font-size:12px;line-height:1.6;color:#768279;margin:12px 0 0;min-height:38px}.donutlayout{display:flex;gap:20px;align-items:center}.donut{width:180px;flex-shrink:0}.donutamount{fill:#243b34;font-size:13px;font-weight:700}.chartlegend{flex:1;min-width:0}.legendrow{display:flex;align-items:center;gap:8px;font-size:12px;margin:12px 0}.legendrow>span:nth-child(2){flex:1}.legendrow small{font-size:10px;margin-top:3px}.legendrow b{white-space:nowrap;font-size:12px}.swatch{display:inline-block;width:9px;height:9px;border-radius:3px;flex-shrink:0}.budgetgraph{display:flex;height:24px;background:#e0e6dd;border-radius:7px;overflow:hidden;margin:28px 0 24px}.budgetlegend{display:grid;gap:15px}.budgetlegend>div{display:flex;gap:8px;align-items:center;font-size:12px}.budgetlegend b{margin-left:auto}.budgetlegend span:nth-child(2){flex:1}[data-theme="dark"] .chartgridline{stroke:#35483b}[data-theme="dark"] .chartaxis,[data-theme="dark"] .chartcaption,[data-theme="dark"] .chartnote{fill:#abbcaf;color:#abbcaf}[data-theme="dark"] .donutamount{fill:#e1eae3}[data-theme="dark"] .budgetgraph{background:#35483b}@media(max-width:900px){.visualoverview{grid-template-columns:1fr}.donutlayout{flex-direction:column}.chartlegend{width:100%}}