@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";.home-container{min-height:100vh}.home-container .buttons-container{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:2rem}.buttons-container button{padding:1rem 3rem;font-size:2rem;border:none;cursor:pointer}.landing-page{display:grid;grid-template-rows:7rem 10fr 1fr;height:100vh}.landing-page p{font-size:1.6rem}.landing-page nav{display:flex;justify-content:space-between;align-items:center;padding:4rem}.landing-page main{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:4rem;padding:2rem 4rem}.landing-page .hero-content{display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.landing-page .hero-content h2{font-size:4rem;color:var(--button-color-accent-active)}.landing-page .hero-main-container{display:flex;flex-direction:column;gap:1rem}.landing-page .features-container h3{margin-bottom:1rem;font-size:3rem;margin-top:3rem;color:#247ba0}.landing-page .features-container ul{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;font-size:1.6rem;list-style:none}.landing-page button{padding:1rem 3rem;font-size:1.4rem;border:none;cursor:pointer;background-color:#6f4897;color:#fff}.landing-page .hero-content button{align-self:flex-start}.landing-page .hero-image{width:100%;height:100%}.landing-page .hero-image img{width:100%;height:100%;object-fit:contain}.landing-page footer{display:flex;justify-content:center;align-items:center}.landing-page footer p{font-size:1.2rem}.login-page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;min-height:100vh;padding:6rem}.login-page form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60%;max-width:480px;padding:3rem;background-color:#fff;border-radius:.6rem}.login-page form h2{margin-bottom:2rem}.login-page label{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.4rem;width:100%}.login-page input{padding:1rem;font-size:1.6rem;border:1px solid rgb(219,212,212)}.login-page input:focus{outline:1px solid var(--input-focus-color)}.login-page button{padding:1rem 2rem;font-size:1.6rem;margin:2rem 0;background-color:var(--button-color-accent);color:#fff;border:none;width:100%;cursor:pointer}.login-page button:hover{background-color:var(--button-color-accent-hover)}.login-page button:active{background-color:var(--button-color-accent-active)}.login-page span{cursor:pointer;color:#1f6cdf;font-size:1.8rem;text-decoration:underline}.employee-login-page{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.employee-login-page form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60%;max-width:480px;padding:3rem;background-color:#fff;border-radius:.6rem}.employee-login-page form h2{margin-bottom:2rem}.employee-login-page label{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.4rem;width:100%}.employee-login-page input{padding:1rem;font-size:1.6rem;border:1px solid rgb(219,212,212)}.employee-login-page input:focus{outline:1px solid var(--input-focus-color)}.employee-login-page button{padding:1rem 2rem;font-size:1.6rem;margin:2rem 0;background-color:var(--button-color-accent);color:#fff;border:none;width:100%;cursor:pointer}.employee-login-page button:hover{background-color:var(--button-color-accent-hover)}.employee-login-page button:active{background-color:var(--button-color-accent-active)}.employee-login-page span{cursor:pointer;color:#1f6cdf;font-size:1.8rem;text-decoration:underline}.admin-dashboard .dashboard-data{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:3rem;padding:1rem 3rem}.admin-dashboard .dashboard-data .info-container{background-color:#fff;padding:2rem;box-shadow:#00000026 0 2px 8px;border-radius:.6rem}.admin-dashboard .dashboard-data .one{background-color:#446b4c}.admin-dashboard .dashboard-data .two{background-color:#ce8f30}.admin-dashboard .dashboard-data .three{background-color:#247ba0}.admin-dashboard .dashboard-data .four{background-color:#8b385f}.admin-dashboard .welcome{margin-left:3rem;margin-bottom:1rem}.admin-dashboard .info-container h2,.admin-dashboard .info-container h4,.admin-dashboard .info-container a{color:#fff}.employee-dashboard .dashboard-data{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:3rem;padding:1rem 3rem}.employee-dashboard .dashboard-data .info-container{color:#fff;padding:2rem;box-shadow:#00000026 0 2px 8px;border-radius:.6rem}.employee-dashboard .dashboard-data .one{background-color:#446b4c}.employee-dashboard .dashboard-data .two{background-color:#ce8f30}.employee-dashboard .dashboard-data .three{background-color:#247ba0}.employee-dashboard .dashboard-data .four{background-color:#8b385f}.employee-dashboard .dashboard-data .four p{text-decoration:underline;cursor:pointer}.employee-dashboard .welcome{margin-left:3rem;margin-bottom:1rem}.employee-dashboard .info-container h2,.employee-dashboard .info-container h4,.employee-dashboard .info-container a{color:#fff}.navigation{display:flex;flex-direction:column;gap:5rem;background-color:#2d2238;color:#fff;min-height:100vh}.navigation .nav-info{display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1rem}.navigation .nav-info img{border-radius:50%;object-fit:cover}.navigation h3{padding:0 2rem;color:#fff}.navigation ul{display:flex;flex-direction:column;list-style:none}.navigation a{width:100%;display:flex;gap:1rem;align-items:center;height:100%;padding:1.8rem 2rem;color:#fff;text-decoration:none}.navigation a.active{color:#412234;background-color:#fff;width:100%;height:100%;font-weight:700}.admin-layout-container{display:grid;grid-template-columns:1fr 6fr;min-height:100vh}.admin-outlet{display:grid;grid-template-rows:5rem 1fr;height:100vh;width:100%;gap:2rem;background-color:#f0eeee}.admin-subnav{width:100%;height:100%;box-shadow:0 0 4px #adabab;display:flex;justify-content:space-between;align-items:center;padding:0 3rem}.admin-subnav .user-profile{display:flex;align-items:center;gap:1rem;cursor:pointer}.admin-subnav .user-profile h3{font-weight:400;font-size:1.8rem}.admin-subnav .user-profile img{border:1px solid black;border-radius:50%;object-fit:cover}.admin-drop-down-container{display:flex;flex-direction:column;position:absolute;top:7rem;right:3rem;background-color:#fff;width:15rem;border-radius:1rem;box-shadow:var(--box-shadow-forms);overflow:hidden}.admin-drop-down-container ul{display:flex;flex-direction:column;list-style:none}.admin-drop-down-container ul li{cursor:pointer;width:100%;padding:1.4rem 1.8rem}.admin-drop-down-container ul li:first-of-type{border-bottom:1px solid rgb(197,196,196)}.admin-drop-down-container .logout{color:red;font-weight:700}.admin-drop-down-container ul li:hover{background-color:var(--button-color-accent-hover);color:#fff}.row .action{padding:.8rem 2rem;font-size:1.6rem;border:none;color:#fff;cursor:pointer;margin:.4rem 1rem}.row .department-name{width:40%}.row td:nth-child(1),.row td:nth-child(3),.row td:nth-child(4){text-align:center}.row .edit-button{background-color:var(--button-color-edit-main);font-size:1.2rem}.row .edit-button:hover{background-color:var(--button-color-edit-hover)}.row .edit-button:active{background-color:var(--button-color-edit-active)}.row .delete-button{background-color:var(--button-color-delete-main);font-size:1.2rem}.row .delete-button:hover{background-color:var(--button-color-delete-hover)}.row .delete-button:active{background-color:var(--button-color-delete-active)}.departments-page{padding:0 3rem}.departments-page .add-department-form{margin-top:2rem;display:flex;gap:2rem;box-shadow:none}.departments-page .add-department-form input,.departments-page .add-department-form button{padding:1rem 2rem;font-size:1.4rem}.departments-page .add-department-form button{border:none;background-color:var(--button-color-accent);color:#fff;cursor:pointer}.departments-page .add-department-form button:hover{background-color:var(--button-color-accent-hover)}.departments-page .add-department-form button:active{background-color:var(--button-color-accent-active)}.departments-page .show-entries-form{display:flex;align-items:center;gap:1rem;padding:2rem 0;box-shadow:none}.departments-page .show-entries-form select{padding:1rem 4rem 1rem 1rem;font-size:1.4rem}.departments-page .table-container{max-height:45rem;overflow:auto}.departments-page .no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.employees-page{padding:0 3rem}.employees-page .forms{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.employees-page .add-employee-button{padding:1rem 2rem;font-size:1.4rem;border:none;background-color:var(--button-color-accent);color:#fff;margin:2rem 0;cursor:pointer}.employees-page .add-employee-button:hover{background-color:var(--button-color-hover)}.employees-page .add-employee-button:active{background-color:var(--button-color-active)}.employees-page .search-form{display:flex;gap:1rem;align-items:center}.employees-page .search-form button{padding:1rem 2rem;font-size:1.4rem;border:none;background-color:var(--button-color-accent);color:#fff;margin:2rem 0;cursor:pointer}.employees-page input{padding:.8rem}.employees-page .show-entries-form{display:flex;align-items:center;gap:1rem;padding:2rem 0;box-shadow:none}.employees-page .show-entries-form select{padding:1rem 4rem 1rem 1rem;font-size:1.4rem}.employees-page label{display:flex;gap:2rem;align-items:center}.employees-page label input{cursor:pointer;background-color:#fff}.employees-page label input:disabled{background-color:#dadada;color:#adadad}.employees-page .no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.employees-page .image-data{text-align:center}.employees-page .table-container{max-height:45rem;overflow:auto}.employees-page table{min-width:600px;width:100%}.employees-page table img{display:inline-block;vertical-align:bottom;border-radius:50%;border:2px solid gray}.leave-page{padding:0 3rem}.leave-page h2{margin-bottom:2rem}.leave-page .forms{display:flex;justify-content:space-between;align-items:center}.leave-page .search-form{display:flex;gap:1rem;align-items:center}.leave-page .search-form button{padding:1rem 2rem;font-size:1.4rem;border:none;background-color:var(--button-color-accent);color:#fff;margin:2rem 0;cursor:pointer}.leave-page input{padding:.8rem}.leave-page .show-entries-form{display:flex;align-items:center;gap:1rem;padding:2rem 0;box-shadow:none}.leave-page .show-entries-form select{padding:1rem 4rem 1rem 1rem;font-size:1.4rem}.leave-page .table-container{max-height:45rem;overflow:auto}.leave-page .no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.add-employee-page{padding:0 3rem}.add-employee-page form{background-color:#fff;display:flex;flex-direction:column;gap:2rem;padding:3rem;overflow-y:scroll;height:80vh;width:50%;max-width:700px;margin-top:2rem;box-shadow:var(--box-shadow-forms);margin:2rem auto 0}.add-employee-page label{display:flex;flex-direction:column;gap:1rem;font-weight:700}.add-employee-page input,.add-employee-page select{border:1px solid rgb(219,219,219);padding:1rem 1.2rem;font-size:1.4rem;background-color:transparent}.add-employee-page option{padding:1rem 0;font-size:1.4rem}.add-employee-page form button{padding:1rem 3rem;border:none;background-color:var(--button-color-accent);color:#fff;font-size:1.4rem;margin-top:1rem;cursor:pointer}.add-employee-page form button:hover{background-color:var(--button-color-hover)}.add-employee-page form button:active{background-color:var(--button-color-active)}.employee-details-page{padding:0 3rem;width:60%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.employee-details-page h2{margin:5rem 0 1rem}.employee-details-page h2:first-of-type{margin-top:0;margin-bottom:0}.employee-details-page .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem}.employee-details-page .details-container{overflow-y:scroll;background-color:#fff;padding:3rem;border-radius:.6rem;height:70vh}.employee-details-page .details-container div{display:grid;grid-template-columns:1fr 1fr;gap:2rem;border-bottom:1px solid grey}.employee-details-page p{padding:1.6rem 0;gap:5rem}.employee-details-page p span{font-weight:700}.employee-details-page .buttons-container{display:flex;align-items:center;gap:2rem}.employee-details-page button{padding:1rem 3rem;font-size:1.4rem}.employee-details-page .edit-button{background-color:var(--button-color-accent);color:#fff}.employee-navigation{display:flex;flex-direction:column;gap:5rem;background-color:#2d2238;color:#fff;min-height:100vh}.employee-navigation .nav-info{display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1rem}.employee-navigation .nav-info img{border-radius:50%;object-fit:cover}.employee-navigation h3{padding:0 2rem;color:#fff;text-align:center}.employee-navigation ul{display:flex;flex-direction:column;list-style:none}.employee-navigation a{width:100%;display:flex;gap:1rem;align-items:center;height:100%;padding:1.8rem 2rem;color:#fff;text-decoration:none}.employee-navigation a.active{color:#412234;background-color:#fff;width:100%;height:100%;font-weight:700}.employee-layout-container{display:grid;grid-template-columns:1fr 6fr;min-height:100vh}.employee-outlet{display:grid;grid-template-rows:5rem 1fr;height:100vh;width:100%;gap:3rem}.employee-subnav{width:100%;height:100%;box-shadow:0 0 4px #adabab;display:flex;justify-content:space-between;align-items:center;padding:0 3rem}.employee-subnav .user-profile{display:flex;align-items:center;gap:1rem;cursor:pointer}.employee-subnav .user-profile h3{font-weight:400;font-size:1.8rem}.employee-subnav .user-profile img{border:1px solid black;border-radius:50%;object-fit:cover}.drop-down-container{display:flex;flex-direction:column;position:absolute;top:7rem;right:3rem;background-color:#fff;width:15rem;border-radius:1rem;box-shadow:var(--box-shadow-forms);overflow:hidden}.drop-down-container ul{display:flex;flex-direction:column;list-style:none}.drop-down-container ul li{cursor:pointer;width:100%;padding:1.4rem 1.8rem}.drop-down-container ul li:first-of-type{border-bottom:1px solid rgb(197,196,196)}.drop-down-container .logout{color:red;font-weight:700}.drop-down-container ul li:hover{background-color:var(--button-color-accent-hover);color:#fff}.employee-leave-page{padding:0 3rem}.employee-leave-page button{padding:1rem 2rem;font-size:1.4rem;border:none;background-color:var(--button-color-accent);color:#fff;margin:2rem 0;cursor:pointer}.employee-leave-page button:hover{background-color:var(--button-color-accent-hover)}.employee-leave-page button:active{background-color:var(--button-color-accent-active)}.employee-leave-form-page{padding:0 3rem}.employee-leave-form-page form{background-color:#fff;display:flex;flex-direction:column;gap:2rem;padding:3rem;width:50%;max-width:700px;margin-top:2rem;height:80vh;margin:0 auto;border-radius:.6rem}.employee-leave-form-page .dates-container{display:flex;gap:3rem}.employee-leave-form-page .dates-container label{width:100%}.employee-leave-form-page label{display:flex;flex-direction:column;gap:1rem;font-weight:700}.employee-leave-form-page input,.employee-leave-form-page select,.employee-leave-form-page textarea{border:1px solid rgb(187,187,187);padding:1rem 1.2rem;font-size:1.4rem;background-color:transparent}.employee-leave-form-page input:focus,.employee-leave-form-page select:focus,.employee-leave-form-page textarea:focus{outline:1px solid var(--input-focus-color)}.employee-leave-form-page textarea{resize:none}.employee-leave-form-page option{padding:1rem 0;font-size:1.6rem}.employee-leave-form-page form button{padding:1rem 3rem;border:none;background-color:var(--button-color-accent);color:#fff;font-size:1.4rem;margin-top:1rem;cursor:pointer}.employee-leave-form-page form button:hover{background-color:var(--button-color-accent-hover)}.employee-leave-form-page form button:active{background-color:var(--button-color-accent-active)}.employee-leave-form-page .buttons-container{display:flex;gap:3rem;cursor:pointer}.employee-leave-form-page button:nth-of-type(2){background-color:transparent;border:1px solid var(--button-color-accent);color:var(--button-color-accent-active)}.employee-leave-form-page button:nth-of-type(2):hover{color:#fff}.employee-leave-form-page button:nth-of-type(2):active{color:#fff}.leave-details-page{padding:1rem 3rem;width:60%;overflow-y:auto;height:80vh;background-color:#fff;margin:0 auto;border-radius:.6rem}.leave-details-page h2{margin-bottom:2rem}.leave-details-page div{display:grid;grid-template-columns:1fr 1fr;gap:2rem;border-bottom:1px solid grey}.leave-details-page p{padding:1.6rem 0;gap:5rem}.leave-details-page p span{font-weight:700}.leave-details-page .set-action-button,.leave-details-page form button{padding:1rem 3rem;margin-top:2rem;font-size:1.6rem;background-color:var(--button-color-accent);color:#fff;border:none;cursor:pointer}.leave-details-page .set-action-button:hover,.leave-details-page form button:hover{background-color:var(--button-color-accent-hover)}.leave-details-page .set-action-button:active,.leave-details-page form button:active{background-color:var(--button-color-accent-active)}.leave-details-page form select,.leave-details-page form textarea{padding:1rem 1.4rem;font-size:1.6rem}.leave-details-page form{display:flex;width:50%;gap:2rem;flex-direction:column;padding:2rem 0}.admin-profile-layout-container{display:grid;grid-template-columns:1fr 6fr;overflow:hidden}.admin-profile-layout-container .navigation{background-color:transparent;border-right:1px solid rgb(197,196,196)}.admin-profile-layout-container a{color:#000}.page-not-found{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.page-not-found button{padding:1rem 3rem;background-color:var(--button-color-accent);color:#fff}.admin-password-settings-page form{display:flex;flex-direction:column;background-color:#fff;padding:4rem;width:60%;max-width:700px;gap:2rem;margin:0 auto;border-radius:.6rem}.admin-password-settings-page label{display:flex;flex-direction:column;gap:.6rem;font-weight:700}.admin-password-settings-page input{border:1px solid rgb(219,219,219);padding:1rem 1.2rem;font-size:1.4rem;background-color:transparent}.admin-password-settings-page .buttons-container{display:flex;gap:2rem}.admin-password-settings-page button{padding:1rem 3rem;border:none;background-color:var(--button-color-accent);color:#fff;font-size:1.4rem;margin-top:1rem;cursor:pointer}.admin-password-settings-page .cancel{color:var(--button-color-accent);background-color:transparent;border:1px solid var(--button-color-accent)}@media (max-width: 1350px){.admin-password-settings-page form{padding:4rem;width:80%;max-width:900px}}@media (max-width: 1050px){.admin-password-settings-page form{padding:4rem;width:90%;max-width:900px}}.admin-account-settings-page form{display:flex;flex-direction:column;background-color:#fff;padding:4rem;width:60%;max-width:900px;gap:2rem;margin:0 auto;border-radius:.6rem}.admin-account-settings-page label{display:flex;flex-direction:column;gap:.6rem;font-weight:700}.admin-account-settings-page input{border:1px solid rgb(219,219,219);padding:1rem 1.2rem;font-size:1.4rem;background-color:transparent}.admin-account-settings-page .buttons-container{display:flex;gap:2rem;flex-wrap:wrap;align-items:center;margin-top:1rem}.admin-account-settings-page button{padding:1rem 3rem;border:none;background-color:var(--button-color-accent);color:#fff;font-size:1.4rem;cursor:pointer}.admin-account-settings-page .cancel{color:var(--button-color-accent);background-color:transparent;border:1px solid var(--button-color-accent)}.admin-account-settings-page .delete-account-button{background-color:#c93131;border:1px solid rgb(201,49,49);margin-left:auto}.admin-account-settings-page .delete-account-button:hover{background-color:#eb4545}.admin-account-settings-page .delete-account-button:active{background-color:#862525}@media (max-width: 1350px){.admin-account-settings-page form{padding:4rem;width:80%;max-width:900px}}@media (max-width: 1050px){.admin-account-settings-page form{padding:4rem;width:90%;max-width:900px}}.employee-profile-layout-container{display:grid;grid-template-columns:1fr 6fr;overflow:hidden}.employee-profile-layout-container .navigation{background-color:transparent;border-right:1px solid rgb(197,196,196)}.employee-profile-layout-container a{color:#000}.employee-account-settings-page form{display:flex;flex-direction:column;background-color:#fff;padding:4rem;width:60%;max-width:700px;gap:2rem;margin:0 auto;border-radius:.6rem;overflow-y:scroll;height:80vh}.employee-account-settings-page label{display:flex;flex-direction:column;gap:.6rem;font-weight:700}.employee-account-settings-page input,.employee-account-settings-page select{border:1px solid rgb(219,219,219);padding:1rem 1.2rem;font-size:1.4rem;background-color:transparent}.employee-account-settings-page .buttons-container{display:flex;gap:2rem}.employee-account-settings-page button{padding:1rem 3rem;border:none;background-color:var(--button-color-accent);color:#fff;font-size:1.4rem;margin-top:1rem;cursor:pointer}.employee-account-settings-page .cancel{color:var(--button-color-accent);background-color:transparent;border:1px solid var(--button-color-accent)}.employee-password-settings-page form{display:flex;flex-direction:column;background-color:#fff;padding:4rem;width:60%;max-width:700px;gap:2rem;margin:0 auto;border-radius:.6rem}.employee-password-settings-page label{display:flex;flex-direction:column;gap:.6rem;font-weight:700}.employee-password-settings-page input{border:1px solid rgb(219,219,219);padding:1rem 1.2rem;font-size:1.4rem;background-color:transparent}.employee-password-settings-page .buttons-container{display:flex;gap:2rem}.employee-password-settings-page button{padding:1rem 3rem;border:none;background-color:var(--button-color-accent);color:#fff;font-size:1.4rem;margin-top:1rem;cursor:pointer}.employee-password-settings-page .cancel{color:var(--button-color-accent);background-color:transparent;border:1px solid var(--button-color-accent)}*{margin:0;padding:0;box-sizing:border-box}:root{font-size:62.5%;--primary-font-color: rgb(77, 77, 77);--button-color-accent: #6f4897;--button-color-accent-hover: #9363c4;--button-color-accent-active: #4f326b;--button-color-main: #412234;--button-color-hover: #743d5d;--button-color-active: #220e1a;--button-color-edit-main: #218d21;--button-color-edit-hover: #2eb42e;--button-color-edit-active: #135013;--button-color-delete-main: #a52222;--button-color-delete-hover: #dd4949;--button-color-delete-active: #5f1515;--box-shadow-forms: rgba(0, 0, 0, .178) 0px 25px 50px -12px;--input-focus-color: #c9599a;scroll-behavior:smooth}body{font-size:1.6rem;background-color:#f0eeee;font-family:Poppins,sans-serif;color:var(--primary-font-color)}button{font-family:Poppins,sans-serif;border-radius:.6rem;border:none;background-color:#fff}h2,h3,h4,th{color:#444}table{border-collapse:collapse;width:100%;background-color:#fff;font-size:1.4rem;box-shadow:#00000026 0 2px 8px;border-radius:.6rem;overflow:hidden}th,td,table{border:1px solid rgb(212,211,211);padding:1rem}table tr:nth-child(2n){background-color:#f1f1f1}input,select{border-radius:.4rem;border:1px solid grey;color:#525252}textarea{font-family:inherit}input:focus,select:focus,textarea:focus{outline:1px solid var(--input-focus-color)}form{box-shadow:var(--box-shadow-forms)}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh}