@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Signika+Negative:wght@300..700&display=swap";.content[data-v-3fe4b5d1]{font-family:Signika Negative,sans-serif;display:flex;flex-direction:column;align-items:center;margin-top:2%;margin-left:10%;margin-right:10%}h1[data-v-3fe4b5d1]{font-size:40px}.logout-container[data-v-3fe4b5d1]{width:80%;display:flex;justify-content:space-between;margin-bottom:20px}.logout-button[data-v-3fe4b5d1]{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}.logout-button[data-v-3fe4b5d1]:hover{background-color:#d32f2f}.add-user-button[data-v-3fe4b5d1]{background-color:#5586e2;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}.add-user-button[data-v-3fe4b5d1]:hover{background-color:#476cb1}.user-table-container[data-v-3fe4b5d1]{width:80%;margin:0 auto;overflow-x:auto}.user-table[data-v-3fe4b5d1]{width:100%;border-collapse:collapse;border-radius:5px;overflow:hidden;box-shadow:0 0 20px #0000001a}.user-table th[data-v-3fe4b5d1],.user-table td[data-v-3fe4b5d1]{padding:15px;border:1px solid #f2f2f2;text-align:left}.user-table th[data-v-3fe4b5d1]{background-color:#e6e6e6;font-weight:700}.user-table tbody tr[data-v-3fe4b5d1]:nth-child(2n){background-color:#f9f9f9}.user-table tbody tr[data-v-3fe4b5d1]:hover{background-color:#f2f2f2}.edit-button[data-v-3fe4b5d1],.delete-button[data-v-3fe4b5d1]{padding:10px 10px 10px 35px;margin:0 10px;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s,color .3s}.edit-button[data-v-3fe4b5d1]{background-image:url(./src/components/icons/edit.png);background-size:27px;background-repeat:no-repeat;background-position:center;padding:18px 25px 18px 20px;color:#fff}.delete-button[data-v-3fe4b5d1]{background-image:url(./src/components/icons/delete.png);background-size:26px;background-repeat:no-repeat;background-position:center;padding:18px 25px 18px 20px;color:#fff}.edit-button[data-v-3fe4b5d1]:hover{background-color:#78c0c5}.delete-button[data-v-3fe4b5d1]:hover{background-color:#f14242}.modal-overlay[data-v-3fe4b5d1]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2}.delete-modal[data-v-3fe4b5d1]{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 0 20px #0003;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);z-index:3;width:300px}.delete-modal h2[data-v-3fe4b5d1]{font-size:24px;margin-bottom:10px}.delete-modal p[data-v-3fe4b5d1]{font-size:16px;margin-bottom:20px}.button-container[data-v-3fe4b5d1]{display:flex;justify-content:center;border-top:1px solid #ccc;padding-top:20px}.confirm-button[data-v-3fe4b5d1],.cancel-button[data-v-3fe4b5d1]{padding:10px 20px;margin:0 10px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.confirm-button[data-v-3fe4b5d1]{background-color:#f44336;color:#fff}.cancel-button[data-v-3fe4b5d1]{background-color:#ccc;color:#333}.confirm-button[data-v-3fe4b5d1]:hover,.cancel-button[data-v-3fe4b5d1]:hover{opacity:.8}.edit-modal[data-v-3fe4b5d1]{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 0 20px #0003;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);z-index:3;width:350px}.edit-modal h2[data-v-3fe4b5d1]{font-size:24px;margin-bottom:10px}.edit-modal .form-group[data-v-3fe4b5d1]{margin-bottom:15px}.edit-modal .form-group label[data-v-3fe4b5d1]{display:block;font-size:16px;margin-bottom:5px}.edit-modal .form-group input[type=text][data-v-3fe4b5d1],.edit-modal .form-group input[type=email][data-v-3fe4b5d1]{width:90%;padding:10px;font-size:16px;border-radius:5px;border:1px solid #ccc}.edit-modal .edit-label[data-v-3fe4b5d1]{display:block;font-size:16px;margin-bottom:5px}.custom-select[data-v-3fe4b5d1]{position:relative;width:96%;margin-bottom:15px}.custom-select select[data-v-3fe4b5d1]{width:100%;padding:10px;font-size:16px;border-radius:5px;border:1px solid #ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;cursor:pointer}.custom-select .select-arrow[data-v-3fe4b5d1]{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #666}.custom-select select[data-v-3fe4b5d1]:focus{outline:none;border-color:#78c0c5}.confirm-button-edit[data-v-3fe4b5d1]{padding:10px 20px;margin:0 10px;border:none;border-radius:5px;cursor:pointer;font-size:16px;background-color:#74bd53;color:#fff}.confirm-button-edit[data-v-3fe4b5d1]:hover{background-color:#4b7c34;color:#fff}.add-modal[data-v-3fe4b5d1]{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 0 20px #0003;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);z-index:3;width:350px}.add-modal h2[data-v-3fe4b5d1]{font-size:24px;margin-bottom:10px}.add-modal .form-group[data-v-3fe4b5d1]{margin-bottom:15px}.add-modal .form-group label[data-v-3fe4b5d1]{display:block;font-size:16px;margin-bottom:5px}.add-modal .form-group input[type=text][data-v-3fe4b5d1],.add-modal .form-group input[type=email][data-v-3fe4b5d1],.add-modal .form-group input[type=password][data-v-3fe4b5d1]{width:90%;padding:10px;font-size:16px;border-radius:5px;border:1px solid #ccc}.add-modal .edit-label[data-v-3fe4b5d1]{display:block;font-size:16px;margin-bottom:5px}.add-modal .custom-select[data-v-3fe4b5d1]{position:relative;width:96%;margin-bottom:15px}.add-modal .custom-select select[data-v-3fe4b5d1]{width:100%;padding:10px;font-size:16px;border-radius:5px;border:1px solid #ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;cursor:pointer}.add-modal .custom-select .select-arrow[data-v-3fe4b5d1]{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #666}.add-modal .custom-select select[data-v-3fe4b5d1]:focus{outline:none;border-color:#78c0c5}.confirm-button-add[data-v-3fe4b5d1]{padding:10px 20px;margin:0 10px;border:none;border-radius:5px;cursor:pointer;font-size:16px;background-color:#5876ca;color:#fff}.confirm-button-add[data-v-3fe4b5d1]:hover{background-color:#375197;color:#fff}.container[data-v-ad490f03]{font-family:Signika Negative,sans-serif;width:400px;height:450px;margin:0 auto;padding:20px;border:1px solid #ccc;background-color:#f0f0f073;border-radius:20px;box-shadow:0 0 10px #0000001a;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}h2[data-v-ad490f03]{font-size:36px;margin-bottom:20px;text-align:center}.form-group[data-v-ad490f03]{margin-bottom:20px}label[data-v-ad490f03]{display:block;margin-bottom:5px}input[type=text][data-v-ad490f03],input[type=email][data-v-ad490f03],input[type=password][data-v-ad490f03]{width:100%;padding:12px;border:1px solid #ccc;border-radius:14px;box-sizing:border-box}button[data-v-ad490f03]{width:100%;padding:10px;margin-top:20px;margin-bottom:10px;background-color:#007bff;color:#fff;border:none;font-size:16px;border-radius:14px;cursor:pointer;transition:background-color .3s ease}button[data-v-ad490f03]:hover{background-color:#0056b3}#loginspan[data-v-ad490f03]{display:inline-block;width:100%;text-align:center}#login[data-v-ad490f03]{text-decoration:none;margin-top:12px;display:inline-block;color:#007bff;margin-left:5px;text-align:center}.container[data-v-bdadedfb]{font-family:Signika Negative,sans-serif;width:400px;height:420px;margin:0 auto;padding:20px;border:1px solid #ccc;background-color:#f0f0f073;border-radius:20px;box-shadow:0 0 10px #0000001a;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}h2[data-v-bdadedfb]{font-size:36px;margin-bottom:40px;text-align:center}.form-group[data-v-bdadedfb]{margin-bottom:20px}label[data-v-bdadedfb]{display:block;margin-bottom:5px}input[type=email][data-v-bdadedfb],input[type=password][data-v-bdadedfb]{width:100%;padding:12px;border:1px solid #ccc;border-radius:14px;box-sizing:border-box}button[data-v-bdadedfb]{width:100%;padding:10px;margin-top:20px;margin-bottom:25px;background-color:#007bff;color:#fff;border:none;font-size:16px;border-radius:14px;cursor:pointer;transition:background-color .3s ease}button[data-v-bdadedfb]:hover{background-color:#0056b3}#register[data-v-bdadedfb]{text-decoration:none;display:inline-block;color:#007bff;text-align:center;width:100%}#regspan[data-v-bdadedfb]{display:inline-block;width:100%;text-align:center}#register[data-v-bdadedfb]{text-decoration:none;margin-top:12px;display:inline-block;color:#007bff;margin-left:5px;text-align:center}