.payment-card{max-width:820px;margin:20px auto;background:#fff;border-top:5px solid var(--gold);padding:45px}.payment-card>h1{font-size:35px;margin:0 0 6px;letter-spacing:.04em}.payment-card>p{color:var(--muted)}.payment-status{display:grid;grid-template-columns:1fr 1fr;margin:25px 0;border:1px solid var(--line)}.payment-status div{padding:18px}.payment-status div+div{border-left:1px solid var(--line)}.payment-status span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.payment-status strong{display:block;margin-top:5px}.payment-alert,.payment-state{padding:18px 20px;margin:22px 0;background:#f5f3e7;border:1px solid #e2dcc0}.payment-alert.success,.payment-state.paid{background:#eaf3e3;border-color:#c6ddba}.payment-alert.error{background:#fae8e4;border-color:#e6b8ae;color:#823126}.payment-alert ul{margin:0}.payment-state p{margin:6px 0 0}.payment-details,.proof-form,.proof-history{margin-top:30px}.payment-details h2,.proof-form h2,.proof-history h2{font-size:21px;border-bottom:1px solid var(--line);padding-bottom:12px}.payment-details dl{margin:0}.payment-details dl div{display:grid;grid-template-columns:170px 1fr;padding:12px 0;border-bottom:1px solid var(--line)}.payment-details dt{color:var(--muted)}.payment-details dd{margin:0;font-weight:700;white-space:pre-wrap}.proof-form label{display:flex;flex-direction:column;gap:8px;font-weight:700}.proof-form input[type=file]{padding:16px;background:#f7f8f3}.proof-history p{padding:12px;background:#f6f7f2}.proof-history span{color:#87362c}@media(max-width:650px){.payment-card{padding:28px 22px}.payment-status{grid-template-columns:1fr}.payment-status div+div{border-left:0;border-top:1px solid var(--line)}.payment-details dl div{grid-template-columns:1fr;gap:4px}}