*{box-sizing:border-box}body{color:#1d2520;background:#f5f4ef;margin:0;font:16px/1.5 system-ui,-apple-system,sans-serif}main{max-width:980px;margin:auto;padding:56px 24px}header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#65736a;margin:0;font-size:12px;font-weight:800}h1{letter-spacing:-.05em;margin:8px 0 12px;font-size:clamp(38px,7vw,68px);line-height:1}.sub{color:#65736a;margin:0}.total{color:#fff;background:#1d2520;border-radius:20px;min-width:190px;padding:18px 24px}.total span{color:#c8d0ca;font-size:13px;display:block}.total strong{font-size:28px}.card{background:#fff;border:1px solid #e5e2d9;border-radius:24px;margin:18px 0;padding:26px;box-shadow:0 10px 35px #1d25200a}h2{margin:0 0 20px;font-size:20px}.form{grid-template-columns:1fr 1.4fr 1fr auto;align-items:end;gap:12px;display:grid}label{font-size:13px;font-weight:700}input,select{width:100%;font:inherit;background:#fbfaf7;border:1px solid #d6d4cc;border-radius:12px;margin-top:7px;padding:12px 13px}button{cursor:pointer;background:#d9f36a;border:0;border-radius:12px;padding:13px 18px;font-weight:800}.toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.toolbar h2{margin:0}.toolbar select{width:auto;margin:0}.list article{border-top:1px solid #eceae3;grid-template-columns:1.5fr 1fr 1fr auto;align-items:center;gap:14px;padding:16px 0;display:grid}.category{font-weight:800}.date{color:#727a74}.amount{font-variant-numeric:tabular-nums;text-align:right;font-weight:800}.delete{color:#8b3a32;background:0 0;padding:8px}.empty{text-align:center;color:#777;padding:35px 0}.error{color:#a33b31;margin-bottom:0}@media (width<=720px){main{padding:32px 16px}header{display:block}.total{margin-top:20px}.form{grid-template-columns:1fr}.list article{grid-template-columns:1fr auto}.date{grid-row:2}.amount{grid-area:1/2}.delete{grid-area:2/2}.toolbar{flex-direction:column;align-items:stretch}.toolbar select{width:100%}}