.payment-shell{max-width:760px;margin:0 auto;padding:48px 24px 80px;color:#253d46;line-height:1.6}.payment-shell *,.payment-checkout *,.payment-history *{box-sizing:border-box}.payment-intro{text-align:center;margin-bottom:24px}.payment-checkmark{display:grid;place-items:center;margin:0 auto 16px;width:52px;height:52px;border-radius:50%;background:#e2f4ed;color:#138767;font-size:28px}.payment-intro>small{font-size:11px;letter-spacing:.12em;color:#4a897b}.payment-intro h1{font-size:30px;letter-spacing:-.05em;margin:10px 0}.payment-intro>p{font-size:14px;color:#62747a;line-height:1.8}.payment-order-number{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:13px;margin-top:22px}.payment-order-number>span{color:#71858b}.payment-order-number button{font-size:12px;border:1px solid #d2dfdc;border-radius:6px;background:#fff;padding:4px 9px}
.payment-main-card,.payment-detail-card{border:1px solid #dbe7e3;border-radius:18px;background:#fff;padding:28px;margin:20px 0;box-shadow:0 10px 25px #193f3710}.payment-amount-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:24px;border-bottom:1px solid #e9efed}.payment-amount-row small{display:block;font-size:13px;color:#667c77}.payment-amount-row strong{display:block;font-size:34px;letter-spacing:-.04em;color:#183e34}.payment-badge{background:#fff0d8;color:#8a5d15;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;white-space:nowrap}.payment-badge.is-paid{background:#e3f5ec;color:#176d4b}.payment-bank{padding:23px 0}.payment-bank h2,.payment-detail-card h2{font-size:16px;margin:0 0 12px}.payment-bank-info{font-size:19px;font-weight:700;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 15px}.payment-copy-bank{border:0;border-radius:10px;color:#fff;background:#118878;padding:12px 20px;font:inherit;font-weight:700;width:100%}.payment-facts{display:grid;gap:9px;font-size:14px}.payment-facts>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px}.payment-facts dt{color:#748581}.payment-facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}.payment-help,.payment-copy-status{font-size:12px;color:#6c8079;line-height:1.8}.payment-copy-status{color:#127b65;min-height:1.5em;margin-bottom:0}.payment-detail-card ul{list-style:none;padding:0;margin:0}.payment-detail-card li{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #edf1ef;font-size:14px}.payment-detail-card li small{display:block;color:#71827b}.payment-detail-card li b{white-space:nowrap}.payment-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0}.payment-actions a{font-size:13px;color:#48695c}.payment-actions a.payment-primary{background:#118878;color:white;border-radius:9px;padding:12px 22px;font-weight:700}
.payment-checkout{border:1px solid #d8e6df;border-radius:12px;background:#f3faf6;padding:18px;margin:18px 0;color:#2c4c3f;line-height:1.6}.payment-checkout-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-checkout h3{font-size:15px;margin:0}.payment-checkout-heading>strong{font-size:13px;color:#1b7c60}.payment-checkout p{font-size:12px;color:#657c6e;margin:10px 0}.payment-checkout label{display:block;font-size:13px;font-weight:600}.payment-checkout label small{font-size:11px;font-weight:400}.payment-checkout input:not([type=hidden]){display:block;width:100%;border:1px solid #cdded3;border-radius:8px;padding:10px 11px;margin-top:6px;background:#fff;font:inherit;color:#2e483b;min-width:0}.payment-checkout input::placeholder{font-weight:400;font-size:12px;color:#81948a}.payment-history{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:15px;background:#eef8f2;border:1px solid #dcebe1;border-radius:10px;margin:14px 0;color:#36584a}.payment-history small{display:block;font-size:11px}.payment-state{font-size:14px}.payment-state.is-paid{color:#168353}.payment-history>a{font-size:13px;font-weight:700}.payment-admin-control{min-width:150px;font-size:12px;display:grid;gap:7px}.payment-admin-control small{display:block;overflow-wrap:anywhere}.payment-admin-control button{font-size:12px;padding:6px 9px;border:1px solid #bfd7c8;border-radius:7px;background:#edf8f2;color:#2c6850}
@media(max-width:600px){.payment-shell{padding:28px 16px 55px}.payment-intro h1{font-size:25px}.payment-intro>p{font-size:13px}.payment-main-card,.payment-detail-card{padding:20px 18px;border-radius:14px}.payment-amount-row strong{font-size:29px}.payment-bank-info{font-size:17px}.payment-facts>div{grid-template-columns:90px minmax(0,1fr)}.payment-checkout{padding:14px}.payment-amount-row{gap:8px}.payment-badge{font-size:11px;padding:5px 9px}}