.bills-dialog{width:min(720px,calc(100vw - 32px));padding:0;border:1px solid #dfe7f0;border-radius:22px;background:#fff;color:#17243b;box-shadow:0 30px 100px #061c2a55;overflow:hidden}.bills-dialog::backdrop{background:#0c172c99;backdrop-filter:blur(4px)}.bills-header{display:flex;justify-content:space-between;gap:22px;padding:28px 32px 24px;background:linear-gradient(115deg,#f0faf8,#f4f6ff);border-bottom:1px solid #e5ecea}.bills-eyebrow{display:block;color:#138078;font-size:10px;font-weight:850;letter-spacing:1.6px;margin-bottom:8px}.bills-header h2{margin:0;color:#17243b;font-size:27px;letter-spacing:-.6px}.bills-header p{margin:7px 0 0;color:#7185a0;font-size:14px}.bills-header button{align-self:flex-start;border:0;background:transparent;color:#7a8c9e;font-size:31px;line-height:1;cursor:pointer;padding:1px 7px;border-radius:8px}.bills-header button:hover{background:#e6eff2}.bills-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px 32px 32px}.bill-option{display:flex;align-items:center;gap:12px;min-height:88px;padding:14px;border:1px solid #dde6ee;border-radius:14px;background:#fff;color:#17243b;text-align:left;font:inherit;cursor:pointer;transition:.18s ease}.bill-option:hover{border-color:#179887;background:#f3fcf9;box-shadow:0 8px 20px #163b3410;transform:translateY(-1px)}.bill-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;font-size:22px}.electricity{background:#fff6d8;color:#d29a00}.airtime{background:#e9efff;color:#376ced}.data{background:#e5f8ef;color:#139164}.cable{background:#f1ebff;color:#8057d8}.internet{background:#e5f8fb;color:#16839b}.education{background:#fff0ea;color:#ce6b48}.bill-option span:nth-child(2){min-width:0;display:grid;gap:4px}.bill-option strong{font-size:14px}.bill-option small{color:#7b8ca2;font-size:11px;line-height:1.35}.bill-option>b{margin-left:auto;color:#6b7f99;font-size:17px}@media(max-width:560px){.bills-header{padding:23px 22px 19px}.bills-header h2{font-size:23px}.bills-body{grid-template-columns:1fr;padding:18px 22px 24px;gap:9px}.bill-option{min-height:76px}}
.bill-checkout{padding:20px 32px 30px}.bills-back{border:0;background:transparent;padding:0;color:#2d6dd6;font:700 13px/1.4 inherit;cursor:pointer}.bill-checkout-heading{display:flex;align-items:center;gap:12px;margin:18px 0}.bill-checkout-heading .bill-icon{background:#eaf1ff;color:#3569dc}.bill-checkout-heading h3{margin:0;font-size:20px}.bill-checkout-heading p{margin:3px 0 0;color:#7486a0;font-size:12px}.bill-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.bill-fields label{display:grid;gap:6px;font-size:12px;font-weight:750;color:#324461}.bill-fields input,.bill-fields select{min-width:0;padding:10px 11px;border:1px solid #d8e3ed;border-radius:9px;background:#fff;color:#17243b;font:inherit;font-size:13px}.bill-fields input:focus,.bill-fields select:focus{outline:2px solid #a7d8d0;border-color:#249c8c}.bill-checkout-note{margin:17px 0;color:#7486a0;font-size:12px;line-height:1.5}.bill-checkout-actions{display:flex;justify-content:flex-end;gap:10px}.bill-checkout-actions .btn{padding:10px 16px}@media(max-width:560px){.bill-checkout{padding:18px 22px 24px}.bill-fields{grid-template-columns:1fr}}
.bills-dialog [hidden]{display:none!important}