:root{font-family:Inter,Arial,sans-serif;color:#101828;background:#f7f8fa}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{min-height:100vh;display:grid;place-items:center;padding:24px}.payment-card{width:min(100%,510px);padding:38px;background:#fff;border:1px solid #e4e7ec;border-radius:18px;box-shadow:0 18px 55px rgba(16,24,40,.1)}.loading{text-align:center;color:#667085}.recipient h1{margin:0 0 12px;font-size:27px;letter-spacing:-.02em}.recipient p{margin:0}.company{font-size:17px;font-weight:700}.address{margin-top:7px!important;white-space:pre-line;color:#475467;line-height:1.55}.amount{margin:30px 0 28px;padding:23px 0;border-top:1px solid #eaecf0;border-bottom:1px solid #eaecf0}.amount span{display:block;margin-bottom:8px;color:#667085;font-weight:600}.amount strong{font-size:36px;letter-spacing:-.03em}button{border:0;border-radius:11px;padding:14px 18px;background:#101828;color:#fff;font-weight:700;cursor:pointer}#submit{width:100%;margin-top:22px;font-size:17px}button:disabled{opacity:.65;cursor:wait}.message{min-height:20px;color:#b42318}.secure-note{text-align:center;color:#98a2b3;font-size:13px}.state{text-align:center}.tick{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:#ecfdf3;color:#067647;font-size:30px;font-weight:700}.state h1{margin:0 0 10px}.state p{color:#667085}.admin-page{padding:28px}.admin-card{max-width:1150px;margin:auto;padding:30px;background:#fff;border-radius:18px;box-shadow:0 15px 45px rgba(16,24,40,.08)}.muted,.hint{color:#667085}.controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-weight:700}input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #d0d5dd;border-radius:9px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.secondary{background:#344054}.summary{display:flex;gap:8px;align-items:baseline;margin:20px 0}.summary strong{font-size:24px}.summary span{margin-right:20px;color:#667085}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #eaecf0}th{font-size:13px;color:#667085}.badge{padding:5px 8px;border-radius:20px;background:#f2f4f7;font-size:12px;font-weight:700}.badge[data-status=paid]{background:#ecfdf3;color:#067647}.mini{padding:7px 9px;font-size:12px}.danger{background:#b42318}@media(max-width:650px){.payment-card{padding:26px 20px}.controls{grid-template-columns:1fr}.admin-page{padding:12px}.admin-card{padding:20px}.recipient h1{font-size:23px}}