:root{--blue:#1565c0;--blue-dark:#0d47a1;--blue-mid:#1976d2;--blue-light:#e3f2fd;--blue-pale:#f0f7ff;--white:#fff;--gray-bg:#f4f7ff;--text:#1a1a2e;--text-muted:#5c6070;--border:#bbdefb;--success:#2e7d32;--danger:#c62828;--warning:#f57f17;--radius:12px;--radius-sm:8px;--shadow:0 2px 16px #1565c01a;--shadow-md:0 4px 24px #1565c026}*{box-sizing:border-box;margin:0;padding:0}body{background:#f4f7ff;background:var(--gray-bg);color:#1a1a2e;color:var(--text);font-family:Segoe UI,-apple-system,sans-serif;font-size:14px;line-height:1.6}.portal-layout{display:flex;min-height:100vh}.sidebar{background:#0d47a1;background:var(--blue-dark);bottom:0;flex-direction:column;left:0;position:fixed;top:0;width:240px;z-index:100}.main-content,.sidebar{display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:240px}.topbar{align-items:center;background:#fff;border-bottom:1px solid #bbdefb;border-bottom:1px solid var(--border);box-shadow:0 2px 16px #1565c01a;box-shadow:var(--shadow);display:flex;height:60px;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-title{color:#0d47a1;color:var(--blue-dark);font-size:18px;font-weight:700}.topbar-actions{align-items:center;display:flex;gap:10px}.page-content{flex:1 1;padding:28px}.sidebar-brand{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;padding:20px 20px 16px}.sidebar-brand-text{color:#fff;font-size:22px;font-weight:800;letter-spacing:.5px}.sidebar-brand-text span{color:#bbdefb}.sidebar-role{color:#90caf9;font-size:11px;margin-top:1px}.sidebar-section{color:#90caf9;font-size:10px;font-weight:700;letter-spacing:1px;padding:16px 20px 6px;text-transform:uppercase}.sidebar-item{align-items:center;border-left:3px solid #0000;color:#bbdefb;display:flex;font-size:14px;font-weight:500;gap:12px;padding:11px 20px;text-decoration:none;transition:all .15s}.sidebar-item:hover{background:#ffffff14;color:#fff}.sidebar-item.active{background:#ffffff1f;border-left-color:#fff;color:#fff;font-weight:700}.sidebar-item .icon{font-size:16px;text-align:center;width:20px}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:16px 20px}.sidebar-user{gap:10px;margin-bottom:12px}.sidebar-avatar,.sidebar-user{align-items:center;display:flex}.sidebar-avatar{background:#1976d2;background:var(--blue-mid);border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.sidebar-user-name{color:#fff;font-size:13px;font-weight:700}.sidebar-user-role{color:#90caf9;font-size:11px;text-transform:capitalize}.sidebar-logout{background:#ffffff1a;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#bbdefb;cursor:pointer;font-size:13px;padding:8px;transition:background .15s;width:100%}.sidebar-logout:hover{background:#fff3;color:#fff}.wallet-banner{align-items:center;background:linear-gradient(135deg,#0d47a1,#1976d2);background:linear-gradient(135deg,var(--blue-dark),var(--blue-mid));border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 24px #1565c026;box-shadow:var(--shadow-md);color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.wallet-balance{font-size:32px;font-weight:800}.wallet-label{font-size:12px;margin-bottom:4px;opacity:.8}.card{background:#fff;border:1px solid #bbdefb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 16px #1565c01a;box-shadow:var(--shadow)}.card-body{padding:20px}.card-header{align-items:center;border-bottom:1px solid #bbdefb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.card-header h3{font-size:15px;font-weight:700}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.stat-card{background:#fff;border:1px solid #bbdefb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 16px #1565c01a;box-shadow:var(--shadow);gap:14px;padding:18px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:10px;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.stat-icon.blue{background:#e3f2fd;background:var(--blue-light)}.stat-icon.green{background:#e8f5e9}.stat-icon.orange{background:#fff3e0}.stat-icon.red{background:#ffebee}.stat-icon.purple{background:#ede7f6}.stat-label{color:#5c6070;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#0d47a1;color:var(--blue-dark);font-size:22px;font-weight:800;line-height:1}.stat-sub{color:#5c6070;color:var(--text-muted);font-size:11px;margin-top:3px}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .2s;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#1565c0;background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:#0d47a1;background:var(--blue-dark)}.btn-secondary{background:#e3f2fd;background:var(--blue-light);color:#1565c0;color:var(--blue)}.btn-secondary:hover:not(:disabled){background:#bbdefb;background:var(--border)}.btn-success{background:#2e7d32;color:#fff}.btn-success:hover:not(:disabled){background:#1b5e20}.btn-danger{background:#c62828;color:#fff}.btn-danger:hover:not(:disabled){background:#b71c1c}.btn-outline{background:#0000;border:2px solid #1565c0;border:2px solid var(--blue);color:#1565c0;color:var(--blue)}.btn-sm{font-size:12px;padding:6px 14px}.btn-lg{font-size:16px;padding:14px 28px}.btn-full{width:100%}.btn-loading{color:#0000!important;position:relative}.btn-loading:after{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:16px;position:absolute;width:16px}.form-group{margin-bottom:16px}.form-label{color:#5c6070;color:var(--text-muted);display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.form-input{background:#fff;border:1.5px solid #bbdefb;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#1a1a2e;color:var(--text);font-family:inherit;font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#1565c0;border-color:var(--blue);box-shadow:0 0 0 3px #1565c01a}.form-hint{color:#5c6070;color:var(--text-muted);font-size:12px;margin-top:4px}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-row-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.table-wrap{background:#fff;border:1px solid #bbdefb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 16px #1565c01a;box-shadow:var(--shadow);overflow:hidden}.table-top{align-items:center;border-bottom:1px solid #bbdefb;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:12px 16px}.table-search{border:1.5px solid #bbdefb;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);flex:1 1;font-family:inherit;font-size:13px;max-width:320px;outline:none;padding:8px 14px}.table-search:focus{border-color:#1565c0;border-color:var(--blue)}table{border-collapse:collapse;width:100%}th{background:linear-gradient(135deg,#1565c0,#1976d2);background:linear-gradient(135deg,var(--blue) 0,var(--blue-mid) 100%);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #f0f4ff;font-size:13px;padding:13px 16px}tr:last-child td{border-bottom:none}tr:hover td{background:#f0f7ff;background:var(--blue-pale)}.table-empty{color:#5c6070;color:var(--text-muted);padding:48px;text-align:center}.badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.badge-pending{background:#fff8e1;color:#f57f17}.badge-assigned{background:#e3f2fd;color:#1565c0}.badge-kyc_pending{background:#ede7f6;color:#4527a0}.badge-kyc_verified{background:#e8f5e9;color:#2e7d32}.badge-payment_pending{background:#fff3e0;color:#e65100}.badge-payment_processing{background:#e3f2fd;color:#1565c0}.badge-completed{background:#e8f5e9;color:#2e7d32}.badge-cancelled{background:#ffebee;color:#c62828}.badge-reactivated{background:#f3e5f5;color:#6a1b9a}.filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.filter-chip{background:#fff;border:1.5px solid #bbdefb;border:1.5px solid var(--border);border-radius:20px;color:#5c6070;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:5px 14px;transition:all .2s}.filter-chip.active{background:#1565c0;background:var(--blue);border-color:#1565c0;border-color:var(--blue);color:#fff}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{background:#fff;border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 48px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#0d47a1,#1565c0);background:linear-gradient(135deg,var(--blue-dark),var(--blue));color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px}.modal-header h3{font-size:16px;font-weight:700}.modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:22px;line-height:1;opacity:.8;padding:0 4px}.modal-close:hover{opacity:1}.modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.modal-footer{border-top:1px solid #bbdefb;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 24px}.timeline{padding-left:24px;position:relative}.timeline:before{background:#bbdefb;background:var(--border);bottom:0;content:"";left:8px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:20px;position:relative}.timeline-dot{background:#1565c0;background:var(--blue);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #1565c0;box-shadow:0 0 0 2px var(--blue);height:14px;left:-20px;position:absolute;top:4px;width:14px}.timeline-dot.system{background:#1565c0;box-shadow:0 0 0 2px #1565c0}.timeline-dot.retailer{background:#2e7d32;box-shadow:0 0 0 2px #2e7d32}.timeline-dot.customer{background:#f57f17;box-shadow:0 0 0 2px #f57f17}.timeline-dot.admin{background:#4527a0;box-shadow:0 0 0 2px #4527a0}.timeline-dot.gateway{background:#00695c;box-shadow:0 0 0 2px #00695c}.timeline-dot.done{background:#2e7d32;background:var(--success);box-shadow:0 0 0 2px #2e7d32;box-shadow:0 0 0 2px var(--success)}.timeline-actor{color:#5c6070;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.timeline-title{color:#1a1a2e;color:var(--text);font-size:13px;font-weight:600}.timeline-time{font-size:11px;margin-top:2px}.timeline-meta,.timeline-time{color:#5c6070;color:var(--text-muted)}.timeline-meta{font-size:12px;font-style:italic;margin-top:4px}.upload-zone{background:#fff;border:2px dashed #1565c0;border:2px dashed var(--blue);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;padding:20px;text-align:center;transition:all .2s}.upload-zone.filled,.upload-zone:hover{background:#f0f7ff;background:var(--blue-pale)}.upload-zone.filled{border-style:solid}.upload-preview{border:2px solid #2e7d32;border:2px solid var(--success);border-radius:8px;border-radius:var(--radius-sm);height:120px;object-fit:cover;width:100%}.otp-container{display:flex;gap:10px;justify-content:center;margin:20px 0}.otp-input{border:2px solid #bbdefb;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#1565c0;color:var(--blue);font-family:monospace;font-size:24px;font-weight:700;height:56px;outline:none;text-align:center;transition:border-color .2s;width:50px!important}.otp-input:focus{border-color:#1565c0;border-color:var(--blue);box-shadow:0 0 0 3px #1565c01a}.auth-page{background:linear-gradient(135deg,#0d47a1,#1565c0);background:linear-gradient(135deg,var(--blue-dark) 0,var(--blue) 100%);display:flex;min-height:100vh}.auth-left{color:#fff;flex:1 1;padding:60px}.auth-left,.auth-right{display:flex;flex-direction:column;justify-content:center}.auth-right{background:#fff;padding:48px 44px;width:460px}.auth-logo{color:#1565c0;color:var(--blue);font-size:26px;font-weight:800;margin-bottom:28px}.auth-logo span{color:#1976d2;color:var(--blue-mid)}.kyc-step{align-items:flex-start;border:1.5px solid #bbdefb;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:14px;margin-bottom:12px;padding:16px;transition:all .2s}.kyc-step.done{background:#f1f8f1;border-color:#2e7d32;border-color:var(--success)}.kyc-step.active{background:#f0f7ff;background:var(--blue-pale);border-color:#1565c0;border-color:var(--blue)}.kyc-step.pending{opacity:.6}.kyc-step-num{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.tabs{border-bottom:2px solid #bbdefb;border-bottom:2px solid var(--border);display:flex;gap:4px;margin-bottom:20px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#5c6070;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;margin-bottom:-2px;padding:10px 18px;transition:all .2s}.tab.active{border-bottom-color:#1565c0;border-bottom-color:var(--blue);color:#1565c0;color:var(--blue)}.tab:hover:not(.active){color:#1a1a2e;color:var(--text)}.page-loader{align-items:center;display:flex;justify-content:center;padding:80px}.spinner{animation:spin .7s linear infinite;border:3px solid #e3f2fd;border-top-color:#1565c0;border:3px solid var(--blue-light);border-radius:50%;border-top-color:var(--blue);height:36px;width:36px}.fade-in{animation:fadeIn .3s ease}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.sidebar{min-height:auto;position:relative;width:100%}.main-content{margin-left:0}.form-row,.form-row-3{grid-template-columns:1fr}.auth-left{display:none}.auth-right{padding:32px 20px;width:100%}}
/*# sourceMappingURL=main.9db6f15a.css.map*/