@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;1,300&family=Varela+Round&display=swap);*{.varela-round-regular{font-family:Varela Round,sans-serif;font-style:normal;font-weight:400;margin:0;padding:0}}body{background-color:#596fa3}.userTable{background-color:#fff;border-radius:12px;box-shadow:0 6px 12px #0000001a;font-family:Poppins,sans-serif;margin:50px auto;max-width:80%;padding:40px;transition:all .3s ease}.userTable:hover{box-shadow:0 8px 16px #00000026}.addButton{background:linear-gradient(135deg,#7b38d8,#9d58d8);border-radius:8px;box-shadow:0 3px 6px #0000001a;color:#fff;display:inline-block;font-weight:700;padding:12px 20px;text-decoration:none;transition:all .3s ease}.addButton:hover{background:linear-gradient(135deg,#6a2fc4,#843fce);transform:translateY(-2px)}.userTable table{border-collapse:collapse;margin-top:20px;width:100%}.userTable table thead th{background-color:indigo;color:#fff;padding:12px;text-align:left}.userTable table tbody td{border-bottom:1px solid #ddd;padding:12px;text-align:center}.userTable table tbody tr:hover{background-color:#f4f4f4}.actionButtons button{background:red;border:none;border-radius:8px;color:#fff;cursor:pointer;outline:none;padding:10px 15px;transition:background .3s ease}.actionButtons button:hover{background:darkred}.actionButtons a{background:green;border-radius:8px;color:#fff;margin:0 10px;padding:10px 15px;text-decoration:none;transition:background .3s ease}.actionButtons a:hover{background:#006400}.addUser{background-color:#fff;border-radius:12px;box-shadow:0 6px 12px #0000001a;font-family:Poppins,sans-serif;margin:50px auto;max-width:400px;padding:40px;transition:all .3s ease}.addUser:hover{box-shadow:0 8px 16px #00000026}.addUser h3{color:#333;font-size:26px;font-weight:600;margin-bottom:20px;text-align:center}.addUserForm{gap:20px}.addUserForm,.inputGroup{display:flex;flex-direction:column}.inputGroup label{color:#444;font-size:16px;font-weight:500;margin-bottom:8px}.inputGroup input{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;box-shadow:inset 0 1px 4px #0000000d;color:#333;font-size:16px;outline:none;padding:12px;transition:border-color .3s ease}.inputGroup input:focus{background-color:#f9f9ff;border-color:#7b38d8;box-shadow:0 0 5px #7b38d880}.inputGroup button{background:linear-gradient(135deg,#7b38d8,#9d58d8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:12px;transition:all .3s ease}.inputGroup button:hover{background:linear-gradient(135deg,#6a2fc4,#843fce);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.inputGroup button:active{transform:translateY(0)}.addUser{animation:fadeIn .5s ease forwards;opacity:0;transform:translateY(20px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.backButton{align-items:center;background-color:purple;border-radius:5px;box-shadow:1px 1px 8px rgba(0,0,0,.065);color:#fff;display:inline-flex;padding:10px 15px;text-decoration:none;transition:all .3s ease}.backButton:hover{background-color:#9400d3;transform:translateY(-2px)}.backButton svg{font-size:1.2em;margin-right:5px}.backButton{margin-bottom:20px}.backBtn{align-items:center;border-radius:5px;box-shadow:1px 1px 8px rgba(0,0,0,.065);color:#fff;display:inline-flex;margin-bottom:none;padding:5px 10px;text-decoration:none;transition:all .3s ease}
/*# sourceMappingURL=main.39975e73.css.map*/