.topup-main{min-height:calc(100vh - 210px);padding:54px 0 76px;background:radial-gradient(circle at 85% 2%,#dbfff1 0,transparent 34%),#f5faf7;color:#123f3c}
.topup-shell{max-width:1120px}
.topup-intro{margin:0 0 30px}.topup-kicker{display:inline-flex;align-items:center;gap:8px;color:#087d74;font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.topup-kicker:before{content:'';width:8px;height:8px;border-radius:50%;background:#0bc2b4;box-shadow:0 0 0 4px #c9f7e9}.topup-intro h1{font-size:clamp(2.3rem,4.5vw,3.8rem);line-height:1.07;letter-spacing:-.045em;margin:9px 0 8px;color:#0b4541}.topup-intro p{font-size:1rem;color:#50736e;margin:0;max-width:620px}
.topup-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.72fr);align-items:start;gap:22px}
.topup-card{background:#fff;border:1px solid #d9ebe3;border-radius:22px;padding:clamp(20px,3vw,34px);box-shadow:0 15px 45px #0d62540d;color:#123f3c}.topup-card-heading{display:flex;gap:14px;align-items:start;margin-bottom:19px}.topup-step-number{flex:none;width:32px;height:32px;border-radius:10px;background:#dcf8ea;color:#07867d;display:grid;place-items:center;font-weight:900}.topup-card h2{font-size:1.25rem;letter-spacing:-.025em;margin:1px 0 3px;color:#123f3c}.topup-card-heading p{font-size:.85rem;color:#6b8580;margin:0;line-height:1.4}.topup-card label{display:block;font-weight:800;margin:0 0 8px;color:#184844}.topup-card small{display:block;color:#66807a;font-size:.77rem;line-height:1.45}.topup-card input{font:inherit;min-width:0;width:100%;border:1px solid #c7dcd4;border-radius:11px;padding:12px 14px;background:#fff;color:#123f3c;margin:0}.topup-card input:focus{outline:2px solid #0db9aa;outline-offset:1px}.topup-phone-row{display:flex;gap:10px}.topup-phone{display:flex;align-items:center;gap:10px;min-width:0;flex:1;border:1px solid #bfd8d0;background:#f8fcfa;padding:0 14px;border-radius:11px}.topup-phone strong{white-space:nowrap}.topup-phone input{border:0;background:transparent;padding:12px 0}.topup-phone input:focus{outline:0}.topup-phone:focus-within{outline:2px solid #0db9aa;outline-offset:1px}.topup-secondary,.topup-primary{font:inherit;font-weight:850;border:0;border-radius:11px;padding:12px 18px;min-height:50px;display:flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap;cursor:pointer}.topup-secondary{background:#0bb9ac;color:white;min-width:120px}.topup-primary{background:#b6ff27;color:#16473c;min-width:200px}.topup-secondary:hover,.topup-primary:hover{filter:brightness(.97);transform:translateY(-1px)}.topup-secondary:disabled,.topup-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.topup-phone-row+small{margin:8px 0 0}#verify-message{font-weight:750;font-size:.86rem;color:#0b8279;min-height:1.4em;margin:10px 0 0}#verify-message:empty{display:none}#verify-message[data-state="verified"]{background:#e5f8ec;border:1px solid #9fdec1;border-radius:10px;padding:10px 12px;color:#126947}
.topup-next{border-top:1px solid #e5efea;margin-top:23px;padding-top:23px}.topup-next[aria-disabled="true"]{opacity:.68}.topup-next .topup-card-heading{margin-bottom:15px}.topup-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 22px}.topup-amounts button{font:800 1.03rem Outfit,system-ui,sans-serif;background:#f5faf7;border:1px solid #cce2d8;border-radius:11px;padding:13px 6px;cursor:pointer;color:#164b45}.topup-amounts button:hover:not(:disabled){border-color:#0db9aa}.topup-amounts button.selected{background:#e5ffe4;border:2px solid #0bb9ac;padding:12px 5px}.topup-amounts button:disabled{cursor:not-allowed}.topup-amounts button:focus-visible{outline:2px solid #087e75;outline-offset:2px}.topup-payment{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;border-top:1px solid #e5efea;padding-top:20px}.topup-payment>div{display:grid;gap:2px}.topup-payment strong{font:800 1.65rem Outfit,system-ui,sans-serif;color:#0b4943}.topup-pay-note{font-size:.77rem;line-height:1.45;margin:10px 0 0;color:#67817b}.topup-card [role="alert"]:not(:empty){margin:15px 0 0;color:#a12727;font-weight:750}
.topup-aside{border-radius:22px;background:#0a5953;color:#fff;padding:26px;box-shadow:0 15px 45px #0d625416}.topup-aside-top{display:flex;align-items:center;gap:12px;font-weight:850;font-size:1rem}.topup-aside-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#b6ff27;color:#134a41;font-size:1.4rem}.topup-aside ol{list-style:none;padding:0;margin:24px 0;counter-reset:topup}.topup-aside li{counter-increment:topup;position:relative;padding:0 0 19px 41px;margin:0 0 18px;border-bottom:1px solid #ffffff29}.topup-aside li:last-child{margin:0;padding-bottom:0;border:0}.topup-aside li:before{content:counter(topup,decimal-leading-zero);position:absolute;left:0;top:1px;color:#b8ff61;font-weight:850;font-size:.8rem}.topup-aside li strong,.topup-aside li span{display:block}.topup-aside li strong{font-size:.91rem}.topup-aside li span{font-size:.79rem;color:#cae8df;margin-top:4px;line-height:1.45}.topup-aside>p{margin:0;border-radius:12px;background:#ffffff15;color:#e2f7f0;padding:14px;font-size:.78rem;line-height:1.5}
.topup-hero.topup-status-page{padding:clamp(32px,5vw,66px) 0;min-height:calc(100vh - 210px);background:radial-gradient(circle at 92% 0,#dcfff0,transparent 34%),#f5faf7;color:#123f3c}
.topup-status-wrap{max-width:780px}.topup-status-wrap h1{font-size:clamp(2rem,3.6vw,3rem);line-height:1.08;letter-spacing:-.035em;color:#0b4541;margin:10px 0 8px}.topup-status-intro{color:#56736d;margin:0 0 22px;line-height:1.5}.topup-status-card{border-color:#c8e8d9;box-shadow:0 18px 48px #0d625416}.topup-status-lead{display:flex;align-items:center;gap:15px;margin-bottom:18px}.topup-status-mark{flex:none;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#e1f8ed;color:#087e74;font-size:1.65rem;font-weight:900}.topup-status-mark:before{content:'↗'}.topup-status-card[data-state="succeeded"] .topup-status-mark{background:#b9ff52;color:#155348}.topup-status-card[data-state="succeeded"] .topup-status-mark:before{content:'✓'}.topup-status-card[data-state="needs_review"] .topup-status-mark,.topup-status-card[data-state="unsuccessful"] .topup-status-mark,.topup-status-card[data-state="payment_failed"] .topup-status-mark{background:#fff1d8;color:#9b5c0a}.topup-status-card[data-state="needs_review"] .topup-status-mark:before,.topup-status-card[data-state="unsuccessful"] .topup-status-mark:before,.topup-status-card[data-state="payment_failed"] .topup-status-mark:before{content:'!'}.topup-status-card h2{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.12;margin:3px 0 0}.topup-card-label{font-size:.7rem;letter-spacing:.12em;font-weight:850;color:#0a8f83}
.topup-progress{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:18px 0;margin:0 0 19px;border-top:1px solid #e5efea;border-bottom:1px solid #e5efea}.topup-progress li{display:flex;align-items:center;gap:9px;min-width:0;min-height:58px;padding:10px;border-radius:12px;background:#f4f8f5;color:#72847e}.topup-progress li span{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#e5eee8;font-size:.78rem;font-weight:900}.topup-progress li strong{font-size:.78rem;line-height:1.24}.topup-progress li.is-done{background:#e6faeb;color:#145e4d}.topup-progress li.is-done span{background:#b9ff52;color:#145e4d}.topup-progress li.is-current{background:#e5f8f4;color:#087b72}.topup-progress li.is-current span{background:#0bb9ac;color:#fff}.topup-progress li.is-attention{background:#fff2da;color:#81500e}.topup-progress li.is-attention span{background:#ffc96e;color:#684109}
.topup-status-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.topup-status-facts div{display:grid;gap:4px;min-width:0;background:#f6faf8;border-radius:11px;padding:12px}.topup-status-facts small{font-size:.72rem}.topup-status-facts strong{font-size:.88rem;overflow-wrap:anywhere}.topup-status-card #topup-status-note{font-size:.88rem;line-height:1.5;color:#55736d;margin:0 0 15px}.topup-status-card a{display:inline-flex;align-items:center;background:#e2f8ed;color:#047e77;text-decoration:none;padding:12px 15px;border-radius:10px;font-weight:800}.topup-status-card #topup-support[hidden]{display:none}
@media(max-width:820px){.topup-main{padding:31px 0 55px}.topup-layout{grid-template-columns:1fr}.topup-aside{display:none}.topup-intro{margin-bottom:19px}.topup-intro h1{font-size:clamp(2rem,7vw,2.8rem)}.topup-intro p{font-size:.92rem}.topup-status-facts{grid-template-columns:1fr}.topup-status-facts div{display:flex;justify-content:space-between;gap:12px}}
@media(max-width:520px){.topup-page .topup-shell{width:calc(100% - 28px)}.topup-main{padding-top:23px}.topup-intro h1{font-size:2.1rem}.topup-card{padding:20px 16px;border-radius:18px}.topup-phone-row{gap:8px}.topup-phone{padding:0 9px;gap:7px}.topup-phone input{font-size:.95rem}.topup-secondary{min-width:100px;padding:10px}.topup-amounts{gap:7px}.topup-amounts button{font-size:.96rem;padding:11px 4px}.topup-payment{align-items:stretch;flex-direction:column}.topup-primary{width:100%}}
@media(prefers-reduced-motion:reduce){.topup-secondary:hover,.topup-primary:hover{transform:none}}
.topup-admin-controls{display:flex;gap:.65rem;flex-wrap:wrap}.topup-admin-controls select,.topup-admin-controls input,.topup-admin-controls button,.topup-admin-pages button{font:inherit;padding:.7rem;border:1px solid #b9d8d1;border-radius:9px}.topup-admin-controls input{flex:1;min-width:220px}.topup-admin-table-wrap{overflow:auto}.topup-admin-table{width:100%;border-collapse:collapse;min-width:760px}.topup-admin-table th,.topup-admin-table td{text-align:left;padding:.9rem .65rem;border-bottom:1px solid #dcece8}.topup-admin-table td small{display:block;color:#57736d;margin-top:2px}.topup-admin-table button{background:none;border:0;color:#078f86;font:inherit;font-weight:800;cursor:pointer}.topup-badge{display:inline-block;padding:.3rem .6rem;background:#e4f7f0;border-radius:99px;font-size:.8rem;font-weight:800;text-transform:capitalize}.topup-admin-pages{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:1rem}.topup-admin-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.topup-admin-facts div{display:grid;padding:1rem;background:#eff9f5;border-radius:10px;overflow-wrap:anywhere}.topup-admin-facts small{color:#57736d}.topup-admin-facts strong{font-size:.92rem}.admin-card #topup-resolve{display:grid;gap:.8rem;margin-top:1.5rem}.admin-card #topup-resolve label{display:grid;gap:.4rem;font-weight:700}.admin-card #topup-resolve input,.admin-card #topup-resolve select,.admin-card #topup-resolve textarea{font:inherit;padding:.7rem;border:1px solid #bddbd3;border-radius:9px}@media(max-width:650px){.topup-admin-facts{grid-template-columns:1fr}.topup-admin-pages{font-size:.8rem}}
/* Top-up availability notice */
.topup-maintenance-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:#093d3db8;backdrop-filter:blur(5px)}
.topup-maintenance{width:min(100%,520px);background:#fff;color:#174841;border:1px solid #b8e5d4;border-radius:24px;padding:clamp(22px,4vw,38px);box-shadow:0 30px 90px #092e3155}
.topup-maintenance h2{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.1;margin:16px 0 10px;color:#0d4943}.topup-maintenance p{line-height:1.55;color:#526f69}.topup-maintenance>div{display:grid;gap:3px;background:#eefbf5;border-radius:12px;padding:14px;margin:20px 0}.topup-maintenance small{color:#607b73}.topup-maintenance strong{font-size:1.1rem}.topup-maintenance a{display:inline-block;background:#b6ff27;color:#12493c;border-radius:10px;padding:12px 17px;font-weight:800;text-decoration:none}
/* Top-up operations */
.topup-admin-hero{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.topup-admin-hero small,.topup-section-head small{font-size:.72rem;font-weight:900;letter-spacing:.12em;color:#0a8d83}.topup-admin-hero h1{font-size:clamp(2rem,4vw,3rem);margin:4px 0;line-height:1.1}.topup-admin-hero p{color:#5b756e;margin:0}.topup-admin-hero button,.topup-control-row button,.topup-ops-card form button,.topup-seo-card form button,.topup-detail-card form button{border:0;border-radius:10px;background:#0b7f75;color:#fff;font-family:inherit;font-weight:800;font-size:.9rem;padding:11px 15px;cursor:pointer}.topup-admin-hero button{background:#e2f5ec;color:#086e66;white-space:nowrap}
.topup-admin-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 18px}.topup-admin-metrics>div{background:#fff;border:1px solid #d6e9e2;border-radius:15px;padding:16px;display:grid;gap:4px}.topup-admin-metrics small{color:#607a74;font-weight:700}.topup-admin-metrics strong{font-size:1.75rem;color:#0b5a52;line-height:1}
.topup-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.topup-admin-grid .admin-card{margin:0;min-width:0}.topup-section-head{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:15px}.topup-section-head h2{margin:3px 0 0;font-size:1.4rem}.topup-section-head p{margin:6px 0 0}.topup-section-head>a{color:#087e75;font-weight:800;text-decoration:none}.topup-service-pill{border-radius:99px;padding:6px 11px;font-size:.75rem;font-weight:900;white-space:nowrap}.topup-service-pill.is-live{background:#d6f8df;color:#116342}.topup-service-pill.is-paused{background:#fff0d7;color:#8d580a}.topup-service-pill.is-private{background:#e6f1ee;color:#4c6a64}.topup-ops-summary,.topup-seo-card>p{font-size:.9rem;color:#526d67;line-height:1.48}.topup-checks{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.topup-check{font-size:.72rem;font-weight:800;border-radius:99px;padding:6px 9px}.topup-check.is-ok{background:#e4faea;color:#186548}.topup-check.is-missing{background:#fff0d9;color:#8b570e}.topup-worker-line{font-size:.87rem;padding:11px 0;border-top:1px solid #e4efea}.topup-worker-line span{display:block;color:#a65720;margin-top:4px;overflow-wrap:anywhere}.topup-incident-note{font-size:.82rem;color:#59756d;background:#f0f8f4;padding:10px 12px;border-radius:10px}.topup-control-row{display:flex;flex-wrap:wrap;gap:8px}.topup-control-row button:disabled{opacity:.5;cursor:not-allowed}.topup-control-row #topup-open{background:#b6ff27;color:#164b40}.topup-ops-card form,.topup-seo-card form{display:grid;gap:9px;margin-top:19px}.topup-ops-card form{border-top:1px solid #e4efea;padding-top:17px}.topup-ops-card form label,.topup-seo-card form label{font-size:.85rem;font-weight:800;color:#174740}.topup-ops-card form label span{font-weight:500;color:#617a74}.topup-ops-card form small{font-size:.75rem;color:#69827b}.topup-ops-card input,.topup-seo-card input,.topup-seo-card textarea,.topup-detail-card input,.topup-detail-card select,.topup-detail-card textarea{font:inherit;width:100%;box-sizing:border-box;border:1px solid #bbd9ce;border-radius:9px;padding:10px;background:#fff;color:#153f3a}.topup-seo-card form label{display:grid;gap:5px}.topup-seo-card textarea{min-height:70px;resize:vertical}.topup-ops-card form button{background:#9c6413}.topup-ops-card [role=alert],.topup-seo-card [role=alert]{color:#aa472b;margin:4px 0 0;font-weight:700}
.topup-orders-card{margin-top:18px}.topup-admin-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.topup-admin-filters button{border:1px solid #c5e3d5;background:#f5faf7;color:#33675d;padding:8px 12px;border-radius:99px;font-family:inherit;font-weight:800;font-size:.78rem;cursor:pointer}.topup-admin-filters button.selected{background:#087f75;color:#fff;border-color:#087f75}.topup-admin-controls{margin-bottom:12px}.topup-admin-controls button{background:#e5f7ee;color:#066f66;font-weight:800}.topup-admin-table th{color:#5c7770;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.topup-admin-table td{vertical-align:middle;font-size:.86rem}.topup-admin-table td strong{font-size:.85rem}.topup-admin-table td button{text-align:left}.topup-badge{white-space:nowrap}.topup-badge.state-needs_review,.topup-badge.state-unsuccessful{background:#fff0d8;color:#925a0d}.topup-badge.state-succeeded{background:#e1f8e7;color:#136846}.topup-badge.state-queued,.topup-badge.state-reloading{background:#ddf5f3;color:#087e75}.topup-admin-pages button:disabled{opacity:.4}
.topup-detail-card{margin-top:18px}.topup-detail-card .topup-section-head button{background:#e5f5ee;border:0;border-radius:9px;color:#0b776d;padding:9px 12px;cursor:pointer}.topup-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.topup-detail-grid>div{background:#f5faf7;border-radius:10px;padding:12px;display:grid;gap:3px;min-width:0}.topup-detail-grid small{color:#668078}.topup-detail-grid strong{overflow-wrap:anywhere;font-size:.86rem}.topup-detail-history{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.topup-detail-history h3{margin:0 0 9px}.topup-detail-history p{background:#f8fbf9;border-left:3px solid #a4e4d3;padding:9px;font-size:.82rem;line-height:1.4;overflow-wrap:anywhere}.topup-detail-history span{color:#92522a}.topup-detail-card #topup-resolve{max-width:600px}.topup-audit-card{margin-top:18px}.topup-audit-card h2{margin-top:0}.topup-audit-card ul{list-style:none;padding:0;margin:0}.topup-audit-card li{display:flex;gap:14px;padding:9px 0;border-top:1px solid #e5f0ea;font-size:.83rem}.topup-audit-card li strong{min-width:110px;text-transform:capitalize}.topup-audit-card li span{flex:1;color:#5c756d}.topup-audit-card time{color:#6f837d;white-space:nowrap}
@media(max-width:1000px){.topup-admin-grid{grid-template-columns:1fr}.topup-admin-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.topup-admin-hero{align-items:start}.topup-admin-hero p{font-size:.84rem}.topup-admin-metrics{grid-template-columns:repeat(2,1fr)}.topup-detail-grid,.topup-detail-history{grid-template-columns:1fr}.topup-audit-card li{display:grid;gap:3px}.topup-audit-card time{white-space:normal}.topup-maintenance{max-height:calc(100vh - 36px);overflow:auto}}
.topup-card .topup-terms{display:flex;align-items:flex-start;gap:9px;font-size:.8rem;font-weight:500;line-height:1.45;margin:13px 0 0;color:#55726a}.topup-card .topup-terms input{flex:none;width:18px;height:18px;min-width:18px;margin:1px 0 0;padding:0;accent-color:#0a998c}.topup-terms a{color:#057e74;font-weight:800;text-decoration:underline}