*{margin:0;padding:0}.userCard,.selectCard{display:flex;flex-direction:column;width:300px;padding:10px;font-family:roboto;font-size:16px}.user-label{margin-bottom:10px}.user-input{height:35px;font-size:16px;outline:none}.submit-btn{background-color:#146edb;padding:10px;border:none;color:#fff;font-weight:700;margin-top:10px;cursor:pointer}.form-container{width:320px;padding:20px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.error{color:red;font-size:.8rem;margin-top:4px;display:block}.success-message{width:300px;padding:.75rem;text-align:center;border-radius:.25rem;background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.body-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.failure-message{width:300px;padding:.75rem;text-align:center;border-radius:.25rem;background-color:#eebdaf;color:#065f46;border:1px solid #e26c42}.username-select-field{font-size:14px;height:40px;border:1px solid #d7dfe9;background-color:#e2e8f0;color:#64748b;border-radius:2px;margin-top:5px;padding:8px 16px;outline:none}.userDetailsContainer{background:#fff;border-radius:10px;width:100%;box-shadow:0 0 10px #0000000d;overflow-x:auto;margin:20px}table{width:100%;border-collapse:collapse;min-width:600px;border-radius:10px;margin-top:10px}th,td{padding:12px;border-bottom:1px solid #ddd;text-align:left;font-size:14px}th{background-color:#ccccd6;color:#272a4b}tr:hover{background-color:#f9fafb}.controls{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:15px;margin-top:15px;width:100%}.controls button{padding:6px 12px;background-color:transparent;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;margin-right:10px;display:flex;align-items:center}.controlsButtonCard{display:flex}.controls button:hover{background-color:#e2e8f0}.controls input{padding:8px 12px;border-radius:6px;border:none;outline:none;width:300px;height:40px}.userSearchContainer{border:1px solid #d1d5db;border-radius:8px}.body-container{display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.controls button,.controls input{width:100%;font-size:13px}.controls{flex-direction:column;align-items:stretch}table{min-width:100%}}@media (max-width: 480px){body{padding:10px}.container h1{font-size:18px}th,td{font-size:12px;padding:8px}.controls input{width:100%}}.paginationContainer{width:90%;margin-top:15px;display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}.paginationContainer span{margin-right:auto;font-weight:500}.paginationContainer button{padding:6px 10px;border:1px solid #ddd;border-radius:4px;background-color:#f1f5f9;cursor:pointer}.paginationContainer button.activePage{background-color:#007bff;color:#fff}.paginationContainer button:disabled{opacity:.5;cursor:not-allowed}.pageNumbers{display:flex;gap:5px}.paginationContainer select{padding:6px 10px;border-radius:4px;border:1px solid #ccc}.successMessage{width:300px;padding:.75rem;text-align:center;border-radius:.25rem;background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.bodyContainer{display:flex;flex-direction:column;align-items:center;height:100vh}.body{display:flex;flex-direction:column;align-items:center}.failureMessage{width:300px;padding:.75rem;text-align:center;border-radius:.25rem;background-color:#eebdaf;color:#065f46;border:1px solid #e26c42}.btn-group{display:flex;gap:10px}.btn.edit{background-color:#3b82f6;color:#fff}.btn.edit:hover{background-color:#2563eb}.btn.save{background-color:#10b981;color:#fff}.btn.save:hover{background-color:#059669}.btn.cancel{background-color:#e5e7eb;color:#1f2937}.btn.cancel:hover{background-color:#d1d5db}.btn.delete{background-color:#ef4444;color:#fff}.btn.delete:hover{background-color:#dc2626}.navBarContainer{background-color:#1e293b;margin:0 0 20px;padding:20px;display:flex;justify-content:flex-end}.btn{padding:6px 14px;border:none;border-radius:4px;font-weight:500;cursor:pointer}.btn.logout{background-color:#ef4444;color:#fff}.btn.logout:hover{background-color:#dc2626}.success-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:90%;max-width:1110px;margin:auto}@media screen and (min-width: 992px){.success-container{flex-direction:column;justify-content:center;align-items:center}}.login-form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:90%;max-width:1110px;margin:auto}@media screen and (min-width: 992px){.login-form-container{flex-direction:row;justify-content:space-around}}.form-container{display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:8px;width:100%;max-width:350px}@media screen and (min-width: 992px){.form-container{width:350px;flex-shrink:0;box-shadow:0 8px 40px #07070714;padding:64px 48px}}.input-container{display:flex;flex-direction:column;margin-top:20px;width:100%}.input-label{margin-bottom:0;font-family:Roboto;font-weight:700;font-size:12px;line-height:16px;color:#475569}.username-input-field,.password-input-field{font-size:14px;height:30px;border:1px solid #d7dfe9;background-color:#e2e8f0;color:#64748b;border-radius:2px;margin-top:5px;padding:8px 16px;outline:none}.login-button{font-family:Roboto;font-weight:700;font-size:14px;color:#fff;height:40px;width:100%;margin-top:20px;background-color:#0b69ff;border-radius:8px;border:none;cursor:pointer;outline:none;margin-bottom:10px}.error-message{align-self:start;margin-top:3px;margin-bottom:0;font-family:Roboto;font-size:12px;line-height:16px;color:#ff0b37}.not-found-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.not-found-img{width:400px;height:400px}