body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.wom-login-container{display:flex;flex-direction:column;min-height:100vh;width:100%}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#081326!important;-webkit-box-shadow:inset 0 0 0 30px #f6f7f8!important}.dark input:-webkit-autofill,.dark input:-webkit-autofill:active,.dark input:-webkit-autofill:focus,.dark input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #1e293b80!important}.code-input::placeholder{font-size:14px!important;font-weight:400!important;letter-spacing:normal!important}body{overflow:hidden}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.upload-zone-active{background-color:#f0f4ff!important;border-color:#081326!important}a,button,input,select{transition:all .2s ease-in-out}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #081326;outline-offset:2px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.icon-filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark ::-webkit-scrollbar-thumb{background:#475569}.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}a,button,table tr{transition:all .2s ease-in-out}a:focus-visible,button:focus-visible{outline:2px solid #081326;outline-offset:2px}.payment-container{margin:0 auto;max-width:1400px;padding:20px}.payment-main-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.main-tab{background:#f5f5f5;border:none;border-radius:8px 8px 0 0;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.main-tab:hover{background:#e0e0e0}.main-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.payment-sub-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.sub-tab{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:25px;color:#666;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.sub-tab:hover{border-color:#667eea;color:#667eea}.sub-tab.active{background:#667eea;border-color:#667eea;color:#fff}.sub-tab .badge{background:#e74c3c;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.sub-tab.active .badge{background:#fff;color:#e74c3c}.payment-success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;margin-bottom:20px;padding:12px 20px}.payment-error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:20px;padding:12px 20px}.payment-summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:25px}.summary-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.summary-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.summary-value{font-size:24px;font-weight:700;margin-bottom:5px}.summary-label{color:#888;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.summary-card.highlight .summary-label{color:#fffc}.payment-empty,.payment-loading{color:#888;font-size:14px;padding:40px;text-align:center}.payment-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;width:100%}.payment-table thead{background:#f8f9fa}.payment-table th{border-bottom:2px solid #e0e0e0;color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.payment-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:14px 16px}.payment-table tbody tr:hover{background:#f8f9fa}.payment-table tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 12px;text-transform:uppercase}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.success{background:#d4edda;color:#155724}.status-badge.active{background:#cce5ff;color:#004085}.status-badge.warning{background:#fff3cd;color:#856404}.status-badge.danger{background:#f8d7da;color:#721c24}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .2s ease}.action-btn:disabled{cursor:not-allowed;opacity:.6}.action-btn.primary{background:#667eea;color:#fff}.action-btn.primary:hover:not(:disabled){background:#5a6fd6}.action-btn.success{background:#28a745;color:#fff}.action-btn.success:hover:not(:disabled){background:#218838}.action-btn.warning{background:#ffc107;color:#212529}.action-btn.warning:hover:not(:disabled){background:#e0a800}.action-btn.danger{background:#dc3545;color:#fff}.action-btn.danger:hover:not(:disabled){background:#c82333}.payment-create-plan{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:30px}.payment-create-plan h3{color:#333;margin-bottom:25px}.create-plan-form .form-group{margin-bottom:20px}.create-plan-form label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.create-plan-form input,.create-plan-form select{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 15px;transition:border-color .3s ease;width:100%}.create-plan-form input:focus,.create-plan-form select:focus{border-color:#667eea;outline:none}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 20px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.company-selector{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;gap:15px;margin-bottom:20px;padding:15px 20px}.company-selector label{color:#333;font-weight:600;white-space:nowrap}.company-selector select{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:14px;max-width:400px;padding:10px 15px}.company-selector select:focus{border-color:#667eea;outline:none}.pending-list{display:flex;flex-direction:column;gap:15px}.pending-card{align-items:center;background:#fff;border-left:4px solid #ffc107;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:20px 25px}.pending-card.mandate-card{background:linear-gradient(135deg,#f8f9ff,#fff);border-left-color:#667eea}.pending-info h4{color:#333;font-size:16px;margin:0 0 8px}.pending-info p{color:#666;font-size:13px;margin:0}.pending-amount{color:#333!important;font-size:20px!important;font-weight:700;margin:8px 0!important}.pending-due{color:#e74c3c!important;font-weight:500}.pay-now-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s ease}.pay-now-btn:hover{box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.invoice-link{color:#667eea;font-weight:500;text-decoration:none}.invoice-link:hover{text-decoration:underline}.download-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:500;padding:6px 14px;text-decoration:none;transition:all .2s ease}.download-btn:hover{background:#5a6fd6}.mandate-details{max-width:500px}.mandate-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:25px}.mandate-status-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.mandate-status-header h4{color:#333;margin:0}.mandate-info-grid{grid-gap:15px;display:grid;gap:15px}.mandate-info-item{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.mandate-info-item .label{color:#666;font-size:14px}.mandate-info-item .value{color:#333;font-size:14px;font-weight:600}.authenticate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:600;margin-top:20px;padding:14px 20px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.authenticate-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.payment-pagination{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:center;margin-top:25px;padding-top:20px}.payment-pagination button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s ease}.payment-pagination button:hover:not(:disabled){background:#5a6fd6}.payment-pagination button:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.payment-pagination span{background:#f5f5f5;border-radius:6px;color:#333;font-size:13px;padding:8px 16px}.payment-all-payments h3,.payment-create-plan h3,.payment-history h3,.payment-invoices h3,.payment-mandate h3,.payment-pending h3,.payment-plans-list h3{color:#333;font-size:18px;margin-bottom:20px}@media (max-width:768px){.payment-summary-cards{grid-template-columns:repeat(2,1fr)}.payment-table{display:block;overflow-x:auto}.pending-card{align-items:flex-start;flex-direction:column;gap:15px}.pay-now-btn{text-align:center;width:100%}.company-selector{align-items:stretch;flex-direction:column}.company-selector select{max-width:none}}@media (max-width:480px){.payment-summary-cards{grid-template-columns:1fr}.payment-main-tabs{flex-direction:column}.main-tab{text-align:center}.payment-sub-tabs{justify-content:center}}
/*# sourceMappingURL=main.bf8e3cf3.css.map*/