:root{--bg:#f7f4ef;--ink:#29251f;--muted:#7b746b;--card:#fff;--accent:#7c4f3b;--accent2:#efe2d9;--line:#e9e1d9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.wrap{width:min(100%,1050px);margin:auto;padding:24px 16px 50px}header{padding:12px 2px 20px}h1{font-family:Georgia,serif;font-size:36px;margin:4px 0}header p,.section-head p{color:var(--muted);margin:0}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:800}.cards{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 28px #5d46320b}.card{padding:20px;display:flex;flex-direction:column;gap:8px}.card strong{font-family:Georgia,serif;font-size:29px}.card small,.card span{color:var(--muted)}.card.primary{background:var(--accent);color:#fff;border:none}.card.primary small,.card.primary span{color:#f2e7df}.panel{padding:20px;margin-top:14px}h2{font-family:Georgia,serif;margin:0 0 14px}.form label,.filters label{font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:7px}.form{display:grid;gap:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}input{width:100%;border:1px solid var(--line);background:#fcfaf7;border-radius:12px;padding:14px;font:inherit;outline:none}input:focus{border-color:var(--accent)}.preview{display:flex;justify-content:space-between;align-items:center;background:var(--accent2);padding:14px;border-radius:13px}.preview b{color:var(--accent);font-size:20px}.btn{border:0;border-radius:13px;padding:14px 18px;background:var(--accent);color:#fff;font-weight:800;font-size:15px;cursor:pointer}.secondary{align-self:end}.filters{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;align-items:end;margin-bottom:14px}.clear{color:var(--accent);font-weight:700;padding:14px 5px;text-decoration:none}.history{border-top:1px solid var(--line)}.item{display:flex;justify-content:space-between;gap:12px;padding:16px 2px;border-bottom:1px solid var(--line)}.item-main{display:flex;gap:12px;align-items:center}.icon{width:42px;height:42px;border-radius:13px;background:var(--accent2);display:grid;place-items:center}.item b{display:block}.item small{display:block;color:var(--muted);margin-top:4px}.money{text-align:right;white-space:nowrap}.money>b{color:var(--accent)}.delete{border:0;background:none;color:#a65e54;padding:5px 0 0;cursor:pointer;font-size:12px}.empty{text-align:center;color:var(--muted);padding:28px}footer{text-align:center;color:var(--muted);font-size:12px;padding:20px}@media(max-width:720px){.wrap{padding:18px 12px 40px}h1{font-size:31px}.cards{grid-template-columns:1fr 1fr}.card.primary{grid-column:1/-1}.card{padding:17px}.card strong{font-size:26px}.panel{padding:16px;border-radius:17px}.filters{grid-template-columns:1fr 1fr}.filters .btn{grid-column:1/-1}.clear{text-align:center;grid-column:1/-1;padding:4px}.item{align-items:flex-start}.item-main{min-width:0}.item-main b{overflow-wrap:anywhere}.icon{display:none}.money{font-size:14px}.grid{grid-template-columns:1fr 110px}}@media(max-width:390px){.cards{grid-template-columns:1fr}.card.primary{grid-column:auto}.item{flex-direction:column}.money{text-align:left}.grid{grid-template-columns:1fr 90px}}