.header-wrapper{min-height:80px;border-bottom:2px solid #B4B4B429;display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:0rem 3rem}.header-profile-container{display:flex;gap:.5rem}.header-user-details .header-username{color:var(--clr-secondary);font-weight:700;font-size:18px}.header-user-details .header-userrole{color:var(--clr-gray);font-size:14px}.header-icon-container{margin-left:auto;display:flex;align-items:center;gap:1rem;font-size:32px}@media only screen and (max-width: 768px){.header-wrapper{padding:0rem 2rem 0rem .5rem}}#sidebar{--SidebarCloseW: 80px;--SidebarOpenW: 240px}#sidebar .MuiDrawer-paper{background-color:var(--clr-primary);color:#fff;overflow-x:hidden}#sidebar .sidebar-icon{display:inline-flex}#sidebar .sidebar-logo-header{display:flex;justify-content:center;align-items:center;height:80px;min-height:80px;font-size:40px}.sidebar-logo-header .logo-container{display:flex;align-items:center;gap:8px;overflow:hidden;width:32px;transition:width 225ms cubic-bezier(.4,0,.6,1) 0ms;justify-content:start;position:relative}.sidebar-logo-header .logo-container>*{flex-shrink:0}.sidebar-logo-header.open .logo-container{width:200px}#sidebar .sidebar-main-link{background-color:inherit;color:inherit;display:flex;align-items:center;text-decoration:none;gap:16px;height:48px}#sidebar .sidebar-main-link.active{font-weight:600}#sidebar .sidebar-main-link.active:not(.sidebar-nested-link){background-color:var(--clr-primary-dark)}.MuiAccordionSummary-root:has(~.MuiCollapse-root a.active){font-weight:600;background-color:var(--clr-primary-dark)}#sidebar .sidebar-main-link.sidebar-nested-link{font-size:14px;padding-left:calc(var(--SidebarCloseW) / 2 + 24px);height:32px}#sidebar .sidebar-main-link:hover,#sidebar .sidebar-accordion .MuiAccordionSummary-root:hover{background-color:var(--clr-primary-dark)}.sidebar-accordion .MuiAccordionDetails-root{padding:0}#sidebar .sidebar-accordion{background-color:inherit;color:inherit;box-shadow:none;margin:0}#sidebar .sidebar-accordion .MuiAccordion-root.Mui-expanded,#sidebar .sidebar-accordion .MuiAccordionSummary-root.Mui-expanded,#sidebar .sidebar-accordion .MuiAccordionSummary-root{height:48px;min-height:48px}#sidebar .sidebar-accordion .MuiAccordionSummary-content{display:flex;align-items:center;gap:16px;margin:0}#sidebar .sidebar-accordion .MuiAccordionSummary-expandIconWrapper{color:inherit;transition:all .3s}#sidebar .MuiAccordionSummary-root.open .MuiAccordionSummary-expandIconWrapper{width:12px}#sidebar .MuiAccordionSummary-root.close .MuiAccordionSummary-expandIconWrapper{width:0px}#sidebar .sidebar-main-link,#sidebar .sidebar-accordion .MuiAccordionSummary-root{padding-left:calc(var(--SidebarCloseW) / 2 - 8px)}#sidebar .sidebar-title{width:0px;transition:all .3s}#sidebar .sidebar-title.visible{opacity:1}#sidebar .sidebar-title.hidden{opacity:0}#sidebar .sidebarList{margin-bottom:1rem}#sidebar .versionText{margin-top:auto;margin-bottom:1rem;text-align:center;font-size:.8rem;transition:all .3s}#sidebar .versionText.visible{opacity:1}#sidebar .versionText.hidden{opacity:0}#sidebar .MuiPaper-root{transition:all 225ms cubic-bezier(.4,0,.6,1) 0ms}#sidebar.close .MuiPaper-root{transition:all 225ms cubic-bezier(.4,0,.6,1) 0ms,background-color .2s linear 225ms}@media only screen and (max-width: 768px){#sidebar.close .MuiPaper-root{height:80px;overflow:hidden;background-color:transparent;border-right:none}#sidebar.close .logo-container{transition:width 225ms cubic-bezier(.4,0,.6,1) 0ms,color .2s linear 225ms}#sidebar.close .logo-container{color:var(--clr-primary)}#sidebar .MuiPaper-root.MuiDrawer-paper{position:absolute}}.layout-grid{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;min-height:100vh}.layout-grid>header{grid-column:2/-1;grid-row:1/2}.layout-grid>aside{grid-column:1/2;grid-row:1/-1}.layout-grid>main{grid-column:2/-1;grid-row:2/-1;overflow:auto;padding-inline:3rem}.list-container{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.list-title-container{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.list-title-container .title{font-size:32px;font-weight:600;color:var(--clr-primary);margin:0}.list-title-container .MuiTextField-root{margin-left:auto}.list-filter-container{background-color:var(--bg-secondary);padding:1rem 1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;border-radius:8px}.list-filter-container .btn-filter{margin-left:auto;font-size:12px;height:32px;min-width:96px}.list-filter-container .clear-btn{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:32.266px;text-decoration-line:underline}.list-filter-container .filter-title{color:var(--clr-gray);line-height:20px;font-size:14px;font-weight:500}.list-datagrid-container{background-color:var(--bg-secondary);padding:1rem 1.5rem;border-radius:8px}.required:after{content:"*";color:#ef3061}.holiday-list{background-color:#fff;margin-top:2rem}.holiday-list .list-title-container{padding:2rem 1.5rem 0}.holiday-list .list-filter-container{padding:.5rem 1.5rem}@media only screen and (max-width: 1024px){.list-filter-container{flex-wrap:wrap}}@media only screen and (max-width: 600px){.list-title-container .MuiTextField-root,.list-filter-container .btn-filter{margin-left:unset}.list-filter-container .MuiButton-root.MuiButtonBase-root{padding:0}}.datagrid.MuiDataGrid-root{border:none;color:var(--clr-secondary);font-weight:500}.datagrid.MuiDataGrid-root .MuiDataGrid-withBorderColor{border-color:#d9d9d940}.datagrid.MuiDataGrid-root .MuiDataGrid-footerContainer.MuiDataGrid-withBorderColor{border:none}.datagrid.MuiDataGrid-root .MuiDataGrid-columnSeparator{display:none}.datagrid.MuiDataGrid-root .MuiDataGrid-columnHeaderTitle{color:var(--clr-gray);font-weight:500;line-height:1.2}.datagrid.MuiDataGrid-root .MuiDataGrid-iconButtonContainer button{font-size:14px}.datagrid.MuiDataGrid-root .MuiDataGrid-columnHeader:focus,.datagrid.MuiDataGrid-root .MuiDataGrid-columnHeader:focus-within,.datagrid.MuiDataGrid-root .MuiDataGrid-cell:focus,.datagrid.MuiDataGrid-root .MuiDataGrid-cell:focus-within{outline:none}.datagrid.MuiDataGrid-root .MuiDataGrid-iconButtonContainer{visibility:visible}.datagrid.MuiDataGrid-root .MuiDataGrid-overlayWrapper{height:240px}.datagrid-no-data-found{padding-top:56px;display:flex;flex-direction:column;justify-content:center;align-items:center}.clickable-row{cursor:pointer}.header-align-top.MuiDataGrid-columnHeader .MuiDataGrid-columnHeaderTitleContainer{align-items:flex-start;padding-top:8px}.custom-datagrid-header{color:var(--clr-gray);line-height:1.2;display:flex;gap:4px;flex-wrap:wrap}.MuiDataGrid-columnHeader--alignCenter .MuiDataGrid-columnHeaderTitleContainer,.MuiDataGrid-row .MuiDataGrid-cell--textCenter{justify-content:flex-start!important}@media only screen and (max-width: 600px){.list-datagrid-container .MuiDataGrid-footerContainer.datagrid-footer-container{flex-wrap:wrap;gap:1rem;margin-top:20px}}.datagrid-footer-container{padding:10px}.datagrid-footer-container .datagrid-btn-export{font-size:12px;height:31px}.datagrid-pagination .MuiPagination-ul .MuiPaginationItem-page{font-size:14px;border-radius:4px;padding:0;height:24px;min-width:20px}.datagrid-pagination .MuiPagination-ul .MuiPaginationItem-page.Mui-selected{background-color:var(--clr-primary);color:#fff}.datagrid-footer-container .datagrid-pagination-container{display:flex;gap:1rem}.datagrid-pagination-rowselector .rowselector-btn{border:1px solid var(--clr-gray);padding:0;height:29px}.rowselector-menu .MuiMenu-list{min-width:64px;text-align:center}.datagrid-pagination-rowselector .rowselector-btn .MuiButton-endIcon{color:var(--clr-gray);transition:all .1s linear}.datagrid-pagination-rowselector .rowselector-btn.open .MuiButton-endIcon{transform:rotate(.5turn)}.MuiPagination-ul .MuiPaginationItem-root{height:23px;min-width:29px}.filter-selector-menu.date-range-selector .MuiList-root{padding:10px;display:flex;align-items:center;gap:5px}.filter-datepicker-field{width:148px}.dash{width:6px;height:2px;background-color:#0000003b}.filter-datepicker-field .MuiIconButton-root.Mui-disabled{--clr-primary: rgba(0, 0, 0, .23);--clr-secondary: rgba(0, 0, 0, .23)}.filter-btn-container{display:flex;gap:8px;align-items:center}.filter-selector-container>.filter-selector-btn{font-size:14px;font-weight:500;line-height:0;padding:0 8px;height:24px;color:#000}.filter-selector-container .MuiButton-endIcon{margin-left:4px}.filter-selector-menu .MuiList-root.MuiMenu-list{padding:0}.filter-item.MuiButtonBase-root.MuiMenuItem-root{font-size:14px;padding:8px 16px}.filter-item.selected.MuiButtonBase-root.MuiMenuItem-root{background-color:var(--clr-primary);color:#fff}.filter-item:not(.selected).MuiButtonBase-root.MuiMenuItem-root:hover{background-color:#229b6222}.filter-item.MuiButtonBase-root.MuiMenuItem-root .MuiCheckbox-root{padding:4px 4px 4px 0;margin-right:8px}.filter-item.MuiButtonBase-root.MuiMenuItem-root .MuiCheckbox-root.Mui-checked{color:var(--clr-primary)}.filter-item.MuiButtonBase-root.MuiMenuItem-root .MuiCheckbox-root .MuiSvgIcon-root{height:.75em;width:.75em}.tag-container{display:inline-flex;gap:8px;line-height:20px;padding:5px 7px;align-items:center;border-radius:3px;font-weight:500}.tag-container-2{padding:2px 8px;border-radius:3px;font-size:14px;font-weight:500}.tag-dark{background-color:var(--clr-primary);color:#fff}.tag-light{background-color:var(--clr-primary-light);color:#000}.tag-green{color:#20a867;background-color:#d2eee1;width:98px}.tag-red{color:#ec2726;background-color:#f6e7e7;width:98px}.tag-info{color:#6d7d93;background-color:#f2f7ff;padding:5px 16px}.tag-completed{color:#20a867;background-color:#d2eee1;padding:5px 16px}.tag-ongoing{color:#287dbb;background-color:#d8eefe;padding:5px 16px}.tag-pending{color:#6f6f6f;background-color:#ebebeb;padding:5px 16px}.tag-upcoming{color:#e8bf30;background-color:#fef8d8;padding:5px 16px}.tag-cancelled{color:#ec2726;background-color:#f6e7e7;padding:5px 16px}.tag-started{color:#f97700;background-color:#ffd3aa;padding:5px 16px}.tag-total{color:#9657ea;background-color:#f7f1ff;padding:5px 16px}.tag-processing{color:#155c5e;background-color:#c7e8ed;padding:5px 16px}.tag-partial{color:#6b30ab;background-color:#dee0fa;padding:5px 16px}.action-menu-wrapper button.action-menu-btn.MuiButton-root{background-color:#f9f9f9;font-size:14px;height:28px;padding:4px 12px 4px 20px;color:var(--clr-gray);font-weight:500}.action-menu-wrapper.active button.action-menu-btn.MuiButton-root{background-color:#dbedff;color:var(--clr-primary)}.action-menu .MuiList-root{min-width:100px}.action-menu .MuiList-root .MuiMenuItem-root{font-size:14px;color:var(--clr-gray)}.upload-wrapper p{margin:0}.uploaddoc-icon{font-size:48px}.action-text{color:var(--clr-primary);font-size:16px;line-height:1.5;font-weight:500}.uploaddoc-btn{background-color:transparent;color:inherit;font-size:inherit;font-weight:inherit;text-decoration:underline;border:none;font-family:inherit;cursor:pointer}.upload-wrapper .drop-area{cursor:pointer;min-height:235px;padding:16px;border:2px dashed #d6dce3;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.upload-wrapper .drop-area.error{border:2px dashed #d32f2faa}.uploadedImgContainer{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:24px;color:#545454;font-size:14px}.cancel-file-icon-container{position:absolute;top:0;right:0;font-size:16px}.uploadedImgContainer>div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.uploadedImgContainer img{box-shadow:0 0 8px #00285233}.upload-wrapper .infoText,.upload-wrapper .infoText p{color:#676767;font-size:13px;line-height:1.5}.uploaded-img-avatar.MuiAvatar-root{background-color:transparent;box-shadow:0 0 16px #00000020}.employee-view{display:flex;flex-direction:column;gap:2rem}.employee-view-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:1rem}.employee-view-grid .employee-view-grid-item{background-color:var(--clr-primary-light);padding:1.5rem;border-radius:4px}.employee-view-grid .employee-view-grid-item.profile{grid-row:1/3;grid-column:1/3}.employee-view-grid .employee-view-grid-item.wages{grid-column:3/span 2}.employee-view-grid .employee-view-grid-item.company{grid-column:5/span 1}.employee-view-grid .employee-view-grid-item.department{grid-column:6/span 1}.employee-view-grid .employee-view-grid-item.location{grid-column:7/span 2}.wages{display:flex;gap:.5rem;align-items:flex-start;justify-content:space-around}.employee-view-grid .employee-view-grid-item.document-details{grid-row:2/3;grid-column:3/-1}.document-details{display:flex;gap:2rem;align-items:flex-start}.document-details>*{flex-basis:50%}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.details-title{color:var(--clr-gray);font-weight:500}.details-data{margin:0;font-weight:500}.details-title-2{font-size:14px;color:var(--clr-gray);font-weight:500;margin-bottom:.5rem}.details-data-2{font-size:22px;margin:0;font-weight:600}.profile{font-weight:500}.download-link{grid-column:1/span 1}.download-link button{text-decoration:underline;border:none;background-color:transparent;color:var(--clr-primary);cursor:pointer}.login-wrapper{display:flex;width:100%;height:100vh;align-items:center;overflow:hidden}.login-wrapper h1{color:var(--clr-primary)}.login-image{background-image:url(/images/tailoring-items-arrangement-still-life.png);background-repeat:no-repeat;background-size:cover;width:100%;height:100vh}.forgot-password-image{background-image:url(/images/male-designer-leather-tailor-working-factory-close-up.png);background-repeat:no-repeat;background-size:cover;width:100%;height:100vh}.login-wrapper form{display:flex;gap:1rem;flex-direction:column;max-width:30rem}.login-form-container{width:50%;float:right;padding:120px}.forgot-password-login{display:flex;justify-content:space-between}@font-face{font-family:gilroy;src:url(/assets/gilroy-regular-Dv8FMlXy.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:gilroy;src:url(/assets/gilroy-medium-Dix9DXFT.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:gilroy;src:url(/assets/gilroy-semibold-CTGhdHrF.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:gilroy;src:url(/assets/gilroy-bold-2_CitiBg.woff) format("woff");font-weight:700;font-style:normal}:root{--clr-primary: #229b62;--clr-primary-dark: #1c7d4e;--clr-primary-light: #f6fbf9;--clr-primary-light2: #f0f8f4;--clr-secondary: #000000;--clr-gray: #6d7d93;--bg-primary: #f5f8fa;--bg-secondary: #ffffff;--bg-blue: #f2f7ff}body{margin:0;font-family:gilroy,Segoe UI,Roboto,"sans-serif";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary)}body *{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{margin:0;line-height:1}#sidebar ::-webkit-scrollbar,#sidebar::-webkit-scrollbar{width:8px;height:8px}#sidebar ::-webkit-scrollbar-track,#sidebar::-webkit-scrollbar-track{box-shadow:inset 0 0 4px #0003}#sidebar ::-webkit-scrollbar-thumb,#sidebar::-webkit-scrollbar-thumb{background-color:#fff;border-radius:8px}.wrapper{background-color:#fff;padding:2rem;border-radius:8px}.form-wrapper{margin-top:2rem;background-color:#fff;padding:2rem;border-radius:8px}.btn-container{display:flex;flex-wrap:wrap;gap:1rem}.form-inputs{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.form-inputs>.field-container.form-upload-container{flex-basis:calc(30% - 1rem)}.form-inputs>.field-container{flex-basis:calc(60% - 1rem)}.divide-2{display:flex;flex-wrap:wrap;gap:2rem}.divide-2>*{flex-basis:calc(50% - 1rem)}.field-container{display:flex;flex-direction:column;gap:12px}label{font-size:1rem;font-weight:500}.required,label[required]:after{content:"*";color:red}label[disabled],label[disabled]:after{color:#00000061}.error-text{color:red;height:12px;font-size:12px;margin-top:-8px;margin-bottom:8px}.title-1{color:var(--clr-primary);font-size:26px;font-weight:600;margin-bottom:1.5rem}.title-2{font-weight:600;margin-bottom:1.5rem;font-size:30px}.form-table{--border-clr: #d6dce3;--border-radius: 4px;border:1px solid var(--border-clr);border-radius:var(--border-radius);border-spacing:0;table-layout:fixed;width:100%}.form-table thead{text-align:left}.form-table tbody{vertical-align:top}.form-table tr:first-child th:first-child{border-top-left-radius:var(--border-radius)}.form-table tr>*{border:1px solid rgba(0,0,0,.13);vertical-align:middle}.form-table thead tr>*{padding:16px;color:var(--clr-gray);font-weight:500}.form-table tbody tr>*{padding:4px 8px;text-align:center}.form-table tbody tr>td:has(.Mui-error),.form-table tbody tr>td:has(.error){border-color:red}.info-box{padding:1rem;background-color:var(--clr-primary-light);width:fit-content;position:relative;top:-1rem}.info-box p{font-weight:600;margin-top:.5rem;margin-bottom:0}.two-column-form{display:grid;grid-template-columns:2fr 1fr;column-gap:4rem}.popup{min-width:min(100vw,360px)}.popup.company-change-popup .field-container{min-width:250px}.popup h1{margin-bottom:1rem;font-size:24px}.table-wrapper{background-color:#fff;border-radius:4px;box-shadow:0 0 32px #000b3403}@keyframes fadeIn{0%{opacity:0;scale:0}to{opacity:1;scale:1}}