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}body{align-items:center;background-color:#f5f5f5;background:linear-gradient(#000000b3,#000000b3),url(https://media.istockphoto.com/id/1390249765/photo/compliance-with-internal-regulations-basic-rules-of-employees-in-the-company-law-regulation.webp?a=1&b=1&s=612x612&w=0&k=20&c=PWzFie3iflSoDZxnxDuAmpKQdmQuZRbxey-BJ6-iet4=);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh}.user-management{background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001a;margin:50px auto;max-width:600px;padding:20px}.user-management h1{color:#343a40;font-size:2.5rem;margin-bottom:20px;text-align:center}.user-form{display:flex;flex-direction:column;margin-bottom:20px}.user-form input{border:1px solid #ced4da;border-radius:8px;margin:10px 0;padding:12px;transition:border-color .3s,box-shadow .3s}.user-form input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.user-form button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px;transition:background-color .3s,transform .2s}.user-form button:hover{background-color:#0056b3;transform:translateY(-2px)}input::placeholder{color:#aaa}ul{list-style-type:none;padding:0}ul li{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin:5px 0;padding:12px;transition:background-color .3s}ul li:hover{background-color:#f1f1f1}ul li div{display:flex;gap:10px}ul li button{background-color:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s,transform .2s}ul li button:hover{background-color:#c82333;transform:translateY(-2px)}.login-form{display:flex;flex-direction:column;margin-bottom:20px}.login-form h2{color:#343a40;margin-bottom:20px;text-align:center}.login-form input{border:1px solid #ced4da;border-radius:8px;margin:10px 0;padding:12px;transition:border-color .3s,box-shadow .3s}.login-form input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.login-form button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px;transition:background-color .3s,transform .2s}.login-form button:hover{background-color:#0056b3;transform:translateY(-2px)}.search-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.search-bar input{border:1px solid #ced4da;border-radius:8px;flex:1 1;margin-right:10px;padding:12px;transition:border-color .3s,box-shadow .3s}.search-bar input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.footer{color:#6c757d;font-size:.9rem;margin-top:20px;text-align:center}.notification{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}.error,.notification{display:none;margin:10px 0;padding:10px}.error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.button-group{display:flex;justify-content:space-between;margin-top:10px}.button-group button{border:none;border-radius:8px;cursor:pointer;flex:1 1;margin:0 5px;padding:10px;transition:background-color .3s,transform .2s}.button-group button.edit{background-color:#ffc107;color:#fff}.button-group button.edit:hover{background-color:#e0a800;transform:translateY(-2px)}.button-group button.delete{background-color:#dc3545;color:#fff}.button-group button.delete:hover{background-color:#c82333;transform:translateY(-2px)}.logout-button{background-color:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:20px;padding:12px;transition:background-color .3s,transform .2s;width:100%}.logout-button:hover{background-color:#c82333;transform:translateY(-2px)}@media (max-width:768px){.user-management{margin:20px;padding:15px}.user-management h1{font-size:2rem}.login-form button,.login-form input,.search-bar input,.user-form button,.user-form input{padding:10px}ul li{align-items:flex-start;flex-direction:column}ul li div{justify-content:space-between;width:100%}}
/*# sourceMappingURL=main.dddd81bd.css.map*/