*{margin:0;padding:0;box-sizing:border-box}.navbar{position:sticky;top:0;z-index:100;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;margin-left:250px;border-bottom:1px solid #e0e0e0;height:60px;box-shadow:0 2px 6px #0000000d;transition:all .3s ease;box-sizing:border-box}.searchBar{display:flex;align-items:center;gap:10px;flex:1;max-width:400px}.searchBar input{flex:1;padding:8px 14px;border:1px solid #ccc;border-radius:6px;outline:none;font-size:14px;transition:border .3s}.searchBar input:focus{border-color:#0a2f5c;box-shadow:0 0 0 2px #0a2f5c1a}.searchButton{background-color:#0a2f5c;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.searchButton:hover{background-color:#07305e}.nav-icons{list-style:none;display:flex;gap:24px;align-items:center;margin:0;padding:0}.nav-icons li{font-size:20px;color:#0a2f5c;cursor:pointer;transition:color .2s ease}.nav-icons li:hover{color:#0056b3}.navbar-landing{position:sticky;top:0;z-index:100;background-color:#004080;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid #e0e0e0;height:60px;box-shadow:0 2px 6px #0000000d;transition:all .3s ease;box-sizing:border-box}.navbar-logo a{color:#fff;font-size:24px;text-decoration:none;font-weight:700}.navbar-links{list-style:none;display:flex;gap:20px;margin:0;padding:0}.navbar-links li a{color:#fff;text-decoration:none;font-size:16px}.navbar-links li a:hover{text-decoration:underline}.btn-login{padding:6px 12px;border:1px solid white;border-radius:4px;background-color:transparent;transition:background-color .3s ease}.btn-login:hover{background-color:#fff;color:#004080}.navlanding{background-color:#004080;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.navlanding .logo a{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;color:#fff;text-decoration:none}.navlanding .nav-logo{width:80px;height:auto}.navlanding ul{list-style:none;display:flex;gap:1rem;padding:0;margin:0}.navlanding li{display:inline}.navlanding a{color:inherit;text-decoration:none;font-weight:700}.navbar-links li{font-size:16px;color:#0a2f5c;cursor:pointer;transition:color .2s ease}.navbar-links li:hover{color:#0056b3}@media (max-width: 1024px){.navbar{margin-left:0;padding:12px 20px}}@media (max-width: 768px){.navbar{flex-direction:column;align-items:stretch;height:auto;gap:12px}.searchBar{width:100%;justify-content:stretch}.searchBar input{width:100%}.nav-icons{flex-wrap:wrap;justify-content:flex-start;gap:16px}.nav-icons li{font-size:18px}}@media (max-width: 480px){.searchButton{padding:6px 10px;font-size:13px}.searchBar input{font-size:13px;padding:6px 10px}.nav-icons{justify-content:center;gap:12px}}.admin-sidebar{width:250px;height:100vh;background-color:#0a2f5c;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;padding:20px 0;box-sizing:border-box;z-index:1000;transition:transform .3s ease}.sidebar-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:20px;padding:0 20px}.sidebar-scroll-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:0 20px}.sidebar-link{background:none;border:none;color:#fff;text-align:left;padding:10px 20px;width:100%;cursor:pointer;display:block;font-size:16px}.image-container{display:flex;justify-content:flex-start;padding:0 20px;margin-bottom:10px}img{width:90px;height:90px;border:2px solid white;border-radius:80%;object-fit:cover}.image-container img{max-width:100%;height:auto;border-radius:50%;object-fit:cover}.sidebar-link.active,.sidebar-link:hover{background-color:#154a82}.sidepannel-footer{margin-top:auto;margin-left:rem;text-align:center;font-size:14px;color:#ccc}.sidebar-scroll-container::-webkit-scrollbar{width:6px}.sidebar-scroll-container::-webkit-scrollbar-thumb{background-color:#1d4e89;border-radius:3px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px;border-radius:6px;text-decoration:none;color:#fff;transition:background .3s ease}.sidebar-link:hover,.sidebar-link.active{background-color:#154a82}.logout-button{background-color:#d32f2f;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .3s ease;margin:10px 20px 20px}.logout-button:hover{background-color:#b71c1c}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%);position:fixed}.admin-sidebar.open{transform:translate(0)}.menu-toggle{position:fixed;top:20px;left:20px;background-color:#0a2f5c;color:#fff;border:none;padding:10px;border-radius:4px;font-size:20px;z-index:1100;cursor:pointer}.sidebar-link{font-size:14px;padding:8px}.logout-button{font-size:14px;padding:8px 16px;margin:10px auto;width:90%}.sidebar-title{font-size:20px}.menu-toggle{top:15px;left:15px;padding:8px 10px;font-size:18px}}.invoices-container{width:100%;min-height:100vh}.invoices-title{font-size:24px;color:#0a2f5c;margin-top:20px}.invoices-table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 6px #0000001a}.invoices-table th,.invoices-table td{padding:0 2px;font-size:14px;text-align:left;border-bottom:1px solid #eee}.invoices-table th{background-color:#0a2f5c;color:#fff;height:30px}.status{padding:5px 10px;border-radius:5px;text-transform:capitalize;font-weight:500;color:#fff;display:inline-block}.status.sent{background-color:#17a2b8}.status.paid{background-color:#28a745}.status.overdue{background-color:#dc3545}@media (max-width: 768px){.invoices-table,.invoices-table thead,.invoices-table tbody,.invoices-table th,.invoices-table td,.invoices-table tr{display:block;width:100%}.invoices-table thead{display:none}.invoices-table tr{margin-bottom:20px;border:1px solid #ccc;border-radius:5px;padding:10px;background:#fff;box-shadow:0 1px 3px #0000001a}.invoices-table td{padding:10px;text-align:left;position:relative}.invoices-table td:before{content:attr(data-label);font-weight:700;display:block;margin-bottom:5px;color:#0a2f5c}}.admin-main-content{padding:20px;flex:1;margin-left:250px;transition:margin-left .3s ease;box-sizing:border-box}@media (max-width: 768px){.admin-main-content{margin-left:0;padding:10px}}.debts-container{width:100%;padding:20px;background-color:#f4f7fa;min-height:100vh;box-sizing:border-box;overflow-x:hidden}.debts-title{font-size:24px;color:#0a2f5c;margin-bottom:20px}.search-icon{margin-left:8px;color:#fff;border-radius:6px;background-color:#0a2f5c;cursor:pointer}.debts-table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 6px #0000001a;table-layout:fixed;word-wrap:break-word;border-radius:2px}.debts-table td{padding:0 2px;text-align:left;font-size:1.05rem;border-bottom:1px solid #eee;overflow-wrap:break-word}.debts-table th{background-color:#0a2f5c;height:30px;color:#fff}.pagination{margin-top:20px;text-align:center}.pagination button{margin:0 5px;padding:6px 12px;background-color:#f2f2f2;border:1px solid #ccc;color:#333;cursor:pointer;border-radius:4px}.pagination button.active{background-color:#0a2f5c;color:#fff;font-weight:700}.pagination button:hover{background-color:#08325d;color:#fff}.send-invoice,.actionIcons{background-color:#0a2f5c;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer}.search-bar{margin:10px 0}.search-bar input{padding:8px;width:300px;border:1px solid #ccc;border-radius:4px}.invoice-status{padding:0 8px;border-radius:6px}.invoice-status.overdue{color:#dc3545}.actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.send-btn{background-color:#0a2f5c;color:#fff;padding:8px 14px;border:none;border-radius:5px;cursor:pointer}.send-btn:hover{background-color:#08325d}.print-btn{margin-top:20px;text-align:center;width:auto;color:#ccc}.assignDebtContainer{background-color:#99b0d18e;max-width:480px;height:70vh;padding:20px;box-sizing:border-box;margin:0 auto;margin-top:5rem;border-radius:10px}.assignDebtHeader{font-size:24px;color:#0a2f5c;margin-bottom:20px;text-align:center}.assignDebtHeaderContainer{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.createDebtBtn{background-color:#007bff;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:.95rem;transition:background-color .3s ease}.createDebtBtn:hover{background-color:#0056b3}.debtForm{display:flex;flex-direction:column;gap:10px}input[type=text],input[type=number]{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.assignDebt-btn{padding:10px;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer}.assignDebt-btn:hover{background-color:#08325d}@media print{h2,button,.print-btn{display:none}}@media (max-width: 768px){.debts-container{margin-left:0;padding:15px;width:100%}.debts-table,.debts-table thead,.debts-table tbody,.debts-table th,.debts-table td,.debts-table tr{display:block;width:100%}.debts-table thead{display:none}.debts-table tr{margin-bottom:20px;border:1px solid #ccc;border-radius:5px;padding:10px;background:#fff;box-shadow:0 1px 3px #0000001a}.debts-table td{padding:10px;position:relative;text-align:left}.debts-table td:before{content:attr(data-label);font-weight:700;display:block;margin-bottom:5px;color:#0a2f5c}.status{margin-top:8px}}.add-collector-container{padding:40px 20px;background-color:#f4f7fa;min-height:100vh;box-sizing:border-box;font-family:Segoe UI,sans-serif;display:flex;flex-direction:column;align-items:center}.add-collector-title{color:#0a2f5c;font-size:28px;margin-bottom:20px;text-align:center}.collector-form{background:#fff;border-radius:10px;box-shadow:0 8px 16px #00000014;max-width:700px;width:100%;padding:30px;animation:fadeIn .4s ease-in-out;display:grid;grid-template-columns:1fr 1fr;gap:20px}.error{color:#d32f2f;background:#ffebee;padding:10px;border-radius:6px;margin-bottom:15px;font-size:14px;grid-column:span 2}.form-group{display:flex;flex-direction:column}.form-group label{display:block;color:#333;margin-bottom:8px;font-weight:600;font-size:15px}.form-group input,.subcounty-select{width:100%;padding:12px 14px;border:1px solid #ccc;border-radius:6px;font-size:15px;transition:border-color .3s,box-shadow .3s;box-sizing:border-box}.form-group input:focus{border-color:#0a2f5c;box-shadow:0 0 5px #0a2f5c4d;outline:none}.submit-btn{background-color:#0a2f5c;color:#fff;border:none;padding:14px 25px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .3s ease;grid-column:span 2}.submit-btn:hover{background-color:#083059}.subcounty-select option{padding:10px;font-size:14px}@media (max-width: 768px){.collector-form{padding:25px;grid-template-columns:1fr}.submit-btn,.error{grid-column:span 1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.analyticsCard{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:20px 0}.card{background:#0a2f5c;padding:20px;border-radius:10px;box-shadow:0 1px 6px #0000001a;display:flex;align-items:center;gap:1rem;flex-direction:row;text-align:left;justify-content:flex-start}.card .icon{font-size:30px;color:#fff}.card .text h3{margin:0;font-size:16px;color:#fff}.card .text p{margin:0;font-weight:700;font-size:18px;color:#fff}.analyticsGraph{margin-top:40px}.analyticsGraph h2{margin-bottom:20px;color:#0a2f5c}.graph-grid{display:flex;gap:1rem;flex-wrap:wrap}.graph-box{width:100%;height:300px}.graph-placeholder{flex:1;min-width:280px;background:#f9f9f9;padding:40px;border:2px dashed #ccc;text-align:center;border-radius:8px;font-size:16px;color:#999}.recentActivity{margin-top:40px}.recentActivity h2{margin-bottom:20px;color:#0a2f5c}.activity-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 6px #0000001a}.activity-table td{padding:2px 8px;text-align:left;border-bottom:1px solid #eee}.activity-table th{padding:10px;text-align:left;background-color:#0a2f5c;color:#fff}.activity-table-wrapper{overflow-x:auto;width:100%}.main-content{padding-right:20px;box-sizing:border-box;overflow-x:hidden}.pagination{margin-top:20px;display:flex;justify-content:center;gap:5px}.pagination button{padding:6px 12px;background-color:#eee;border:none;border-radius:4px;cursor:pointer}.pagination button.active{background-color:#0a2f5c;color:#fff}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.analyticsCard{grid-template-columns:1fr}.card{flex-direction:column;align-items:center;text-align:center;padding:16px}.card .icon{font-size:36px}.card .text h3{font-size:15px}.card .text p{font-size:17px}.analyticsGraph h2,.recentActivity h2{font-size:18px;text-align:center}.graph-grid{flex-direction:column}.graph-box{height:250px}.activity-table,.activity-table thead,.activity-table tbody,.activity-table th,.activity-table td,.activity-table tr{display:block;width:100%}.activity-table thead{display:none}.activity-table tr{margin-bottom:15px;border:1px solid #ddd;border-radius:8px;padding:10px;background:#fff;box-shadow:0 1px 4px #0000000d}.activity-table td{border:none;display:flex;justify-content:space-between;padding:8px 6px;font-size:14px}.activity-table td:before{content:attr(data-label);font-weight:700;color:#0a2f5c;flex-basis:45%;text-align:left}.activity-table td:last-child{border-bottom:none}.pagination{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.pagination button{padding:8px 14px;font-size:14px}.main-content{padding:0 10px;box-sizing:border-box}}.collectors-container{width:100%;padding:20px;background-color:#f4f7fa;min-height:100vh;box-sizing:border-box}.collectors-title{font-size:24px;color:#0a2f5c;margin-bottom:20px}.collectors-table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 6px #0000001a}.collectors-table th,.collectors-table td{padding:4px;text-align:center;border-bottom:1px solid #eee}.collectors-table th{background-color:#0a2f5c;color:#fff}.actions button{margin-right:3px;padding:4px;border:none;border-radius:4px;font-size:14px;cursor:pointer}.view-btn{background-color:#17a2b8;color:#fff}.edit-btn{background-color:#ffc107;color:#000}.delete-btn{background-color:#dc3545;color:#fff}.view-collector-container{padding:30px;background-color:#f4f7fa;min-height:100vh;font-family:Segoe UI,sans-serif}.title{font-size:26px;color:#0a2f5c;margin-bottom:20px}.collector-profile{background:#fff;padding:20px;border-radius:8px;box-shadow:0 3px 6px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap;gap:20px}.collector-stats{display:flex;flex-wrap:wrap;gap:20px}.stat{background-color:#0a2f5c;color:#fff;height:13vh;padding:15px 20px;border-radius:6px;font-size:14px;text-align:center;min-width:150px}.section-title{margin-top:20px;margin-bottom:10px;font-size:20px;color:#0a2f5c}.debtors-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 6px #0000000d;border-radius:6px;overflow:hidden;margin-bottom:30px}.status-action{margin-top:20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.status{color:#000}.edit-collector{max-width:600px;margin:0 auto;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 0 10px #0000001a}.edit-collector h2{text-align:center;margin-bottom:1.5rem;color:#333}.edit-collector form{display:flex;flex-direction:column;gap:1rem}.edit-collector label{display:flex;flex-direction:column;font-weight:500;color:#555}.edit-collector input[type=text],.edit-collector input[type=email]{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:6px;margin-top:4px}.permissions-fieldset{border:1px solid #ccc;border-radius:8px;padding:16px;margin-top:20px;background-color:#f9f9f9}.permissions-fieldset legend{font-weight:700;font-size:1.1rem;margin-bottom:10px}.permission-options{display:flex;gap:20px;flex-wrap:wrap}.permission-options label{display:flex;align-items:center;gap:6px;font-size:.95rem;cursor:pointer}.form-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.form-buttons button{padding:.6rem 1.2rem;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.form-buttons button[type=submit]{background-color:#007bff;color:#fff}.form-buttons button[type=submit]:hover{background-color:#0056b3}.form-buttons button[type=button]{background-color:#6c757d;color:#fff}.form-buttons button[type=button]:hover{background-color:#495057}.status-label{font-weight:700;padding:6px 12px;border-radius:4px;text-transform:uppercase;font-size:13px}.status-label.active{background-color:#28a745;color:#fff}.assign-table{width:100%;border-collapse:collapse;margin-top:15px}.assign-table th,.assign-table td{border:1px solid #ccc;padding:10px;text-align:left}.assign-table th{background:#f5f5f5;font-weight:700}.assign-btn{background:#2e7d32;color:#fff;padding:6px 12px;border:none;cursor:pointer;border-radius:4px}.remove-btn{background:#c62828;color:#fff;padding:6px 12px;border:none;cursor:pointer;border-radius:4px}.assign-btn:hover{background:#1b5e20}.remove-btn:hover{background:#8e0000}.status-label.suspended{background-color:#dc3545;color:#fff}.status-toggle-btn{background-color:#0a2f5c;color:#fff;border:none;padding:10px 18px;font-size:14px;border-radius:5px;cursor:pointer;transition:background-color .2s ease-in-out}.status-toggle-btn:hover{background-color:#083059}.error{color:red;background:#ffe0e0;padding:12px;border-radius:6px;margin-bottom:15px}.loading{font-size:16px;color:#333}@media (max-width: 768px){.collectors-container{margin-left:0;padding:15px}.collectors-table,.collectors-table thead,.collectors-table tbody,.collectors-table th,.collectors-table td,.collectors-table tr{display:block;width:100%}.collectors-table thead{display:none}.collectors-table tr{margin-bottom:20px;border:1px solid #ccc;border-radius:5px;padding:10px;background:#fff;box-shadow:0 1px 3px #0000001a}.collectors-table td:before{content:attr(data-label);font-weight:700;display:block;margin-bottom:5px;color:#0a2f5c}.actions button{margin:5px 5px 0 0;width:100%}}.receipt-list-container{padding:20px;background-color:#f4f7fa;min-height:100vh;box-sizing:border-box}.receipt-list-container h2{font-size:24px;color:#0a2f5c;margin-bottom:20px}.receipt-table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 6px #0000001a}.receipt-table th,.receipt-table td{border-bottom:1px solid #eee;text-align:left;font-size:1rem}.receipt-table th{background-color:#0a2f5c;color:#fff;padding:4px 8px}.print-btn{background-color:#0a2f5c;color:#fff;display:inline-flex;align-items:center;gap:6px;border:none;padding:4px 8px;margin-bottom:.5rem;border-radius:5px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .3s ease,box-shadow .2s ease}.print-btn:hover{background-color:#073262}@media (max-width: 768px){.receipt-table,.receipt-table thead,.receipt-table tbody,.receipt-table th,.receipt-table td,.receipt-table tr{display:block;width:100%}.receipt-table thead{display:none}.receipt-table tr{margin-bottom:20px;border:1px solid #ccc;border-radius:5px;padding:10px;background:#fff}.receipt-table td{padding:10px;position:relative}.receipt-table td:before{content:attr(data-label);font-weight:700;display:block;margin-bottom:5px;color:#0a2f5c}}.auditlog-container{padding:20px;background-color:#f4f7fa;min-height:100vh;font-family:Segoe UI,sans-serif;box-sizing:border-box;overflow-x:hidden}.ledger-container{padding:20px;background:#f8fafc;border-radius:12px;box-shadow:0 3px 8px #0000000d;font-family:Segoe UI,sans-serif}.ledger-title{font-size:24px;margin-bottom:20px;color:#0f2c59}.ledger-controls{display:flex;gap:12px;margin-bottom:15px}.ledger-controls input,.ledger-controls select,.ledger-controls button{padding:8px 12px;border-radius:6px;border:1px solid #d1d5db}.sort-btn{cursor:pointer;background:#2563eb;color:#fff;border:none}.ledger-table{width:100%;border-collapse:collapse;margin-top:10px;background:#fff;border-radius:8px;overflow:hidden}.ledger-table th,.ledger-table td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}.ledger-table .amount-col{text-align:right;font-weight:500}.even-row{background:#f9fafb}.odd-row{background:#fff}.balance-row{background:#f1f5f9;font-size:16px}.ledger-loading{padding:20px;text-align:center;font-size:18px}.auditlog-title{font-size:26px;margin-bottom:20px;color:#0a2f5c;word-wrap:break-word}.auditlog-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #00000014;table-layout:auto}.auditlog-table th,.auditlog-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.auditlog-table th{background-color:#0a2f5c;color:#fff;font-weight:600}.auditlog-table tr:hover{background-color:#f9f9f9}.balance-row{background-color:#e8f5e9}.balance-row td{font-size:16px;font-weight:700;color:#2e7d32}.filters-container{background:#d9dde4;padding:24px;border-radius:16px;box-shadow:0 2px 6px #0000000d;border:1px solid #e5e7eb;margin-bottom:32px;box-sizing:border-box}.filters-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px}.filters-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.filters-grid{grid-template-columns:repeat(4,1fr)}}.filter-item{display:flex;flex-direction:column}.filter-label{font-size:14px;font-weight:500;color:#4b5563;margin-bottom:4px}.filter-input,.filter-select{padding:8px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px #0000000d;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.filter-input:focus,.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.filters-actions{display:flex;justify-content:flex-end;margin-top:24px}.reset-button{background:#2563eb;color:#fff;font-size:14px;font-weight:500;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 1px 2px #0000001a;transition:background .2s}.reset-button:hover{background:#1e40af}.chart-card{background:#d9dde4;border-radius:16px;box-shadow:0 2px 6px #00000014;padding:16px;position:relative;box-sizing:border-box;overflow-x:auto;margin-bottom:34px}.chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.chart-card-title{font-size:18px;font-weight:700;margin:0;color:#1f2937}.export-button{background:#3b82f6;color:#fff;font-size:12px;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;transition:background .2s;flex-shrink:0}.export-button:hover{background:#2563eb}.empty-state{text-align:center;color:#6b7280;font-size:14px;margin:16px 0}@media (max-width: 768px){.auditlog-title{font-size:20px}.auditlog-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.auditlog-table th,.auditlog-table td{font-size:13px;padding:8px 10px;white-space:nowrap}.filters-container{padding:16px}.reset-button{width:100%;text-align:center}.chart-card{padding:12px}}.audit-log-container{background:#fff;padding:20px;border-radius:8px;margin-top:20px;box-shadow:0 1px 4px #0000001a;overflow-x:auto}.audit-log-container h2{color:#0a2f5c;font-size:24px;margin-bottom:16px}.audit-table{width:100%;border-collapse:collapse}.audit-table th,.audit-table td{padding:12px 15px;border-bottom:1px solid #eee;text-align:left;font-size:14px}.audit-table th{background-color:#0a2f5c;color:#fff}.audit-table td{background-color:#f9f9f9}.log-icon{margin-right:6px;color:#0a2f5c}@media (max-width: 768px){.audit-table th,.audit-table td{font-size:12px;padding:8px}}button{border:none;background:none;margin-top:12px;cursor:pointer;font-family:inherit}.clickable-row:hover{background-color:#f0f4f8;transition:background-color .3s ease}.view-icon{padding:6px 12px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .3s ease}.view-icon:hover{background-color:#08325d}.manage-debtor{padding:20px;max-width:1100px;margin:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.back-btn{margin-bottom:20px;background-color:#0a2f5c;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.back-btn:hover{background-color:#08325d}h2,h3.section-title{color:#0a2f5c;margin-top:24px}.debtor-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;background-color:#f9f9f9;padding:20px;margin-bottom:30px;border-radius:12px;box-shadow:0 2px 5px #0000000d}.debtor-details p{margin:0;line-height:1.6;font-size:14px}.status{padding:4px 10px;border-radius:5px;color:#000;font-weight:700;text-transform:uppercase}.analytics{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.analytics-card{flex:1;min-width:150px;background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 6px #0000000d;border-left:5px solid #0a2f5c}.analytics-card h4{margin:0;font-size:14px;color:#555}.analytics-card span{display:block;margin-top:6px;font-size:20px;font-weight:700;color:#0a2f5c}.debtors-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}.debtors-table td{border:1px solid #ddd;padding:10px;text-align:center}.debtors-table th{background-color:#f0f4f8;color:#0a2f5c;font-weight:600}.debtors-table tr:nth-child(2n){background-color:#fafafa}.debtors-table tr:hover{background-color:#f5f5f5}.excel-buttons{display:flex;gap:10px;margin:10px 0}.export-btn,.import-btn{background-color:#0a2f5c;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;border:none;transition:background-color .2s ease}.export-btn:hover,.import-btn:hover{background-color:#093053}.assign-to-collector-btn{background-color:#0a2f5c;color:#fff;margin:4px 0;border-radius:6px;cursor:pointer;font-size:13px;border:none}.editDebtor input{display:block;width:100%;padding:12px 14px;margin-bottom:15px;font-size:15px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border .3s ease,box-shadow .3s ease}.editDebtor input:focus{border-color:#4cafef;box-shadow:0 0 6px #4cafef4d}.editDebtor-button{background-color:#4cafef;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:16px;cursor:pointer;transition:background .3s ease}.editDebtor button:hover{background-color:#3a9cd6}*/ .editDebtor{display:flex;justify-content:center;align-items:center;padding:2rem;background:#f8f9fa;min-height:100vh;box-sizing:border-box}.editForm{margin:auto;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014;width:100%;max-width:550px}.editForm h2{margin-bottom:1.5rem;font-size:1.5rem;text-align:center;color:#333}.editForm form{display:flex;flex-direction:column;gap:1rem}.editForm form div{display:flex;flex-direction:column}.editForm label{font-weight:600;margin-bottom:.4rem;color:#444}.editForm input{padding:.75rem 1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;transition:border-color .3s,box-shadow .3s}.editForm input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff66}.editDebtor-actions{display:flex;gap:1rem;margin-top:1rem}.editDebtor-button{flex:1;padding:.75rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;background-color:#007bff;color:#fff;transition:background-color .3s,transform .2s}.editDebtor-button:hover{background-color:#0056b3;transform:translateY(-1px)}.cancel-button{flex:1;padding:.75rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;background-color:#f1f1f1;color:#333;transition:background-color .3s,transform .2s}.cancel-button:hover{background-color:#ddd;transform:translateY(-1px)}.debtorsFeedbacks{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}.debtorsFeedbacks td{border:1px solid #ddd;padding:10px;text-align:center}.debtorsFeedbacks th{background-color:#f0f4f8;color:#0a2f5c;font-weight:600}.debtorsFeedbacks tr:nth-child(2n){background-color:#fafafa}.debtorsFeedbacks tr:hover{background-color:#f5f5f5}.assignDebtContainer{max-width:500px;margin:40px auto;padding:25px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center;font-family:Arial,sans-serif}.assignDebtHeader{font-size:1.6rem;font-weight:700;margin-bottom:20px;color:#333}.assignDebtForm{display:flex;flex-direction:column;gap:15px;text-align:left}.assignDebtForm label{font-size:.95rem;font-weight:500;color:#555}.assignDebtForm select{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:border .3s}.assignDebtForm select:focus{border-color:#007bff;outline:none}.assignDebt-btn{background:#007bff;color:#fff;padding:12px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.assignDebt-btn:hover{background:#0056b3}.assignDebt-btn:disabled{background:#ccc;cursor:not-allowed}.feedbackMessage{margin-top:15px;font-size:.95rem;font-weight:500}.feedbackMessage:empty{display:none}.feedbackMessage:before{content:""}.feedbackMessage:contains("success"){color:green}.feedbackMessage:contains("Failed to assign debt"){color:red}@media screen and (max-width: 768px){.debtor-details{grid-template-columns:1fr}.analytics{flex-direction:column}.assignDebtContainer{margin:20px;padding:20px}.assignDebtHeader{font-size:1.3rem}.assignDebt-btn{font-size:.9rem;padding:10px}.editForm{padding:1.5rem}.editDebtor-actions{flex-direction:column}.editDebtor-button,.cancel-button{width:100%}}.search-input-container{position:relative;display:flex;align-items:center;margin-right:15px}.search-input{padding:8px 8px 8px 30px;border:1px solid #ccc;border-radius:4px;width:250px;transition:all .3s ease}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.search-icon{position:absolute;left:10px;color:#888;font-size:14px}.pagination{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;justify-content:center}.pagination button{padding:8px 14px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer}.pagination button.active{background:#007bff;color:#fff}.pagination .dots{padding:8px;color:#888}@media (max-width: 600px){.pagination button{padding:6px 10px;font-size:13px}.pagination{gap:4px}.pagination .dots{font-size:12px}}.feedbackContainers{max-width:600px;margin:30px auto;margin-top:8rem;background:#f9f9f9;padding:25px;border-radius:12px;box-shadow:0 4px 12px #00000014;font-family:Arial,sans-serif}.feedbackContainers h2{text-align:center;color:#333;margin-bottom:10px;font-size:1.8rem}.feedbackContainers p{text-align:center;font-size:.95rem;color:#555;margin-bottom:20px}.feedbackForm{width:100%}.formGroup{margin-bottom:18px}.formGroup label{display:block;font-weight:600;color:#444;margin-bottom:6px}.formGroup input,.formGroup textarea{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:.95rem;transition:border .3s ease,box-shadow .3s ease}.formGroup input:focus,.formGroup textarea:focus{border-color:#007bff;box-shadow:0 0 6px #007bff33;outline:none}button[type=submit]{display:block;margin-top:12px;width:100%;background:#007bff;color:#fff;padding:12px;font-size:1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}button[type=submit]:hover{background:#0056b3}@media (max-width: 768px){.feedbackContainers{padding:20px}.feedbackContainers h2{font-size:1.5rem}}.submit-payment-form{max-width:500px;margin:auto;padding:20px;background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000001a}.submit-payment-form h2{text-align:center;margin-bottom:20px}.submit-payment-form label{display:block;margin-top:10px;font-weight:700}.submit-payment-form input,.submit-payment-form select,.submit-payment-form textarea{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:7px;box-sizing:border-box;font-size:14px}.submit-payment-form input[type=file]{width:100%;padding:6px;border:1px solid #ccc;border-radius:7px;background-color:#fff}.submit-payment-form button{margin-top:20px;padding:12px;width:100%;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px}.submit-payment-form button:hover{background-color:#0056b3}.processedPaymentsTable{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 6px #0000001a}.processedPaymentsTable td{padding:4px 12px;text-align:left;font:14px Arial,sans-serif;border-bottom:1px solid #eee}.processedPaymentsTable th{padding:10px;text-align:left;background-color:#0a2f5c;color:#fff}.processedPaymentsTable-wrapper{overflow-x:auto;width:100%}.processedPaymentsTable td a{color:#007bff;text-decoration:none;cursor:pointer}.login-page-wrapper{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.login-container{width:800px;height:500px;background-color:#fff;border-radius:10px;box-shadow:0 0 15px #0003;display:flex;position:relative;overflow:hidden;transition:.5s ease-in-out}.login-container h1{font-size:36px;margin:-10px 0}.login-container p{font-size:14.5px;margin:15px 0}form{width:100%}.form-box{position:absolute;right:0;width:50%;height:100%;background:#fff;display:flex;align-items:center;color:#333;text-align:center;padding:40px;z-index:1;transition:.6s ease-in-out 1.2s;visibility:0s 1s}.login-container.active .form-box{right:50%}.form-box.register{visibility:hidden}.login-container.active .form-box.register{visibility:visible}.input-box{position:relative;margin:30px 0}.input-box input{width:100%;padding:13px 50px 13px 20px;background:#eee;border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none;color:#333;font-weight:500;transition:.3s ease}.input-box input:hover{border:1px solid #3e1bd8}.input-box input::placeholder{color:#888;font-weight:400}.input-box .login-icons{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#888;font-size:20px;transition:.3s ease}.forgot-link{display:flex;justify-content:space-between;align-items:center;margin:30px 0}.forgot-link a{color:#888;font-size:14px;transition:.3s ease}.forgot-link a:hover{color:#3e1bd8}.btn{width:100%;padding:13px;background:#333;color:#fff;font-size:16px;border-radius:8px;border:none;cursor:pointer;transition:.3s ease}.btn:hover{background:#3e1bd8}.login-icons{display:flex;justify-content:center}.login-icons a{display:inline-flex;padding:10px;border:2px solid #ccc;color:#333;margin:0 10px}.toggle-box{position:absolute;width:100%;height:100%}.toggle-box:before{content:"";position:absolute;left:-250%;width:300%;height:100%;background:#7494ec;border-radius:150px;z-index:2;transition:1.8s ease-in-out}.login-container.active .toggle-box:before{left:50%}.toggle-pannel{position:absolute;width:50%;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;transition:.6s ease-in-out}.toggle-pannel.toggle-left{left:0;transition-delay:1.2s}.login-container.active .toggle-pannel.toggle-left{left:-50%;transition-delay:.6s}.toggle-pannel.toggle-right{right:-50%;transition-delay:.6s}.login-container.active .toggle-pannel.toggle-right{right:0;transition-delay:1.2s}.toggle-pannel p{margin-bottom:20px}.toggle-pannel .btn{width:160px;height:46px;background:transparent;border:2px solid #fff;box-shadow:none}.toggle-pannel button{margin-top:20px;padding:10px 25px;background:transparent;border:2px solid #fff;color:#fff;border-radius:30px;cursor:pointer;font-size:14px;transition:background .3s ease-in-out;pointer-events:auto}.toggle-pannel button:hover{background:#ffffff1a}@media (max-width: 768px){.login-container{width:95%;height:auto;flex-direction:column;border-radius:8px;box-shadow:none}.form-box{width:100%;height:auto;position:relative;padding:20px;opacity:1!important;z-index:2;visibility:visible!important}.form-box.login,.form-box.register{display:none;visibility:visible}.login-container.active .form-box.register{display:block}.login-container:not(.active) .form-box.login{display:block}.toggle-box,.toggle-box:before,.toggle-pannel{display:none!important}.input-box input{padding:12px 40px 12px 15px;font-size:14px}.btn{font-size:15px;padding:12px}.login-icons a{padding:8px;margin:0 5px}}body{font-family:Raleway,sans-serif;font-size:14px;line-height:26px;color:#636363;font-weight:500;overflow-x:hidden}a{text-decoration:none;color:inherit}.header-top{background:#0a0a97;color:#fff;padding:10px 0}.header-top-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1200px;margin:auto;padding:0 20px}ul{list-style:none;display:flex;flex-wrap:wrap;text-decoration:none;gap:15px;font-size:14px}li{text-decoration:none}.social-icons a{margin-left:10px;font-size:16px;color:#fff;transition:.3s}.social-icons a:hover{color:#00aced}.header-bottom{background:#f8f8f8;padding:15px 0}.header-bottom-inner{max-width:1200px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;flex-wrap:wrap}.logo a{font-size:24px;font-weight:700;color:#222}.main-nav ul{display:flex;gap:20px;list-style:none}.main-nav a{color:#333;font-weight:500;transition:.3s}.main-nav a:hover{color:#0073e6}.search-box{display:flex;align-items:center;gap:10px}.objectives-wrapper{max-width:1200px;margin:auto;padding:60px 20px;text-align:center}.section-heading{font-size:2rem;margin-bottom:40px;color:#222}.objectives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.objective-card{color:#fff;background-color:#0073e6;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.objective-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.objective-card p{font-size:10px;color:#333;line-height:1.6;margin:0}.objective-icon{width:50px;align-items:center;display:flex;justify-content:center;margin:0 auto 15px;font-size:30px}.core-functions-section{padding:40px 20px;background-color:#f9f9f9;color:#222}.core-functions-section h2{font-size:28px;margin-bottom:20px;color:#036;text-align:center}.functions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.function-card{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease}.function-card:hover{transform:translateY(-5px);background-color:#00000026}.function-card h3{font-size:20px;color:#004080;margin-bottom:10px}.function-card ul{list-style:disc;padding-left:20px}.function-card li{margin-bottom:8px;line-height:1.5}.banner-overlay{position:absolute;top:0;left:0;height:100%;width:100%;background:#00000080;z-index:1}.banner-content-overlay{position:relative;z-index:2;padding:100px 20px;text-align:center}.banner-content-overlay h2{font-size:36px;line-height:1.4;font-weight:700;color:#fff}.services-section{padding:60px 20px;background-color:#f9f9f9}.services-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;max-width:1200px;margin:auto}.service-card{background:#fff;padding:20px;text-align:center;border-radius:12px;box-shadow:0 2px 8px #0000000d}.service-card img{width:100%;max-height:160px;object-fit:contain}.service-card h3{margin-top:10px;font-size:18px}.about-section{padding:60px 20px;background-color:gray;text-align:center;height:60vh}.about-content{max-width:800px;margin:auto}.about-content h2{font-size:2rem;margin-bottom:15px}.about-content p{font-size:16px;color:#fff}.fullscreen-btn{position:absolute;top:10px;right:10px;color:#444;font-size:20px}.contact-section{padding:60px 20px;background-color:#636363;text-align:center}.contact-section h2{font-size:2rem;margin-bottom:30px}.contact-form{max-width:800px;margin:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-grid textarea{grid-column:span 2;min-height:100px}.form-grid input,.form-grid select,.form-grid textarea{padding:10px;font-size:16px;width:100%;border:1px solid #ccc;border-radius:6px}.btn-submit{background:#007bff;color:#fff;padding:12px 30px;border-radius:6px;font-weight:600;transition:.3s;display:inline-block}.btn-submit:hover{background:#218838}.footer-landing{background-color:#2c3e50;color:#fff;padding:30px 20px;text-align:center;margin-top:auto}.footer-landing p{margin:0 0 10px;font-size:.95rem}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:#27ae60}@media (max-width: 768px){.hero-section{flex-direction:column;text-align:center}.hero-text{padding-right:0}.hero-text h1{font-size:2.2rem}.cta-button{width:100%;max-width:300px}}