.topup-button{border:0;border-radius:999px;background:#f97316;color:#fff;font-weight:800;padding:.72rem 1.15rem;box-shadow:0 8px 22px rgba(249,115,22,.3);cursor:pointer}.topup-button:hover{background:#ea580c;transform:translateY(-1px)}
.topup-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:rgba(15,23,42,.62)}.topup-modal.hidden{display:none}.topup-card{position:relative;width:min(520px,100%);max-height:90vh;overflow:auto;border-radius:22px;background:#fff;padding:1.5rem;box-shadow:0 24px 80px rgba(0,0,0,.3)}.topup-close{position:absolute;right:1rem;top:.8rem;border:0;background:transparent;font-size:2rem;cursor:pointer}.topup-card form{display:grid;gap:.8rem}.topup-card input,.admin-topup-form input{width:100%;box-sizing:border-box;padding:.75rem;border:1px solid #d6d3d1;border-radius:10px}.topup-conversion{padding:.8rem;border-radius:10px;background:#fff7ed;color:#9a3412;font-weight:700}.topup-history{margin-top:1.1rem}.topup-order{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid #eee}.status-paid{color:#15803d}.status-failed{color:#b91c1c}.status-pending{color:#b45309}
.admin-topup-settings{grid-column:1/-1}.admin-topup-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:1rem;align-items:end}.admin-topup-form label{display:grid;gap:.4rem;font-weight:700}@media(max-width:760px){.topbar-actions{flex-wrap:wrap}.admin-topup-form{grid-template-columns:1fr}.topup-button{width:100%}}