.agent-topup,.agent-topup-flow{gap:14px;min-width:0;display:grid}.mp.agent-app .agent-topup .mp-card{border-radius:16px;padding:18px}.mp.agent-app .agent-topup .agent-topup-provider{background:#fffdfb;align-items:center;gap:12px;padding:14px 16px;display:flex}.agent-topup-provider>div{flex:1}.agent-topup-provider strong{font-size:16px;line-height:1.45;display:block}.agent-topup .agent-topup-provider p{margin:2px 0 0;font-size:11px}.agent-topup-overline{color:var(--mp-muted);font-size:10px}.agent-topup-provider-icon,.agent-topup-status-icon,.agent-topup-form-icon{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;display:flex}.agent-topup-provider-check{color:#688174;flex-shrink:0}.agent-topup .agent-topup-form-intro{gap:7px;margin-bottom:20px;display:grid}.agent-topup-form-intro .agent-topup-form-icon{margin-bottom:3px}.agent-topup .agent-topup-form-intro h2{margin:0;font-size:17px}.agent-topup .agent-topup-form-intro p{margin:0;font-size:12px}.agent-topup .agent-form{gap:16px}.agent-topup-amount-field{gap:8px;font-weight:600;display:grid}.agent-topup-amount-input{position:relative}.agent-topup-amount-input>span{color:var(--mp-muted);pointer-events:none;font-size:17px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.mp.agent-app .agent-topup-amount-input .mp-input{font-variant-numeric:tabular-nums;border-radius:12px;min-height:60px;padding:13px 14px 13px 47px;font-size:23px;font-weight:650}.agent-topup .agent-topup-amount-help{color:var(--mp-muted);flex-wrap:wrap;justify-content:space-between;gap:5px 12px;font-size:11px;font-weight:400;display:flex}.agent-topup-amount-help strong{color:var(--primary);font-weight:600}.mp.agent-app .agent-topup .agent-topup-primary{border-radius:11px;width:100%;min-height:46px}.agent-topup .agent-topup-security{color:var(--mp-muted);justify-content:center;align-items:center;gap:6px;margin:0;font-size:10px;display:flex}.agent-topup-security svg{flex-shrink:0}.agent-topup-selected-amount{background:#fff7ef;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px;padding:14px;display:flex}.agent-topup-selected-amount>div{gap:3px;display:grid}.agent-topup-selected-amount span{color:var(--mp-muted);font-size:11px}.agent-topup-selected-amount strong{font-variant-numeric:tabular-nums;font-size:20px}.mp.agent-app .agent-topup-selected-amount .mp-button[class]{min-height:34px;padding:7px 9px;font-size:12px}.agent-topup .agent-topup-method-heading{margin-bottom:5px;font-size:16px}.agent-topup .agent-topup-method-note{margin:0 0 16px;font-size:11px}.agent-topup-methods{gap:10px;display:grid}.mp.agent-app .agent-topup-method.mp-button[class]{text-align:left;background:#fff;border-radius:12px;grid-template-columns:48px minmax(0,1fr) 17px;gap:12px;width:100%;min-height:76px;padding:12px;display:grid}.agent-topup-method:hover{border-color:var(--primary)}.agent-topup-method>span:nth-child(2){gap:4px;display:grid}.agent-topup-method strong{font-size:13px;font-weight:600}.agent-topup-method small{color:var(--mp-muted);font-size:10px;font-weight:400;line-height:1.5}.agent-topup-method>svg{color:var(--mp-muted)}.agent-topup-method-icon{width:48px;height:44px;color:var(--primary);background:#f8f6f3;border-radius:10px;justify-content:center;align-items:center;display:flex}.agent-topup-method-icon--logo{border:1px solid var(--mp-line-soft);background:#fff;padding:7px}.agent-topup-method-icon img{object-fit:contain;width:100%;height:100%;display:block}.agent-topup-transaction-heading{border-bottom:1px solid var(--mp-line-soft);align-items:center;gap:10px;padding-bottom:17px;display:flex}.agent-topup .agent-topup-transaction-heading h2{margin:0;font-size:14px;line-height:1.5}.agent-topup-status-icon{border-radius:10px;flex-basis:36px;width:36px;height:36px}.agent-topup-amount-summary{justify-items:start;gap:8px;padding:20px 0 15px;display:grid}.agent-topup-amount-summary>span:first-child{color:var(--mp-muted);font-size:11px}.agent-topup-amount-summary>strong{letter-spacing:-.7px;font-variant-numeric:tabular-nums;font-size:28px;line-height:1.2}.agent-topup-amount-summary .mp-badge{border-radius:6px;padding:4px 9px;font-size:10px}.agent-topup .agent-topup-sandbox{color:var(--primary);margin:0 0 10px;font-size:10px}.agent-topup-details{gap:10px;padding-bottom:16px;display:grid}.agent-topup-details>div{justify-content:space-between;align-items:start;gap:16px;font-size:11px;display:flex}.agent-topup-details>div>span{color:var(--mp-muted);flex-shrink:0}.agent-topup-details strong{text-align:right;font-weight:500}.agent-topup-details code{color:var(--mp-muted);overflow-wrap:anywhere;text-align:right;font-family:inherit;font-size:10px}.agent-topup .agent-topup-status-note{color:#77511d;background:#fff7e8;border-radius:10px;margin:0 0 15px;padding:12px;font-size:12px}.agent-topup-transaction .mp-alert{margin-bottom:14px}.agent-topup-instructions{border-top:1px solid var(--mp-line-soft);outline-offset:4px;padding-top:16px;scroll-margin-top:72px}.agent-topup-instructions h3{margin:0;font-size:14px}.agent-topup-qr{text-align:center;justify-items:center;gap:8px;display:grid}.agent-topup-qr>.agent-topup-method-icon{width:64px;height:34px;padding:7px 9px}.agent-topup .agent-topup-qr p{margin:0;font-size:11px}.agent-topup-qr-code{border:1px solid var(--mp-line);background:#fff;border-radius:14px;width:min(100%,264px);margin:5px 0 14px;padding:10px}.agent-topup-qr-code>img,.agent-topup-qr-code>svg{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.agent-topup-va-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.agent-topup-va-heading .agent-topup-method-icon{flex-shrink:0}.agent-topup .agent-topup-va-heading p{margin:3px 0 0;font-size:11px}.agent-topup-va-number{background:#fffaf5;border:1px solid #ead9c7;border-radius:12px;justify-items:start;gap:9px;padding:15px;display:grid}.agent-topup-va-number>span{color:var(--mp-muted);font-size:11px}.agent-topup-va-number>strong{letter-spacing:.4px;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;max-width:100%;font-size:clamp(18px,5.2vw,24px);line-height:1.4}.mp.agent-app .agent-topup-copy.mp-button[class]{min-height:34px;padding:6px 11px;font-size:11px}.agent-topup-copy-note{color:var(--mp-muted);font-size:10px}.agent-topup-payment-total{border-top:1px solid var(--mp-line-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:14px 0;font-size:12px;display:flex}.agent-topup-payment-total strong{color:var(--primary);font-variant-numeric:tabular-nums;font-size:16px}.agent-topup-expiry{color:#936019;background:#fff8ec;border-radius:10px;align-items:flex-start;gap:9px;margin:2px 0 17px;padding:12px;display:flex}.agent-topup-expiry>svg{flex-shrink:0;margin-top:2px}.agent-topup-expiry>div{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;width:100%;font-size:10px;display:grid}.agent-topup-expiry strong{font-variant-numeric:tabular-nums;font-size:13px}.agent-topup-expiry small{color:var(--mp-muted);grid-column:1/-1;font-size:10px}.agent-topup-actions{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.mp.agent-app .agent-topup-actions>.mp-button[class]{white-space:normal;width:100%;min-height:44px;padding-inline:10px;font-size:12px}.mp.agent-app .agent-topup-check.mp-button[class]{width:100%;color:var(--mp-muted);min-height:36px;margin-top:10px;font-size:11px}.agent-topup-transaction--success .agent-topup-status-icon{color:#28744d;background:#e8f6ee}.agent-topup-transaction--ended .agent-topup-status-icon{color:#82756b;background:#f4f2ef}.agent-topup-result{color:#28744d;text-align:center;justify-items:center;gap:10px;padding:15px 8px 22px;font-size:13px;display:grid}.agent-topup-manual-bank{border:1px solid var(--mp-line);border-radius:12px;align-items:center;gap:11px;margin:0 0 16px;padding:14px;display:flex}.agent-topup-manual-bank>div{flex:1;gap:4px;display:grid}.agent-topup-manual-bank span{color:var(--mp-muted);font-size:11px}.agent-topup-manual-bank strong{font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;font-size:20px}.agent-topup .agent-topup-manual .agent-form>label{gap:8px}.agent-topup .agent-topup-manual input[type=file]{padding:7px;font-size:12px}.agent-topup-manual input[type=file]::file-selector-button{color:var(--primary);font:inherit;background:#fff3e6;border:0;border-radius:7px;margin-right:8px;padding:8px}.agent-topup-history{gap:10px;padding-top:5px;display:grid}.agent-topup .agent-topup-history h2{align-items:center;gap:7px;margin:0 0 2px;font-size:13px;display:flex}.agent-topup .mp-empty{padding:20px 14px}.agent-topup .mp-empty>svg{width:20px;height:20px}.agent-topup .mp-empty h3{font-size:12px;font-weight:500}@media (width<=350px){.mp.agent-app .agent-topup .mp-card{padding:14px}.agent-topup-details>div{gap:10px}.agent-topup-expiry>div{grid-template-columns:1fr}}@media (width>=481px){.agent-topup-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-topup-actions>.mp-button:first-child:last-child{grid-column:1/-1}}