:root{--bg:#fff;--card:#f6f7f9;--text:#111;--muted:#5a5f68;--line:#dfe2e7;--accent:#1a56db;--ok:#0f7a3d;--warn:#b45309;--radius:8px}@media (prefers-color-scheme:dark){:root{--bg:#101113;--card:#1a1c20;--text:#f2f3f5;--muted:#a3a8b1;--line:#2c2f35;--accent:#6ea0ff;--ok:#4cc982;--warn:#f0a85a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:17px/1.5 system-ui,-apple-system,sans-serif}main{max-width:560px;margin:0 auto;padding:24px 16px 64px}a{color:var(--accent)}h1{margin:8px 0 12px;font-size:2rem;line-height:1.2}h2{margin:32px 0 8px;font-size:1.2rem}p{color:var(--muted);margin:8px 0}nav{justify-content:space-between;align-items:center;padding:8px 0 16px;display:flex}nav .brand{color:var(--text);font-weight:700;text-decoration:none}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:16px 0;padding:16px}label{margin:16px 0 6px;font-weight:600;display:block}input,textarea{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:12px}textarea{resize:vertical;min-height:80px}.btn{font:inherit;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;text-align:center;border:0;padding:13px 18px;font-weight:600;text-decoration:none;display:inline-block}.btn.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn.block{width:100%;margin-top:12px;display:block}.row{flex-wrap:wrap;gap:8px;display:flex}.pay{grid-template-columns:110px 1fr;align-items:center;gap:8px;margin:8px 0;display:grid}.pay label{align-items:center;gap:8px;margin:0;font-weight:500;display:flex}.pay input[type=checkbox]{width:auto}.badge{border-radius:99px;padding:2px 10px;font-size:.85rem;font-weight:700;display:inline-block}.badge.paid{background:var(--ok);color:#fff}.badge.unpaid{background:var(--warn);color:#fff}.amount{margin:4px 0;font-size:2.4rem;font-weight:800}.err{color:#d33;margin-top:8px}.steps{counter-reset:s;padding:0;list-style:none}.steps li{counter-increment:s;gap:12px;margin:14px 0;display:flex}.steps li:before{content:counter(s);background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.list a{border-bottom:1px solid var(--line);color:var(--text);justify-content:space-between;gap:12px;padding:14px 0;text-decoration:none;display:flex}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hero h1{font-size:clamp(1.7rem,7vw,2.3rem)}.amount small{color:var(--muted);font-size:1rem;font-weight:600}@media (prefers-color-scheme:dark){.btn,.badge.paid,.badge.unpaid,.steps li:before{color:#101113}.btn.secondary{color:var(--accent)}}.foot{border-top:1px solid var(--line);flex-wrap:wrap;gap:16px;margin-top:48px;padding-top:16px;font-size:.9rem;display:flex}.legal h1{font-size:1.8rem}.legal ul{color:var(--muted);padding-left:20px}.legal li{margin:6px 0}.navlinks{align-items:center;gap:16px;display:flex}.navlinks a,.navlinks button{font:inherit;white-space:nowrap;font-size:.95rem}@media (max-width:520px){nav{flex-wrap:wrap;row-gap:10px}.navlinks{justify-content:space-between;gap:8px;width:100%}}