:root{color:#18201c;font-synthesis:none;background:#f7f5f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #8bcbb1}.app-shell{width:min(100% - 32px,900px);margin:auto}header{justify-content:space-between;align-items:center;min-height:116px;display:flex}.brand{border-radius:8px;align-items:center;text-decoration:none;display:inline-flex}.brand img{width:166px;height:auto;display:block}header p,footer{color:#66706a;font-size:13px}.surface{background:#fff;border:1px solid #dde2de;border-radius:20px;overflow:hidden;box-shadow:0 14px 40px #20312812}.day-strip{border-bottom:1px solid #dde2de;grid-template-columns:repeat(7,1fr);gap:7px;padding:16px 20px;display:grid;overflow-x:auto}.day{color:#66706a;background:0 0;border:1px solid #0000;border-radius:11px;gap:3px;min-width:88px;padding:11px 6px;display:grid}.day strong{color:#18201c;font-size:19px}.day small{font-size:11px}.day:hover{background:#f4f7f5}.day.active{color:#176b4d;background:#ddf2e8;border-color:#b9dfce}.day.active strong{color:#176b4d}.summary{justify-content:space-between;align-items:end;gap:24px;padding:32px 38px 26px;display:flex}.summary p{color:#66706a;margin:0 0 4px;font-size:14px;font-weight:650}h1{letter-spacing:-2px;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(38px,7vw,56px);line-height:1}h1 span{letter-spacing:0;color:#66706a;font-size:18px;font-weight:550}.totals{align-items:baseline;gap:24px;display:flex}.totals>strong{color:#176b4d;font-variant-numeric:tabular-nums;font-size:22px}.totals>strong span{color:#66706a;font-size:13px;font-weight:550}.privacy{color:#66706a;padding-bottom:5px;font-size:12px}.privacy span{color:#176b4d;margin-right:5px}.quick-add{background:#f4f8f5;border:1px solid #d8e5dc;border-radius:14px;grid-template-columns:repeat(3,1fr) 1.5fr auto;align-items:end;gap:14px;margin:0 38px 30px;padding:20px;display:grid}.field{gap:7px;display:grid}label{color:#48534d;font-size:12px;font-weight:700}label span{color:#78817c;font-weight:450}input{color:#18201c;background:#fff;border:1px solid #cdd5d0;border-radius:9px;width:100%;min-height:48px;padding:0 13px}input::placeholder{color:#9ba39f}.input-unit{position:relative}.input-unit input{padding-right:48px;font-size:18px;font-weight:700}.input-unit span{color:#66706a;font-size:12px;position:absolute;top:15px;right:12px}.add-button,.dialog-actions button{color:#fff;background:#176b4d;border:0;border-radius:9px;min-height:48px;padding:0 20px;font-weight:750}.add-button:hover,.dialog-actions button:hover{background:#11543c}.error,.calculation{grid-column:1/-1;margin:0;font-size:13px}.error{color:#b42318}.calculation{color:#176b4d;font-weight:650}.entries{border-top:1px solid #e7eae8;padding:28px 38px 38px}.entries-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}h2{margin:0;font-size:18px}.entries-heading span{color:#66706a;font-size:12px}ul{border-top:1px solid #e7eae8;margin:0;padding:0;list-style:none}li{border-bottom:1px solid #e7eae8;grid-template-columns:1fr auto auto;align-items:center;gap:24px;min-height:70px;display:grid}.entry-main{gap:4px;display:grid}.entry-main strong{font-size:14px}.entry-main time{color:#78817c;font-size:12px}li>b{font-variant-numeric:tabular-nums;text-align:right;font-size:16px;display:grid}li>b small{color:#176b4d;margin-top:3px;font-size:12px}li>b span{color:#66706a;font-size:12px;font-weight:500}.entry-actions{display:flex}.entry-actions button{color:#176b4d;background:0 0;border:0;padding:10px;font-size:12px;font-weight:700}.entry-actions .delete{color:#b42318}.empty{text-align:center;color:#66706a;padding:38px 20px 28px}.empty>span{color:#176b4d;background:#ddf2e8;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;display:inline-grid}.empty h3{color:#344139;margin:12px 0 4px;font-size:15px}.empty p{margin:0;font-size:13px}footer{text-align:center;padding:24px}.backdrop{z-index:10;background:#0d17127a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:15px;width:min(100%,420px);padding:26px;box-shadow:0 24px 80px #00000038}.dialog h2{margin-bottom:12px;font-size:21px}.dialog>p{color:#66706a;line-height:1.5}.dialog form{gap:8px;display:grid}.dialog form label:not(:first-child){margin-top:8px}.dialog-actions{justify-content:end;gap:10px;margin-top:22px;display:flex}.dialog-actions .secondary{color:#344139;background:#edf0ee}.dialog-actions .secondary:hover{background:#e0e5e2}.dialog-actions .danger-button{background:#b42318}.dialog-actions .danger-button:hover{background:#8f1d14}@media (width<=700px){.app-shell{width:100%}header{min-height:82px;padding:0 18px}.brand img{width:148px}header p{display:none}.surface{border-left:0;border-right:0;border-radius:0}.day-strip{grid-template-columns:repeat(7,75px);justify-content:start;padding:11px 12px}.day{min-width:75px}.summary{padding:26px 20px 22px}.privacy{display:none}.quick-add{grid-template-columns:repeat(3,1fr);margin:0 20px 24px;padding:16px}.name-field{grid-column:1/3}.add-button{grid-column:3}.entries{padding:24px 20px 30px}li{grid-template-columns:1fr auto;gap:12px;padding:10px 0}.entry-actions{grid-column:1/-1;justify-content:end;margin-top:-10px}}@media (width<=410px){.quick-add{grid-template-columns:1fr 1fr}.quick-add .field:nth-child(3),.name-field,.add-button{grid-area:auto/1/auto/-1}.totals{gap:6px;display:grid}}