@charset "UTF-8";*{-ms-overflow-style:none;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}body{background-color:#e4f0f4;box-sizing:border-box;padding:0}.login-container{align-items:center;background-color:#243642;display:flex;justify-content:center;min-height:100vh}.content-wrapper{background-color:#e2f1e7;border-radius:50%!important;height:100%;padding:20px}.login-box{align-items:center;animation:fadeIn 1s ease-in-out;background-color:#e2f1e7;border-radius:15px;display:flex;justify-content:space-between;padding:50px;width:80%}.left-side,.right-side{align-items:center;display:flex;flex:1 1;justify-content:center}.left-side{background-color:#e2f1e7;border-radius:15px}.right-side{border-radius:20px;flex-direction:column;padding:40px}h2{font-size:1.5em}.login{color:#000;font-size:40px;font-weight:700;text-align:center}.staff-grid{color:#243642;font-family:Zen Tokyo Zoo,system-ui;font-size:2em;font-style:normal;font-weight:400;padding-bottom:100px;text-align:center}.logo-image{height:250px!important;width:400px!important}.input-box{margin:15px 0 20px;position:relative;width:100%}.input-box input{border:1px solid #ccc;border-radius:25px!important;box-sizing:border-box;font-size:16px!important;outline:none;padding:15px 15px 15px 40px;width:100%!important}.input-icon,.show-password{color:#999;position:absolute;top:50%;transform:translateY(-50%)}.input-icon{left:15px}.show-password{cursor:pointer;font-size:12px;right:15px}.captcha-container{gap:15px;margin:15px 0}.captcha-box,.captcha-container{align-items:center;display:flex}.captcha-code{background-color:#e4f0f4;border-radius:5px;color:#333;font-size:24px;font-weight:700;letter-spacing:2px;padding:5px;text-decoration:line-through}.captcha-refresh{color:#6cb7f3;cursor:pointer;font-size:20px;margin-left:20px}.captcha-input input{border:1px solid #ccc;border-radius:25px;font-size:16px;padding:15px;width:100%}.login-btn{background-color:#387478;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:18px;font-weight:400;margin:30px auto;transition:background-color .3s,transform .3s}.forgot-password-btn,.login-btn{padding:12px;text-align:center;width:100%}.forgot-password-btn{text-decoration:none}.login-btn:hover{background-color:#387478;transform:scale(1.05)}.forgot-password{color:gray;padding-top:20px;text-decoration:none}@media (max-width:768px){.login-box{flex-direction:column;padding:20px;width:70%}.right-side{padding:20px;width:100%}.captcha-input input,.input-box input{font-size:14px}.login-btn{width:90%}}@media (max-width:650px){.login-box{flex-direction:column;padding:20px}.right-side{padding:20px;width:100%}.left-side{width:100%}.captcha-input input,.input-box input{font-size:14px}.login-btn{width:90%}.logo-image{border-radius:10px;height:200px!important;width:250px!important}}.error-message{color:red;padding:10px;text-align:center}.Toastify__close-button{font-size:14px;height:20px;margin:0;width:20px}.Toastify__close-button:hover{background-color:initial}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}}.Toastify__toast{--y:0;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;touch-action:none;z-index:0}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.registerRmployeebackground{align-items:center;background-color:#e2f1e7;display:flex;height:100vh;justify-content:center;width:100%}.register-container{background-color:#bcd9c6;border-radius:10px;box-shadow:0 6px 12px #00000026;margin:50px auto;max-height:550px;max-width:500px;padding:25px 2.5%;width:100%}.register-header{color:#243642;font-family:Arial,sans-serif;font-size:36px;font-weight:700;margin-bottom:30px;text-align:center}.register-form{align-items:center;display:flex;flex-direction:column;gap:10px}.form-group{gap:10px;margin-bottom:15px;width:100%}.form-group .l1{color:#387478;font-size:20px;font-weight:700;margin:0;text-align:left;width:100%}.form-control{border:1px solid #629584;border-radius:20px;box-shadow:0 2px 6px #0000001a;flex-grow:1;font-size:16px;padding:12px 15px}.form-group .form-control:focus{border:1px solid #090a0a;outline:none}.error-message{color:#d32f2f;font-size:14px}.form-submit,.submitbut{text-align:center}.submitbut{background-color:#387478;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:12px;transition:background-color .3s,transform .2s;width:200px}.submitbut:hover{background-color:#243642;transform:scale(1.08)}@media (max-width:575.98px){.register-header{font-size:28px}.form-group{align-items:flex-start;flex-direction:column}.form-group .l1{font-size:16px;text-align:left;width:100%}.form-control{font-size:14px;width:100%}.submitbut{font-size:16px;width:100%}}@media (min-width:576px) and (max-width:767.98px){.register-header{font-size:32px}.form-group .l1{font-size:17px}.form-control{font-size:15px}.submitbut{width:80%}}@media (min-width:768px) and (max-width:991.98px){.register-header{font-size:34px}.form-group .l1{font-size:18px}.form-control{font-size:16px}.submitbut{width:220px}}@media (min-width:992px){.register-header{font-size:36px}.form-control{font-size:16px}.submitbut{width:250px}}.forgotpage{background-color:#e2f1e7!important;font-family:Arial,sans-serif!important;height:100vh!important;margin:0!important}.forgotpage,.password-reset-container{align-items:center!important;display:flex!important;justify-content:center!important}.password-reset-container{width:100%!important}.password-reset-box{background-color:#bcd9c6!important;border-radius:8px!important;box-shadow:0 4px 6px #0000001a!important;min-width:350px!important;padding:2rem!important;width:40%!important}.password-reset-title{color:#243642!important;font-size:1.8rem!important;font-weight:700!important;text-align:center!important}.staff-grid{color:#387478!important;font-size:1.5rem!important;text-align:center!important}.form{display:flex!important;flex-direction:column!important}.form-group{margin-bottom:1.5rem!important}.form-group .input-field{background-color:#e2f1e7;border:1px solid #629584!important;border-radius:4px!important;font-size:1rem!important;outline:none!important;padding:.75rem!important;transition:border-color .3s!important;width:100%!important}.input-field:focus{border-color:#387478!important}.btn{border:none!important;border-radius:4px!important;cursor:pointer!important;font-size:1rem!important;padding:.75rem!important;width:100%!important}.generate-btn{background-color:#387478!important;color:#e2f1e7!important}.confirm-btn,.generate-btn:hover{background-color:#243642!important}.confirm-btn{color:#e2f1e7!important}.confirm-btn:hover{background-color:#387478!important}.error-message{color:red!important;font-size:.9rem!important;margin-bottom:1rem!important;margin-top:-1rem!important}.navbar{align-items:center;background-color:#243642;height:60px;justify-content:space-between;width:100%}.navbar,.pr{display:flex;gap:10px}.pr{margin-left:60px;width:30%}.pr .hamburger{color:#f0f8ff;cursor:pointer;font-size:30px;font-weight:700}.right-icons{display:flex;font-size:20px;gap:40px;justify-content:flex-end;margin-right:10px;width:70%}.right-icons .pro{border-radius:20px;color:#fff;cursor:pointer;font-size:20px;margin-top:10px;padding:3px}.right-icons .pro:hover{background-color:#387478}.right-icons .p1{color:#fff;display:flex;flex-direction:row;font-size:22px;gap:5px;margin-top:6px}.logochange{color:#fff;font-family:Zen Tokyo Zoo,system-ui;font-size:25px;height:43px;margin-left:20px;margin-top:20px;width:200px}.right-icons .logout{background-color:#387478;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;margin:5px;padding:5px 10px}.right-icons .logout:hover{background-color:#e2f1e7;color:#243642}.n{margin:3px}.n:hover{color:#387478}.hamburger,.sg{font-size:20px}.sg{color:#fff}@media (max-width:1024px){.pr{margin-left:20px;width:50%}.right-icons{font-size:18px;gap:20px}.logochange{font-size:22px}}@media (max-width:700px){.sg{display:none}.navbar{flex-direction:column;height:auto;padding:10px}.pr{justify-content:space-between;margin-left:0;width:100%}.right-icons{display:none}.hamburger{display:inline-block;font-size:24px}.right-icons .logout{font-size:16px;padding:3px 8px}.right-icons .p1,.right-icons .pro{font-size:16px}.logochange{display:none}}@media (max-width:480px){.hamburger{font-size:20px}.right-icons{align-items:flex-end;flex-direction:row;gap:5px}.logochange{font-size:18px}.logochange,.right-icons{display:none}}.menu{-ms-overflow-style:none;background-color:#243642;color:#fff;display:flex;flex-direction:column;height:100%;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:250px;z-index:2000}.menu::-webkit-scrollbar{width:0}.menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.menu::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.menu.open{transform:translateX(0)}.closeborder .close{background-color:#fa2626;border:none;color:#243642;cursor:pointer;font-size:15px;margin-bottom:0;margin-left:70%;width:fit-content}.closeborder .close:hover{background-color:#fa5826;color:#243642}.closeborder{display:flex;justify-content:flex-end;margin-top:-30px;padding:5px}.menu ul{list-style-type:none;padding:0}.menu ul li{font-size:18px;margin:5px 0}.menu ul li a{align-items:center;border-radius:5px;color:#fff;display:flex;font-size:16px;padding:8px;text-decoration:none;transition:background-color .3s ease}.menu ul li a:hover{background-color:#387478;color:#e2f1e7}.menu ul li:hover{cursor:pointer}.role-specific .register-icon{align-items:center;background-color:#629584;border-radius:5px;color:#fff;display:flex;flex-direction:row;font-size:18px;gap:10px;justify-content:left;padding:8px}.role-specific .register-icon p{margin:0}.role-specific .register-icon:hover{background-color:#387478;color:#e2f1e7}.menu ul li .icon{font-size:20px;margin-right:10px}.menu ul li{padding:5px}@media (max-width:450px){.menu{width:100%}}.welcome-container{align-items:center;background-image:linear-gradient(#ffffff75,#fff9),url(https://www.scienceofpeople.com/wp-content/uploads/2023/08/949766_BodyLanguage_D1_012121.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:32px;width:100%}.welcome-content{color:#1f2937;text-align:center}.welcome-text{animation:typed 3s steps(60) infinite;font-size:4.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:24px;overflow:hidden;position:relative;white-space:nowrap}.welcome-text:after{background-color:#1f2937;content:"";display:inline-block;margin-left:5px;width:10px}.employee-name-large{animation:bounceIn .7s ease-out .8s both;color:#000;font-size:1.875rem;font-weight:500}.welcome-subtitle{animation:fadeIn .7s ease-out .8s both;color:#000308;margin-top:16px}.visible{opacity:1}.hidden{opacity:0;width:0}@keyframes typed{0%{width:0}to{width:100%}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:.9;transform:scale(1.1)}80%{opacity:1;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.calendar-container{align-items:center;background-color:#bcd9c6;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:center;margin-top:150px;min-height:500px;min-width:400px;padding:20px}.highlight-green,.highlight-purple,.highlight-red,.highlight-yellow{border-radius:50%;color:#fff;padding:5px}.highlight-green{background-color:#4caf50!important}.highlight-red{background-color:#f44336!important}.highlight-yellow{background-color:#ffeb3b!important;color:#000!important}.highlight-purple{background-color:#9c27b0!important}.react-datepicker__navigation{top:10px}.react-datepicker__navigation--next,.react-datepicker__navigation--previous{border-color:#4caf50!important}.react-datepicker__current-month{color:#333;font-size:1.2em;font-weight:700;margin-bottom:10px}.react-datepicker__day--selected{background-color:#2196f3;color:#fff!important}.react-datepicker__day{border-radius:50%;display:inline-block;font-weight:700;height:2.5rem;line-height:2.5rem;margin:2px;text-align:center;width:2.5rem}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 6px #0000001a}.react-datepicker__dropdown{z-index:10}.react-datepicker__dropdown--select{padding:5px}.dashboard-container{background-color:#fafafa;padding:20px;width:100%}.dashboard-heading{font-size:2em;margin-bottom:20px}.plusicon{background-color:#4caf50;font-size:1.5rem;padding:10px;position:absolute;right:20px;top:10px}.calendar-fixed{display:flex;justify-content:center;margin-bottom:20px}.dashboard-content{gap:20px}.month-selector{display:flex;justify-content:center}.table-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;overflow-x:auto;padding:20px}@media (max-width:600px){.calendar-container{min-width:300px;padding:10px}.dashboard-heading{font-size:1.5em}.plusicon{font-size:1.2rem;right:10px;top:5px}.dashboard-content{flex-direction:column;padding:10px}.table-card{padding:10px}.month-selector{align-items:center;flex-direction:column}}@media (min-width:601px) and (max-width:1024px){.calendar-container{min-width:400px;padding:15px}.dashboard-heading{font-size:1.8em}.plusicon{font-size:1.4rem;right:20px;top:5px}.dashboard-content{gap:15px}.table-card{padding:15px}}@media (min-width:1025px){.calendar-container{min-width:500px;padding:20px}.dashboard-heading{font-size:2em}.plusicon{font-size:1.5rem;right:20px;top:10px}.dashboard-content{gap:20px}.table-card{padding:20px}}.example::-webkit-scrollbar{display:none}.dashboard-container{align-items:center;background-color:#e2f1e7;display:flex;flex-direction:column;padding:50px;position:relative}.dashboard-heading{font-family:Zen Tokyo Zoo,system-ui,sans-serif!important;font-size:2.5rem;font-weight:600;margin-top:30px;padding-top:20px;text-align:center}.plusicon{align-self:flex-end;background-color:#243642;border-radius:50%;color:#fff;cursor:pointer;height:30px;justify-content:center;margin-top:10px;scale:1.5;width:30px}.dashboard-content,.plusicon{align-items:center;display:flex}.dashboard-content{flex-direction:column;margin-left:auto;margin-top:50px;max-width:1200px;position:relative;width:100%}.month-selector{align-self:start;color:#333;font-size:1.2rem;margin-bottom:40px;margin-top:10px;text-align:center}.scrollable-table{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;flex:1 1;margin-bottom:10px;max-height:350px;overflow-y:auto;padding:10px;width:80%}.calendar-fixed{align-self:center;margin-top:-120px;position:relative}.card{align-self:start;border-radius:8px;box-shadow:0 4px 8px #0003;margin-bottom:50px;padding:15px}.highlight-attendance{background-color:#4caf50;border-radius:50%;color:#fff!important}@media (max-width:1024px){.dashboard-heading{font-size:2rem;padding-top:100px}.dashboard-content{max-width:90%}.scrollable-table{width:90%}.calendar-fixed{margin-top:20px;position:relative;right:0;top:0;width:100%}}@media (max-width:768px){.dashboard-heading{font-size:1.8rem}.month-selector{align-self:center;font-size:1rem}.scrollable-table{max-height:300px;width:100%}.calendar-fixed{margin-top:30px;text-align:center;width:100%}}@media (max-width:480px){.dashboard-heading{font-size:1.5rem;margin-top:40px}.month-selector{font-size:.9rem;margin-bottom:20px;margin-top:20px}.scrollable-table{max-height:250px;padding:5px;width:100%}.calendar-fixed{margin-top:20px;width:100%}.card{box-shadow:none;margin-bottom:20px;width:100%}.dashboard-heading{padding-top:100px}}
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-indigo:#6610f2;--bs-pink:#e83e8c;--bs-red:#d6293e;--bs-yellow:#f7c32e;--bs-green:#0cbc87;--bs-teal:#20c997;--bs-cyan:#17a2b8;--bs-black:#000;--bs-gray-100:#f5f7f9;--bs-gray-200:#eff1f2;--bs-gray-300:#dde0e3;--bs-gray-400:#cfd3d7;--bs-gray-500:#9a9ea4;--bs-gray-600:#747579;--bs-gray-700:#404448;--bs-gray-800:#24292d;--bs-gray-900:#0b0f13;--bs-primary:#962e33;--bs-white:#fff;--bs-secondary:#9a9ea4;--bs-success:#0cbc87;--bs-info:#17a2b8;--bs-warning:#f7c32e;--bs-danger:#d6293e;--bs-light:#f5f7f9;--bs-dark:#24292d;--bs-orange:#fd7e14;--bs-purple:#6f42c1;--bs-blue:#1d3b53;--bs-primary-rgb:150,39,45;--bs-secondary-rgb:154,158,164;--bs-success-rgb:12,188,135;--bs-info-rgb:23,162,184;--bs-warning-rgb:247,195,46;--bs-danger-rgb:214,41,62;--bs-light-rgb:245,247,249;--bs-dark-rgb:36,41,45;--bs-orange-rgb:222,148,38;--bs-purple-rgb:111,66,193;--bs-blue-rgb:29,59,83;--bs-primary-text-emphasis:#962e33;--bs-secondary-text-emphasis:#6c6f73;--bs-success-text-emphasis:#08845f;--bs-info-text-emphasis:#107181;--bs-warning-text-emphasis:#ad8920;--bs-danger-text-emphasis:#961d2b;--bs-light-text-emphasis:#404448;--bs-dark-text-emphasis:#191d20;--bs-primary-bg-subtle:#cde1f4;--bs-secondary-bg-subtle:#ebeced;--bs-success-bg-subtle:#cef2e7;--bs-info-bg-subtle:#d1ecf1;--bs-warning-bg-subtle:#fdf3d5;--bs-danger-bg-subtle:#f7d4d8;--bs-light-bg-subtle:#fafbfc;--bs-dark-bg-subtle:#d3d4d5;--bs-primary-border-subtle:#9bc3e9;--bs-secondary-border-subtle:#d7d8db;--bs-success-border-subtle:#9ee4cf;--bs-info-border-subtle:#a2dae3;--bs-warning-border-subtle:#fce7ab;--bs-danger-border-subtle:#efa9b2;--bs-light-border-subtle:#eff1f2;--bs-dark-border-subtle:#a7a9ab;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,#ffffff26,#fff0);--bs-body-font-family:"Roboto",sans-serif;--bs-body-font-size:0.9375rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#747579;--bs-body-color-rgb:116,117,121;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:#cfd3d7;--bs-secondary-color-rgb:207,211,215;--bs-secondary-bg:#eff1f2;--bs-secondary-bg-rgb:239,241,242;--bs-tertiary-color:#74757980;--bs-tertiary-color-rgb:116,117,121;--bs-tertiary-bg:#f5f7f9;--bs-tertiary-bg-rgb:245,247,249;--bs-heading-color:var(--bs-gray-800);--bs-link-color:#962e33;--bs-link-color-rgb:6,106,201;--bs-link-decoration:none;--bs-link-hover-color:#96272d;--bs-link-hover-color-rgb:5,85,161;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:var(--bs-gray-300);--bs-border-color-translucent:rgba(0,0,0,.175);--bs-border-radius:0.325rem;--bs-border-radius-sm:0.2rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0px 0px 40px #1d3a5326;--bs-box-shadow-sm:0 0.125rem 0.25rem #1d3a5326;--bs-box-shadow-lg:0 1rem 3rem #1d3a5326;--bs-box-shadow-inset:inset 0 1px 2px rgba(0,0,0,.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:#0d6efd40;--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff;background-color:var(--bs-body-bg);color:#747579;color:var(--bs-body-color);font-family:Roboto,sans-serif;font-family:var(--bs-body-font-family);font-size:.9375rem;font-size:var(--bs-body-font-size);font-weight:400;font-weight:var(--bs-body-font-weight);line-height:1.5;line-height:var(--bs-body-line-height);margin:0;text-align:var(--bs-body-text-align)}.h3,h3{color:#24292d;color:var(--bs-heading-color);font-family:Heebo,sans-serif;font-size:calc(1.3125rem + .75vw);font-weight:700;line-height:1.5;margin-bottom:.5rem;margin-top:0}@media (min-width:1200px){.h3,h3{font-size:1.875rem}}p{margin-top:0}address,p{margin-bottom:1rem}address{font-style:normal;line-height:inherit}img{vertical-align:middle}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,select{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[type=button],button{-webkit-appearance:button}[type=button]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{border-style:none;padding:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{-webkit-appearance:button;font:inherit}[hidden]{display:none!important}.img-fluid{height:auto;max-width:100%}.container{--bs-gutter-x:1.875rem;--bs-gutter-y:0;margin-left:auto;margin-right:auto;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}@media (min-width:576px){.container{max-width:96%}}@media (min-width:768px){.container{max-width:94%}}@media (min-width:992px){.container{max-width:94%}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1300px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.875rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--bs-gutter-x)*-.5);margin-right:calc(var(--bs-gutter-x)*-.5);margin-top:calc(var(--bs-gutter-y)*-1)}.row>*{flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}.col{flex:1 0}@media (min-width:768px){.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-6{flex:0 0 auto;width:50%}}@media (min-width:1200px){.col-xl-12{flex:0 0 auto;width:100%}}.form-label{font-weight:600;margin-bottom:.5rem}.form-control{-webkit-appearance:none;appearance:none;background-clip:padding-box;background-color:#fff;background-color:var(--bs-body-bg);border:1px solid #dde0e3;border:1px solid var(--bs-gray-300);border-radius:.325rem;color:#404448;color:var(--bs-gray-700);display:block;font-size:.9375rem;font-weight:400;line-height:1.5;padding:.5rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{background-color:#fff;background-color:var(--bs-body-bg);border-color:#962e33;box-shadow:0 0 0 0 #066ac940;color:#404448;color:var(--bs-gray-700);outline:0}.form-control::-webkit-date-and-time-value{height:1.5em;margin:0;min-width:85px}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:#9a9ea4;color:var(--bs-gray-500);opacity:1}.form-control:disabled{background-color:#eff1f2;background-color:var(--bs-gray-200);border-color:#dde0e3;border-color:var(--bs-border-color);opacity:1}.form-control::file-selector-button{background-color:#f5f7f9;background-color:var(--bs-tertiary-bg);border:0 solid;border-color:inherit;border-inline-end-width:1px;border-radius:0;color:#747579;color:var(--bs-body-color);margin:-.5rem -1rem;margin-inline-end:1rem;padding:.5rem 1rem;pointer-events:none;transition:all .3s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#eff1f2;background-color:var(--bs-secondary-bg)}.form-check{display:block;margin-bottom:.125rem;min-height:1.5rem;padding-left:1.5em}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{--bs-form-check-bg:var(--bs-gray-200);-webkit-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #00000040;flex-shrink:0;height:1em;margin-top:.25em;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:1em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#962e33;box-shadow:0 0 0 0 #066ac940;outline:0}.form-check-input:checked{background-color:#962e33;border-color:#962e33}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")}.form-check-input:disabled{filter:none;opacity:.5;pointer-events:none}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.btn{--bs-btn-padding-x:1rem;--bs-btn-padding-y:0.5rem;--bs-btn-font-family: ;--bs-btn-font-size:0.9375rem;--bs-btn-font-weight:500;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:#0000;--bs-btn-border-width:1px;--bs-btn-border-color:#0000;--bs-btn-border-radius:0.325rem;--bs-btn-hover-border-color:#0000;--bs-btn-box-shadow:none;--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb),.5);background-color:var(--bs-btn-bg);border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);color:var(--bs-btn-color);cursor:pointer;display:inline-block;font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);text-align:center;transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);color:var(--bs-btn-hover-color)}.btn:focus-visible{background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);box-shadow:var(--bs-btn-focus-box-shadow);color:var(--bs-btn-hover-color);outline:0}.btn:first-child:active,:not(.btn-check)+.btn:active{background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color);color:var(--bs-btn-active-color)}.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled{background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);color:var(--bs-btn-disabled-color);opacity:var(--bs-btn-disabled-opacity);pointer-events:none}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#962e33;--bs-btn-border-color:#962e33;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#96272d;--bs-btn-hover-border-color:#96272d;--bs-btn-focus-shadow-rgb:43,128,209;--bs-btn-active-color:#fff;--bs-btn-active-bg:#96272d;--bs-btn-active-border-color:#96272d;--bs-btn-active-shadow:none;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#962e33;--bs-btn-disabled-border-color:#962e33}.btn-sm{--bs-btn-padding-y:0.4rem;--bs-btn-padding-x:0.8rem;--bs-btn-font-size:0.8125rem;--bs-btn-border-radius:0.2rem}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1.25rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color:var(--bs-gray-800);--bs-card-subtitle-color: ;--bs-card-border-width:0;--bs-card-border-color:var(--bs-border-color);--bs-card-border-radius:0.5rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:0.5rem;--bs-card-cap-padding-y:1rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:var(--bs-white);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1.25rem;--bs-card-group-margin:0.9375rem;word-wrap:break-word;background-clip:initial;background-color:var(--bs-card-bg);border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius);color:#747579;color:var(--bs-body-color);display:flex;flex-direction:column;height:var(--bs-card-height);min-width:0;position:relative}.card-body{color:var(--bs-card-color);flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x)}.card-header{background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color);color:var(--bs-card-cap-color);margin-bottom:0;padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes spinner-border{to{transform:rotate(1turn)}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.placeholder{background-color:currentcolor;cursor:wait;display:inline-block;min-height:1em;opacity:.5;vertical-align:middle}.placeholder.btn:before{content:"";display:inline-block}@keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-wave{to{-webkit-mask-position:-200% 0;mask-position:-200% 0}}.object-fit-cover{object-fit:cover!important}.d-flex{display:flex!important}.position-relative{position:relative!important}.border{border:1px solid #dde0e3!important;border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom{border-bottom:1px solid #dde0e3!important;border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.flex-column{flex-direction:column!important}.flex-grow-1{flex-grow:1!important}.flex-wrap{flex-wrap:wrap!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.mt-4{margin-top:1.6rem!important}.me-2{margin-right:.5rem!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.6rem!important}.pt-5{padding-top:3rem!important}.fs-5{font-size:calc(1.25625rem + .075vw)!important}.text-danger{--bs-text-opacity:1;color:rgba(214,41,62,var(--bs-text-opacity))!important;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.bg-primary{--bs-bg-opacity:1;background-color:#6cb7f3!important}.bg-transparent{--bs-bg-opacity:1;background-color:initial!important}.rounded-3{border-radius:.5rem!important;border-radius:var(--bs-border-radius-lg)!important}.rounded-circle{border-radius:50%!important}@media (min-width:1200px){.fs-5{font-size:1.3125rem!important}}.btn{letter-spacing:.5px;margin-bottom:6px;outline:0;overflow:hidden;position:relative;white-space:nowrap}.card-header-title{margin-bottom:0}@keyframes dropdownslideIn{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(1rem)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow-x:hidden;z-index:0}body,header{position:relative}header{background:#fff;background:var(--bs-body-bg);z-index:1020}img{height:auto;max-width:100%}section{padding-bottom:2.8rem;padding-top:3.5rem}@media (max-width:767.98px){section{padding-bottom:3rem;padding-top:4rem}}.form-check .form-check-input,.form-check .form-check-label{cursor:pointer}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.cursor-pointer{cursor:pointer}.view-announcement-container{background-color:#bcd9c6;border-radius:.5rem;box-shadow:0 4px 6px #2436421a;height:100%;margin:0 auto;padding:1rem}.header{color:#243642;font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.tab-container{border-bottom:1px solid #629584;display:flex;justify-content:space-around;margin:.5rem;padding:.25rem}.tab{border-radius:.5rem;color:#629584;cursor:pointer;font-size:medium;font-weight:700;padding:10px 40px}.tab.active{background-color:#243642;color:#fff}.announcements-list{-ms-overflow-style:none;display:flex;flex-direction:column;gap:.75rem;height:20rem;overflow:auto}.announcements-list::-webkit-scrollbar{width:8px}.announcements-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.announcements-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.announcements-list::-webkit-scrollbar-thumb:hover{background:#555}.announcement-card{background-color:#e2f1e7;border-radius:.5rem;padding:1rem}.announcement-text{margin-bottom:.25rem}.announcement-text strong{color:#243642}.no-announcements{color:#243642;text-align:center}.send-announcement-container{background-color:#bcd9c6;border-radius:.5rem;box-shadow:0 4px 6px #2436421a;height:100%;margin:0 auto;padding:1rem}input[type=radio]{margin-right:1rem}input[type=radio]:checked{accent-color:#243642}.title{color:#243642;font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.announcement-formlabel{color:#243642;font-size:medium;font-weight:600;margin-bottom:.5rem}.announcement-forminput{background-color:#e2f1e7;border:1px solid #629584;border-radius:.5rem;margin-bottom:1rem;padding:.5rem;width:100%}.form-input:focus{background-color:#e2f1e7;box-shadow:0 0 0 2px #4a4947;outline:none}.radio-label{color:#243642;font-size:medium;font-weight:600;margin-bottom:.5rem;margin-right:1.5rem}.announcement-submitbuttonn{background-color:#4a4947;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;margin-left:auto;margin-right:auto;margin-top:1rem;padding:.5rem;width:40%}.announcement-submitbuttonn:hover{background-color:#243642}.response-message{color:#243642;margin-top:1rem;text-align:center}.announcement-container{align-items:center;background-color:#e2f1e7;display:flex;justify-content:center;min-height:100vh;padding:1rem}.content-grid,.role-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:0 auto;width:100%}@media (min-width:768px){.content-grid{grid-template-columns:0fr 2fr 1fr}.role-grid{grid-template-columns:1fr 3fr 1fr}}.project-card{background-color:#bcd9c6;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#243642;font-family:Arial,sans-serif;height:450px;margin:15px;padding:20px;width:800px}.project-page{align-items:center;background-color:#e2f1e7;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.project-card .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.project-card .title{color:#243642;font-size:1.5em;font-weight:700}.project-card .details{margin:10px 0}.project-card .footer{font-size:.9em;margin-top:10px}.project-card .status{font-weight:700}.project-card .status-pending{color:#387478}.project-card .status-in-progress{color:#629584}.project-card .status-on-hold{color:#e2f1e7}.project-card .status-completed{color:#243642}.project-card .status-unknown{color:#c1c1c1}.project-card .buttons{display:flex;justify-content:space-between;margin-top:15px}.project-card .delete-button,.project-card .view-button{background-color:#387478;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;padding:10px 15px;transition:background-color .3s ease}.project-card .delete-button,.project-card .delete-button:hover,.project-card .view-button:hover{background-color:#629584}.project-card .delete-button:hover{background-color:#387478}.project-card .modal-content{background-color:#e2f1e7;color:#243642}.project-card .close{background-color:#387478;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;padding:10px 15px}.project-card .close:hover{background-color:#629584}@media (max-width:768px){.project-card{margin:10px;padding:15px;width:400px}.project-card .title{font-size:1.2em}.project-card .details{font-size:.9em}.project-card .footer{font-size:.85em}.project-card .buttons{align-items:center;flex-direction:column}.project-card .delete-button,.project-card .view-button{margin:5px 0;width:100%}}@media (max-width:480px){.project-card{margin:5px;padding:10px}.project-card .title{font-size:1.1em}.project-card .buttons{flex-direction:column}.project-card .delete-button,.project-card .view-button{font-size:1em;padding:8px 12px}}.project-upload{align-items:center;background-color:#e2f1e7;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;width:100%}.form-container1{box-shadow:0 4px 10px #0000001a;margin:50px auto;padding:30px;width:50%}h2{color:#333;margin-bottom:15px;margin-top:70px}.form-group1{font-size:1.2em}.form-group1 label{color:#333;display:block;font-size:1.2em;font-weight:600}.form-control1{border:1px solid #ccc;border-radius:4px;font-size:1em;margin-top:5px;padding:8px;width:100%}.task,.team-member{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;gap:10px;margin:20px auto;padding:15px;width:90%}.task label,.team-member label{color:#333;font-size:1.2em;text-align:center}.add-btn,button,button[type=submit]{width:50%}input[type=date],input[type=text],select,textarea{background-color:#e2f1e7}.task+.task,.team-member+.team-member{margin-top:40px}@media (max-width:768px){.form-container{margin:40px auto 5px;padding:20px;width:90%}h2{font-size:1.5em;margin-top:150px;padding-top:40px}label{font-size:1.2em}.form-control1,button{font-size:.9em}button{padding:6px 10px;text-align:center}.task,.team-member{gap:8px;margin-top:40px}.add-btn,button[type=submit]{font-size:.9em}}@media (max-width:480px){.form-container{padding:15px;width:95%}h2{font-size:1.3em;margin-top:150px;padding-top:70px}label{font-size:1em}.form-control1,button{font-size:.8em}button{display:block;margin:10px auto;padding:5px 8px;text-align:center}.task,.team-member{gap:6px;margin-top:40px}button.remove-btn{align-self:center}}@media (min-height:800px){.form-container1{margin:70px auto}h2{margin-bottom:20px;margin-top:150px}.form-group1{margin-bottom:25px}.task,.team-member{gap:12px;padding:20px}}.container1{align-items:center;background-color:#e2f1e7;margin:0}.container1,.main1{display:flex;justify-content:center}.main1{flex:1 1;padding:20px}.form-container1{animation:fadeIn 2s forwards;background-color:#bcd9c6;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:600px;padding:20px;width:100%}.form-container1 h3{font-size:24px;font-weight:700;margin-bottom:20px;text-align:left}.form-group1{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:20px}.form-group1 label{font-size:16px;font-weight:700;margin-bottom:5px}.form-group1 input[type=date],.form-group1 input[type=text],.form-group1 select{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;width:100%}.buttons{display:flex;gap:20px;justify-content:flex-start;margin-top:20px}.button-left{display:inline-block}button{border-radius:20px;font-size:16px;width:150px}button.submit{background-color:#3367d6;color:#fff}button.submit.submitted{background-color:#9ec6d8;color:#fff}button.reset{background-color:#ddd;color:#333}.error{color:red;font-size:12px;margin-top:5px}.form-group input,.form-group select{border:1px solid #ddd}.form-group input:invalid,.form-group select:invalid{border-color:red}.form-group input:focus:invalid,.form-group select:focus:invalid{border-color:red;outline:none}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f7fa;color:#333}.container{margin-top:150px;padding:0 20px}table{border-collapse:collapse;box-shadow:0 2px 10px #0000001a;margin:20px 0;width:100%}td,th{padding:12px 15px;text-align:left}th{background-color:#387478;color:#e2f1e7;font-size:1.1em;font-weight:600}td{background-color:#fff;border-bottom:1px solid #ddd;color:#243642}tr:nth-child(2n) td{background-color:#f9f9f9}tr:hover td{background-color:#e2f1e7;color:#387478}caption{color:#387478;font-size:1.5em;font-weight:700;margin:10px 0}@media (max-width:768px){table{font-size:.9em}td,th{padding:10px}caption{font-size:1.3em}.popup-content{padding:20px;width:90%}}.popup-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.popup-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#387478;max-width:600px;padding:30px;width:100%}.popup-field{margin-bottom:20px}.popup-field label{display:block;font-weight:700;margin-bottom:5px}.popup-field select,.popup-field textarea{border:1px solid #ddd;border-radius:5px;padding:10px;width:100%}.popup-field textarea{min-height:100px}button{background-color:#387478;color:#fff;font-size:1em;padding:10px 20px}button:hover{background-color:#2c5c5c}button:focus{outline:none}button.close{background-color:#e74c3c;margin-top:20px}button.close:hover{background-color:#c0392b}.popup-field p{color:#888;font-size:.85em}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.leave-container{align-items:center;background:#e2f1e7;display:flex;height:100%;justify-content:center;margin:0}.leave-balance-container{animation:fadeIn 1s ease-out forwards;animation-delay:.2s;background:#bcd9c6;border-radius:12px;box-shadow:0 4px 8px #0003;margin:150px auto 30px;max-width:800px;opacity:0;padding:20px;text-align:center;width:100%}.leave-records-title,.leave-title{animation:fadeIn 1s ease-out forwards;color:#333;font-size:24px;margin-bottom:20px;opacity:0}.leave-title{animation-delay:.5s}.leave-records-title{animation-delay:.7s;font-size:20px;font-weight:600;margin-bottom:15px;margin-top:30px;text-align:center}.leave-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.leave-item{animation:fadeIn .8s ease-out forwards;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;opacity:0;padding:20px;text-align:center}.leave-item:first-child{animation-delay:1.2s}.leave-item:nth-child(2){animation-delay:1.5s}.leave-item:nth-child(3){animation-delay:1.8s}.leave-item:nth-child(4){animation-delay:2.1s}.leave-item h3{color:#555;font-size:16px;margin-bottom:5px}.leave-item p{color:#333;font-size:20px;font-weight:700}.leave-item.approved{border-top:4px solid #4caf50}.leave-item.pending{border-top:4px solid #ff9800}.leave-item.rejected{border-top:4px solid #f44336}.apply-leave-button{animation:fadeIn 1s ease-out forwards;animation-delay:2.5s;background-color:#387478;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;opacity:0;padding:10px 20px;transition:background-color .3s ease}.apply-leave-button a{color:inherit;text-decoration:none}.apply-leave-button:hover{background-color:#284b4f}.leave-records-table{animation:fadeIn 1s ease-out forwards;animation-delay:.5s;border-collapse:collapse;margin-top:10px;opacity:0;width:100%}.leave-records-table td,.leave-records-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left;transition:background-color .3s ease}.leave-records-table th{background-color:#f0f4f8;color:#333;font-weight:600}.leave-records-table td{color:#555;font-size:15px}.leave-records-table td:nth-child(5){font-weight:600}.leave-records-table tr:hover{background-color:#f9f9f9}@media (max-width:768px){.leave-info{grid-template-columns:repeat(2,1fr)}.leave-records-table td,.leave-records-table th{font-size:14px;padding:10px}.apply-leave-button{margin-top:20px;width:100%}}@media (max-width:480px){.leave-info{grid-template-columns:1fr}.leave-records-title,.leave-title{font-size:20px}.leave-records-table td,.leave-records-table th{font-size:12px;padding:8px}}body{background-color:#f4f6f9;font-family:Arial,sans-serif}.people-container{background-color:#e2f1e7;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.cardpeople{background:#bcd9c6;border:1px solid #ddd;border-radius:15px;box-shadow:0 6px 14px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:390px;justify-content:space-between;overflow:hidden;text-align:center;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;width:300px}.cardpeople:hover{background-color:#f0f7ff;box-shadow:0 12px 24px #0003;transform:translateY(-12px)}.profile-img{border-bottom:3px solid #3498db;border-radius:5px;height:180px;margin-top:10px;object-fit:cover;transition:transform .3s ease;width:100%}.cardpeople:hover .profile-img{transform:scale(1.05)}.card-info{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:15px}.name{color:#2c3e50;font-size:1.3em;font-weight:700;margin:10px 0;text-transform:uppercase}.role{color:#7f8c8d;font-size:1.1em;font-style:italic;margin-top:-9px}.add-card{align-items:center;background:#fff;border:1px dashed #3498db;border-radius:15px;box-shadow:0 6px 14px #0000001a;cursor:pointer;display:flex;height:340px;justify-content:center;overflow:hidden;text-align:center;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;width:260px}.add-card:hover{background-color:#eaf7ff;box-shadow:0 12px 24px #0003;transform:translateY(-12px)}.add-icon{color:#3498db;font-size:3em;font-weight:700;margin-bottom:15px}.add-card .card-info{display:block}.add-card .name{color:#3498db;font-size:1.2em;font-weight:700;margin-bottom:5px}.emlid{color:#2c3e50;font-size:1em;margin-bottom:15px}.add-card .role{color:#7f8c8d;font-size:1em}.delete-button{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:5px 10px}.delete-button:hover{background-color:#c0392b}@media (max-width:768px){.people-container{margin-top:153px;padding:10px}.add-card,.cardpeople{max-width:300px;width:100%}.profile-img{height:150px}}.salary-main-container{align-items:flex-start;background-color:#e2f1e7;display:flex;height:100%;justify-content:center;padding-bottom:100px;padding-top:100px;width:100%}.salary-form-container{background-color:#bcd9c6;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:50px auto;padding:30px;text-align:center;width:65%}h2{font-size:1.8em;margin-bottom:20px;margin-top:50px;text-align:center}.form-group h3{font-size:medium;text-align:center}.form-group{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px}.form-group label{color:#004d40;display:block;font-size:1.2em;font-weight:600;margin-bottom:5px;text-align:center}.form-control{border:1px solid #ccc;border-radius:4px;font-size:1em;margin-top:5px;padding:8px;width:100%}.error-message{color:#d9534f;font-size:.9em;margin-top:5px}.employee-detail{background-color:#e2f1e7;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;gap:10px;margin-bottom:15px;padding:15px;width:65%}button{align-items:center;border:none;border-radius:5px;cursor:pointer;font-size:1.1em;font-weight:600;padding:8px 12px;text-align:center}.add-btn,button,button[type=submit]{display:block;margin:20px auto;width:100%}.add-btn,button[type=submit]{background-color:#387478;color:#fff;transition:background-color .3s}.add-btn:hover,button[type=submit]:hover{background-color:#2f5e63}button.remove-btn{align-self:center;background-color:#d9534f;color:#fff}button.remove-btn:hover{background-color:#c9302c}input[type=date],input[type=text],select,textarea{border:1px solid #ccc;border-radius:4px;font-size:1em;padding:8px;width:100%}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zY2hlbWVzL3N2ZyIgaGVpZ2h0PSIxMCI+PHBhdGggZD0iTTEwMCA1MDBabTAtMTAwWlYzMDBaVjIwMFpWMzAwWnYxMDBaIiBmaWxsPSIjMDA3OTA0Ii8+PC9zdmc+);background-position:right 10px center;background-repeat:no-repeat}@media (max-width:768px){.salary-form-container{margin:40px auto;padding:20px;width:90%}h2{font-size:1.5em;margin-top:100px}label{font-size:1.2em}.form-control,button{font-size:.9em}button{padding:6px 10px;text-align:center}.employee-detail{gap:8px;margin-top:40px}.add-btn,.btn-primary,select{font-size:.9em}}@media (max-width:480px){.salary-form-container{padding:15px;width:95%}h2{font-size:1.3em;margin-top:120px}label{font-size:1em}.form-control,button{font-size:.8em}button{display:block;margin:10px auto;padding:5px 8px;text-align:center}.employee-detail{gap:6px}.add-btn,.btn-primary,select{font-size:.8em}}.page_404{background:#fff;font-family:Arvo,serif;padding:40px 0}.page_404 img{width:100%}.four_zero_four_bg{background-image:url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);background-position:50%;height:400px}.four_zero_four_bg h1,.four_zero_four_bg h3{font-size:80px}.link_404{background:#39ac31;color:#fff!important;display:inline-block;margin:20px 0;padding:10px 20px}.contant_box_404{margin-top:-50px}
/*# sourceMappingURL=main.1dd8f8d0.css.map*/