@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.pi-page{--pi-primary:#4f46e5;--pi-primary-dark:#4338ca;--pi-primary-soft:#eef2ff;--pi-success:#16a34a;--pi-success-soft:#ecfdf5;--pi-danger:#dc2626;--pi-danger-soft:#fef2f2;--pi-warning:#d97706;--pi-ink:#1f2937;--pi-ink-soft:#6b7280;--pi-border:#e5e7eb;--pi-bg-soft:#f8f9fc;--pi-surface:#fff;--pi-mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;color:var(--pi-ink);margin:0 auto;max-width:1180px;padding:40px 24px 48px}@media (max-width:640px){.pi-page{padding:40px 14px 32px}}.pi-mono{font-family:var(--pi-mono)}.pi-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.pi-eyebrow{color:var(--pi-primary);display:block;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.pi-title{color:var(--pi-ink);font-size:26px;font-weight:800;letter-spacing:-.01em;margin:0}.pi-header-right{align-items:center;color:var(--pi-ink-soft);display:flex;font-size:13px;font-weight:500;gap:8px}.pi-spinner{animation:pi-spin .7s linear infinite;border:2px solid var(--pi-primary-soft);border-radius:50%;border-top-color:var(--pi-primary);display:inline-block;height:14px;width:14px}@keyframes pi-spin{to{transform:rotate(1turn)}}.pi-alert{border-radius:10px;font-size:13px;margin-bottom:16px;padding:10px 14px}.pi-alert-error{background:var(--pi-danger-soft);border:1px solid #dc262633;color:var(--pi-danger)}.pi-plan-rail-empty{background:var(--pi-surface);border:1px dashed var(--pi-border);border-radius:12px;color:var(--pi-ink-soft);font-size:13px;margin-bottom:18px;padding:20px;text-align:center}.pi-plan-rail{display:flex;gap:10px;margin-bottom:18px;overflow-x:auto;padding-bottom:6px}.pi-plan-chip{align-items:center;background:var(--pi-surface);border:1px solid var(--pi-border);border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;gap:10px;padding:10px 16px;transition:border-color .15s ease,background .15s ease}.pi-plan-chip:hover{border-color:var(--pi-primary)}.pi-plan-chip[data-active=true]{background:var(--pi-primary);border-color:var(--pi-primary)}.pi-plan-chip-id{background:var(--pi-primary-soft);border-radius:6px;color:var(--pi-primary);font-family:var(--pi-mono);font-size:11px;font-weight:700;padding:2px 6px}.pi-plan-chip[data-active=true] .pi-plan-chip-id{background:#fff3;color:#fff}.pi-plan-chip-name{color:var(--pi-ink);font-size:13px;font-weight:600;white-space:nowrap}.pi-plan-chip[data-active=true] .pi-plan-chip-name{color:#fff}.pi-plan-chip-price{color:var(--pi-ink-soft);font-size:12px;font-weight:600}.pi-plan-chip[data-active=true] .pi-plan-chip-price{color:#ffffffd9}.pi-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:18px}@media (max-width:700px){.pi-stats{grid-template-columns:1fr}}.pi-stat-card{background:var(--pi-surface);border:1px solid var(--pi-border);border-radius:12px;padding:16px}.pi-stat-label{color:var(--pi-ink-soft);font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.pi-stat-value{color:var(--pi-ink);font-size:19px;font-weight:700}.pi-status-row{align-items:center;display:flex;gap:8px}.pi-live-dot{background:var(--pi-success);border-radius:50%;box-shadow:0 0 0 4px var(--pi-success-soft);flex-shrink:0;height:9px;width:9px}.pi-card{background:var(--pi-surface);border:1px solid var(--pi-border);border-radius:14px;margin-bottom:18px;overflow:hidden}.pi-card-header{align-items:baseline;border-bottom:1px solid var(--pi-border);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:16px 20px}.pi-card-header h2{color:var(--pi-ink);font-size:16px;font-weight:700;margin:0}.pi-card-header-sub{color:var(--pi-ink-soft);font-size:12px;font-weight:500}.pi-table-wrap{overflow-x:auto}.pi-table{border-collapse:collapse;font-size:13px;width:100%}.pi-table thead th{background:var(--pi-bg-soft);color:var(--pi-ink-soft);font-size:11px;font-weight:700;letter-spacing:.03em;padding:10px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.pi-table tbody td,.pi-table thead th{border-bottom:1px solid var(--pi-border)}.pi-table tbody td{padding:12px 16px;vertical-align:middle}.pi-table tbody tr:last-child td{border-bottom:none}.pi-table tbody tr:hover{background:var(--pi-bg-soft)}.pi-num{font-family:var(--pi-mono);text-align:right}.pi-num-off{color:var(--pi-border)}.pi-empty-row td{color:var(--pi-ink-soft);padding:32px 16px!important;text-align:center}.pi-row-actions{display:flex;gap:8px;justify-content:flex-end}.pi-icon-btn{background:var(--pi-surface);border:1px solid var(--pi-border);border-radius:7px;color:var(--pi-ink);cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:border-color .15s ease,color .15s ease}.pi-icon-btn:hover{border-color:var(--pi-primary);color:var(--pi-primary)}.pi-icon-btn-danger:hover{border-color:var(--pi-danger);color:var(--pi-danger)}.pi-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;padding:3px 10px}.pi-badge-on{background:var(--pi-success-soft);color:var(--pi-success)}.pi-badge-off{background:var(--pi-bg-soft)}.pi-badge-off,.pi-notes{color:var(--pi-ink-soft)}.pi-notes{display:flex;flex-wrap:wrap;font-size:12px;gap:8px 20px;padding:4px 4px 24px}.pi-notes span{padding-left:14px;position:relative}.pi-notes span:before{background:var(--pi-primary);border-radius:50%;content:"";height:5px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}.pi-admin{border-top:2px dashed var(--pi-border);padding-top:24px}.pi-admin-eyebrow{color:var(--pi-primary);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.pi-admin-tabs{background:var(--pi-bg-soft);border-radius:10px;display:inline-flex;gap:4px;margin-bottom:16px;padding:4px}.pi-admin-tab{background:#0000;border:none;border-radius:7px;color:var(--pi-ink-soft);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .15s ease,color .15s ease}.pi-admin-tab[data-active=true]{background:var(--pi-surface);box-shadow:0 1px 2px #11182714;color:var(--pi-primary)}.pi-form{grid-gap:14px;align-items:end;border-bottom:1px solid var(--pi-border);display:grid;gap:14px;grid-template-columns:repeat(12,1fr);padding:18px 20px}@media (max-width:900px){.pi-form{grid-template-columns:repeat(6,1fr)}.pi-form .pi-field{grid-column:span 6!important}}.pi-field{display:flex;flex-direction:column;gap:6px;grid-column:span 2}.pi-field label{color:var(--pi-ink-soft);font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.pi-input,.pi-select{background:var(--pi-surface);border:1px solid var(--pi-border);border-radius:8px;color:var(--pi-ink);font-size:13px;padding:9px 11px;width:100%}.pi-input:focus,.pi-select:focus{border-color:var(--pi-primary);box-shadow:0 0 0 3px var(--pi-primary-soft);outline:none}.pi-input:disabled{background:var(--pi-bg-soft);color:var(--pi-ink-soft)}.pi-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;padding:9px 16px;transition:background .15s ease;white-space:nowrap;width:100%}.pi-btn-primary{background:var(--pi-primary);color:#fff}.pi-btn-primary:hover:not(:disabled){background:var(--pi-primary-dark)}.pi-btn-primary:disabled{cursor:not-allowed;opacity:.6}.pi-attr-grid{grid-gap:4px 16px;align-items:center;display:grid;gap:4px 16px;grid-template-columns:1fr auto 140px;padding:16px 20px 4px}.pi-attr-row{display:contents}.pi-attr-row>div{border-bottom:1px solid var(--pi-border);padding:8px 0}.pi-attr-period{color:var(--pi-ink);font-size:13px;font-weight:600;text-transform:capitalize}.pi-toggle{appearance:none;-webkit-appearance:none;background:var(--pi-border);border-radius:999px;cursor:pointer;height:20px;outline:none;position:relative;transition:background .15s ease;vertical-align:middle;width:34px}.pi-toggle:before{background:#fff;border-radius:50%;box-shadow:0 1px 2px #11182740;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .15s ease;width:16px}.pi-toggle:checked{background:var(--pi-primary)}.pi-toggle:checked:before{transform:translateX(14px)}.opay-payment-container{--opay-primary:#4f46e5;--opay-primary-dark:#4338ca;--opay-primary-soft:#eef2ff;--opay-success:#16a34a;--opay-success-soft:#ecfdf5;--opay-danger:#dc2626;--opay-danger-soft:#fef2f2;--opay-warning:#d97706;--opay-warning-soft:#fffbeb;--opay-muted:#6b7280;--opay-border:#e5e7eb;--opay-bg-soft:#f8f9fc;--opay-text:#1f2937;color:var(--opay-text);margin:0 auto;max-width:1100px;padding:40px 24px 32px}@media (max-width:640px){.opay-payment-container{padding:16px 14px 24px}}.opay-payment-header-bar,.opay-payment-left{align-items:center;display:flex}.opay-payment-home-icon{color:var(--opay-primary)}.opay-payment-breadcrumb-label{align-items:center;color:var(--opay-text);cursor:default;display:flex;font-size:20px;font-weight:700;margin:0}.opay-payment-checkbox{accent-color:var(--opay-primary);cursor:default;height:16px;margin-right:8px;pointer-events:none;width:16px}.opay-payment-success-card{background:#fff;border:1px solid var(--opay-border);border-radius:14px}.success-icon-wrapper{align-items:center;display:flex;justify-content:center}.success-icon-wrapper svg{background:var(--opay-success-soft);border-radius:50%;color:var(--opay-success);height:72px;padding:16px;width:72px}.max-width-500{max-width:500px}.opay-payment-table-card{background:#fff;border:1px solid var(--opay-border);border-radius:14px;padding:18px 20px}.opay-payment-info-row{align-items:center;border-bottom:1px solid var(--opay-border);color:var(--opay-muted);display:flex;flex-wrap:wrap;font-size:13px;gap:10px;justify-content:space-between;margin-bottom:14px;padding-bottom:14px}.opay-payment-info-row:last-child{border-bottom:none;border-top:1px solid var(--opay-border);margin-bottom:0;padding-bottom:0;padding-top:14px}.opay-payment-table{border-collapse:collapse;font-size:13px;margin-bottom:0;width:100%}.opay-payment-table thead th{background:var(--opay-bg-soft);border-bottom:1px solid var(--opay-border);color:var(--opay-muted);font-size:11px;font-weight:700;letter-spacing:.03em;padding:10px 12px;text-transform:uppercase;white-space:nowrap}.opay-payment-table tbody td{border-bottom:1px solid var(--opay-border);padding:14px 12px;vertical-align:middle}.custom-table-checkbox{pointer-events:none}.opay-total-row td{background:var(--opay-primary-soft);border-bottom:none;border-top:2px solid #c7d2fe;font-weight:700;padding-bottom:14px;padding-top:14px}.opay-pay-btn:hover{background:var(--opay-primary-dark)}.opay-pay-btn:active{transform:translateY(1px)}.opay-modal-close-btn:hover{color:var(--opay-text)}.opay-tab-content p{margin:0 0 6px}@media (max-width:640px){.opay-payment-table-card{padding:14px}.opay-payment-breadcrumb-label{font-size:17px}}.opay-history-container{--opay-primary:#4f46e5;--opay-primary-dark:#4338ca;--opay-primary-soft:#eef2ff;--opay-blue:#0891b2;--opay-blue-soft:#ecfeff;--opay-success:#16a34a;--opay-success-soft:#ecfdf5;--opay-danger:#dc2626;--opay-danger-soft:#fef2f2;--opay-warning:#d97706;--opay-warning-soft:#fffbeb;--opay-muted:#6b7280;--opay-border:#e5e7eb;--opay-bg-soft:#f8f9fc;--opay-text:#1f2937;color:var(--opay-text);padding:40px 24px 32px}@media (max-width:640px){.opay-history-container{padding:16px 14px 24px}}.opay-history-header-bar{gap:12px;justify-content:space-between}.opay-history-header-bar,.opay-history-left{align-items:center;display:flex;flex-wrap:wrap}.opay-history-home-icon{color:var(--opay-primary)}.opay-history-breadcrumb{align-items:center;display:flex;font-size:14px;list-style:none;margin:0;padding:0}.opay-history-breadcrumb-item a{color:var(--opay-muted);text-decoration:none}.opay-history-breadcrumb-item a:hover{color:var(--opay-primary)}.opay-history-breadcrumb-item{color:var(--opay-muted);font-weight:500}.opay-history-breadcrumb-item.active{color:var(--opay-text);font-weight:700}.opay-history-separator{color:var(--opay-border);margin:0 8px}.opay-history-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.opay-history-date-input{background:#fff;border:1px solid var(--opay-border);border-radius:8px;color:var(--opay-text);font-size:13px;padding:7px 10px}.opay-history-date-input:focus{border-color:var(--opay-primary);box-shadow:0 0 0 3px var(--opay-primary-soft);outline:none}.opay-history-arrow{color:var(--opay-muted);font-size:14px}.opay-history-search-btn{align-items:center;background:var(--opay-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:background .15s ease}.opay-history-search-btn:hover{background:var(--opay-primary-dark)}.opay-history-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:18px 0}@media (max-width:700px){.opay-history-kpi-grid{grid-template-columns:1fr}}.opay-history-kpi-card{align-items:center;background:#fff;border:1px solid var(--opay-border);border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:16px}.opay-history-kpi-label{color:var(--opay-muted);display:block;font-size:12px;font-weight:600;margin-bottom:4px}.opay-history-kpi-val{color:var(--opay-text);display:block;font-size:20px;font-weight:700}.opay-history-kpi-icon-wrapper{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.opay-history-kpi-card.spent .opay-history-kpi-icon-wrapper{background:var(--opay-primary)}.opay-history-kpi-card.spent .opay-history-kpi-val{color:var(--opay-primary)}.opay-history-kpi-card.transactions .opay-history-kpi-icon-wrapper{background:var(--opay-blue)}.opay-history-kpi-card.transactions .opay-history-kpi-val{color:var(--opay-blue)}.opay-history-kpi-card.rate .opay-history-kpi-icon-wrapper{background:var(--opay-success)}.opay-history-kpi-card.rate .opay-history-kpi-val{color:var(--opay-success)}.opay-history-table-card{background:#fff;border:1px solid var(--opay-border);border-radius:14px;padding:18px 20px}.opay-table-title{display:block;margin-bottom:14px}.opay-history-table{border-collapse:collapse;font-size:13px;margin-bottom:0;width:100%}.opay-history-table thead th{background:var(--opay-bg-soft);color:var(--opay-muted);font-size:11px;font-weight:700;letter-spacing:.03em;padding:10px 12px;text-transform:uppercase}.opay-history-table tbody td,.opay-history-table thead th{border-bottom:1px solid var(--opay-border);white-space:nowrap}.opay-history-table tbody td{padding:11px 12px;vertical-align:middle}.opay-history-table tbody tr:hover{background:var(--opay-bg-soft)}.opay-history-no-data{color:var(--opay-muted);padding:40px 16px!important;white-space:normal}.opay-badge-blue{background:var(--opay-blue-soft);color:var(--opay-blue)}.opay-badge-success{background:var(--opay-success-soft);color:var(--opay-success)}.opay-badge-pending{background:var(--opay-warning-soft);color:var(--opay-warning)}@media (max-width:640px){.opay-history-table-card{padding:14px}.opay-history-right{width:100%}.opay-history-date-input{flex:1 1;min-width:0}}.opay-charge-container{--opay-primary:#4f46e5;--opay-primary-dark:#4338ca;--opay-primary-soft:#eef2ff;--opay-success:#16a34a;--opay-success-soft:#ecfdf5;--opay-danger:#dc2626;--opay-danger-soft:#fef2f2;--opay-warning:#d97706;--opay-warning-soft:#fffbeb;--opay-muted:#6b7280;--opay-border:#e5e7eb;--opay-bg-soft:#f8f9fc;--opay-text:#1f2937;color:var(--opay-text);padding:40px 24px 32px}@media (max-width:640px){.opay-charge-container{padding:40px 14px 24px}}.opay-charge-header-bar,.opay-charge-left{align-items:center;display:flex}.opay-charge-left{flex-wrap:wrap}.opay-charge-home-icon{color:var(--opay-primary);font-size:16px;margin-right:8px}.opay-charge-breadcrumb-label{align-items:center;color:var(--opay-muted);cursor:default;display:flex;font-size:15px;font-weight:600;margin:0}.opay-charge-breadcrumb-label:last-of-type span{color:var(--opay-text);font-weight:700}.opay-charge-checkbox{accent-color:var(--opay-primary);cursor:default;height:15px;margin-right:6px;pointer-events:none;width:15px}.opay-charge-arrow-separator{color:var(--opay-border);font-size:10px;margin:0 10px}.opay-charge-table-card{background:#fff;border:1px solid var(--opay-border);border-radius:14px;padding:18px 20px}.opay-charge-table{border-collapse:collapse;font-size:13px;margin-bottom:0;width:100%}.opay-charge-table thead th{background:var(--opay-bg-soft);border-bottom:1px solid var(--opay-border);color:var(--opay-muted);font-size:11px;font-weight:700;letter-spacing:.03em;padding:10px 12px;text-transform:uppercase;white-space:nowrap}.opay-charge-table tbody td{border-bottom:1px solid var(--opay-border);padding:12px;vertical-align:middle}.opay-charge-table tbody tr:hover{background:var(--opay-bg-soft)}.opay-charge-table tbody tr:last-child td{border-bottom:none}.opay-badge-purple{background:var(--opay-primary-soft);color:var(--opay-primary)}.opay-qty-input{border:1px solid var(--opay-border);border-radius:6px;color:var(--opay-text);font-size:13px;padding:5px 8px;text-align:center}.opay-qty-input:focus{border-color:var(--opay-primary);box-shadow:0 0 0 3px var(--opay-primary-soft);outline:none}.opay-icon-btn{align-items:center;background:var(--opay-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;min-width:64px;padding:7px 14px;transition:background .15s ease,transform .1s ease}.opay-icon-btn:hover:not(:disabled){background:var(--opay-primary-dark)}.opay-icon-btn:active:not(:disabled){transform:translateY(1px)}.opay-icon-btn:disabled{cursor:not-allowed;opacity:.6}.opay-pay-btn{align-items:center;background:var(--opay-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;padding:9px 18px;transition:background .15s ease,transform .1s ease;white-space:nowrap}.opay-pay-btn:hover:not(:disabled){background:var(--opay-primary-dark)}.opay-pay-btn:active:not(:disabled){transform:translateY(1px)}.opay-pay-btn:disabled{cursor:not-allowed;opacity:.6}.opay-modal-overlay{align-items:center;background:#1118278c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1050}.opay-modal-content{background:#fff;border-radius:14px;box-shadow:0 20px 50px #11182740;max-width:420px;padding:28px;position:relative;width:100%}.opay-modal-close-btn{background:#0000;border:none;color:var(--opay-muted);cursor:pointer;font-size:22px;line-height:1;position:absolute;right:16px;top:14px}.opay-modal-close-btn:hover:not(:disabled){color:var(--opay-text)}.opay-modal-close-btn:disabled{cursor:not-allowed;opacity:.4}.opay-confirm-row{align-items:center;border-bottom:1px solid var(--opay-border);display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.opay-confirm-row:first-of-type{padding-top:0}.opay-confirm-total{border-bottom:none;border-top:2px solid var(--opay-primary-soft);color:var(--opay-primary);font-size:15px;font-weight:700;margin-top:4px;padding-top:12px}.opay-confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}@media (max-width:640px){.opay-charge-table-card{padding:14px}.opay-modal-content{padding:20px}}.opay-container{--opay-primary:#4f46e5;--opay-primary-dark:#4338ca;--opay-primary-soft:#eef2ff;--opay-success:#16a34a;--opay-success-soft:#ecfdf5;--opay-danger:#dc2626;--opay-danger-soft:#fef2f2;--opay-warning:#d97706;--opay-warning-soft:#fffbeb;--opay-blue:#0891b2;--opay-blue-soft:#ecfeff;--opay-teal:#0d9488;--opay-teal-soft:#f0fdfa;--opay-muted:#6b7280;--opay-border:#e5e7eb;--opay-bg-soft:#f8f9fc;--opay-text:#1f2937;color:var(--opay-text);padding:40px 24px 32px}@media (max-width:640px){.opay-container{padding:40px 14px 24px}}.opay-header-bar{gap:12px;justify-content:space-between;margin-bottom:16px}.opay-header-bar,.opay-left{align-items:center;display:flex;flex-wrap:wrap}.opay-left{gap:4px}.opay-home-icon{color:var(--opay-primary);font-size:16px;margin-right:8px}.opay-breadcrumb-label{align-items:center;color:var(--opay-muted);cursor:default;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 10px 0 0}.opay-breadcrumb-label:last-of-type{color:var(--opay-text);font-weight:700}.opay-checkbox{accent-color:var(--opay-primary);cursor:default;height:14px;pointer-events:none;width:14px}.opay-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.opay-date-input{background:#fff;border:1px solid var(--opay-border);border-radius:8px;color:var(--opay-text);font-size:13px;padding:7px 10px}.opay-date-input:focus{border-color:var(--opay-primary);box-shadow:0 0 0 3px var(--opay-primary-soft);outline:none}.opay-arrow{color:var(--opay-muted);font-size:14px}.opay-search-btn{align-items:center;background:var(--opay-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:background .15s ease}.opay-search-btn:hover{background:var(--opay-primary-dark)}.opay-search-icon{font-size:13px}.opay-status-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:18px}.opay-status-box{background:#fff;border:1px solid var(--opay-border);border-left:3px solid var(--opay-muted);border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:10px 14px}.opay-status-box.is-active{border-left-color:var(--opay-success)}.opay-status-box.is-inactive{border-left-color:var(--opay-border);opacity:.75}.opay-status-label{color:var(--opay-muted);font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.opay-status-value{color:var(--opay-text);font-size:13px;font-weight:600}.opay-status-box.is-inactive .opay-status-value{color:var(--opay-muted);font-weight:500}.opay-table-card{background:#fff;border:1px solid var(--opay-border);border-radius:14px;padding:18px 20px}.opay-table-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.opay-table-title{color:var(--opay-text);font-size:15px;font-weight:700}.opay-table-count{color:var(--opay-muted);font-size:12px}.opay-table{border-collapse:collapse;font-size:13px;margin-bottom:0;width:100%}.opay-table thead th{background:var(--opay-bg-soft);color:var(--opay-muted);font-size:11px;font-weight:700;letter-spacing:.03em;padding:10px 12px;text-transform:uppercase}.opay-table tbody td,.opay-table thead th{border-bottom:1px solid var(--opay-border);white-space:nowrap}.opay-table tbody td{padding:11px 12px;vertical-align:middle}.opay-table tbody tr:hover{background:var(--opay-bg-soft)}.custom-table-checkbox{accent-color:var(--opay-primary)}.opay-amount{font-weight:600;text-align:right}.opay-amount.is-post{color:var(--opay-primary);font-weight:700}.opay-no-data{color:var(--opay-muted);padding:40px 16px!important;text-align:center;white-space:normal}.opay-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:3px 10px}.opay-badge-whatsapp{background:var(--opay-teal-soft);color:var(--opay-teal)}.opay-badge-sms{background:var(--opay-blue-soft);color:var(--opay-blue)}.opay-badge-ssl{background:var(--opay-primary-soft);color:var(--opay-primary)}.opay-badge-default{background:var(--opay-bg-soft);color:var(--opay-muted)}.opay-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;padding:3px 10px;white-space:nowrap}.opay-status-approved{background:var(--opay-success-soft);color:var(--opay-success)}.opay-status-pending{background:var(--opay-warning-soft);color:var(--opay-warning)}@media (max-width:640px){.opay-table-card{padding:14px}.opay-right{width:100%}.opay-date-input{flex:1 1;min-width:0}}.opay-bank-container{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-top:30px!important}.opay-bank-header-bar{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;box-sizing:border-box;display:flex;justify-content:space-between;padding:14px 20px}.opay-bank-left{align-items:center;display:flex;gap:8px}.opay-bank-home-icon{color:#3b82f6;font-size:18px}.opay-bank-breadcrumb-label{color:#0f172a;font-size:14px;font-weight:700}.opay-bank-info-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1.5fr 1fr}.opay-bank-card-item{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000005;display:flex;gap:16px;padding:16px 20px;transition:transform .2s ease,box-shadow .2s ease}.opay-bank-card-item:hover{box-shadow:0 10px 15px -3px #00000014;transform:translateY(-2px)}.card-icon{align-items:center;border-radius:50%;display:flex;height:44px;justify-content:center;width:44px}.card-bank-total .card-icon{background-color:#fdf2f8;color:#db2777}.card-bank-primary .card-icon{background-color:#eff6ff;color:#2563eb}.card-bank-status .card-icon{background-color:#f0fdf4;color:#16a34a}.card-details{display:flex;flex-direction:column;gap:2px}.card-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.card-value{color:#1e293b;font-size:15px;font-weight:700}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#db2777);-webkit-background-clip:text;font-weight:800}.card-status-wrapper{align-items:center;display:flex;gap:6px}.live-pulse-dot{display:inline-block;height:8px;position:relative;width:8px}.live-pulse-dot,.live-pulse-dot:after{background-color:#22c55e;border-radius:50%}.live-pulse-dot:after{animation:pulse-ring 1.5s ease-in-out infinite;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.opay-bank-limit-banner{align-items:center;background-color:#fff1f2;border:1px solid #ffe4e6;border-radius:10px;display:flex;font-size:13.5px;gap:8px;justify-content:flex-start;padding:12px 20px}.limit-left{color:#be123c;font-weight:700;white-space:nowrap}.limit-left,.limit-right{align-items:center;display:flex}.limit-right{color:#475569;font-weight:500}.opay-bank-form-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;padding:24px}.form-card-title{align-items:center;border-bottom:1px dashed #cbd5e1;color:#0f172a;display:flex;font-size:16px;font-weight:700;padding-bottom:12px}.bank-registration-form{margin-top:15px}.opay-input-group{display:flex;flex-direction:column;gap:6px;width:100%}.opay-label-text{color:#475569;font-size:12.5px;font-weight:600}.opay-form-control,.opay-form-select{background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:13.5px;outline:none;padding:8px 12px;transition:all .2s ease}.opay-form-control:focus,.opay-form-select:focus{background-color:#fff;border-color:#a855f7;box-shadow:0 0 0 3px #a855f726}.custom-file-upload-wrapper{align-items:center;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;display:flex;height:38px;overflow:hidden;width:100%}.file-upload-button-label{align-items:center;background-color:#e2e8f0;border-right:1.5px solid #cbd5e1;color:#334155;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:100%;margin:0;padding:0 16px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.file-upload-button-label:hover{background-color:#cbd5e1}.hidden-file-input{display:none}.file-upload-name{color:#64748b;flex:1 1;font-size:12.5px;overflow:hidden;padding-left:12px;text-overflow:ellipsis;white-space:nowrap}.file-upload-name.file-active{color:#0f172a;font-weight:600}.opay-btn-verify{align-items:center;background-color:#0f172a;border:1.5px solid #0f172a;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease}.opay-btn-verify:hover{background-color:#1e293b;border-color:#1e293b;transform:translateY(-1px)}.opay-btn-save{align-items:center;background:linear-gradient(135deg,#a855f7,#db2777);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #db277733;color:#fff;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;justify-content:center;min-width:100px;padding:8px 24px;transition:all .2s ease}.opay-btn-save:hover{box-shadow:0 6px 12px -2px #db277759;opacity:.95;transform:translateY(-1px)}.btn-icon{margin-right:4px}.opay-bank-table-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;padding:20px}.opay-bank-table{border-collapse:collapse;margin-bottom:0;width:100%}.opay-bank-table thead th{background-color:#fff!important;border:none!important;border-bottom:1px dashed #cbd5e1!important;color:#0f172a;font-weight:700}.opay-bank-table tbody td,.opay-bank-table thead th{font-size:13.5px;padding:14px 12px!important;text-align:center;vertical-align:middle;white-space:nowrap}.opay-bank-table tbody td{border:none!important;border-bottom:1px dashed #e2e8f0!important;color:#334155}.opay-bank-table tbody td:nth-child(2),.opay-bank-table tbody td:nth-child(3),.opay-bank-table thead th:nth-child(2),.opay-bank-table thead th:nth-child(3){text-align:left!important}.opay-bank-table tbody tr:hover{background-color:#f8fafc}.custom-table-checkbox{appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:2px;cursor:pointer;display:inline-block;height:16px;outline:none;position:relative;transition:all .2s ease;vertical-align:middle;width:16px}.custom-table-checkbox:checked{background-color:#ec4899;border-color:#ec4899}.custom-table-checkbox:checked:after{color:#fff;content:"✔";font-size:11px;left:2px;position:absolute;top:-2px}.opay-badge{border-radius:6px;display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-align:center;text-transform:uppercase;white-space:nowrap}.opay-badge-success{background-color:#d1fae5;color:#065f46}.opay-badge-pending{background-color:#fef3c7;color:#92400e}.opay-btn-view{background-color:initial;border:1.5px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:all .2s ease}.opay-btn-view:hover{background-color:#f1f5f9;border-color:#94a3b8;color:#0f172a}.opay-btn-delete{align-items:center;background-color:initial;border:1.5px solid #0000;border-radius:50%;color:#ef4444;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s ease}.opay-btn-delete:hover{background-color:#fef2f2;border-color:#fee2e2}.opay-bank-footer-notes{padding:0 10px}.opay-bank-footer-notes ul{font-size:13px;font-weight:600;line-height:1.6}.opay-bank-footer-notes li{color:#dc2626}.cheque-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.cheque-modal-content{animation:modal-fade-in .25s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000a;max-width:650px;overflow:hidden;width:90%}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cheque-modal-header{align-items:center;border-bottom:1px dashed #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.cheque-modal-header .modal-title{color:#0f172a;font-size:16px;font-weight:700;margin:0}.cheque-modal-close{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:24px;line-height:1;padding:0}.cheque-modal-close:hover{color:#0f172a}.cheque-modal-body{padding:24px}.cheque-container{background-color:#f3f9f9;background-image:radial-gradient(#dcf2f2 10%,#0000 11%),radial-gradient(#dcf2f2 10%,#0000 11%);background-position:0 0,8px 8px;background-size:16px 16px;border:4px double #5c8b99;border-radius:8px;box-shadow:inset 0 0 10px #0000000d;color:#2b454f;font-family:Courier,Monaco,monospace;overflow:hidden;padding:20px 24px;position:relative;text-transform:uppercase}.cheque-header{align-items:flex-start;border-bottom:1px solid #5c8b9966;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:8px}.bank-logo-placeholder{align-items:center;display:flex;font-size:15px;font-weight:700}.ifsc-tag{font-size:11px}.cheque-line{align-items:flex-end;border-bottom:1px dotted #5c8b99;display:flex;margin-bottom:14px;padding-bottom:4px}.cheque-label{font-size:12px;font-weight:700;text-align:left;width:70px}.cheque-value{flex:1 1;font-size:13.5px;font-weight:600;letter-spacing:.5px}.cheque-bottom{align-items:flex-end;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:24px}.acc-info{background-color:#ffffffb3;border:1px solid #5c8b99;border-radius:4px;padding:6px 10px}.acc-number-label{color:#5c8b99;font-size:10px;font-weight:700}.acc-number-val{font-size:13.5px;font-weight:700;letter-spacing:1px}.branch-info{color:#5c8b99;font-size:10.5px;line-height:1.4;padding-left:16px}.sign-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:flex-end}.holder-name{font-size:11.5px;font-weight:700;margin-bottom:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sign-line{border-top:1px solid #5c8b99;color:#5c8b99;font-size:9px;padding-top:4px;width:100%}.cancelled-stamp{border:5px dashed #dc262673;border-radius:8px;color:#dc262673;font-size:32px;font-weight:900;left:50%;letter-spacing:5px;padding:8px 30px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-12deg);-webkit-user-select:none;user-select:none}.cheque-modal-footer{background-color:#f8fafc;border-top:1px dashed #e2e8f0;display:flex;justify-content:flex-end;padding:14px 20px}@media (max-width:992px){.opay-bank-info-cards{gap:12px;grid-template-columns:1fr}.opay-bank-limit-banner{align-items:flex-start;flex-direction:column;gap:6px}}.custom-row{height:70dvh;height:100dvh;height:70vh}.wrapper-row{background-color:#fff;border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;margin:1rem;padding:1rem}.custom-card{background-color:initial;border:none;height:100%;padding:0}.main-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.app-line-breadcrumbs{display:flex;list-style:none;margin:0;padding:0}.app-line-breadcrumbs li{align-items:center;display:flex}.app-line-breadcrumbs li:not(:last-child):after{color:#a0aec0;content:"/";margin:0 .5rem}.app-line-breadcrumbs a{color:#4a5568;text-decoration:none;transition:color .3s ease}.app-line-breadcrumbs a:hover{color:#4c1d95}.app-line-breadcrumbs .active a{color:#4c1d95;font-weight:600}.f-s-14{font-size:.875rem}.f-s-16{font-size:1rem}.f-w-500{font-weight:500}.m{font-family:var(--font-Montserrat)}.wallet-page{background:#f5f7fb;min-height:100vh;padding:16px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.page-header h4{font-weight:600;margin:0}.modal-backdrop{opacity:.5!important}body:not(.modal-open) .modal-backdrop{display:none!important}.add-btn{background:#0aa;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 14px}.wallet-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.wallet-card{background:#fff;border-radius:14px;box-shadow:0 6px 18px #00000014;margin-bottom:18px;padding:16px}.wallet-card h5{color:#1f2937;font-weight:600;margin-bottom:14px}.info-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:6px}.info-row span{color:#6b7280}.info-row b{color:#111827}.primary-btn{background:#0aa;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-weight:500;margin:14px auto 0;padding:10px 16px;width:200px}.loader{margin-top:40px;text-align:center}.modal{z-index:1060!important}.modal-backdrop{z-index:1055!important}.modal-box{background:#fff;border-radius:14px;box-shadow:0 10px 30px #00000040;max-width:380px;padding:22px;width:90%}.modal-box h5{font-weight:600;margin-bottom:14px}.modal-box input,.modal-box select,.modal-box textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;margin-bottom:12px;padding:10px;width:100%}.modal-box textarea{height:70px;resize:none}.modal-actions{display:flex;gap:10px;justify-content:space-between}.modal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;padding:10px}.modal-actions button:first-child{background:#e5e7eb}.modal-actions button:last-child{background:#0aa;color:#fff}.status{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px}.status.active{background:#e6f9f0;color:#0f9d58}.status.pending{background:#fff4e5;color:#f29900}.card-footer{display:flex;justify-content:flex-end;margin-top:12px}.btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:8px 14px}.btn.primary{background:#2563eb;color:#fff}.btn.secondary{background:#e5e7eb;color:#111827}.btn:hover{opacity:.9}.empty-state{color:#6b7280;padding:40px;text-align:center}.modal-backdrop{opacity:0!important;pointer-events:none!important}body:not(.modal-open){overflow:auto!important}.receipt-wrapper{background:#f4f6fb}.receipt-card{border-radius:14px;box-shadow:0 10px 30px #00000014;padding:24px;width:380px}.logo{margin-bottom:10px;width:120px}.success{color:#0a9d5c}.section{margin-top:18px;text-align:left}.section h4{color:#333;margin-bottom:10px}.row{border-bottom:1px dashed #eee;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.actions{display:flex;gap:10px;margin-top:20px}button{background:#523d94;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:10px}button.outline{background:#fff;border:1px solid #523d94;color:#523d94}.center{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.error{color:red}.receipt-wrapper{align-items:center;background:linear-gradient(135deg,#f4f6fb,#eef1f7);display:flex;justify-content:center;min-height:100vh;padding:20px}.receipt-card{max-width:520px;padding:28px 30px}.logo{margin-bottom:12px;width:140px}h1{font-size:32px;margin:10px 0}.success{color:#1b9a59}.failed{color:#d32f2f}.receipt-card{background:#fff;border-radius:16px;box-shadow:0 15px 40px #0000001a;max-width:760px;overflow:visible;padding:28px 32px;text-align:center;width:100%}.grid{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:repeat(2,1fr);margin-top:12px}.item{background:#f8f9fd;border-radius:10px;padding:12px 14px;text-align:left}.item label{color:#777;display:block;font-size:12px;margin-bottom:4px}.item span{color:#222;font-size:14.5px;font-weight:500;word-break:break-word}.login-card{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.375rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);height:100%;justify-content:center;padding:1.5rem}.login-card-header{background-color:#4c1d95;color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding:.75rem 1.5rem;text-align:center;width:100%}.login-card-form{width:100%}.form-group{margin-bottom:1rem}.form-label{color:#4a5568;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{background:#0000;border:none;border-bottom:2px solid #ddd;font-size:1rem;outline:none;padding:.75rem 0;transition:border-bottom-color .3s ease;width:100%}.form-input:focus{border-bottom-color:#4c1d95}.form-input::placeholder{color:#a0aec0}.form-input:disabled{cursor:not-allowed;opacity:.6}.btn-custom{background-color:#4c1d95!important;border:none!important;border-radius:.5rem!important;color:#fff!important;cursor:pointer!important;font-weight:600!important;margin-top:1rem!important;padding:.75rem 2rem!important;transition:background-color .3s ease!important;width:100%!important}.btn-custom:hover{background-color:#5b21b6!important}.btn-custom:disabled{cursor:not-allowed!important;opacity:.6!important}.error-message{color:#e53e3e;font-size:.75rem;margin-top:.25rem}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:1rem;width:1rem}.me-2{margin-right:.5rem}.w-100{width:100%!important}.modal{z-index:1055}.modal-content{background-color:#fff!important}.modal-backdrop{z-index:1050}.ellipsis{display:inline-block;max-width:13ch;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.overflowY{max-height:50vh;overflow-y:auto}.bank-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:1000}.bank-dropdown-item{cursor:pointer;padding:8px 12px}.bank-dropdown-item:hover{background:#f1f1f1}@supports (max-height:50dvh){.overflowY{max-height:50dvh}}.beneficiary-card{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #eef1f5;box-shadow:0 6px 18px #00000014;list-style:none;margin-bottom:14px;padding:14px;transition:all .25s ease}.beneficiary-card:hover{border-color:#d6e4ff;box-shadow:0 10px 24px #0000001f;transform:translateY(-3px)}.beneficiary-card-content{gap:14px}.beneficiary-avatar{background:linear-gradient(135deg,#4f46e5,#6366f1);font-size:14px;height:44px;width:44px}.beneficiary-info{display:flex;flex-direction:column}.beneficiary-name{color:#111827}.beneficiary-subtext{color:#6b7280;font-size:12px}.beneficiary-header{border-bottom:none;padding-bottom:0}.beneficiary-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:10px;margin-bottom:10px}.beneficiary-tabs .nav-link{background:#0000;border:none;border-radius:8px 8px 0 0;color:#6b7280;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.beneficiary-tabs .nav-link:hover{background:#f3f4f6;color:#111827}.beneficiary-tabs .nav-link.active{background:#fff;border-bottom:3px solid #4f46e5;color:#4f46e5;font-weight:600}.beneficiary-header-bottom{align-items:center;display:flex;justify-content:space-between;padding:10px 4px}.beneficiary-title{color:#111827;font-size:16px;font-weight:600;margin:0}.reset-btn{font-size:12px;padding:4px 10px}.beneficiary-card{background:#fff;border-radius:14px;box-shadow:0 4px 12px #0000000f;margin-bottom:10px;padding:12px}.beneficiary-card-content{align-items:center;display:flex;gap:12px}.beneficiary-avatar{align-items:center;background:#4f46e5;border-radius:50%;color:#fff;display:flex;font-weight:600;height:48px;justify-content:center;width:48px}.beneficiary-info{flex:1 1}.beneficiary-name{font-size:15px;font-weight:600;margin:0}.beneficiary-detail{color:#666;font-size:13px;margin:2px 0}input[type=radio]{cursor:pointer}.otp-backdrop{align-items:center;background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.otp-modal{animation:scaleIn .25s ease;background:#fff;border-radius:14px;box-shadow:0 10px 30px #00000040;max-width:380px;padding:24px;width:90%}.otp-title{font-size:18px;font-weight:600;margin-bottom:6px}.otp-subtitle{color:#6b7280;font-size:13px;margin-bottom:16px}.otp-input{font-size:20px;letter-spacing:6px;padding:10px;text-align:center}.bbps-sdk-widget{--bbps-font:"Outfit","Inter",-apple-system,sans-serif;--bbps-primary:#6939ef;--bbps-primary-hover:#4d13ec;--bbps-primary-glow:#6939ef26;--bbps-bg:#fff;--bbps-card-bg:#f9fafb;--bbps-card-hover:#f0f1f5;--bbps-border:#e2e4e9;--bbps-border-focus:#6939ef;--bbps-text:#121b2b;--bbps-text-secondary:#626d84;--bbps-error:#d71d30;--bbps-error-bg:#fff0f1;--bbps-success:#157f3c;--bbps-success-bg:#e9fbf0;--bbps-shadow:0 12px 40px -10px #00000014;--bbps-radius:18px;--bbps-radius-sm:8px;--bbps-transition:all .3s cubic-bezier(.4,0,.2,1);--bbps-glass-bg:#fffc;--bbps-glass-blur:12px;background:var(--bbps-bg);border:1px solid var(--bbps-border);border-radius:var(--bbps-radius);box-shadow:var(--bbps-shadow);box-sizing:border-box;color:var(--bbps-text);font-family:var(--bbps-font);margin:0 auto;max-width:600px;overflow:visible;padding:24px;position:relative;transition:var(--bbps-transition)}.bbps-sdk-widget.dark-theme{--bbps-bg:#0e1525;--bbps-card-bg:#141e38;--bbps-card-hover:#1a2747;--bbps-border:#20283c;--bbps-text:#f8fafc;--bbps-text-secondary:#94a3b8;--bbps-error:#e83043;--bbps-error-bg:#34090d;--bbps-success:#28d768;--bbps-success-bg:#082b15;--bbps-shadow:0 16px 48px -10px #00000073;--bbps-glass-bg:#0f162ad9}.bbps-sdk-widget *{box-sizing:border-box}.bbps-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.bbps-title{font-size:1.25rem;font-weight:700;letter-spacing:-.5px;margin:0}.bbps-subtitle{color:var(--bbps-text-secondary);font-size:.85rem;margin-top:4px}.bbps-divider{background-color:var(--bbps-border);border:none;height:1px;margin:16px 0 24px}.bbps-categories-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-bottom:18px;padding:2px}@media (max-width:480px){.bbps-categories-container{gap:6px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}}.bbps-category-card{align-items:center;background:#0000;border:1.5px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:8px 4px;transition:var(--bbps-transition)}.bbps-category-card:hover{background:var(--bbps-card-bg)}.bbps-category-card:hover .bbps-category-icon{transform:translateY(-1px)}.bbps-category-card.active{background:var(--bbps-primary-glow);border-color:var(--bbps-border)}.bbps-category-icon{align-items:center;background:var(--bbps-card-bg);border-radius:9px;box-shadow:0 1px 4px #0000000f;color:var(--bbps-text-secondary);display:flex;flex-shrink:0;height:34px;justify-content:center;transition:var(--bbps-transition);width:34px}.bbps-category-card.active .bbps-category-icon{background:var(--bbps-primary);box-shadow:0 3px 10px var(--bbps-primary-glow);color:#fff}.bbps-category-icon svg{height:16px;width:16px}.bbps-category-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--bbps-text-secondary);display:-webkit-box;font-size:.6rem;font-weight:600;letter-spacing:.1px;line-height:1.2;overflow:hidden;text-align:center;text-transform:capitalize}.bbps-category-card.active .bbps-category-label{color:var(--bbps-primary)}.bbps-select-container{margin-bottom:20px;position:relative}.bbps-select-trigger{align-items:center;background:var(--bbps-bg);border:1.5px solid var(--bbps-border);border-radius:var(--bbps-radius-sm);color:var(--bbps-text);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;justify-content:space-between;padding:12px 16px;transition:var(--bbps-transition);width:100%}.bbps-select-trigger.active,.bbps-select-trigger:focus{border-color:var(--bbps-primary);box-shadow:0 0 0 4px var(--bbps-primary-glow);outline:none}.bbps-select-arrow{border:solid var(--bbps-text-secondary);border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);transition:var(--bbps-transition)}.bbps-select-trigger.active .bbps-select-arrow{transform:rotate(-135deg)}.bbps-select-dropdown{background:var(--bbps-bg);border:1px solid var(--bbps-border);border-radius:var(--bbps-radius-sm);box-shadow:var(--bbps-shadow);display:none;left:0;margin-top:6px;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:opacity .2s,transform .2s;z-index:10}.bbps-select-options-list{max-height:200px;overflow-y:auto;scrollbar-color:var(--bbps-border) #0000;scrollbar-width:thin}.bbps-select-options-list::-webkit-scrollbar{width:5px}.bbps-select-options-list::-webkit-scrollbar-thumb{background:var(--bbps-border);border-radius:10px}.bbps-select-dropdown.open{display:block;opacity:1;transform:translateY(0)}.bbps-select-search{background:#0000;border:none;border-bottom:1px solid var(--bbps-border);color:var(--bbps-text);font-family:inherit;font-size:.9rem;outline:none;padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;width:100%}.bbps-select-option{cursor:pointer;font-size:.9rem;padding:10px 16px;transition:var(--bbps-transition)}.bbps-select-option:hover{background:var(--bbps-card-bg)}.bbps-select-option.selected{background:var(--bbps-primary-glow);color:var(--bbps-primary);font-weight:600}.bbps-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.bbps-input-wrapper{display:flex;flex-direction:column;gap:6px}.bbps-label{color:var(--bbps-text-secondary);font-size:.85rem;font-weight:600}.bbps-input{background:var(--bbps-bg);border:1.5px solid var(--bbps-border);border-radius:var(--bbps-radius-sm);color:var(--bbps-text);font-family:inherit;font-size:.9rem;padding:12px 14px;transition:var(--bbps-transition);width:100%}.bbps-input:focus{border-color:var(--bbps-primary);box-shadow:0 0 0 3px var(--bbps-primary-glow);outline:none}.bbps-input:disabled{background:var(--bbps-card-bg);cursor:not-allowed;opacity:.7}.bbps-input-error{color:var(--bbps-error);font-size:.75rem;margin-top:4px}.bbps-input.error{border-color:var(--bbps-error)}.bbps-bill-card{animation:slideIn .3s ease-out;background:var(--bbps-primary-glow);border:1.5px dashed var(--bbps-primary);border-radius:var(--bbps-radius-sm);margin-top:8px;padding:16px}.bbps-bill-row{display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.bbps-bill-row:last-child{margin-bottom:0}.bbps-bill-value-bold{color:var(--bbps-primary);font-weight:700}.bbps-btn{align-items:center;background:var(--bbps-primary);border:none;border-radius:var(--bbps-radius-sm);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;margin-top:10px;padding:14px;transition:var(--bbps-transition);width:100%}.bbps-btn:hover{background:var(--bbps-primary-hover);box-shadow:0 4px 12px var(--bbps-primary-glow)}.bbps-btn:disabled{cursor:not-allowed;opacity:.5}.bbps-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.bbps-error-banner{align-items:center;animation:fadeIn .3s ease-out;background:var(--bbps-error-bg);border:1px solid var(--bbps-error);border-radius:var(--bbps-radius-sm);color:var(--bbps-error);display:flex;font-size:.85rem;gap:8px;margin-bottom:16px;padding:12px 14px}.bbps-receipt-overlay{align-items:center;animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a73;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:9999}.bbps-receipt-card{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1);background:var(--bbps-bg);border:1px solid var(--bbps-border);border-radius:var(--bbps-radius);box-shadow:0 24px 50px -12px #00000026;color:var(--bbps-text);max-height:90vh;max-width:440px;overflow-y:auto;padding:28px 24px 24px;position:relative;scrollbar-color:var(--bbps-border) #0000;scrollbar-width:thin;width:100%}.bbps-receipt-card::-webkit-scrollbar{width:5px}.bbps-receipt-card::-webkit-scrollbar-thumb{background:var(--bbps-border);border-radius:10px}.bbps-receipt-branding{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.bbps-branding-text{font-family:var(--bbps-font);font-size:.8rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.bbps-orange{color:#f93}.bbps-blue{color:#002f6c}.dark-theme .bbps-blue{color:#3b82f6}.bbps-assured-badge{align-items:center;background:var(--bbps-success-bg);border:1px solid #157f3c26;border-radius:12px;color:var(--bbps-success);display:inline-flex;font-size:.65rem;font-weight:700;gap:4px;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.bbps-receipt-header{margin-bottom:16px;text-align:center}.bbps-success-ring{align-items:center;background:var(--bbps-success-bg);border:1px solid #28d76826;border-radius:50%;box-shadow:0 8px 20px -6px #28d76840;color:var(--bbps-success);display:flex;height:56px;justify-content:center;margin:0 auto 10px;width:56px}.bbps-success-ring svg{animation:scaleBounce .45s cubic-bezier(.175,.885,.32,1.275) forwards;height:28px;width:28px}.bbps-receipt-title{color:var(--bbps-text);font-size:1.1rem;font-weight:700;letter-spacing:-.3px;margin:0}.bbps-receipt-amount-container{align-items:center;background:var(--bbps-card-bg);border:1px solid var(--bbps-border);border-radius:12px;display:flex;flex-direction:column;gap:4px;margin-bottom:18px;padding:16px;text-align:center}.bbps-receipt-amount-label{color:var(--bbps-text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.bbps-receipt-amount{color:var(--bbps-text);font-size:2.2rem;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:2px 0}.bbps-status-badge{border-radius:10px;font-size:.65rem;font-weight:800;letter-spacing:.8px;padding:3px 10px}.bbps-status-badge.success{background:var(--bbps-success-bg);border:1px solid #28d7681a;color:var(--bbps-success)}.bbps-voucher-highlight{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#6939ef0f,#b239ef08);border:1.5px dashed var(--bbps-primary);border-radius:12px;margin-bottom:18px;padding:14px 16px}.bbps-voucher-tag{align-items:center;color:var(--bbps-primary);display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.bbps-voucher-body{display:flex;flex-direction:column;gap:4px}.bbps-voucher-code-label{color:var(--bbps-text-secondary);font-size:.65rem;font-weight:600;letter-spacing:.3px}.bbps-voucher-code-row{align-items:center;background:var(--bbps-bg);border:1px solid var(--bbps-border);border-radius:8px;display:flex;justify-content:space-between;margin:4px 0;padding:8px 12px}.bbps-voucher-code-val{color:var(--bbps-text);font-family:SFMono-Regular,Consolas,Monaco,monospace;font-size:1.15rem;font-weight:700;letter-spacing:1px}.bbps-voucher-instruction{color:var(--bbps-text-secondary);font-size:.68rem;line-height:1.3}.bbps-receipt-body{border-top:1px solid var(--bbps-border);margin-bottom:14px;padding:16px 0 8px}.bbps-receipt-section-title{color:var(--bbps-text-secondary);font-size:.7rem;font-weight:700;letter-spacing:.8px;margin-bottom:12px;text-transform:uppercase}.bbps-receipt-row{align-items:flex-start;display:flex;font-size:.8rem;justify-content:space-between;line-height:1.4;margin-bottom:12px}.bbps-receipt-row.note-row{background:var(--bbps-card-bg);border:1px solid var(--bbps-border);border-radius:8px;flex-direction:column;gap:4px;margin-top:12px;padding:8px 12px}.bbps-receipt-label{color:var(--bbps-text-secondary);font-weight:500}.bbps-receipt-val{color:var(--bbps-text);font-weight:600;max-width:65%;text-align:right;word-break:break-all}.bbps-receipt-val.mono{font-family:SFMono-Regular,Consolas,Monaco,monospace;font-size:.78rem;letter-spacing:-.2px}.bbps-receipt-val.note-text{font-size:.75rem;font-weight:500;max-width:100%;text-align:left}.bbps-receipt-val-wrapper{align-items:center;display:flex;gap:6px;justify-content:flex-end;max-width:70%}.bbps-copy-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--bbps-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:4px;position:relative;transition:var(--bbps-transition)}.bbps-copy-btn:hover{background:var(--bbps-card-hover);color:var(--bbps-primary)}.bbps-copy-btn.mini{padding:3px}.bbps-copy-btn.voucher-copy{background:var(--bbps-card-bg);border:1px solid var(--bbps-border);border-radius:6px;padding:6px 10px}.bbps-copy-btn.voucher-copy:hover{border-color:var(--bbps-primary);color:var(--bbps-primary)}.bbps-copy-tooltip{background:#0f172a;border-radius:4px;bottom:100%;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.62rem;font-weight:600;left:50%;opacity:0;padding:3px 8px;pointer-events:none;position:absolute;transform:translate(-50%) translateY(-6px);transition:opacity .15s,transform .15s;visibility:hidden;white-space:nowrap;z-index:1000}.bbps-copy-btn:hover .bbps-copy-tooltip{opacity:1;transform:translate(-50%) translateY(-2px);visibility:visible}.bbps-copy-btn.copied{color:var(--bbps-success)!important}.bbps-copy-btn.copied .bbps-copy-tooltip{background:var(--bbps-success)!important;color:#fff!important}.bbps-receipt-legal-note{color:var(--bbps-text-secondary);font-size:.65rem;font-style:italic;line-height:1.3;margin:12px 0 16px;padding:0 10px;text-align:center}.bbps-receipt-footer{display:flex;gap:12px;margin-top:16px}.bbps-btn-sec{align-items:center;background:var(--bbps-card-bg);border:1px solid var(--bbps-border);border-radius:var(--bbps-radius-sm);color:var(--bbps-text);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;padding:12px;transition:var(--bbps-transition)}.bbps-btn-sec:hover{background:var(--bbps-card-hover)}.bbps-receipt-close{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--bbps-text-secondary);cursor:pointer;display:flex;font-size:1.3rem;height:26px;justify-content:center;position:absolute;right:14px;top:14px;transition:var(--bbps-transition);width:26px;z-index:5}.bbps-receipt-close:hover{background:var(--bbps-card-bg);color:var(--bbps-text)}.bbps-loading-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(var(--bbps-glass-blur));backdrop-filter:blur(var(--bbps-glass-blur));background:var(--bbps-glass-bg);border-radius:var(--bbps-radius);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.bbps-inner-spinner{animation:spin .8s linear infinite;border:3.5px solid var(--bbps-border);border-radius:50%;border-top-color:var(--bbps-primary);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes scaleBounce{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.failed-ring{background:var(--bbps-error-bg)!important;border-color:#e8304326!important;box-shadow:0 8px 20px -6px #e8304340!important;color:var(--bbps-error)!important}.pending-ring{background:#fff4e5!important;border-color:#cc770026!important;box-shadow:0 8px 20px -6px #cc770040!important;color:#c70!important}.dark-theme .pending-ring{background:#3d2400!important;border-color:#ff950026!important;color:#ff9500!important}.bbps-status-badge.failed{background:var(--bbps-error-bg)!important;border:1px solid #e830431a!important;color:var(--bbps-error)!important}.bbps-status-badge.pending{background:#fff4e5!important;border:1px solid #cc77001a!important;color:#c70!important}.dark-theme .bbps-status-badge.pending{background:#3d2400!important;border:1px solid #ff95001a!important;color:#ff9500!important}.bbps-failure-reason-card{animation:slideIn .3s ease-out;background:var(--bbps-error-bg);border:1.5px dashed var(--bbps-error);border-radius:12px;margin-bottom:18px;padding:14px 16px}.bbps-failure-tag{align-items:center;color:var(--bbps-error);display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.bbps-failure-desc{color:var(--bbps-text);font-size:.8rem;font-weight:500;line-height:1.4}.bbps-pending-reason-card{animation:slideIn .3s ease-out;background:#fff4e580;border:1.5px dashed #c70;border-radius:12px;margin-bottom:18px;padding:14px 16px}.dark-theme .bbps-pending-reason-card{background:#3d240033;border-color:#ff9500}.bbps-pending-tag{align-items:center;color:#c70;display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.dark-theme .bbps-pending-tag{color:#ff9500}.bbps-pending-desc{color:var(--bbps-text);font-size:.8rem;font-weight:500;line-height:1.4}@media print{body *{visibility:hidden}.bbps-receipt-card,.bbps-receipt-card *{visibility:visible}.bbps-receipt-card{border:none;box-shadow:none;left:0;max-width:100%;padding:0;position:absolute;top:0;width:100%}.bbps-receipt-close,.bbps-receipt-footer{display:none!important}}
/*# sourceMappingURL=main.274d63cf.css.map*/