@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.main-login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.main-login-container .login-logo{font-size:30px;font-weight:600;margin-top:20px;margin-bottom:30px}.login-Controller{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:65%;height:auto;border-radius:10px;box-shadow:#0e3f7e0a 0 0 0 1px,#2a33450a 0 1px 1px -.5px,#2a33460a 0 3px 3px -1.5px,#2a33460a 0 6px 6px -3px,#0e3f7e0a 0 12px 12px -6px,#0e3f7e0a 0 24px 24px -12px;border:1px solid var(--color-border)}.login-Controller .login-image-section{padding:10px;display:flex;align-items:center;flex-direction:column;justify-content:center;border-radius:10px;width:50%;background-color:var(--primary-color)}.login-Controller .login-image-section .login-image{margin-top:20px;border-radius:10px;width:50%;object-fit:cover}.login-Controller .login-image-section .login-image-section-content{text-align:center;color:var(--text-primary-color);font-weight:600;margin-top:20px}.login-Controller .login-image-section .login-image-section-content p{opacity:.8;font-size:14px;margin-top:10px;font-weight:400;margin-bottom:30px}.login-Controller .login-form-section{padding:10px;display:flex;margin-left:70px;flex-direction:column;justify-content:center;border-radius:10px;width:50%;background-color:var(--color-background)}.login-form-section .login-form-section-content{text-align:center;color:var(--text-primary-color);font-weight:600;margin-top:20px;text-align:left}.login-form-section{padding:20px}.login-form-section h3{opacity:.5;margin-bottom:10px}.login-form-section .login-form{width:70%}.login-form-footer{display:flex;justify-content:space-between;align-items:left!important;font-size:12px;text-align:left!important}.login-form-footer p{opacity:.4}.login-form-footer a{color:var(--text-secondary-color);text-decoration:none;font-weight:600}.error-message{color:red;margin-bottom:10px;opacity:.7}.login-Controller{flex-direction:column;justify-content:space-evenly;width:100%;padding:10px}.login-Controller .login-image-section,.login-Controller .login-form-section{width:100%;margin-left:0}.login-form-section{margin-left:20px}.login-form-section .login-form{width:100%}.login-form-footer{flex-direction:column;gap:10px}@media (min-width: 600px){.login-Controller{flex-direction:row;width:90%}.login-Controller .login-image-section,.login-Controller .login-form-section{width:50%}.login-form-section{margin-left:0!important}.login-form-section .login-form{width:80%}.login-form-footer{flex-direction:row;justify-content:space-between;gap:0}}@media (min-width: 1024px){.login-Controller{width:65%}.login-form-section .login-form{width:80%}}.input-container{display:flex;flex-direction:column;gap:2px;width:100%}.input-container label{opacity:.8;font-size:var(--font-size-small)}.input-container label:after{content:" *";color:var(--text-secondary-color)}.basic-input::placeholder{color:var(--text-tertiary-color);font-size:var(--font-size-small)}.input-wrapper{display:flex;border:1px solid var(--primary-color);border-radius:5px;margin-bottom:10px}.input-wrapper .basic-input{padding:10px 20px;outline:none;width:100%;border:none;border-radius:5px}.input-wrapper .password-icon{padding:10px;cursor:pointer}.basic-button{display:flex;justify-content:center;align-items:center;background-color:var(--primary-color);border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease;padding:10px 20px;color:#fff}@media screen and (max-width: 768px){.basic-button{width:100%;font-size:12px}}:root{--primary-color: #6c0389;--background-color: #ecf0f1;--color-border: #dcdcdc;--color-border-secondary: #6c0389;--text-primary-color: #fff;--text-secondary-color: #6c0389;--text-tertiary-color: #666;--font-family: "Poppins";--font-size: 16px;--font-size-small: 14px;--font-size-large: 18px}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family);font-weight:400}.candidate-main-container{background-color:#fff;min-height:82vh;width:100%;gap:20px;font-size:var(--font-size);font-weight:500;box-shadow:0 4px 8px #0000001a;border:1px solid var(--color-border-secondary);border-radius:8px;transition:background-color .3s ease;overflow-y:hidden;padding:10px}.candidate-heading{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;color:var(--primary-color)}.candidate-header{display:flex;justify-content:space-between}.candidate-add-btn{text-decoration:none}.candidate-action a{text-decoration:none}@media screen and (max-width: 768px){.candidate-main-container{padding:10px}.candidate-heading{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 0;font-size:1.2rem;font-weight:500}.candidate-header{flex-direction:column;align-items:flex-start}table th,table td{padding:8px}table{overflow-x:scroll}}.notfound-container{display:flex;align-items:center;justify-content:center;height:100vh;background-color:var(--background-color);padding:20px;text-align:center}.notfound-box{background-color:#fff;padding:50px 30px;border-radius:16px;box-shadow:0 8px 20px #0000001a;border:2px solid var(--primary-color);max-width:500px}.notfound-box h1{font-size:5rem;color:var(--primary-color);font-weight:700;margin-bottom:10px}.notfound-box h2{font-size:2rem;margin-bottom:10px;color:var(--text-color)}.notfound-box p{color:#666;font-size:1rem;margin-bottom:30px}@media (max-width: 600px){.notfound-box h1{font-size:4rem}.notfound-box h2{font-size:1.5rem}.notfound-box{padding:40px 20px}}.sidebar-container{position:fixed;top:0;left:0;height:100vh;width:260px;background-color:#fff;color:#000!important;padding:24px 16px;display:flex;flex-direction:column;gap:28px;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1000;box-shadow:2px 0 10px #0003;border-right:3px solid var(--color-border-secondary)}.sidebar-logo{display:flex;align-items:center;justify-content:center;color:var(--text-secondary-color);font-weight:600;margin-bottom:10px}.sidebar-container.open{transform:translate(0);width:250px}.sidebar-category h3{color:var(--text-tertiary-color);font-size:14px;opacity:.6;margin-bottom:10px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:6px}.sidebar-category ul{list-style:none;padding:0;margin-top:8px}.sidebar-category ul li{font-size:var(--font-size);margin:10px 0;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color .2s ease,transform .2s ease}.sidebar-category ul li:hover{background-color:#ffffff1a;transform:translate(5px)}.sidebar-icon{width:20px;height:20px;margin-right:10px;text-decoration:none}.side-bar-items a{text-decoration:none;color:#000}.menu-toggle{position:fixed;top:20px;left:20px;background-color:var(--primary-color);color:var(--text-primary-color);padding:10px;border-radius:50%;cursor:pointer;z-index:1100;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #0003}@media (min-width: 768px){.sidebar-container{transform:translate(0);position:relative!important;height:auto;border-radius:10px;margin:20px;width:240px}.menu-toggle{display:none}}.navbar-container{display:flex;justify-content:end;width:100%}.navbar{width:78%;padding:16px 32px;display:flex;align-items:center;background-color:#fff;justify-content:flex-start;color:#000;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:999;border-bottom:2px solid var(--primary-color);margin-top:10px;border-radius:100px;margin-right:30px}.navbar-profile{display:flex;align-items:center;gap:12px}.profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;mix-blend-mode:multiply;border:2px solid var(--text-primary-color)}.profile-info{display:flex;flex-direction:column}.profile-name{font-weight:600;font-size:var(--font-size)}.profile-role{font-size:var(--font-size-small)}@media screen and (max-width: 768px){.navbar{width:80%;height:65px;padding:16px;justify-content:space-between;margin-left:auto;margin-right:10px}.navbar-profile{gap:8px}.profile-image{width:32px;height:32px}.profile-name{font-size:var(--font-size-small)}.profile-role{font-size:var(--font-size-xsmall)}}.home-layout{display:flex;flex-direction:column;height:100vh;background-color:var(--background-color)}.layout-body{display:flex;flex:1;overflow:hidden}.sidebar-container{width:250px;min-width:200px;padding:20px;position:sticky;top:0}.main-content{flex:1;padding:24px;overflow-y:auto;background-color:var(--background-color)}@media (max-width: 768px){.sidebar-container{width:100%;position:fixed;width:200px}.main-content{padding:16px}}.candidate-add-main-container{background-color:#fff;width:100%;height:100%;font-size:var(--font-size);font-weight:500;box-shadow:0 4px 8px #0000001a;border:1px solid var(--color-border-secondary);border-radius:8px;transition:background-color .3s ease;overflow:hidden!important;padding:10px;margin:0 auto}.candidate-add-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;width:100%}.candidate-add-form{display:flex;flex-direction:column;gap:20px;padding:20px;width:70%;overflow-y:scroll;max-height:70vh}.candidate-form-group-option{display:flex;flex-direction:column;width:100%}.candidate-form-group-option label{opacity:.8;font-size:var(--font-size-small)}.candidate-form-group-option label:after{content:" *";color:var(--text-secondary-color)}.candidate-form-group-option select{padding:10px 20px;outline:none;width:100%;border:none;border-radius:5px;border:1px solid var(--primary-color)}.candidate-form-group-btn{display:flex;justify-content:flex-end;gap:10px;width:100%}@media (max-width: 768px){.candidate-add-form{width:90%;padding:15px}.candidate-form-group-btn{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.candidate-add-container{padding:10px;gap:15px}.candidate-add-form{width:100%;padding:10px;gap:15px}.candidate-form-group-option select{padding:8px 12px}.candidate-form-group-btn{flex-direction:column;gap:8px}}.candidate-view-main-container{background-color:#fff;min-height:82vh;width:100%;gap:20px;font-size:var(--font-size);font-weight:500;box-shadow:0 4px 8px #0000001a;border:1px solid var(--color-border-secondary);border-radius:8px;transition:background-color .3s ease;overflow-y:hidden;padding:10px 20px;display:flex;justify-content:center;align-items:center}.candidate-view-container{width:100%;max-width:800px;display:flex;flex-direction:column}.candidate-view-heading{display:flex;justify-content:center;align-items:center;font-size:24px;padding:20px 0;color:var(--primary-color);text-align:center;border-bottom:1px solid var(--color-border-secondary)}.candidate-view-data-container{display:flex;flex-direction:column;padding:20px;gap:15px}.candidate-view-item{display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #eee;padding:10px 0;font-size:16px;color:#000}.candidate-view-item span:first-child{font-weight:600;color:var( --primary-color);margin-right:10px}.candidate-view-item span:last-child{flex-grow:1;text-align:right;color:#000}.candidate-action-btn{display:flex;gap:15px;margin-top:20px;justify-content:center;flex-wrap:wrap}.candidate-action-btn a{text-decoration:none}@media (max-width: 768px){.candidate-view-heading{font-size:20px}.candidate-view-item{flex-direction:column;align-items:flex-start}.candidate-view-item span:last-child{text-align:left;margin-top:5px}.candidate-action-btn{flex-direction:column;align-items:center}}@media (max-width: 480px){.candidate-view-main-container{padding:10px}.candidate-view-container{padding:0}.candidate-view-item{font-size:14px}.candidate-view-heading{font-size:18px;padding:10px 0}}.employee-main-container{background-color:#fff;min-height:82vh;width:100%;gap:20px;font-size:var(--font-size);font-weight:500;box-shadow:0 4px 8px #0000001a;border:1px solid var(--color-border-secondary);border-radius:8px;transition:background-color .3s ease;overflow-y:hidden;padding:10px}.employee-header{display:flex;justify-content:space-between}.employee-heading{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;color:var(--primary-color)}.employee-add-btn{text-decoration:none}.employee-action a{text-decoration:none;color:var(--primary-color);font-size:1.2rem;font-weight:500}@media screen and (max-width: 768px){.employee-main-container{padding:10px}.employee-heading{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 0;font-size:1.2rem;font-weight:500}.employee-header{flex-direction:column;align-items:flex-start}table th,table td{padding:8px}table{overflow-x:scroll}}.employee-add-main-container{background-color:#fff;width:100%;height:100%;font-size:var(--font-size);font-weight:500;box-shadow:0 4px 8px #0000001a;border:1px solid var(--color-border-secondary);border-radius:8px;transition:background-color .3s ease;overflow:hidden!important;padding:10px;margin:0 auto}.employee-add-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;width:100%}.employee-add-form{display:flex;flex-direction:column;gap:20px;padding:20px;width:70%;overflow-y:scroll;max-height:70vh}.employee-form-group-option{display:flex;flex-direction:column;width:100%}.employee-form-group-option label{opacity:.8;font-size:var(--font-size-small)}.employee-form-group-option label:after{content:" *";color:var(--text-secondary-color)}.employee-form-group-option select{padding:10px 20px;outline:none;width:100%;border:none;border-radius:5px;border:1px solid var(--primary-color)}.employee-form-group-btn{display:flex;justify-content:flex-end;gap:10px;width:100%}@media (max-width: 768px){.employee-add-form{width:90%;padding:15px}.employee-add-container{padding:15px;gap:15px}}@media (max-width: 480px){.employee-add-form{width:100%;padding:10px;gap:15px}.employee-add-container{padding:10px;gap:10px}.employee-form-group-option label{font-size:calc(var(--font-size-small) - 1px)}}.employee-view-main-container{background-color:#fff;min-height:82vh;width:100%;gap:20px;font-size:var(--font-size);font-weight:500;box-shadow:0 4px 8px #0000001a;border:1px solid var(--color-border-secondary);border-radius:8px;transition:background-color .3s ease;overflow-y:hidden;padding:10px 20px;display:flex;justify-content:center;align-items:center}.employee-view-container{width:100%;max-width:800px;display:flex;flex-direction:column}.employee-view-heading{display:flex;justify-content:center;align-items:center;font-size:24px;padding:20px 0;color:var(--primary-color);text-align:center;border-bottom:1px solid var(--color-border-secondary)}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:var(--text-secondary-color)}.employee-view-data-container{display:flex;flex-direction:column;padding:20px;gap:15px}.employee-view-item{display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #eee;padding:10px 0;font-size:16px;color:#000}.employee-view-item span:first-child{font-weight:600;color:var(--primary-color);margin-right:10px}.employee-view-item span:last-child{flex-grow:1;text-align:right;color:#000}.employee-action-btn{display:flex;gap:15px;margin-top:20px;justify-content:center;flex-wrap:wrap}.employee-action-btn a{text-decoration:none}@media (max-width: 768px){.employee-view-heading{font-size:20px}.employee-view-item{flex-direction:column;align-items:flex-start}.employee-view-item span:last-child{text-align:left;margin-top:5px}.employee-action-btn{flex-direction:column;align-items:center}}@media (max-width: 480px){.employee-view-main-container{padding:10px}.employee-view-container{padding:0}.employee-view-item{font-size:14px}.employee-view-heading{font-size:18px;padding:10px 0}}.attendace-main-container{background-color:#fff;min-height:82vh;width:100%;gap:20px;font-size:var(--font-size);font-weight:500;box-shadow:0 4px 8px #0000001a;border:1px solid var(--color-border-secondary);border-radius:8px;transition:background-color .3s ease;overflow-y:hidden;padding:10px}.attendace-heading{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;color:var(--primary-color)}.attendace-add-btn{text-decoration:none}.attendace-header{display:flex;justify-content:space-between}.attendace-action-btn a{text-decoration:none;color:var(--primary-color);font-size:1.2rem;font-weight:500}table{width:100%;border-collapse:separate;border-spacing:0;margin-top:10px;border-radius:10px;overflow:hidden}table th:first-child{border-top-left-radius:10px}table th:last-child{border-top-right-radius:10px}table th,table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}table th{background-color:var(--primary-color);color:#fff}.attendance-action a{text-decoration:none}@media screen and (max-width: 768px){.attendance-main-container{padding:10px}.attendace-heading{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 0;font-size:1.2rem;font-weight:500}.attendace-header{flex-direction:column;align-items:flex-start}table th,table td{padding:8px}table{overflow-x:scroll}}.attendance-add-main-container{background-color:#fff;width:100%;height:100%;font-size:var(--font-size);font-weight:500;box-shadow:0 4px 8px #0000001a;border:1px solid var(--color-border-secondary);border-radius:8px;transition:background-color .3s ease;overflow:hidden!important;padding:10px;margin:0 auto}.attendance-add-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;width:100%}.attendance-add-container h3{font-size:1.6rem;font-weight:600;color:var(--primary-color)}.attendance-add-form{display:flex;flex-direction:column;gap:20px;padding:20px;width:70%;overflow-y:scroll;max-height:70vh}.attendance-form-group,.attendance-form-group-option{display:flex;flex-direction:column;width:100%}.attendance-form-group-option label{opacity:.8;font-size:var(--font-size-small)}.attendance-form-group-option label:after{content:" *";color:var(--text-secondary-color)}.attendance-form-group-option select{padding:10px 20px;outline:none;width:100%;border:none;border-radius:5px;border:1px solid var(--primary-color);font-size:var(--font-size);background-color:#fff;color:#000}.attendance-form-group-btn{display:flex;justify-content:flex-end;gap:10px;width:100%}@media (max-width: 768px){.attendance-add-form{width:90%;padding:15px}.attendance-add-container{padding:15px;gap:15px}}@media (max-width: 480px){.attendance-add-form{width:100%;padding:10px;gap:15px}.attendance-add-container{padding:10px;gap:10px}.attendance-form-group-option label{font-size:calc(var(--font-size-small) - 1px)}.attendance-form-group-btn{flex-direction:column;gap:10px}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.leave-container{display:flex;flex-wrap:wrap;gap:20px;padding:20px;background-color:var(--background-color)}.leave-list,.leave-calendar{background-color:#fff;border:1px solid var(--color-border);padding:20px;border-radius:10px;flex:1 1 400px;min-width:300px}.leave-list h2,.leave-calendar h2,.leave-calendar h3{color:var(--text-secondary-color);margin-bottom:10px}.leave-list ul,.approved-leaves ul{list-style:none;padding-left:0}.leave-list li,.approved-leaves li{background:var(--background-color);border:1px solid var(--color-border);padding:10px;margin-bottom:8px;border-radius:6px;color:var(--text-tertiary-color);font-size:var(--font-size-small)}.leave-list-message{background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 10px #0000000f;border:1px solid var(--color-border);max-width:600px;margin-bottom:20px}.leave-list-message h2{color:var(--text-secondary-color);font-size:20px;margin-bottom:16px;font-weight:600}.leave-note p{font-size:var(--font-size);line-height:1.6;color:var(--text-tertiary-color);margin-bottom:12px}.leave-note .signature{margin-top:20px;color:var(--text-secondary-color);font-weight:500}.calendar-placeholder{border:2px dashed var(--color-border-secondary);padding:40px;text-align:center;margin-bottom:20px;border-radius:10px;color:var(--color-border-secondary)}.approved-leaves h3{margin-bottom:10px;font-size:var(--font-size);font-weight:500}.custom-calendar{width:100%;border:none;background-color:#fff;font-family:var(--font-family)}.react-calendar__navigation button{color:var(--text-secondary-color);font-weight:500}.react-calendar__tile{padding:10px;border-radius:8px;transition:.3s}.react-calendar__tile--active{background:var(--color-border-secondary);color:var(--text-primary-color)}.react-calendar__tile--now{background:var(--background-color);border:1px solid var(--color-border-secondary)}.react-calendar__tile:hover{background-color:var(--background-color);cursor:pointer}@media screen and (max-width: 768px){.leave-container{flex-direction:column}}.welcome-container{background-color:var(--background-color);width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:2rem;text-align:center}.welcome-content{background:#fff;border-radius:16px;padding:40px 30px;max-width:600px;box-shadow:0 8px 24px #0000001a;border:2px solid var(--primary-color)}.welcome-content h1{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:20px}.welcome-content p{font-size:1.1rem;color:var(--text-color);margin-bottom:30px;line-height:1.6}@media (max-width: 768px){.welcome-content h1{font-size:2rem}.welcome-content p{font-size:1rem}.welcome-content{padding:30px 20px}}