.modern-qr-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modern-qr-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.scanner-header{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.scanner-header h3{font-size:1.2rem;font-weight:600;margin:0}.close-btn{font-size:1.5rem;padding:.5rem;transition:background-color .3s ease}.close-btn:hover{background:#fff3}.scanner-content{padding:2rem}.scanner-start{text-align:center}.scanner-icon{font-size:4rem;margin-bottom:1rem}.scanner-start h4{color:#2e7d32;font-size:1.5rem;margin-bottom:1rem}.scanner-start p{color:#666;line-height:1.5;margin-bottom:2rem}.permission-denied{background:#f443361a;border-radius:8px;color:#d32f2f;margin-bottom:1rem;padding:1rem}.manual-entry-btn,.start-scan-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:1rem;transition:all .3s ease;width:100%}.start-scan-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.start-scan-btn:hover{background:linear-gradient(135deg,#388e3c,#4caf50);transform:translateY(-2px)}.manual-entry-btn{background:#4caf501a;border:2px solid #4caf504d;color:#2e7d32}.manual-entry-btn:hover{background:#4caf5033}.scanner-active{text-align:center}.camera-container{background:#000;border-radius:12px;margin-bottom:1.5rem;overflow:hidden;position:relative}.camera-video{background:#000;display:block;height:300px;object-fit:cover;transform:scaleX(-1);width:100%}.scan-overlay{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.scan-frame{border:2px solid #4caf50cc;border-radius:12px;height:200px;position:relative;width:200px}.corner{border:3px solid #4caf50;height:20px;position:absolute;width:20px}.corner-tl{border-radius:12px 0 0 0;border-right:none;left:-3px}.corner-tl,.corner-tr{border-bottom:none;top:-3px}.corner-tr{border-left:none;border-radius:0 12px 0 0;right:-3px}.corner-bl{border-radius:0 0 0 12px;border-right:none;left:-3px}.corner-bl,.corner-br{border-top:none;bottom:-3px}.corner-br{border-left:none;border-radius:0 0 12px 0;right:-3px}.scan-line{animation:scanLine 2s linear infinite;background:linear-gradient(90deg,#0000,#4caf50,#0000);height:2px;left:0;position:absolute;right:0;top:0}@keyframes scanLine{0%{transform:translateY(0)}to{transform:translateY(196px)}}.scan-instructions{color:#fff;margin-top:2rem;text-shadow:0 2px 4px #00000080}.scan-instructions p{font-size:1rem;font-weight:500;margin:0}.scanner-controls{display:flex;gap:1rem}.stop-scan-btn{background:linear-gradient(135deg,#f44336,#ef5350);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease}.stop-scan-btn:hover{background:linear-gradient(135deg,#d32f2f,#f44336);transform:translateY(-2px)}@media (max-width:600px){.modern-qr-modal{margin:1rem;width:95%}.scanner-content{padding:1rem}.camera-video{height:250px}.scan-frame{height:150px;width:150px}}.receipt-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.receipt-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:24px;width:90%}.receipt-header{border-bottom:2px solid #e0e0e0;margin-bottom:24px;padding-bottom:16px;text-align:center}.receipt-header h2{color:#2c3e50;font-size:24px;margin:0 0 8px}.receipt-header p{color:#27ae60;font-weight:600;margin:0}.receipt-content{margin-bottom:24px}.receipt-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.receipt-row:last-child{border-bottom:none}.receipt-row .label{color:#555;font-weight:500}.receipt-row .value{color:#2c3e50;font-weight:600}.receipt-row .value.success{color:#27ae60}.receipt-footer{border-top:2px solid #e0e0e0;margin-bottom:24px;padding-top:16px;text-align:center}.receipt-footer p{color:#666;font-size:14px;margin:4px 0}.receipt-actions{display:flex;justify-content:center}.close-btn{background:#95a5a6;border-radius:8px;color:#fff;font-weight:600;padding:12px 24px;transition:all .2s}.close-btn:hover{background:#7f8c8d}.success-buttons{display:flex;flex-direction:column;gap:16px;margin-top:20px}.success-buttons .submit-btn{margin:0}.invoice-selection{margin:20px 0}.invoice-list{border:1px solid #ddd;border-radius:8px;max-height:300px;overflow-y:auto;padding:10px}.invoice-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:10px}.invoice-item:last-child{border-bottom:none}.invoice-item input[type=checkbox]{margin-right:10px}.invoice-item label{cursor:pointer;flex:1 1}.invoice-item small{color:#666;display:block;font-size:12px}.total-amount{background:#f8f9fa;border-radius:5px;margin-top:15px;padding:10px;text-align:right}@media print{.receipt-overlay{background:#fff;position:static}.receipt-actions{display:none}}.payment-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000026;margin:2rem auto;max-width:500px;padding:2.5rem}.payment-form h2{color:#2e7d32;font-size:1.8rem;font-weight:600;margin-bottom:2rem;position:relative;text-align:center}.payment-form h2:after{background:linear-gradient(90deg,#4caf50,#81c784);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.input-group{margin-bottom:1.5rem}.input-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.input-group input{background:#fffc;border:2px solid #e8f5e8;border-radius:12px;font-size:16px;padding:14px;transition:all .3s ease;width:100%}.input-group input:focus{background:#fff;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.input-group input.error{border-color:#ff6b6b}.phone-input{background:#fffc;border:2px solid #e8f5e8;border-radius:12px;display:flex;overflow:hidden;transition:all .3s ease}.phone-input:focus-within{background:#fff;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.phone-input.error{border-color:#ff6b6b}.phone-input .prefix{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border-right:2px solid #e8f5e8;color:#2e7d32;font-weight:600;padding:14px 16px}.phone-input input{border:none;flex:1 1;padding:12px}.error-text{color:#ff6b6b;display:block;font-size:14px;margin-top:4px}.submit-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:12px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:16px;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#4caf50);box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.summary{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border:1px solid #4caf5033;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.summary-row:last-child{margin-bottom:0}.summary-row span:first-child{color:#2e7d32;font-weight:600}.summary-row span:last-child{color:#1b5e20;font-weight:700}.success{text-align:center}.success h2{color:#2e7d32;font-size:2rem;margin-bottom:1rem}.success:before{content:"🌱";display:block;font-size:3rem;margin-bottom:1rem}.scan-section{margin-bottom:2rem;text-align:center}.scan-btn{align-items:center;background:linear-gradient(135deg,#2196f3,#42a5f5);border:none;border-radius:12px;box-shadow:0 4px 15px #2196f34d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:16px;transition:all .3s ease;width:100%}.scan-btn:hover{background:linear-gradient(135deg,#1976d2,#2196f3);box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.divider{margin:1.5rem 0;position:relative;text-align:center}.divider:before{background:linear-gradient(90deg,#0000,#4caf504d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#ffffffe6;color:#666;font-size:14px;font-weight:500;padding:0 1rem}.success p{color:#666;margin-bottom:2rem}small{color:#666;display:block;font-size:12px;margin-top:4px}.fee-breakdown{background:#4caf501a;border:1px solid #4caf5033;border-radius:8px;margin-top:1rem;padding:1rem}.fee-item{display:flex;font-size:14px;justify-content:space-between;margin-bottom:.5rem}.fee-item:last-child{margin-bottom:0}.fee-item.total{border-top:1px solid #4caf504d;color:#2e7d32;font-weight:600;margin-top:.5rem;padding-top:.5rem}.payment-methods{display:flex;flex-direction:column;gap:1rem}.illico-btn{background:linear-gradient(135deg,#4caf50,#66bb6a)}.card-btn{background:linear-gradient(135deg,#2196f3,#42a5f5)}.card-btn:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#2196f3)}.back-btn{background:#9e9e9e1a;border:2px solid #9e9e9e4d;border-radius:12px;color:#666;cursor:pointer;font-size:14px;font-weight:500;margin-top:1rem;padding:12px;transition:all .3s ease;width:100%}.back-btn:hover{background:#9e9e9e33;color:#333}.payment-type-selector{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.payment-type-selector h2{color:#2e7d32;font-size:2rem;font-weight:600;margin-bottom:.5rem}.payment-type-selector p{color:#666;font-size:1.1rem;margin-bottom:3rem}.type-buttons{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;width:100%}.type-btn{align-items:center;background:#fff;border:none;border-radius:16px;box-shadow:0 4px 20px #0000001a;cursor:pointer;display:flex;padding:2rem;text-align:left;transition:all .3s ease;width:100%}.type-btn:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.meter-type:hover{border-left:4px solid #4caf50}.invoice-type:hover{border-left:4px solid #ff9800}.type-icon{font-size:3rem;margin-right:1.5rem;min-width:60px}.type-info{flex:1 1}.type-info h3{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.type-info p{color:#666;font-size:.95rem;margin:0}.type-arrow{color:#999;font-size:1.5rem;margin-left:1rem}.meter-type .type-arrow{color:#4caf50}.invoice-type .type-arrow{color:#ff9800}@media (max-width:600px){.payment-container{margin:1rem;padding:1.5rem}}.language-toggle{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff40;border:1px solid #fff6;border-radius:25px;box-shadow:0 4px 15px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:1000}.language-toggle:hover{background:#ffffff59;box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.admin-fab{align-items:center;background:linear-gradient(135deg,#2196f3,#42a5f5);border:none;border-radius:50%;bottom:30px;box-shadow:0 8px 25px #2196f366;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;left:30px;position:fixed;transition:all .3s ease;width:60px;z-index:1000}.admin-fab:hover{box-shadow:0 12px 35px #2196f399;transform:translateY(-3px) scale(1.1)}.admin-fab:active{transform:translateY(-1px) scale(1.05)}.admin-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.admin-modal{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:400px;padding:2rem;width:90%}.admin-modal-header{align-items:center;border-bottom:2px solid #4caf5033;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.admin-modal-header h3{align-items:center;color:#2e7d32;display:flex;font-size:1.5rem;gap:.5rem;margin:0}.close-btn{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:20px;padding:5px;transition:all .2s ease}.close-btn:hover{background:#ff6b351a;color:#ff6b35;transform:rotate(90deg)}.admin-form{gap:1.5rem}.admin-form,.admin-input-group{display:flex;flex-direction:column}.admin-input-group{gap:.5rem}.admin-input-group label{color:#2e7d32;font-size:14px;font-weight:600}.admin-input-group input{background:#fffc;border:2px solid #e8f5e8;border-radius:12px;font-size:16px;padding:12px 16px;transition:all .3s ease}.admin-input-group input:focus{background:#fff;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.admin-input-group input:disabled{cursor:not-allowed;opacity:.6}.admin-login-btn{align-items:center;background:linear-gradient(135deg,#2196f3,#42a5f5);border:none;border-radius:12px;box-shadow:0 4px 15px #2196f34d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:14px 20px;transition:all .3s ease}.admin-login-btn:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#2196f3);box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.admin-login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.admin-demo-info{border-top:1px solid #4caf5033;margin-top:1rem;padding-top:1rem;text-align:center}.admin-demo-info small{background:#4caf501a;border-radius:8px;color:#666;font-family:monospace;padding:4px 8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:600px){.admin-fab{bottom:20px;font-size:20px;height:50px;left:20px;width:50px}.admin-modal{margin:1rem;padding:1.5rem}}.user-management{margin-top:2rem}.user-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.user-management-header h3{color:#2e7d32;font-size:1.5rem;margin:0}.add-user-btn,.user-management-header h3{align-items:center;display:flex;gap:.5rem}.add-user-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.add-user-btn:hover{background:linear-gradient(135deg,#388e3c,#4caf50);transform:translateY(-2px)}.add-user-form{background:#ffffffe6;border:2px solid #4caf5033;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.add-user-form h4{color:#2e7d32;margin-bottom:1rem}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row input,.form-row select{border:2px solid #e8f5e8;border-radius:8px;flex:1 1;font-size:14px;padding:12px;transition:border-color .3s ease}.form-row input:focus,.form-row select:focus{border-color:#4caf50;outline:none}.checkbox-label{align-items:center;color:#2e7d32;display:flex;font-weight:500;gap:.5rem}.form-actions{display:flex;gap:1rem}.form-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:10px 20px;transition:all .3s ease}.form-actions button[type=submit]{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.form-actions button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#4caf50)}.form-actions button[type=button]{background:#f443361a;border:2px solid #f443364d;color:#f44336}.form-actions button[type=button]:hover{background:#f4433633}.users-table .table-header{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;font-weight:600}.users-table .table-header,.users-table .table-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr 120px;padding:1rem 1.5rem}.users-table .table-row{align-items:center;border-bottom:1px solid #4caf501a;transition:background-color .2s ease}.users-table .table-row:hover{background:#4caf500d}.users-table .table-row:last-child{border-bottom:none}.username{color:#2e7d32;font-weight:600}.role{align-items:center;display:flex;font-weight:600;gap:.5rem}.role.admin{color:#ff6b35}.role.user{color:#2196f3}.actions{display:flex;gap:.5rem}.actions button{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:8px;transition:all .2s ease}.toggle-btn:hover{background:#2196f31a}.delete-btn:hover{background:#f443361a}@media (max-width:768px){.user-management-header{flex-direction:column;gap:1rem;text-align:center}.form-row{flex-direction:column}.users-table .table-header,.users-table .table-row{gap:.5rem;grid-template-columns:1fr}.users-table .table-header>div,.users-table .table-row>div{padding:.5rem 0}}.deduction-manager{padding:2rem}.current-deduction{background:#4caf501a;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:center}.current-rate .percentage{color:#2e7d32;display:block;font-size:3rem;font-weight:700}.current-rate small{color:#666;margin-top:.5rem}.update-deduction{background:#ffffffe6;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.deduction-form{grid-gap:1rem;display:grid;gap:1rem;max-width:400px}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#2e7d32;font-weight:600}.form-group input{border:2px solid #e8f5e8;border-radius:8px;font-size:16px;padding:12px;transition:all .3s ease}.form-group input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.update-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.update-btn:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#4caf50);transform:translateY(-2px)}.update-btn:disabled{cursor:not-allowed;opacity:.6}.deduction-history{background:#ffffffe6;border-radius:12px;padding:1.5rem}.history-table{margin-top:1rem}.table-header{border-radius:8px 8px 0 0}.table-header,.table-row{grid-template-columns:1fr 2fr 1fr 1fr 1fr;padding:1rem}.table-row:last-child{border-radius:0 0 8px 8px}.table-row .percentage{color:#2e7d32;font-weight:600}.status.active{font-weight:600}.status.inactive{color:#666}.admin-dashboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:2rem auto;max-width:1200px;padding:2rem}.admin-header{align-items:center;border-bottom:2px solid #4caf5033;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.admin-header h2{color:#2e7d32;font-size:2rem;margin:0}.admin-header h2,.logout-btn{align-items:center;display:flex;gap:.5rem}.logout-btn{background:linear-gradient(135deg,#ff6b35,#ff8e53);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.logout-btn:hover{box-shadow:0 4px 15px #ff6b354d;transform:translateY(-2px)}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem}.tab-btn{align-items:center;background:#4caf501a;border:2px solid #4caf5033;border-radius:12px;color:#2e7d32;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:12px 24px;transition:all .3s ease}.tab-btn:hover{background:#4caf5033;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#4caf50,#66bb6a);border-color:#4caf50;color:#fff}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fffc;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 20px #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-4px)}.stat-card.success{border-color:#4caf504d}.stat-card.primary{border-color:#2196f34d}.stat-card.error{border-color:#f443364d}.stat-card.warning{border-color:#ff98004d}.stat-icon{align-items:center;background:#4caf501a;border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-info h3{color:#2e7d32;font-size:2rem;font-weight:700;margin:0}.stat-info p{color:#666;font-weight:500;margin:0}.transactions-table{background:#fffc;border-radius:16px;box-shadow:0 4px 20px #0000000d;overflow:hidden}.table-header{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;font-weight:600}.table-header,.table-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr;padding:1rem 1.5rem}.table-row{border-bottom:1px solid #4caf501a;transition:background-color .2s ease}.table-row:hover{background:#4caf500d}.table-row:last-child{border-bottom:none}.txn-id{color:#2e7d32;font-family:monospace;font-weight:600}.amount{color:#1b5e20;font-weight:600}.status{align-items:center;display:flex;font-weight:600;gap:.5rem}.status.success{color:#4caf50}.status.failed{color:#f44336}.search-bar{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.search-input{background:#fffc;border:2px solid #e8f5e8;border-radius:12px;flex:1 1;font-size:16px;padding:12px 16px;transition:all .3s ease}.search-input:focus{background:#fff;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.refresh-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:12px 20px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#4caf50);transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.loading-row,.no-data-row{background:#4caf500d;color:#666;font-style:italic;padding:2rem;text-align:center}.status.active{color:#4caf50}.status.inactive{color:#f44336}.users-content{margin-top:1rem}.users-table{background:#fffc;border-radius:16px;box-shadow:0 4px 20px #0000000d;overflow:hidden}.password-content{display:flex;justify-content:center;margin-top:2rem}.password-form{background:#ffffffe6;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:400px;padding:2rem;width:100%}.password-form h3{color:#2e7d32;margin-bottom:1.5rem;text-align:center}.password-form .input-group{margin-bottom:1rem}.password-form label{color:#2e7d32;display:block;font-weight:600;margin-bottom:.5rem}.password-form input{border:2px solid #e8f5e8;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px;transition:all .3s ease;width:100%}.password-form input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.update-password-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:1rem;padding:12px;transition:all .3s ease;width:100%}.update-password-btn:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#4caf50);transform:translateY(-2px)}.update-password-btn:disabled{cursor:not-allowed;opacity:.6}.deduction-list-content{padding:1rem}.deduction-table{background:#fffc;border-radius:16px;box-shadow:0 4px 20px #0000000d;margin-top:1rem;overflow:hidden}.deduction-table .table-header{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff;font-weight:600}.deduction-table .table-header,.deduction-table .table-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;padding:1rem 1.5rem}.deduction-table .table-row{border-bottom:1px solid #ff98001a;transition:background-color .2s ease}.deduction-table .table-row:hover{background:#ff98000d}.service-fee{color:#ff6f00;font-weight:600}.credited-amount{color:#2e7d32;font-weight:600}@media (max-width:768px){.admin-dashboard{margin:1rem;padding:1.5rem}.admin-header{gap:1rem;text-align:center}.admin-header,.admin-tabs{flex-direction:column}.stats-grid,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:.5rem}.table-header>div,.table-row>div{padding:.5rem 0}.password-form{margin:0 1rem}}.permission-manager{padding:2rem}.permission-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr;margin-top:1rem}.users-list{background:#fffc;border-radius:12px;padding:1rem}.user-item{border:2px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:.5rem;padding:.75rem;transition:all .3s ease}.user-item:hover{background:#4caf501a}.user-item.selected{background:#4caf5033;border-color:#4caf50}.user-item span{display:block;font-weight:600}.user-item small{color:#666;text-transform:capitalize}.permissions-panel{background:#fffc;border-radius:12px;padding:1rem}.permissions-grid{grid-gap:.75rem;display:grid;gap:.75rem;margin:1rem 0}.permission-item{align-items:flex-start;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:all .3s ease}.permission-item:hover{background:#4caf500d}.permission-item input[type=checkbox]{margin:0}.permission-item span{color:#2e7d32;font-weight:600}.permission-item small{color:#666;display:block;margin-top:.25rem}.save-permissions-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.save-permissions-btn:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#4caf50);transform:translateY(-2px)}.save-permissions-btn:disabled{cursor:not-allowed;opacity:.6}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fff8e1,#fffde7 50%,#f9fbe7);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;position:relative}body:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='80' cy='40' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='40' cy='80' r='1.5' fill='%23fff' opacity='.1'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#4caf501a;border-bottom:2px solid #4caf5033;box-shadow:0 4px 20px #0000000d;display:flex;justify-content:center;padding:1.5rem 2rem;position:relative;text-align:center}.App-header img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));left:2rem;position:absolute;top:50%;transform:translateY(-50%)}.App-header h1{color:#2e7d32;font-size:2.2rem;font-weight:400;letter-spacing:1px;margin:0;text-shadow:0 2px 10px #0000001a}main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}@media (max-width:600px){.App-header{justify-content:flex-start;padding:1rem}.App-header img{height:60px;margin-right:1rem;position:static;transform:none;width:60px}.app-title{display:none!important;font-size:1.4rem;text-align:left;width:100%}main{padding:1rem}}