@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{color:#00000099;color:#333;font-family:Roboto,sans-serif}.App{height:100vh;overflow-y:hidden}.container{border-radius:6px;box-shadow:0 0 5px 2px #afafaf;margin:0 1.8rem 8rem;padding-bottom:1px}a{text-decoration:none}h1{font-size:2.8rem;font-weight:500}.header{border-bottom:2px solid #eee;padding:2rem}.wrapper{border:1px solid #ddd;margin:1.5rem}.btn,input,label{font-size:1.8rem}.btn{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 2.8rem;transition:.3s}.navbar{font-size:3.6rem;font-weight:700;margin:3.2rem}.navbar a{color:#222}@media screen and (max-width:600px){.navbar{font-size:3rem}}.dashboard .dashboard-head{align-items:center;display:flex;justify-content:space-between}.dashboard .btn:active{-webkit-transform:scale(1.05);transform:scale(1.05)}.dashboard .dashboard-head .btn{background-color:blue}.dashboard .table-wrapper{height:40rem;overflow-x:auto;overflow-y:auto}.dashboard .table-wrapper table{border-collapse:collapse;width:100%}.dashboard td,.dashboard th{font-size:1.8rem;min-width:15rem;padding:2.4rem 1rem;text-align:center;width:100%}.dashboard th{background-color:#ebebeb}.dashboard .empty{font-size:3rem;margin:3rem;text-align:center}.dashboard .btn-edit{background-color:orange}.dashboard .btn-delete{background-color:#ff4500}@media screen and (max-width:600px){.dashboard td,.dashboard th{font-size:1.6rem;min-width:8rem;padding:2rem .5rem;text-align:center;width:100%}}.modal{background-color:#000;background-color:hsla(0,0%,4%,.789);height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal .modal-content{background-color:#f7f7f7;border-radius:8px;height:24rem;margin:10rem auto;width:40rem}.modal .delete-title{border-bottom:2px solid #eee;padding:1rem 2rem}.modal .message-container{border-bottom:2px solid #eee;padding:4rem 2rem}.modal p{font-size:1.8rem;font-weight:600;text-align:center}.modal .btn-wrapper{display:flex;display:-webkit-flex;gap:1rem;justify-content:end;-webkit-justify-content:end;padding:2rem}.modal .btn{padding:1rem}.modal .btn-delete{padding:1rem 2.8rem}.modal .btn-cancel{background-color:#444}.hidden{display:none}@media screen and (max-width:600px){.modal .modal-content{height:24rem;width:100%}}.create-user .form-wrapper{padding:6rem}@media screen and (max-width:600px){.create-user .form-wrapper{padding:3rem 1rem}}form{width:90%}.form .input-field{align-items:center;display:flex;gap:10rem;justify-content:end;text-align:center}.form input{display:block;height:3.2rem;padding:1rem;width:70%}.form .error{color:crimson;font-size:1.8rem;margin-left:30%;margin-top:1rem}.form .space{height:3rem}.form .btn-wrapper{display:flex;gap:2rem;justify-content:end;padding-top:2rem}.form .btn-cancel{background-color:#fff;border:1px solid crimson;color:crimson}.form .btn-submit{background-color:#32cd32}@media screen and (max-width:600px){form{margin:0 auto}.form input{width:100%}.form .input-field{display:flex;flex-direction:column;gap:1rem}.form .error{margin-left:0}.input-field label{text-align:start;width:100%}.form .btn-wrapper{flex-direction:column-reverse;gap:0}.form .btn-submit{margin-bottom:2rem}.form .btn{padding:1rem 2.8rem}}.edit-user .form-wrapper{padding:6rem}@media screen and (max-width:600px){.edit-user .form-wrapper{padding:3rem 1rem}}
/*# sourceMappingURL=main.c48bd3a9.css.map*/