.topup-history{min-width:0;scroll-margin-top:100px}.topup-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.topup-history-heading h2{margin:0;font-size:21px}.topup-history-heading>span{font-size:12px;color:#909aad}.topup-history>.wallet-muted{line-height:1.6;margin:12px 0 18px}.topup-list{display:grid;gap:14px}
.topup-card{padding:22px;border:1px solid #343940;border-radius:16px;background:#1c2127;color:#eff2f5}.topup-card-heading{display:flex;gap:14px;align-items:center}.topup-method-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;background:#22293c;border-radius:12px;color:#1dbb86;font-size:19px}.topup-card-meta{min-width:0}.topup-card-meta>div{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.topup-card-meta strong{font-size:15px}.topup-reference{font-size:12px;color:#939aa5;overflow-wrap:anywhere}.topup-card-meta time{display:block;margin-top:8px;font-size:12px;color:#a1a8b2}.topup-card-meta time i{margin-right:4px}.topup-card-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.topup-card-total>strong{font-size:21px;letter-spacing:-.4px}.topup-status{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border:1px solid;border-radius:13px;font-size:12px;font-weight:700;white-space:nowrap}.topup-status-pending{color:#e9a53c;background:#9d6d201b;border-color:#8a632640}.topup-status-paid{color:#2aca9b;background:#11896818;border-color:#16866c45}.topup-status-expired{color:#ed6976;background:#8d283524;border-color:#9734444a}.topup-status-review{color:#b8a0fb;background:#6e49bd24;border-color:#7654b755}
.topup-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.topup-action,.topup-details>summary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid #474cc24d;border-radius:12px;background:#202349;color:#9b9eff;font:600 12px Inter,sans-serif;text-decoration:none;cursor:pointer}.topup-action:hover,.topup-details>summary:hover{background:#2b3061;border-color:#6b70ee}.topup-details{min-width:0}.topup-details>summary{list-style:none}.topup-details>summary::-webkit-details-marker{display:none}.topup-details[open]{width:100%}.topup-details dl{margin:16px 0 0;display:grid;gap:12px;font-size:12px}.topup-details dl>div{display:grid;gap:5px}.topup-details dt{color:#a1a8b2}.topup-details dd{margin:0;overflow-wrap:anywhere}.topup-details p{max-width:60ch;margin:14px 0;font-size:12px;color:#b2bac7;line-height:1.6}.topup-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.topup-pagination>span{font-size:13px;color:#aab6ce}.topup-pagination .btn{padding:9px 14px;min-height:40px;font-size:12px}.topup-pagination .btn:disabled{opacity:.4;cursor:not-allowed}
html[data-theme="light"] .topup-card{background:#fff;color:#20304a;border-color:#d6dfed}html[data-theme="light"] .topup-method-icon{background:#eef1fa;color:#127654}html[data-theme="light"] .topup-card-meta time,html[data-theme="light"] .topup-reference,html[data-theme="light"] .topup-details dt,html[data-theme="light"] .topup-details p{color:#61708a}html[data-theme="light"] .topup-action,html[data-theme="light"] .topup-details>summary{background:#f0f0ff;color:#4b44b5}html[data-theme="light"] .topup-status-pending{color:#98620c}html[data-theme="light"] .topup-status-paid{color:#137558}html[data-theme="light"] .topup-status-expired{color:#b33344}html[data-theme="light"] .topup-status-review{color:#6b469e}
@media(max-width:480px){.topup-card{padding:18px}.topup-method-icon{width:44px;height:44px}.topup-card-meta>div{gap:7px}.topup-card-meta time{font-size:11px}.topup-status{padding:8px 10px;font-size:11px}.topup-card-total>strong{font-size:20px}.topup-history-heading h2{font-size:20px}}