.mpesa-payment-page{background:radial-gradient(70% 90% at 86% 10%, #3db84621, transparent 62%), linear-gradient(155deg, var(--midnight) 0%, #0a1728 62%, #0c1b2f 100%)}.mpesa-eyebrow{color:#67d66f;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;font:700 .72rem/1 Manrope,sans-serif;display:block}.mpesa-mode{color:#168326}.mpesa-mode i{background:#39b54a;box-shadow:0 0 0 4px #39b54a24}.mpesa-form{gap:19px}.mpesa-field{display:grid}.mpesa-field small{color:var(--slate);margin-top:7px;font-size:.68rem;line-height:1.45}.mpesa-real-number-warning{color:#b45309;font-weight:600}.mpesa-button{background:#168326;border-color:#168326}.mpesa-button:hover{background:#116b1e;border-color:#116b1e}.mpesa-setup-notice{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.mpesa-outside-error{margin-bottom:0}.mpesa-status{text-align:center;justify-items:center;padding-top:24px;display:grid}.mpesa-status-icon{border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:15px;display:grid}.mpesa-status-icon.is-pending{background:#1767ee1a;box-shadow:inset 0 0 0 1px #1767ee38}.mpesa-status-icon.is-pending span{border:2px solid #1767ee;border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite payment-spin}.mpesa-status-icon.is-paid{color:#168326;background:#ecfdf3;box-shadow:inset 0 0 0 1px #bbf7d0}.mpesa-status-icon.is-failed{color:#b91c1c;background:#fef2f2;font:700 1.2rem/1 Manrope,sans-serif;box-shadow:inset 0 0 0 1px #fecaca}.mpesa-status h2{color:var(--midnight);margin:0 0 9px;font:700 1.35rem/1.2 Manrope,sans-serif}.mpesa-status>p{color:var(--slate);margin:0;font-size:.76rem;line-height:1.55}.mpesa-receipt{border:1px solid var(--line);text-align:left;border-radius:8px;width:100%;margin:22px 0 0}.mpesa-receipt div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:11px 12px;display:flex}.mpesa-receipt div:last-child{border-bottom:0}.mpesa-receipt dt{color:var(--slate);font-size:.7rem}.mpesa-receipt dd{color:var(--midnight);text-align:right;text-transform:capitalize;margin:0;font:600 .7rem/1.4 Manrope,sans-serif}.mpesa-waiting{color:var(--slate);margin-top:16px;font-size:.68rem}.mpesa-secondary-button{color:var(--midnight);background:var(--white);border-color:#cbd5e1}.mpesa-secondary-button:hover{background:#f8fafc;border-color:#94a3b8}@media (max-width:520px){.mpesa-eyebrow{margin-bottom:14px}.mpesa-form{gap:17px}}