:root{--main-color:#4fc3f7;--main-alt-color:#0288d1;--green-color:#22c55e;--grey-color:#888;--main-transition:0.3s;--main-padding-top:100px;--main-padding-bottom:100px;--section-background:#ececec;--red-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background:#ececec;background:var(--section-background);color:#333;font-family:Segoe UI,Roboto,Arial,sans-serif;height:100%}a{text-decoration:none;transition:color .3s;transition:color var(--main-transition)}button{cursor:pointer;font-family:inherit}form{border-radius:10px 10px 0 0!important;padding:30px 0 0}form .form-row{display:flex;flex-wrap:wrap;margin:32px 0}form .form-row .criteria-group,form .form-row .input-data,form .form-row .select-data,form .form-row .textarea-data{flex:1 1;height:40px;margin:0 20px;min-width:250px;position:relative;width:100%}form .form-row .textarea-data{height:70px}form .form-row .input-data input:not([type=checkbox]),form .form-row .select-data select,form .form-row .textarea-data textarea{background:#0000;border:none;border-bottom:2px solid #0000001f;color:#333;display:block;font-size:17px;height:100%;outline:none;width:100%}form .form-row .textarea-data textarea{padding-top:10px;resize:none}form .form-row .input-data:not(.select) label:not(.toggle){bottom:10px;color:#999;left:0;pointer-events:none;position:absolute;transition:all .3s ease}form .form-row input:focus~label:not(.toggle),form .form-row input:valid~label:not(.toggle),form .form-row select:focus~label:not(.toggle),form .form-row select:valid~label:not(.toggle),form .form-row textarea:focus~label:not(.toggle),form .form-row textarea:valid~label:not(.toggle){color:var(--main-color);font-size:12px;transform:translateY(-25px)}form .form-row textarea:focus~label:not(.toggle),form .form-row textarea:valid~label:not(.toggle){transform:translateY(-50px)}form .form-row input[type=file]:focus~label:not(.toggle),form .form-row input[type=file]:valid~label:not(.toggle){transform:translateY(-30px)}form .form-row .underline{background:var(--main-color);bottom:0;height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease,background .3s ease;width:100%}form .form-row input:focus~.underline,form .form-row select:focus~.underline,form .form-row textarea:focus~.underline{transform:scaleX(1)}form.submitted input:invalid~.underline,form.submitted select:invalid~.underline,form.submitted textarea:invalid~.underline{background:var(--red-color);transform:scaleX(1)}form .submit-btn{text-align:center}form .submit-btn a,form .submit-btn button{background:var(--main-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:20px auto 0;padding:10px 25px;transition:background .3s ease;width:90%}form .submit-btn a:hover,form .submit-btn button:hover{background:var(--main-alt-color)}form .submit-btn a:disabled,form .submit-btn button:disabled{background:#ccc;cursor:not-allowed}form .form-row .textarea-data label:not(.toggle){bottom:10px;color:#999;pointer-events:none;transition:all .3s ease}.image-preview{margin:20px 0;text-align:center}.image-preview img{border-radius:8px;box-shadow:0 0 6px #0003;height:auto;object-fit:cover;width:100%}@media (max-width:768px){form .form-row{flex-direction:column;gap:10px;margin:20px 0}form .form-row .input-data,form .form-row .select-data,form .form-row .textarea-data{margin:30px 0;width:100%}form .submit-btn a,form .submit-btn button{width:100%}}@media (max-width:480px){form{padding:20px 10px}form .form-row{margin:15px 0}form .form-row .input-data input,form .form-row .select-data select,form .form-row .textarea-data textarea{font-size:15px}form .submit-btn a,form .submit-btn button{font-size:14px;padding:8px 20px}}form .form-row .input-data select{background:#0000;cursor:pointer;display:block;padding-right:20px}form .form-row select:focus~label:not(.toggle),form .form-row select:valid~label:not(.toggle){font-size:12px;transform:translateY(-25px)}form .form-row .input-data select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border:none;border-bottom:2px solid #0000001f;font-size:17px;height:100%;outline:none;padding-right:24px;width:100%}form .form-row .input-data:has(select):after{color:#888;content:"▼";font-size:12px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}form .form-row .input-data input[readonly],form .form-row .select-data select[readonly],form .form-row .textarea-data textarea[readonly]{background:#0000;border-bottom:2px solid #0000001f;color:#333;cursor:default}form .form-row input[readonly]:not(:placeholder-shown)~label:not(.toggle),form .form-row select[readonly]:not(:placeholder-shown)~label:not(.toggle),form .form-row textarea[readonly]:not(:placeholder-shown)~label:not(.toggle){font-size:12px;transform:translateY(-25px)}form .form-row input[readonly]~.underline,form .form-row select[readonly]~.underline,form .form-row textarea[readonly]~.underline{background:var(--main-color);transform:scaleX(1)}form .form-row .textarea-data label:not(.toggle){background-color:#fff;left:0;margin-bottom:20px;position:absolute}@media (min-width:768px){form .form-row .with-textarea label{background-color:#fff;left:0;margin-bottom:20px;position:absolute}form .form-row .with-textarea{height:70px}}.login{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.login .login-form{background:#fff;border-radius:10px 8px 10px 8px;box-shadow:0 0 10px #0000001a;margin:20px auto 50px;max-width:600px;padding:25px 40px 10px;width:100%}.login .login-form .login-form-logo{margin-bottom:15px;text-align:center}.login .login-form .login-form-logo img{height:60px}.login .login-form .title{color:var(--main-color);font-size:24px;font-weight:600;margin-bottom:25px;text-align:center}.login .login-form .password-input{position:relative}.login .login-form .password-input .show-password{cursor:pointer;font-size:17px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.login .login-form .footer{align-items:center;display:flex;justify-content:space-between;margin:20px}.login .login-form .footer .checkbox-container{align-items:center;display:flex;gap:20px;justify-content:space-between}.login .login-form .footer .forgot-password-link{color:var(--grey-color);font-size:14px;transition:color var(--main-transition)}.login .login-form .footer .forgot-password-link:hover{color:var(--main-color)}.toggle-checkbox{-webkit-appearance:none;appearance:none;display:none}.toggle-switch{background-color:#ccc;border-radius:16px;cursor:pointer;height:28px;position:relative;transition:.3s;width:78px}.toggle-switch:before{background-color:#fff;border-radius:50%;content:"";height:20px;left:4px;position:absolute;top:4px;transition:.3s;width:20px}.toggle-checkbox:checked+.toggle-switch{background-color:var(--main-color)}.toggle-checkbox:checked+.toggle-switch:before{left:50px}.verify-login{background-color:#f5f5f5;height:100vh;justify-content:center}.verify-login,.verify-login form{align-items:center;display:flex;width:100%}.verify-login form{background:#fff;border-radius:5px;box-shadow:0 0 10px #0000001a;flex-direction:column;max-width:400px;padding:20px}.verify-login form h3{font-size:20px;margin-bottom:20px}.verify-login form h3 span{color:var(--main-color)}.verify-login form p{color:var(--grey-color);font-size:16px;margin-bottom:20px}.verify-login form .auth-code-container{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.verify-login form .auth-code-container .auth-code-input{border:1px solid #ccc;border-radius:5px;font-size:24px;height:50px;text-align:center;width:50px}.verify-login form .auth-code-container .auth-code-input:focus{border-color:var(--main-color);outline:none}.verify-login form .submit{background-color:var(--main-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:10px;padding:10px;width:100%}.verify-login form .submit:disabled{cursor:not-allowed;opacity:.6}.verify-login form p.resend{align-items:center;color:var(--grey-color);display:flex;font-size:14px;justify-content:space-between;width:100%}.verify-login form p.resend button{background:none;border:none;color:var(--main-color);cursor:pointer;font-size:14px;text-decoration:underline}.verify-login form p.resend button:disabled{cursor:not-allowed;opacity:.6}.setup-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.setup-wrapper .setup-card{background:#fff;border-radius:10px 8px 10px 8px;box-shadow:0 0 10px #0000001a;margin:20px auto 50px;max-width:600px;padding:25px 40px 10px;width:100%}.setup-wrapper .setup-card .title{color:var(--main-color);font-size:24px;font-weight:600;margin-bottom:25px;text-align:center}.setup-wrapper .setup-card .subtitle{color:var(--grey-color);font-size:16px;margin-bottom:20px;text-align:center}.setup-wrapper .setup-card .input-data{position:relative}.setup-wrapper .setup-card .input-data .show-password{cursor:pointer;font-size:12px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.setup-wrapper .setup-card .input-data .show-password .icon{font-size:17px}.setup-wrapper .setup-card .password-rules{color:var(--grey-color);font-size:14px;list-style-type:none;margin-left:20px;margin-top:15px}.setup-wrapper .setup-card .password-rules li{margin-bottom:5px}.setup-wrapper .setup-card .password-rules li:before{color:var(--main-color);content:"•";display:inline-block;margin-left:-1em;width:1em}.setup-wrapper .setup-card .password-rules li.active{color:var(--main-color)}.setup-wrapper .error-message{color:red;text-align:center}.mfa-setup-page{background:#f0f2f5;box-sizing:border-box;padding:20px;width:100%}.mfa-setup-page,.mfa-setup-page .mfa-wrapper{align-items:center;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh}.mfa-setup-page .mfa-wrapper{background:#eef2f7;padding:40px}.mfa-setup-page .mfa-card{animation:fadeIn .4s ease;background:#fff;border-radius:22px;box-shadow:0 15px 45px #0000001a;padding:40px 50px;text-align:center;width:480px}.mfa-setup-page .title{color:#2196f3;font-size:28px;font-weight:700;margin-bottom:8px}.mfa-setup-page .subtitle{color:#444;font-size:15px;margin-bottom:25px}.mfa-setup-page .qr-box{display:flex;justify-content:center;margin-bottom:22px;margin-top:10px}.mfa-setup-page .qr-image{background:#fff;border:1px solid #dce3eb;border-radius:14px;height:200px;padding:10px;width:200px}.mfa-setup-page .manual-label{font-size:15px;font-weight:600;margin-top:15px}.mfa-setup-page .manual-key{background:#f4f7fa;border:1px solid #dce3eb;border-radius:8px;font-family:Courier New,monospace;font-size:14px;font-weight:600;margin-bottom:22px;margin-top:8px;padding:10px 14px;word-break:break-all}.mfa-setup-page .input-label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;margin-top:5px;text-align:left}.mfa-setup-page .input-field{border:1px solid #ccd2da;border-radius:10px;font-size:16px;margin-bottom:20px;padding:12px;text-align:center;transition:.25s ease;width:100%}.mfa-setup-page .input-field:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f333;outline:none}.mfa-setup-page .btn-primary{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:.2s ease;width:100%}.mfa-setup-page .btn-primary:hover{background:#1b82d6}.mfa-setup-page .error-box{background:#ffe1e1;border:1px solid #ffbcbc;border-radius:8px;color:#d80000;font-size:14px;margin-top:15px;padding:12px}.mfa-setup-page .animate-fade{animation:fadeIn .4s ease-out}.verifyMFA-page{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e8ecf9);display:flex;justify-content:center;min-height:100vh;padding:20px}.verifyMFA-page .verifyMFA-card{animation:verifyMFA-fadeIn .5s ease;background:#fff;border-radius:18px;box-shadow:0 8px 30px #00000014;max-width:420px;padding:40px 30px;text-align:center;width:100%}.verifyMFA-page .verifyMFA-title{color:#1a1a1a;font-size:1.9rem;font-weight:600;margin-bottom:10px}.verifyMFA-page .verifyMFA-subtitle{color:#555;font-size:.95rem;margin-bottom:25px}.verifyMFA-page .verifyMFA-form{display:flex;flex-direction:column;gap:20px}.verifyMFA-page .verifyMFA-input-group{display:flex;justify-content:center}.verifyMFA-page .verifyMFA-input{background:#f9f9f9;border:2px solid #dcdcdc;border-radius:12px;font-size:1.6rem;letter-spacing:12px;padding:12px 18px;text-align:center;transition:.2s ease;width:180px}.verifyMFA-page .verifyMFA-input:focus{background:#fff;border-color:var(--main-color);outline:none}.verifyMFA-page .verifyMFA-page .verifyMFA-error{color:#d9534f;font-size:.9rem;margin-top:-10px}.verifyMFA-page .verifyMFA-btn{background:var(--main-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;transition:.2s}.verifyMFA-page .verifyMFA-btn:hover{background:#3b56d4;transform:translateY(-1px)}.verifyMFA-page .verifyMFA-btn:active{transform:translateY(1px)}.verifyMFA-page .verifyMFA-footer{color:#6b6b6b;font-size:.92rem;line-height:1.6;margin-top:30px}.verifyMFA-page .verifyMFA-footer-link{color:var(--main-color);display:inline-block;font-weight:500;margin-top:6px}.verifyMFA-page .verifyMFA-footer-link a{color:var(--main-color);font-weight:600;margin-left:5px;text-decoration:none;transition:.2s ease}.verifyMFA-page .verifyMFA-footer-link a:hover{opacity:.85;text-decoration:underline}@keyframes verifyMFA-fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.verifyMFA-page .verifyMFA-card{padding:30px 22px}.verifyMFA-page .verifyMFA-input{font-size:1.4rem;letter-spacing:10px;width:150px}.verifyMFA-page .verifyMFA-title{font-size:1.6rem}}.app-header{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 6px #0000000d;display:flex;height:70px;justify-content:space-between;padding:0 30px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.header-left .app-logo{color:#066;color:var(--main-color,#066);font-weight:700;width:270px}.header-nav{display:flex;gap:30px}.header-nav a{color:#333;font-size:1rem;font-weight:500;text-decoration:none;transition:.2s}.header-nav a:hover{color:#066;color:var(--main-color,#066)}.header-user{align-items:center;cursor:pointer;display:flex;gap:10px;position:relative}.user-icon{color:#333;font-size:1.6rem}.username{font-size:.95rem;font-weight:500}.user-dropdown{animation:fadeIn .2s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:10px;padding:15px;position:absolute;right:0;top:60px;width:180px}.user-dropdown .user-email{color:#777;font-size:.85rem;font-size:.7rem;margin-bottom:5px}.user-dropdown a{text-decoration:none}.user-dropdown a,.user-dropdown button.logout-button{color:#333;font-size:.95rem;padding:5px 0;transition:.2s}.user-dropdown button.logout-button{background:none;border:none;cursor:pointer;text-align:left;width:100%}.user-dropdown button.logout-button:hover{color:#066;color:var(--main-color,#066)}.mobile-toggle{cursor:pointer;display:none;font-size:1.6rem}@media (max-width:900px){.header-nav{align-items:center;background:#fff;box-shadow:0 4px 12px #0000001a;display:none;flex-direction:column;gap:20px;left:0;padding:20px 0;position:absolute;top:70px;width:100%}.header-nav.open{display:flex}.header-left .app-logo{width:180px}.header-user .username{font-size:.7rem}.header-user .user-icon{font-size:1.4rem}.mobile-toggle{display:block}}.loading{background-color:#f1f5f9;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}.loading .arc{animation:rt 2s linear infinite;border-top:2px solid var(--yellow-color);height:100px;width:100px}.loading .arc,.loading .arc:before{border-left:1px solid #0000;border-radius:50%;border-right:1px solid #0000;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.loading .arc:before{animation:rt 4s linear infinite reverse;border-top:2px solid var(--navy-color);content:"";height:70px;width:70px}.loading .arc:after{animation:cw 1s infinite;background:var(--main-color);border-radius:50%;content:"";height:0;top:0;width:0}.loading .arc:after,.loading h1{bottom:0;left:0;margin:auto;position:absolute;right:0}.loading h1{color:var(--main-color);font-size:14px;font-weight:lighter;height:40px;letter-spacing:.1em;text-align:center;text-transform:uppercase;top:200px}.loading h1:after{animation:txt 5s infinite;content:""}@keyframes rt{to{transform:rotate(1turn)}}@keyframes cw{0%{height:0;width:0}75%{height:40px;width:40px}to{height:0;width:0}}@keyframes txt{0%{content:"Even geduld a.u.b ."}50%{content:"Even geduld a.u.b .."}to{content:"Even geduld a.u.b ..."}}body,html{background:#eeeef4;font-family:Roboto,sans-serif;font-weight:100;height:100%;margin:0 auto;-webkit-user-select:none;user-select:none}main{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 20px;text-align:center}main h1{color:var(--main-color);font-size:3em;font-weight:100;margin:0}main h2{margin-bottom:0}main h2,main h3{font-size:1.5em;font-weight:100}main h3{margin-top:0}main a{color:var(--main-color);font-size:1.5em;text-decoration:none}footer,main a{font-weight:300}footer{bottom:0;margin:10px;position:absolute}.home-page{animation:fadeIn .4s ease;padding:40px}.welcome-section h1{color:#222;font-size:2.3rem;font-weight:700}.welcome-section h1 span{color:var(--main-color)}.subtitle{color:#555;font-size:1.1rem;margin-top:8px}.stats-grid{display:flex;flex-wrap:wrap;gap:30px;margin-top:30px}.stat-card{background:#fff;border-left:6px solid #0000;border-radius:14px;box-shadow:0 4px 14px #00000012;flex:1 1;min-width:260px;padding:25px;transition:.25s}.stat-card h3{color:#444;font-size:1.2rem;font-weight:600}.stat-card .number{font-size:3rem;font-weight:800;margin-top:10px}.stat-card.green{border-left-color:#2ecc71}.stat-card.red{border-left-color:#e74c3c}.actions-section{margin-top:50px}.actions-section h2{font-size:1.6rem;margin-bottom:20px}.actions-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.action-card{align-items:center;background:#fff;border-radius:14px;box-shadow:0 4px 14px #0000000f;color:#333;display:flex;font-size:1.1rem;font-weight:600;gap:14px;padding:22px;text-decoration:none;transition:.25s}.action-card:hover{background:#0a6d71;background:var(--main-color,#0a6d71);color:#fff;transform:translateY(-4px)}.icon{font-size:1.8rem}@media (max-width:768px){.welcome-section h1{font-size:1.8rem}}.error{font-family:Roboto,sans-serif;margin:0;overflow:hidden;padding:0}.error,.error .clip .shadow{align-items:center;display:flex;justify-content:center}.error .clip .shadow{height:180px}.error .clip:nth-of-type(2) .shadow{width:130px}.error .clip:first-of-type .shadow,.error .clip:nth-of-type(3) .shadow{width:250px}.error .digit{font-size:120px;font-weight:700;height:150px;line-height:150px;width:150px}.error h2{font-size:28px;font-weight:700}.error h2,.error p{color:#a2a2a2;text-align:center}.error a,.error p{font-size:16px}.error a{background-color:var(--main-color);border-radius:5px;color:#fff;display:block;margin:0 auto;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s;width:-webkit-fit-content;width:fit-content}.error a:hover{background-color:var(--main-alt-color)}.error .msg{background:var(--main-color);border-radius:50%;color:#fff;font-size:32px;font-style:italic;height:80px;left:0;line-height:80px;position:relative;top:-210px;width:80px;z-index:9999}.error span.triangle{border-bottom:15px solid #0000;border-left:20px solid var(--main-color);border-top:15px solid #0000;content:"";position:absolute;right:0;top:70%;transform:rotate(45deg)}.error .container-error-404{height:250px;margin-top:10%;padding-top:40px;position:relative}.error .container-error-404 .clip{display:inline-block;transform:skew(-45deg)}.error .clip .shadow{overflow:hidden}.error .clip:nth-of-type(2) .shadow{box-shadow:inset 20px 0 20px -15px #969696cc,20px 0 20px -15px #969696cc;position:relative}.error .clip:first-of-type .shadow:after,.error .clip:nth-of-type(3) .shadow:after{background:linear-gradient(90deg,#0000,#adadadcc,#0000);border-radius:50%;bottom:0;content:"";height:100%;position:absolute;right:-8px;width:10px;z-index:9999}.error .clip:nth-of-type(3) .shadow:after{left:-8px}.error .digit{align-items:center;background:var(--main-color);border-radius:50%;color:#fff;display:inline-block;display:flex;justify-content:center;position:relative;top:5%;transform:skew(45deg)}.error .clip:nth-of-type(2) .digit{left:0}.error .clip:first-of-type .digit{right:-20%}.error .clip:nth-of-type(3) .digit{left:-20%}@media (max-width:767px){.error .clip .shadow{height:100px}.error .clip:nth-of-type(2) .shadow{width:80px}.error .clip:first-of-type .shadow,.error .clip:nth-of-type(3) .shadow{width:100px}.error .digit{font-size:52px;height:80px;line-height:80px;width:80px}.error h2{font-size:24px}.error .msg{font-size:18px;height:40px;left:15%;line-height:40px;top:-110px;width:40px}.error span.triangle{border-bottom:8px solid #0000;border-left:10px solid #535353;border-top:8px solid #0000;right:-3%;top:70%}.error .container-error-404{height:150px}}.users-page{padding:30px}.users-page h1{margin-bottom:5px}.users-page .subtitle{color:#666;margin-bottom:25px}.users-page .filter-bar{background-color:#f9f9f9;margin-bottom:25px;padding:5px 10px}.users-page .filter-bar .form-row{display:flex}.users-page .users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.users-page .user-card{align-items:center;align-items:flex-start;background:#fff;border-radius:14px;box-shadow:0 4px 10px #0000000f;display:flex;flex-direction:column;gap:18px;justify-content:space-between;padding:22px;transition:.2s}.users-page .user-card:hover{transform:translateY(-3px)}.users-page .fade-in{animation:fadeIn .4s ease-out forwards;opacity:0;transform:translateY(10px)}.users-page .avatar{align-items:center;background:#0d6efd;border-radius:50%;color:#fff;display:flex;font-size:22px;font-weight:700;height:60px;justify-content:center;width:60px}.users-page .info{display:flex;flex-direction:column;gap:4px;width:100%}.users-page .email{color:#666;font-size:14px}.users-page .role-badge{border-radius:6px;display:inline-block;font-size:12px;margin-top:8px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.users-page .role-badge.admin{background:#ffe5e5;color:#c62828}.users-page .role-badge.developer{background:#e8f4ff;color:#0d6efd}.users-page .role-badge.user{background:#f0f0f0;color:#777}.users-page .vacation-box{margin-top:12px}.users-page .vac-row{display:flex;font-size:14px;justify-content:space-between;width:100%}.users-page .progress{background:#ececec;border-radius:6px;height:8px;margin-top:6px;overflow:hidden;width:100%}.users-page .progress-fill{background:#0d6efd;height:100%;transition:width .4s ease}.users-page .actions{display:flex;flex-direction:row;gap:8px;justify-content:center;width:100%}.users-page .btn{border:none;border-radius:6px;cursor:pointer;padding:8px 12px}.users-page .btn.view{background:#e8f4ff;color:#0d6efd}.users-page .btn.edit{background:#ffe8c2;color:#d97c00}.users-page .no-results{color:#888;grid-column:1/-1;margin-top:30px;text-align:center}.dev-actions{margin-top:10px}.dev-actions button{background:none;background-color:initial;border:none;color:#0d6efd;cursor:pointer;font-size:13px;padding:0}.searchable-select{position:relative}.searchable-select .dropdown{background:#fff;border:1px solid #ddd;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 2px 6px #0000001a;left:0;max-height:180px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:999}.searchable-select .dropdown li{cursor:pointer;padding:10px;transition:background .2s}.searchable-select .dropdown li:hover{background:#f5f5f5}.searchable-select .dropdown .no-results{color:#888;font-style:italic;padding:10px}.create-user{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:20px auto 50px;max-width:800px;padding:25px 40px 10px;width:100%}.create-user h2.title{color:var(--main-color);font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.profile-wrapper{color:#1f2937;font-family:Inter,sans-serif;margin:0 auto;max-width:1100px;padding:32px 24px}.profile-header{margin-bottom:32px}.profile-header h1{font-size:32px;font-weight:700;margin:0}.subtitle{color:#6b7280;font-size:15px}.card{border-radius:14px;box-shadow:0 4px 18px #00000014;margin-bottom:32px;padding:24px 28px}.card h2{font-size:20px;margin-bottom:20px}.info-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.info-grid label{color:#6b7280;font-size:13px;font-weight:600}.info-grid p{font-size:15px;margin:4px 0 0}.vacation-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.vacation-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.vacation-item h3{font-size:17px;margin:0 0 10px}.requests-list{display:flex;flex-direction:column;gap:14px}.request-item{background:#fefefe;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.request-header{display:flex;justify-content:space-between;margin-bottom:10px}.status{border-radius:20px}.status.in\ afwachting{background:#fff7cd;color:#b45309}.status.goedgekeurd{background:#d1fae5;color:#065f46}.status.afgewezen{background:#fee2e2;color:#b91c1c}.admin-actions{display:flex;gap:14px;margin-top:10px}.btn{background:#2563eb;border-radius:8px;font-size:14px;padding:10px 18px;transition:.2s}.btn:hover{background:#1e4fcf}.btn-danger{background:#dc2626!important}.btn-danger:hover{background:#b91c1c}.empty{color:#6b7280;font-style:italic}.user-loading{font-size:18px;padding:40px;text-align:center}.user-error{color:red;padding:20px}.edit-user{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:20px auto 50px;max-width:800px;padding:25px 40px 10px;width:100%}.edit-user h2.title{font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.edit-user h2.title span{color:var(--main-color)}.vac-home{background:linear-gradient(180deg,#f4f7fb,#eef2f7);min-height:100vh;padding:40px 16px}.vac-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000000f;margin:0 auto;max-width:1000px;padding:32px}.vac-title{color:#0f172a;font-size:26px;font-weight:700;margin-bottom:32px;text-align:center}.vac-balance-card{grid-gap:20px;background:#f1f5ff;border:1px solid #dbeafe;border-radius:16px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:40px;padding:20px}.kpi-item{text-align:center}.kpi-item .value{display:block;font-size:32px;font-weight:700;margin-bottom:4px}.kpi-item .value.used{color:#dc2626}.kpi-item .value.left{color:#16a34a}.kpi-item .label{color:#475569;font-size:14px}.vac-section{margin-bottom:36px}.vac-section h3{color:#0f172a;font-size:18px;font-weight:600;margin-bottom:14px}.vac-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px 0}.vac-list.empty{align-items:center;color:#64748b;display:flex;font-style:italic;gap:8px;justify-content:center;padding:28px;text-align:center}.vac-item{align-items:center;border-bottom:1px solid #e5e7eb;display:grid;font-size:15px;grid-template-columns:1.5fr 1fr 1.5fr auto;padding:14px 20px}.vac-item:last-child{border-bottom:none}.vac-item.pending{background:#fefce8}.vac-item.upcoming{background:#f0fdf4}.status{display:flex;font-weight:500;gap:8px}.status.pending{color:#b45309}.status.upcoming{color:#15803d}.btn-cancel{align-items:center;background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 14px;transition:background .2s ease,transform .1s ease}.btn-cancel:hover{background:#dc2626;transform:translateY(-1px)}.new-request-box{display:flex;justify-content:center;margin-top:40px}.btn-request{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:14px;box-shadow:0 12px 24px #2563eb59;color:#fff;font-size:16px;font-weight:600;padding:14px 28px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.btn-request:hover{box-shadow:0 16px 30px #2563eb73;transform:translateY(-2px)}@media (max-width:768px){.vac-balance-card,.vac-item{grid-template-columns:1fr}.vac-item{gap:8px}.btn-cancel{justify-content:center;width:100%}}.request-container{align-items:center;background:linear-gradient(135deg,#eef3ff,#fff);display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:30px}.card{animation:fadeIn .3s ease;border-radius:20px;box-shadow:0 10px 30px #00000014;max-width:850px;padding:26px;width:100%}.card h2{color:#1c2e4a;font-size:22px;font-weight:700;margin-bottom:22px;text-align:center}.layout{display:flex;gap:20px}.left-panel{width:42%}.no-selection-text{color:#556;font-size:14px;margin-top:6px}.calendar{width:58%}.cal-header{align-items:center;color:#1e2e4a;display:flex;font-weight:600;justify-content:space-between;padding:10px 4px}.cal-header button{background:none;border:none;border-radius:8px;cursor:pointer;font-size:22px;padding:6px 10px;transition:.2s}.cal-header button:hover{background:#e5ecff}.cal-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr);text-align:center}.day-name{color:#51627a;font-size:13px;font-weight:600;padding-bottom:6px}.day{border-radius:10px;color:#1e2e4a;cursor:pointer;font-size:14px;overflow:hidden;padding:9px 0;position:relative;transition:.2s ease;-webkit-user-select:none;user-select:none}.day:hover:not(.disabled):not(.selected){background:#bcd6ff;color:#003b94}.selected{background:#0067ff!important;color:#fff!important;font-weight:700}.half-am:after,.half-pm:after{background:#fff9;content:"";left:0;position:absolute;width:100%}.half-am:after{height:50%;top:0}.half-pm:after{bottom:0;height:50%}.weekend{background:none!important;opacity:.35!important;pointer-events:none!important}.selected-title{color:#1c2e4a;font-size:15px;font-weight:700;margin-bottom:12px}.selected-list{display:flex;flex-direction:column;gap:10px}.selected-row{align-items:center;background:#eef4ff;border:1px solid #d4e3ff;border-radius:10px;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:8px 12px}.selected-row select{background:#fff;border:1px solid #c8d5ef;border-radius:8px;cursor:pointer;padding:4px 8px}.remove-btn{background:#ff4d4d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.remove-btn:hover{background:#d63b3b}.info-box{background:#eef4ff;border:1px solid #d4e3ff;border-radius:12px;color:#003b94;margin-top:16px;padding:12px;text-align:center}.btn,.info-box{font-size:15px;font-weight:600}.btn{background:#0067ff;border:none;border-radius:12px;color:#fff;cursor:pointer;margin-top:20px;padding:14px;transition:.25s ease;width:100%}.btn:hover{background:#0056d6;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:780px){.layout{flex-direction:column}.calendar,.left-panel{width:100%}}.vac-admin-page{background:linear-gradient(180deg,#f3f6fb,#eef2f7);min-height:100vh;padding:40px 16px}.vac-admin-wrapper{background:#fff;border-radius:20px;box-shadow:0 24px 50px #0f172a14;margin:0 auto;max-width:1200px;padding:28px 30px}.vac-admin-title{color:#0f172a;font-size:26px;font-weight:700;margin-bottom:24px}.vac-admin-title span{color:#64748b;font-size:14px;font-weight:500;margin-left:8px}.vac-empty{background:#f8fafc;border:1px dashed #cbd5f5;border-radius:14px;color:#64748b;padding:30px;text-align:center}.vac-table{display:flex;flex-direction:column}.vac-table-header,.vac-table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:2.5fr 2fr 1fr 1.5fr 1fr}.vac-table-header{border-bottom:1px solid #e5e7eb;color:#64748b;font-size:13px;font-weight:600;padding:12px 16px;text-transform:uppercase}.vac-table-row{border-bottom:1px solid #e5e7eb;padding:16px;transition:background .15s ease}.vac-table-row:hover{background:#f8fafc}.cell{align-items:center;color:#0f172a;display:flex;gap:10px}.cell,.cell.user strong{font-size:14px}.cell .email{color:#64748b;font-size:12px}.status{align-items:center;border-radius:999px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.status.pending{background:#fef3c7;color:#92400e}.actions{justify-content:flex-end}.btn-view{align-items:center;background:#2563eb;border-radius:999px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:background .15s ease}.btn-view:hover{background:#1d4ed8}@media (max-width:900px){.vac-table-header{display:none}.vac-table-row{gap:12px;grid-template-columns:1fr}.actions{justify-content:flex-start}}.vac-single{background:linear-gradient(180deg,#f3f6fb,#eef2f7);min-height:100vh;padding:40px 16px}.vac-single-container{margin:0 auto;max-width:900px}.btn-back{background:none;border:none;color:#2563eb;cursor:pointer;gap:6px;margin-bottom:16px}.btn-back,.vac-single-header{align-items:center;display:flex}.vac-single-header{justify-content:space-between;margin-bottom:24px}.status.status-inafwachting{background:#fef3c7;color:#92400e}.status.status-goedgekeurd,.status.status-inafwachting{border-radius:999px;font-size:13px;font-weight:600;padding:6px 14px}.status.status-goedgekeurd{background:#d1fae5;color:#065f46}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;padding:20px}.user-row{align-items:center;display:flex;gap:12px}.email{color:#64748b;font-size:13px}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.big{font-size:32px;font-weight:700}.days-list{list-style:none;padding:0}.days-list li{grid-gap:12px;border-bottom:1px solid #e5e7eb;display:grid;gap:12px;grid-template-columns:24px 1fr auto;padding:10px 0}.type{color:#475569;font-size:13px}.actions{display:flex;gap:16px;margin-top:20px}.btn-approve{background:#16a34a}.btn-approve,.btn-reject{border:none;border-radius:999px;color:#fff;font-weight:600;padding:12px 22px}.btn-reject{background:#dc2626}@media (max-width:700px){.summary-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.2f214cf3.css.map*/