.login-container{background-image:url(/uploads/liskan.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#ffffffb3;border-radius:8px;width:100%;max-width:340px;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.login-heading{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.form-group{flex-direction:column;margin-bottom:1rem;display:flex}.form-label{margin-bottom:.5rem;font-weight:500}.form-input,.form-select{border:1px solid #ccc;border-radius:4px;padding:.75rem;font-size:1rem}.login-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;width:100%;margin-top:1rem;padding:.75rem;font-size:1rem;transition:background-color .3s}.login-button:hover{background-color:#0056b3}.login-error{color:red;text-align:center;margin-bottom:1rem}.login-loading{text-align:center;color:#555;margin-top:1rem}@media (max-width:480px){.login-card{max-width:280px;padding:1rem}.login-heading{font-size:1.2rem}}.manage-container{max-width:1200px;margin:0 auto;padding:2rem}.form-row{gap:1.5rem;margin-bottom:1.5rem;display:flex}.form-row input,.form-row select{border:1px solid #ccc;border-radius:6px;outline:none;flex:1;padding:16px;font-size:16px;transition:border-color .3s}.form-row input:focus,.form-row select:focus{border-color:#007bff;box-shadow:0 0 4px #007bff66}.add-user-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:6px;width:220px;padding:16px;font-size:16px;transition:background-color .3s}.add-user-button:hover{background-color:#0056b3}.tab-container{gap:12px;margin-bottom:1.5rem;display:flex}.tab-button{cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-weight:700;transition:all .3s}.tab-button.active{color:#fff;background-color:#007bff;box-shadow:0 2px 6px #0003}.tab-button.inactive{color:#000;background-color:#f0f0f0}.manage-table{border-collapse:collapse;width:100%;margin-bottom:2rem;box-shadow:0 2px 6px #0000001a}.manage-table th{text-align:left;background-color:#f1f1f1;border-bottom:2px solid #ccc;padding:14px;font-weight:700}.manage-table td{text-align:left;border-bottom:1px solid #eee;padding:14px}.manage-table tr:hover{background-color:#f1f7ff}.delete-button{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:6px;padding:10px 14px;font-weight:700;transition:background-color .3s}.delete-button:hover{background-color:#b02a37}body{color:#333;background-color:#f9f9f9;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h2{margin-bottom:1rem}button{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:4px;padding:.5rem 1rem}button:hover{background-color:#1565c0}