*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:#18211e;font:16px/1.5 system-ui,-apple-system,sans-serif}.wrap{width:min(880px,calc(100% - 28px));margin:42px auto 80px}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#275447}h1{font-size:clamp(2.4rem,8vw,4.8rem);line-height:1;margin:.2em 0}.lead{font-size:1.15rem;max-width:700px;color:#47514d}.card{background:#fff;border:1px solid #d8ddd8;border-radius:18px;padding:22px;margin-top:18px}h2{margin-top:0}form{display:grid;gap:12px}label{display:grid;gap:5px;font-weight:650}input{width:100%;padding:11px 12px;border:1px solid #bfc7c1;border-radius:10px;font:inherit}button{border:0;border-radius:10px;padding:11px 14px;background:#173f35;color:#fff;font:700 1rem inherit;cursor:pointer}.ghost{background:#edf1ee;color:#173f35}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.summary article{background:#173f35;color:#fff;border-radius:16px;padding:16px}.summary strong,.summary span{display:block}.summary strong{font-size:1.35rem}.summary span{font-size:.82rem;color:#d6e4de}.item{border-top:1px solid #e2e5e2;padding:16px 0}.item:first-child{border-top:0}.row,.item-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.badge{padding:3px 8px;border-radius:999px;background:#edf1ee;font-size:.78rem;font-weight:750}.badge.overdue{background:#ffe5df;color:#7a2416}.badge.paid{background:#e1eee6;color:#18543a}.muted{color:#66706c}.message{margin-top:10px;padding:12px;border-radius:10px;background:#f0f3ef;white-space:pre-wrap}.actions button{font-size:.88rem;padding:8px 10px}@media(max-width:620px){.summary{grid-template-columns:1fr}.row{align-items:flex-start}}