.payment-balance{min-width:180px;padding:20px 24px;border-left:2px solid var(--line)}.payment-balance small,.payment-balance strong{display:block}.payment-balance strong{font:32px Georgia,serif;margin-top:8px}.payment-topup{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;margin:24px 0 34px}.payment-topup h2{margin:16px 0 10px}.payment-topup form{align-self:center}.payment-topup input{margin:8px 0 14px}.payment-topup button{width:100%}.payment-badge,.payment-status{display:inline-block;border-radius:20px;padding:6px 12px;font-size:12px;background:#eef2f3;color:#354c56}.payment-badge{background:#fff1d6;color:#6e501d}.status-succeeded{background:#e0eee5;color:#24563d}.status-canceled{background:#eff0f1;color:#626b73}.status-review{background:#fff1d6;color:#79521b}.payment-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}.payment-filter select{width:auto;min-width:180px}.payment-row{display:flex;align-items:center;gap:24px;padding:22px 0;border-top:1px solid var(--line);text-decoration:none}.payment-row:hover strong{text-decoration:underline}.payment-row small{display:block;margin-top:7px;color:var(--muted)}.payment-row>span:first-child{flex:1}.payment-amount{white-space:nowrap}.payment-empty{padding:30px 0;color:var(--muted)}.payment-detail{max-width:760px;margin:20px auto}.payment-detail h1{margin:8px 0 18px}.payment-detail h2{margin-top:28px}.payment-facts{margin:30px 0}.payment-facts>div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:14px 0;border-top:1px solid var(--line)}.payment-facts dt{color:var(--muted)}.payment-facts dd{margin:0;overflow-wrap:anywhere}.payment-sandbox{border-top:1px solid var(--line);padding-top:22px}.payment-sandbox form{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:650px){.payment-topup{grid-template-columns:1fr;gap:12px}.payment-row{flex-wrap:wrap;gap:12px}.payment-row>span:first-child{flex-basis:100%}.payment-amount{margin-left:auto}.payment-facts>div{grid-template-columns:1fr;gap:6px}.payment-sandbox button{width:100%}.payment-balance{padding:12px 0;border:0}.payment-filter select{min-width:0;flex:1}}
.payment-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.payment-presets a{padding:7px 12px;font-size:13px}.payment-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;padding:0;margin:0 0 34px}.payment-steps li{padding:0 20px;border-left:2px solid var(--line)}.payment-steps span{display:block;margin-top:8px;font-size:14px;color:var(--muted)}.payment-help{font-size:14px;color:var(--muted)}@media(max-width:650px){.payment-steps{grid-template-columns:1fr;gap:18px}}

.credit-packages{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.credit-package{padding:24px}.credit-package h2{font-size:38px;margin:24px 0}.credit-package h2 small{font:16px Arial,sans-serif}.package-price{font-size:26px}.credit-package .primary{width:100%;margin-top:18px}.credit-package p{font-size:14px}@media(max-width:1000px){.credit-packages{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.credit-packages{grid-template-columns:1fr}}