@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";:root{--wit: #ffffff;--groen: #7fac52;--groen-blauw: #2b8983;--blauw: #1d6498;--blauw-groen: #2c728b;--beige: #f6f3ea;--lichte-blauw: #6ca8bd;--geel: #ffcc00}*{margin:0;padding:0;font-family:Poppins,sans-serif}body{margin:auto;background:var(--wit)}html[data-v-1cafbb97],body[data-v-1cafbb97],#app[data-v-1cafbb97]{height:100%;margin:0}body[data-v-1cafbb97]{background:linear-gradient(180deg,#dfe4de 20%,#aae5db)}.sidebar[data-v-da6c1469]{display:flex;flex-direction:column;background:#aae5db;background:linear-gradient(180deg,var(--beige) 20%,var(--wit) 100%);color:#fff;width:20%;height:100vh;border-right:2px solid black;box-sizing:border-box}.logo-container[data-v-da6c1469]{width:100%;padding:2rem 0;background-color:#fff;text-align:center}.logo-container img[data-v-da6c1469]{max-width:35%;height:auto;cursor:pointer}.menu-section-container[data-v-da6c1469]{margin-top:2rem;margin-left:2rem;height:100%;display:flex;flex-direction:column}.button-container[data-v-da6c1469]{margin:.5rem 0}.menu-button[data-v-da6c1469]{font-size:large;font-weight:700;background:transparent;border:none;color:var(--blauw);padding:10px;transition:.3s}.menu-button[data-v-da6c1469]:hover{color:var(--lichte-blauw);cursor:pointer}.button-container[data-v-da6c1469]:last-child{margin-top:auto}.main-layout[data-v-dd50fc58]{display:flex}button[data-v-7a844148]{border:none;background-color:var(--#2b8983);font-weight:700;font-size:medium;border-radius:20px;color:#000;padding:15px;margin:auto auto 10px;width:10rem;cursor:pointer;transition:.3s}.main-container[data-v-baee6b97]{display:flex;justify-content:center;align-items:center;height:100vh;text-align:center;margin:auto}.logo-container img[data-v-baee6b97]{width:50%;margin:10px}form[data-v-baee6b97]{margin:auto;width:507px;height:461px;display:grid;background:var(--geel);color:#000;border:none;border-radius:30px}form label[data-v-baee6b97]{margin:auto;width:55%;color:#000;text-align:left;font-size:medium}form input[data-v-baee6b97]{border:none;border-radius:30px;color:#000;padding:15px;margin:auto;width:60%}.password-container[data-v-baee6b97]{position:relative;width:100%;margin:auto}.toggle-password[data-v-baee6b97]{position:absolute;top:47%;right:22%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#000;font-size:1rem}.login-button[data-v-baee6b97]{margin-bottom:3rem;transition:.3s ease}.login-button[data-v-baee6b97]:hover{width:35%}@keyframes TopToBottom-baee6b97{0%{transform:translateY(-170%)}to{transform:translateY(0)}}.modal[data-v-baee6b97]{background-color:#000000b3;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.modal-content[data-v-baee6b97]{animation-name:TopToBottom-baee6b97;animation-duration:1.4s;background-color:#71c8c0;width:360px;padding:20px;border-radius:12px;text-align:center;transition:transform .3s ease}.modal-content p[data-v-baee6b97]{color:#000;font-size:20px;font-weight:700;margin-top:2rem;margin-bottom:2rem}.animate-slide-down[data-v-baee6b97]{transform:translateY(0)}.modal-content img[data-v-baee6b97]{margin-top:20px;width:150px;background:transparent}.modal-content a[data-v-baee6b97]{margin-top:2rem;color:#fff}.close[data-v-baee6b97]{top:0;right:10px;font-size:20px}@media only screen and (max-width:840px){form[data-v-baee6b97]{width:auto}.logo-container img[data-v-baee6b97]{width:150px}}