.leave-main-container{width:100%;height:100dvh}.leave-main-section{position:relative;width:100%;height:99.9%;display:grid;grid-template-columns:repeat(14,6%);grid-template-rows:16% 40% 30%;grid-template-areas:" leave-summary leave-summary leave-summary leave-summary leave-summary leave-summary leave-summary leave-summary leave-summary leave-summary leave-summary leave-summary leave-summary leave-summary leave-summary" "leave-calendar leave-calendar leave-calendar leave-calendar leave-requests leave-requests leave-requests leave-requests leave-requests leave-requests leave-type-used leave-type-used leave-type-used leave-type-used leave-type-used" "leave-table-section leave-table-section leave-table-section leave-table-section leave-table-section leave-table-section leave-table-section leave-table-section leave-table-section leave-table-section leave-usage-permonth leave-usage-permonth leave-usage-permonth leave-usage-permonth leave-usage-permonth";gap:10px;padding:10px;overflow-y:auto;scrollbar-width:none}.leave-summary{grid-area:leave-summary}.leave-calendar{grid-area:leave-calendar}.leave-requests{grid-area:leave-requests}.leave-type-used{grid-area:leave-type-used}.leave-table-section{grid-area:leave-table-section}.leave-usage-permonth{grid-area:leave-usage-permonth}.leave-summary,.leave-requests,.leave-calendar,.leave-type-used,.leave-table-section,.leave-usage-permonth{width:100%;height:99.9%;overflow-y:auto;scrollbar-width:none;border-radius:5px}.summary-apply{display:grid;gap:8px;align-items:start;margin-bottom:16px}.ant-spin-nested-loading,.ant-spin-container,.ant-row,.ant-col{background:transparent!important;background-color:transparent!important}.leave-summary .ant-row{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:5px}.leave-summary .ant-col{padding:0!important;width:100%!important}.leave-apply-button-container{background-color:var(--bg-color);display:flex;justify-content:space-between;align-items:center;padding:8px 16px;margin-bottom:5px}.leave-button{background-color:#1677ff;color:#fff;border:none;padding:10px 16px;font-size:14px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background-color .3s ease}.leave-button:hover{background-color:#0958d9}.leave-type-input{height:70px!important}.leave-item-half-day{margin-top:10px!important}.reason-leave-item{width:100%!important;padding:15px 0}.reason-leave-item div{width:100%!important;margin-top:2px}.leave-reason-textarea{width:100%}.leave-calander-usedpermonth-table{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:8px}.leave-card{border-radius:12px;transition:transform .3s ease;height:100%;width:100%}.leave-card .ant-spin-nested-loading,.ant-spin-container,.ant-row,.ant-col{background:transparent!important;padding:0 0 0 6px!important}.leave-summary .ant-spin-container{padding:0 0 0 6px!important}.leave-card .ant-card-body{padding:10px 20px}.leave-icon{font-size:20px;color:var(--sidebar-bg)}.leave-request-card{display:flex;height:100%;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000f;align-items:flex-start;justify-content:space-between;gap:20px}.leave-request-list{flex:1}.leave-title{font-size:16px;font-weight:600;color:#333;margin-bottom:14px}.leave-item{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;color:#444}.leave-type{font-weight:500}.leave-days{color:#1677ff;font-weight:600}.leave-empty{font-style:italic;color:#888}.leave-request-chart{width:180px}.holiday-calendar-container{background-color:#fff;border-radius:12px;padding:12px;box-shadow:0 4px 12px #0000000d;max-width:500px;margin:auto;font-family:Segoe UI,sans-serif}.calendar-wrapper .ant-picker-calendar-header{display:grid!important;grid-template-columns:1fr 1fr 2.5fr!important}.ant-picker-cell-inner{display:flex!important;justify-content:center!important;align-items:center!important}.holiday-day{width:2.2vw!important;height:fit-content!important;background-color:#3eca28!important;color:#e6e6e6!important;border-radius:5px!important}.ant-picker-calendar-date{width:2vw!important}.calendar-wrapper .ant-picker-content thead{background-color:var(--sidebar-bg)}.calendar-wrapper .ant-picker-body{border-radius:15px!important}.calendar-wrapper .ant-picker-content th{color:#fff!important;padding:4px 8px!important}.calendar-wrapper .ant-picker-cell{border-bottom:1px solid #bdbdbd!important;margin:0 4px!important}.year-grid{position:relative;height:32vh;overflow-y:scroll}.month-card{margin-bottom:10px!important}.weekday-row,.month-days-grid{display:grid;grid-template-columns:repeat(7,1fr)}#leave-calender-years{border-bottom:1px solid #d9d9d9;margin:4px;padding:2px 0;display:flex;align-items:center;justify-content:center}#leave-calender-years:hover{background-color:var(--sidebar-bg);color:#e3e3e3}.weekday{background-color:var(--sidebar-bg);color:#e4e4e4;padding:4px 8px}.month-days-grid{padding:4px 8px}.calendar-wrapper .ant-picker-calendar-date{padding:4px 0}.calendar-wrapper .ant-picker-calendar-date-content{padding:0}.calendar-wrapper .ant-picker-calendar-full .ant-picker-panel{border-radius:12px;overflow:hidden}.status-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500;color:#fff;text-align:center;width:fit-content;margin-top:4px}.status-approved{background-color:#52c41a}.status-pending{background-color:#faad14}.status-rejected{background-color:#f5222d}.year-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ant-picker-calendar-date .ant-picker-calendar-date-value{display:none}.calendar-box{width:100%;height:100%;text-align:center;padding:4px 0;border-radius:8px;font-size:13px;font-weight:500;line-height:24px}.normal-day{background:none;color:#333}.holiday-day{background-color:#e6f7ff;color:#1890ff}.leave-day.approved{background-color:#d9f7be;color:#52c41a}.leave-day.pending{background-color:#fff1b8;color:#faad14}.leave-day.rejected{background-color:#ffccc7;color:#f5222d}.dual-day{background:linear-gradient(45deg,#e6f7ff 50%,#d9f7be 50%);color:#000}.leave-chart-card-1{height:100%;flex:1 1 48%;background-color:#fff;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;align-items:center}.leave-chart-card-2{flex:1 1 48%;background-color:#fff;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;align-items:center;padding:5px}.leave-chart-title{font-size:18px;font-weight:600;color:#333;text-align:center}.leaveTypeUsed-conatiner{display:flex;position:relative;width:90%;height:fit-content!important}.leaveTypeUsed-conatiner-data{display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;gap:8px}.leaveTypeUsed-data-conatiner{display:flex;align-items:center;gap:5px}.leaveTypeUsed-chart{width:15vw!important}.leaveTypeUsed-chart canvas{width:30vh!important;height:33vh!important}.slide-form-panel{position:fixed;top:0;right:-600px;width:600px;height:100%;background-color:#fff;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;z-index:1000;overflow-y:auto}.slide-form-panel.visible{right:0}.slide-form-header{display:flex;justify-content:space-between;align-items:center;padding:6px 20px;border-bottom:1px solid #dedede}.leave-form{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000f;max-width:800px;margin:0 auto;font-family:Segoe UI,sans-serif}.leave-form-section{border-bottom:1px solid #cccccc}.leave-item{margin-bottom:24px}.leave-item label{font-weight:600;color:#2b2b2b}.ant-form-item-label>label.ant-form-item-required:before{content:"* ";color:#ff4d4f}.leave-info{margin-top:8px;font-size:13px;color:#555}.leave-info.muted{margin-left:35%;color:#999}.Leave-duration-form-item{display:flex}.form-item-grid-conatiner{display:grid;grid-template-columns:1fr 1fr;gap:10px}.leave-item-half-day{margin-top:0!important}.Leave-duration .ant-form-item{margin-bottom:0}.leave-form .ant-select,.leave-form .ant-picker,.leave-form .ant-input,.leave-form .ant-btn{width:100%}.leave-form .ant-select-selector,.leave-form .ant-picker,.leave-form .ant-input{border-radius:8px}.leave-form .ant-upload-wrapper{display:flex;flex-direction:column;gap:8px}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:16px}.form-actions .ant-btn{padding:6px 20px;border-radius:8px;font-weight:500}.ant-btn-primary{background-color:#1677ff;border-color:#1677ff}.ant-btn-primary:hover{background-color:#4096ff;border-color:#4096ff}.usagemonth-request{display:grid;grid-template-columns:67% 32%;gap:8px}@media (min-width: 1800px){.leave-main-section{height:99.9%;grid-template-rows:12.5% 38% 39%}.leave-chart-card-2{padding:20px}}@media (max-width: 910px){.Leave-duration{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}.leave-apply-button-container{padding:12px 15px}.leave-calander-usedpermonth-table{width:95vw;overflow-x:scroll}.leave-requests{position:relative;display:flex;width:100%}.usagemonth-request{grid-template-columns:1fr}}.dashboard-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:8% 45% 45%;grid-template-areas:" navbar-block navbar-block employee-count-block" " project-block leave-block growth-chart-block" " claims-block payroll-block holiday-calendar-block";gap:12px;padding:24px;height:99.9%;overflow-y:auto;scrollbar-width:none}.navbar-block{grid-area:navbar-block}.employee-count-block{grid-area:employee-count-block}.project-block{grid-area:project-block}.leave-block{grid-area:leave-block}.growth-chart-block{grid-area:growth-chart-block}.claims-block{grid-area:claims-block}.payroll-block{grid-area:payroll-block}.holiday-calendar-block{grid-area:holiday-calendar-block}.project-block,.leave-block,.growth-chart-block,.claims-block,.payroll-block,.holiday-calendar-block,.employee-count-block,.navbar-block{width:100%;height:99.9%;overflow-y:auto;scrollbar-width:none;background-color:var(--bg-color);border-radius:5px}.project-block,.leave-block,.growth-chart-block,.claims-block,.payroll-block,.holiday-calendar-block{padding:20px}.loading-spinner{text-align:center;font-size:16px;padding:20px}.dashboard-title{margin-bottom:.5em;color:#000000e0;font-weight:600;font-size:20px;line-height:1.4}.project-dashboard-container{padding:0 10px;margin:10px 0;width:100%}.dashboard-title-projects{margin-bottom:20px;display:flex;align-items:center;gap:8px}.icon-folder:before{content:"📁";font-size:20px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.project-card{background:#f3f3f3;border-radius:16px;padding:16px;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;gap:12px}.project-name{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.project-role{background-color:#f0e7ff;color:#722ed1;font-size:12px;padding:4px 8px;border-radius:12px;display:inline-block;text-align:center;width:fit-content}.project-dates{display:flex;justify-content:space-between;font-size:13px;color:#555}.progress-bar{height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background-color:#52c41a}.budget-status{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500}.status-dot{padding-left:8px;position:relative;font-size:12px}.status-dot:before{content:"";width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;position:relative;top:1px}.status-dot.active:before{background-color:#1890ff}.status-dot.completed:before{background-color:#52c41a}.status-dot.onhold:before{background-color:#faad14}.status-dot.cancelled:before{background-color:#ff4d4f}.loader{padding:40px;text-align:center;font-size:16px}.leave-dashboard-container{padding:10px}.leave-content{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:100%}.leave-status{color:#fff;padding:2px 8px;border-radius:4px;font-size:12px}.latest-block{background-color:#f3f3f3;flex:1 1 50%;min-width:180px;padding:8px;border-radius:8px}.claim-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:16px;border-radius:10px;background:#f1f1f1;box-shadow:0 2px 8px #00000008;text-align:center}.stat-card h4{margin-bottom:8px;font-size:14px;color:#444}.stat-card p{font-size:18px;font-weight:700;color:#222}.light-blue{background:#e6f7ff}.light-green{background:#f6ffed}.light-yellow{background:#fffbe6}.light-red{background:#fff1f0}.divider{height:1px;background-color:#ddd;margin:20px 0}.latest-claim h4{font-size:16px;margin-bottom:12px}.claim-details{list-style:none;padding:0;line-height:1.6}.status-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;margin-left:8px;color:#fff}.status-badge.approved{background-color:#52c41a}.status-badge.pending{background-color:#faad14}.status-badge.rejected{background-color:#f5222d}.no-claim-text{font-style:italic;color:#888}.claim-widget{background-color:#fff;height:100%;padding:20px}.claim-widget h3{margin:0 0 12px;font-size:20px}.claim-content{display:flex;flex-direction:row;gap:10px}.chart-block{flex:1 1 50%;min-width:120px}.latest-block{flex:1 1 50%;min-width:180px;padding-left:8px}.latest-block h4{margin-bottom:12px;font-size:16px}.latest-details div{margin-bottom:8px;font-size:14px}.loading{text-align:center;font-size:16px;padding:50px 0}.payroll-stats{background-color:#f3f3f3;padding:16px;border-radius:8px}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px!important;background-color:var(--bg-color);color:var(--text-color)}.navbar h2{font-size:24px;font-weight:500}@media (max-width: 430px){.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px 10px 40px!important;background-color:var(--bg-color);color:var(--text-color)}.nav-links{display:flex;align-items:center;gap:12px}.navbar h2{font-size:13px}.sidebar-expand{margin-left:-7px;margin-right:10px}.sidebar-extended-button{display:flex;width:35px}}.employee-main-section{position:relative;flex-grow:1;height:99.9dvh;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;color:var(--text-color);padding:5px}.employee-main-heading{margin-top:6px;padding:8px 5px 8px 10px;border-radius:4px;background-color:var(--bg-color)}.employee-count{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:50px;gap:2px}.employee-count-status{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px}.employee-count-status{background-color:var(--bg-color);color:var(--text-color);padding:15px 25px;margin:6px 0 0}.employee-count-status div{font-size:25px;color:#10b981}.employee-count-status .active-count{color:#f59e0b}.employee-count-status .inactive-count{color:#ef4444}.emp-nav{position:relative;width:100%;display:grid;grid-template-columns:2fr 2fr 1fr;grid-template-rows:50px;gap:10px;margin-top:6px;padding:6px 0;border-radius:4px 4px 0 0}.employee-search-input-containers{display:grid;grid-template-columns:1fr 1fr;position:relative;margin:6px 0 0;border-radius:4px;padding:0}.employee-search-input-containers h2{font-size:25px}.employee-search-input{width:95%;height:40px;background-color:var(--bg-color);position:relative;margin:2px 0 0 15px;border:var(--border);border-radius:15px;color:var(--text-color);font-weight:500;padding:6px 30px 6px 15px;font-size:14px}.employee-search-input-low{display:none}.employee-search-input:hover,.employee-search-input:active{border:none}.btn{display:flex;justify-content:end;align-items:center;padding:10px 10px 0;margin:6px 0}.add-employee-btn{margin-left:5px}.employee-data{background-color:var(--bg-color)}.custom-modal-header{display:flex;justify-content:space-between;align-items:center}.close-btn{font-size:20px;cursor:pointer}.employee-data-preview{position:absolute;top:0;left:-2px;right:0;bottom:0;padding:15px 20px;background-color:var(--bg-color)}.nav-data{display:flex;justify-content:space-between}.data-preview-row{display:grid;grid-template-columns:70% 30%;top:0}.emp-doc-btn{width:100px;background-color:var(--bg-color);color:var(--text-color);text-decoration:underline}.emp-doc-btn:hover{color:#fff}.emp-preview-container{position:absolute;background-color:var(--bg-color);top:0;width:100%}.close-btn-container{width:100%;position:relative;display:flex;justify-content:end;padding:15px 20px}.close-button{position:relative;place-items:center}.employee-preview-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);color:var(--text-color);padding:15px;z-index:99}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.employee-preview-profile{width:120px;height:120px;object-fit:cover;border-radius:5px}.employee-preview-profile-initial{width:120px;height:120px;background-color:#283d5c;border-radius:5px;color:#fbfbfb;font-size:55px;display:flex;justify-content:center;align-items:center}.employee-preveiw-name{margin-left:10%;margin-top:5%}.preview-leave-grid-left{display:grid;grid-template-columns:1.5fr 1fr}.preview-leave-grid{display:grid;grid-template-columns:2fr 1fr}.employee-custom-ant-table .ant-table-body{min-height:55vh}.custom-table-wrapper .ant-table-wrapper{background:transparent!important}.modal-container.expanded{max-width:100%;max-height:100%}.ant-picker{width:100%!important}.employee-form-button{display:flex;justify-content:end}.step-label .ant-steps-item-finish .ant-steps-item-icon{background-color:#52c41a!important;border-color:#52c41a!important;color:#fff!important}.table-scroll-wrapper{min-height:78dvh!important;background-color:var(--bg-color)}@media (max-width: 1025px){.employee-main-section{height:100dvh}.emp-nav{display:block}.employee-search-input-containers{grid-template-columns:1fr;margin-bottom:5px}.employee-search-input{display:none}.employee-search-input-low{display:grid;width:65%;height:35px;background-color:var(--bg-color);position:relative;margin:2px 0 0;border:var(--border);border-radius:15px;color:var(--text-color);font-weight:500;padding:6px 30px 6px 15px;font-size:14px}.btn{justify-content:space-around}.modal-container{width:80%}}@media (max-width: 430px){.modal-container{width:95%;height:95%;z-index:999}.employee-count{grid-template-columns:1fr}.employee-count p{padding:5px 15px}.btn{display:grid;grid-template-columns:3fr 1fr 2fr;padding:0}.employee-search-input-low{width:95%;height:30px}}.auth-main{position:absolute;top:0;left:0;width:99.2vw;height:98.5vh;background:linear-gradient(120deg,#e0c3fc,#8ec5fc);display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif}.auth-container{width:768px;height:480px;position:relative;overflow:hidden;background:#fff;border-radius:20px;box-shadow:0 0 30px #00000026;transition:all .6s ease-in-out;display:flex}.login-form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out;display:grid;align-items:center;width:50%;padding:0 50px;text-align:center}.login-container{left:0;z-index:2}.email-login{width:100%;display:grid;position:relative}.email-login input{position:relative;padding-right:25px}.email-login-icon{position:absolute;top:15px;right:10px}.reset-container{left:0;transform:translate(100%);transition:all .6s ease-in-out;opacity:0;z-index:1}.auth-container.right-panel-active .login-container{transform:translate(-100%);opacity:0;z-index:1}.auth-container.right-panel-active .reset-container{transform:translate(0);opacity:1;z-index:2}.email-login input{position:relative;width:100%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:10px;font-size:14px}.opt-mail{display:flex;position:relative}.opt-mail input{position:relative;padding-right:25px}.mail-icon-svg{position:absolute;right:7px;top:20px}.login-btn{background:#007bff;color:#fff;border:none;padding:12px;width:100%;font-weight:700;border-radius:10px;margin-top:10px;transition:background .3s}.login-btn:hover{background:#0056b3}.switch-link{margin-top:10px;color:#333;cursor:pointer;text-decoration:underline;font-size:14px}.show-password{display:grid;grid-template-columns:1fr 1.5fr;text-align:left;font-size:.85rem;margin-top:5px}.show-password p{display:flex;justify-content:center;align-items:center}.show-password input{width:25px;display:flex;justify-content:flex-start}.login-btn{margin-top:20px}.form-slide{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 50px;display:flex;flex-direction:column;justify-content:center;background:#fff;opacity:0;transform:translate(100%);transition:all .6s ease-in-out;z-index:1}.form-slide.active{opacity:1;transform:translate(0)}.form-slide.slide-in-left{transform:translate(-100%)}.login-form-section{transform:translate(0)}.form-slide.slide-in-center,.form-slide.slide-in-right{transform:translate(100%);opacity:1}.logic-form-left{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 50px;display:flex;flex-direction:column;justify-content:center;background:#fff;opacity:0;transition:all .6s ease-in-out;z-index:99;transform:translate(100%);opacity:1}.otp-verify-container{transform:translate(200%);opacity:1;z-index:999}.overlay-container{position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(to right,#00b4db,#0083b0);display:flex;align-items:center;justify-content:center;transition:transform .6s ease-in-out;z-index:3}.overlay-panel{color:#fff;text-align:center;padding:0 20px;transition:all .6s ease-in-out}.overlay-slide-login{transform:translate(0)}.overlay-slide-forgot,.overlay-slide-verify,.overlay-slide-reset{transform:translate(-100%)}.error-text{color:red;font-size:.8rem;margin-top:4px}@media (max-width: 450px){.auth-container{flex-direction:column!important;width:100%;height:100vh;border-radius:0;position:relative;overflow:hidden}.login-container,.reset-container,.otp-verify-container,.overlay-container{position:absolute;width:100%;height:50%;top:0;left:0;transition:transform .6s ease-in-out,opacity .3s ease-in-out}.overlay-container{top:50%;left:0;transition:transform .6s ease-in-out,opacity .3s ease-in-out}.login-container{transform:translateY(0);z-index:2}.reset-container{transform:translateY(100%);z-index:1;opacity:0}.auth-container.right-panel-active .login-container{transform:translateY(-100%);opacity:0;z-index:1}.auth-container.right-panel-active .reset-container{transform:translateY(0);opacity:1;z-index:2}.form-slide.slide-in-center,.form-slide.slide-in-right{transform:translateY(100%);opacity:1}.otp-verify-container{transform:translateY(200%);z-index:0;opacity:0}.auth-container.otp-active .otp-verify-container{transform:translateY(100%);opacity:1;z-index:3}.overlay-container{z-index:0;transform:translateY(0);display:flex;justify-content:center;align-items:center}.auth-container.right-panel-active .overlay-container{transform:translateY(-100%)}.overlay-panel{text-align:center;padding:30px}.overlay-slide-forgot,.overlay-slide-verify,.overlay-slide-reset{transform:translateY(-100%)}}.verify-btn{background-color:#2563eb;color:#fff;font-weight:600;padding:.5rem 1.5rem;border-radius:.75rem;border:none;box-shadow:0 4px 14px #0000001a;cursor:pointer;transition:background-color .3s ease}.verify-btn:hover{background-color:#1d4ed8}.verify-btn:disabled{opacity:.5;cursor:not-allowed}.verifying{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#2563eb;font-weight:500}.spinner{width:16px;height:16px;border:3px solid #93c5fd;border-top:3px solid #2563eb;border-radius:50%;animation:spin .6s linear infinite}.form-btn{background-color:#2563eb;color:#fff;font-weight:600;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:background-color .3s ease,transform .2s ease}.form-btn:hover{background-color:#1e40af;transform:translateY(-1px)}.form-btn:disabled{background-color:#93c5fd;cursor:not-allowed;opacity:.6}.loading-wrapper{display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-text{color:#2563eb;font-weight:500;font-size:1rem;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.profile-main-container{background-color:var(--bg-color)!important;padding:10px}.profile-container{margin-top:25px}.profile-main-container .ant-tabs-content-holder{height:80dvh!important;overflow-y:scroll!important;background-color:var(--bg-color)!important}.profile-overview-continer{display:grid;grid-template-columns:1fr 2.5fr}.profile-left{padding:0 15px;border-right:2px solid #e6e6e6;margin-right:10px}.profile-continer-border{border-bottom:2px solid #e6e6e6}.profile-left-one{display:grid;grid-template-columns:1fr 2fr;padding:10px 8px}.profile-image-container{position:relative}.profile-image-container .profile-image{width:100px;height:100px;border-radius:5px!important;position:relative}.profile-edit-btn-container{display:flex}.Profile-upload-button{border:2px solid var(--button-bg)!important;width:28px!important;height:25px!important;background-color:var(--bg-color)!important;box-shadow:none!important;color:var(--button-bg)!important}.Profile-upload-button:hover{background-color:var(--button-bg)!important;color:var(--bg-color)!important}.profile-page-name-container{margin-left:10%}.profile-section-heading{color:#4d4d4d;margin-top:5px;background-color:#e6e6e6;padding:2px 6px}.heading-margin{margin-bottom:10px}.profile-right-grid{display:grid;grid-template-columns:1fr 1.5fr;margin-bottom:12px}.profile-right-grid span{color:#7b7b7b}.profile-left-section{padding:10px}.profile-right-section{padding:5px 0;margin-right:10px}.profile-payroll-table .ant-pagination{display:none}.profile-right-grid-main{display:grid;grid-template-columns:1fr 1fr;border-right:2px solid #e6e6e6;gap:14px;padding:5px 15px}.tab-two-container{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ant-drawer-content-wrapper,.profile-upload-drawer{height:fit-content!important}:where(.css-dev-only-do-not-override-7t2xvq).ant-drawer-right>.ant-drawer-content-wrapper{top:10%!important;right:35%!important}.preview-img{margin-top:10px;width:21vw}@media (max-width: 910px){.profile-overview-continer,.preview-leave-grid-left,.preview-leave-grid{grid-template-columns:1fr}}@media (max-width: 450px){.profile-right-grid-main,.tab-two-container{grid-template-columns:1fr}}.sidebar-toggle-button{display:none}.sidebar{min-width:220px;max-width:220px;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:10% 80% 10%;height:100dvh;background:transparent!important;color:var(--sidebar-text-color)!important;transition:collapsed .3s ease-in-out}.sidebar{font-family:Inter,Segoe UI,sans-serif;font-size:13px;font-weight:400;color:#e0e6ed}.sider-logo-container{display:grid;grid-template-columns:80% 15%;gap:5%;padding:10px;text-decoration:none}.logo{color:var(--sidebar-text-color);text-decoration:none;display:flex;align-items:center;justify-content:center}.logo-name-container{text-decoration:none;color:var(--sidebar-text-color);font-size:18px!important}.sidebar-notification-container{display:flex;align-items:center;margin-left:0}.sidebar-nav-icons{width:25px;display:flex;align-items:center;padding:5px 2px;color:var(--sidebar-text-color)!important;background-color:transparent}.sidebar-nav-icons:hover{margin-left:-2px;background-color:#c2c2c2bc;border-radius:6px}.sidebar-tab-container{height:80dvh;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;padding:10px 20px 10px 10px;list-style:none}.sidebar-tab{display:flex}.sidebar-tab-left{padding-left:8px}.sub-dropdown-tab{position:relative;padding:5px 8px;cursor:context-menu}.sub-dropdown-tab:hover{background-color:#c3c3c3b0;color:#141414;border-radius:5px}.dropdown-heading{color:#9c9c9ce5;cursor:context-menu}.sidebar-submenu-line{display:flex;justify-content:center;align-items:center}.sidebar-logo-link{text-decoration:none}.sidebar-link{position:relative;display:flex;width:90%;color:var(--sidebar-text-color);text-decoration:none;padding:5px 8px}.sidebar-link.active{background-color:#c1c1c177;color:#fff!important;border-radius:4px}.sidebar-link .active .sidebar-link{color:#fbfbfb!important}.sidebar-link:hover{background-color:#c5c5c5f2;color:#141414!important;border-radius:4px}.sidebar-icon{display:inline-flex;align-items:flex-end!important;width:15px!important;height:12px!important;margin-right:2px!important}.icon-margin{margin-top:5px!important}.siderbar-dashboard-container{padding:0 5px 5px 0;border-bottom:1px solid #7f7f7f6d}.siderbar-dropdown-tab{padding:20px 0;border-bottom:1px solid #7f7f7f6d}.dropdown-tab{margin-bottom:10px}.dropdown-menu{list-style:none}.sub-dropdown-menu{position:relative;list-style:none;margin-left:7px}.sub-dropdown-menu:before{content:"";position:absolute;left:8px;top:5px;bottom:5px;width:2px;height:69%;background-color:#ccc}.siderbar-profile-image{width:35px;height:35px;border-radius:50%;object-fit:cover}.sidebar-footer-section{height:10%;position:relative}.sidebar-footer{display:grid;grid-template-columns:90% 10%;place-items:bottom;background-color:#88888838;border:1px solid #c1c1c142;margin:0 8px 0 0;padding:10px 8px 5px;border-radius:5px}.sidebar-profile-container{display:grid;grid-template-columns:25% 75%;gap:5px;text-decoration:none;color:var(--sidebar-text-color)}.siderbar-profile-name{font-size:15px}.siderbar-profile-id{font-size:11px}.sidebar-logout{width:40px;display:flex;align-items:center}.sidebar-footer-icons{width:30px!important;padding:5px 2px;color:var(--sidebar-text-color)!important;display:flex;align-items:center}.sidebar.collapsed{min-width:70px;max-width:70px}.sidebar.collapsed .sidebar-notification-container,.sidebar.collapsed .logo:hover{display:none}.sidebar.collapsed .logo:hover~.sidebar-notification-container{height:40px;display:flex;align-items:center;justify-content:center;background-color:#c2c2c2bc;border-radius:6px;margin:5px}.sidebar.collapsed .sidebar-tab span,.sidebar.collapsed .dropdown-heading,.sidebar.collapsed .sub-dropdown-tab span,.sidebar.collapsed .profile-name-container,.sidebar.collapsed .logo-name-container,.sidebar.collapsed .sidebar-logout{display:none;opacity:0}.sidebar.collapsed .sidebar-profile-container{grid-template-columns:1fr}.sidebar.collapsed .sidebar-collapse-button{margin-left:.2rem}@media (max-width: 910px){.sidebar{position:absolute;min-width:70px;max-width:70px;display:grid;grid-template-columns:1fr;grid-template-rows:10% 82% 10%;z-index:999;transition:width .3s ease}.sidebar-profile-container{grid-template-columns:1fr}.sidebar-nav-icons{display:none}.dropdown-heading{display:none;opacity:0}.sidebar-icon{width:25px!important;height:14px!important}.sidebar .sidebar-link span,.sidebar .sub-dropdown-tab span,.profile-name-container,.logo-name-container,.sidebar-logout{display:none;opacity:0}.sidebar:hover{position:absolute;min-width:240px;max-width:240px;background:var(--sidebar-bg)!important}.sidebar:hover .profile,.sidebar:hover .logo-container{width:230px}.sidebar:hover .sidebar-link span,.sidebar:hover .dropdown-heading,.sidebar:hover .sub-dropdown-tab span,.sidebar:hover .profile-name-container,.sidebar:hover .logo-name-container,.sidebar:hover .sidebar-logout{display:inline;opacity:1}.sidebar:hover .sidebar-footer-section{background:var(--sidebar-bg)!important}.sidebar:hover .sidebar-profile-container{grid-template-columns:25% 75%}}@media (max-width: 450px){.sidebar-toggle-button{display:flex;position:fixed;top:10px;left:10px;z-index:1001;background:#333;color:#fff;padding:5px 10px;border:none;border-radius:3px}.sidebar{background-color:var(--sidebar-bg)!important;display:none;position:fixed;top:0;left:0;width:0;height:100vh;overflow:hidden;background-color:#fff;transition:width .3s ease;z-index:999}.sidebar.visible{display:block;min-width:250px;padding:15px;background-color:var(--sidebar-bg)}.sidebar.visible .sider-logo-container{width:100%;display:grid;grid-template-columns:80% 15%;gap:5%;padding:10px 0}.sidebar.visible .sidebar-profile-container{display:grid;grid-template-columns:25% 75%;gap:5px;text-decoration:none;color:var(--sidebar-text-color)}.sidebar.visible .sidebar-link span,.sidebar.visible .dropdown-heading,.sidebar.visible .sub-dropdown-tab span,.sidebar.visible .profile-name-container,.sidebar.visible .logo-name-container,.sidebar.visible .sidebar-logout{display:inline!important;opacity:1!important}}.project-nav{display:flex;justify-content:space-between;align-items:center;padding:0 20px 10px}.project-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1d1d1d57;z-index:10;display:flex;justify-content:center;align-items:center;padding:20px}.project-form{background-color:var(--bg-color)!important;color:var(--text-color);width:98%;height:95%;position:relative}.project-form .help-text-span{width:8px;display:flex!important;align-items:flex-start!important;color:#6da1e5;cursor:pointer;margin-left:2px}.project-form-header{display:flex;justify-content:space-between;align-items:center;height:50px}.project-form-close{position:relative;top:0;display:flex;justify-content:end}.project-form-section{height:98%;overflow-y:auto}.currency{display:flex;align-items:center;gap:5px}.project-form-input{display:grid;grid-template-columns:40% 60%}.project-form-input input{padding:8px 12px;border-radius:4px;margin-bottom:10px}.project-form-label{display:flex}.discription-block{display:grid;grid-template-columns:40% 60%;position:relative}.project-hover-preview{position:fixed;top:100px;right:30px;z-index:100}.hover-preview-card{background:#fff;border:1px solid #ccc;padding:12px 16px;width:280px;box-shadow:0 2px 10px #00000026;border-radius:8px}.project-form-section .project-form-input textarea,.project-form-section .discription-block textarea{min-height:60px;max-height:60px;min-width:100%;max-width:100%;overflow-y:auto;margin-bottom:10px;padding:5px;border-radius:4px;border:1px solid #b3b3b3}.supervisors-select{width:100%;cursor:pointer;background-color:#f7f5f5}.ant-select-selection-overflow{margin-bottom:0!important;background-color:#f7f5f5!important}.ant-select-selection-overflow{display:flex!important;align-items:center!important;background-color:#f7f5f5!important}.ant-select-selection-search-input{padding-top:7px!important;background-color:#f7f5f5!important}.ant-select-selector{background-color:#f7f5f5!important;margin-bottom:0!important}.ant-select-selection-overflow-item{margin-bottom:0!important}.project-form-actions{display:flex;justify-content:flex-end;align-items:center;padding-top:15px}.table-supervisor-container{display:grid;grid-template-columns:1fr 1fr}.table-team-members{display:flex;gap:15px}.Project-reviw-container{background-color:var(--bg-color)!important;color:var(--text-color);position:absolute;width:50%;padding:10px;border-radius:5px;z-index:999}.project-review-header{display:flex;justify-content:space-between;align-items:center;background-color:#efefef;padding:8px 20px}.project-review-btn{display:flex;justify-content:space-between}.project-review-body{height:70vh;overflow-y:auto;padding:0 15px}.project-review-details-1{display:flex;align-items:center;justify-content:start;gap:15px;border-bottom:1px solid #b7b7b7;padding:10px 5px;margin-bottom:5px}.project-logo-container{display:flex;align-items:center;justify-content:center;width:65px;height:65px;background-color:#007bff;border-radius:50%}.project-logo-initials{color:#fff;font-size:30px;font-weight:700;text-transform:uppercase}.project-review-details-2{display:grid;grid-template-columns:1fr 2.5fr;padding:10px 0;border-bottom:1px solid #b7b7b7}.project-review-details-3{display:grid;grid-template-columns:.8fr 1.5fr .8fr 1.5fr .6fr 1.5fr;padding:5px 20px}.project-preview-manager,.project-team-leader{display:flex;align-items:center;width:fit-content;gap:6px;background-color:#e8e8e8;padding:4px 8px;border-radius:6px;margin-bottom:10px}.team-members-wrapper{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.project-preview-member{display:flex;align-items:center;gap:5px;background-color:#e8e8e8;padding:4px 8px;border-radius:6px}.Project-table-container{position:relative;max-width:99vw!important}.project-review-details-4{display:grid;grid-template-columns:1fr 2.5fr;padding:10px 0;border-bottom:1px solid #b7b7b7}.projectCard{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 14px #0000000f;font-family:Inter,sans-serif}.title{font-size:20px;font-weight:700;margin-bottom:5px}.sectionTitle{font-size:15px;font-weight:600;margin-top:8px;margin-bottom:5px}.label{font-size:12px;font-weight:500;color:#828282;height:fit-content}.value{display:block;place-items:start;font-size:13px;font-weight:400;color:#343434;height:fit-content;margin-bottom:8px}.timestamp{display:grid;grid-template-columns:1fr 1fr;place-items:center;font-size:11px;color:#888;margin-top:20px}.validation-error{color:red;font-size:12px;margin-top:4px}@media (max-width: 881px){.project-form{width:80%;left:10%}.Project-reviw-container{width:75%;left:12%;height:85%}}@media (max-width: 450px){.project-form,.Project-reviw-container{width:95%;left:2%;height:85%}}.modal-container{width:100%;margin-top:6px}.employee-form-container{width:45%;height:99dvh;position:absolute;top:8px;right:5px;display:block;background:var(--bg-color);padding:15px 18px 15px 22px;z-index:99}@keyframes slideIn{0%{opacity:0;transform:translate(50%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50%)}}.slide-in{animation:slideIn .8s ease-in-out forwards}.slide-out{animation:slideOut .8s ease-in-out forwards}.form-header{display:flex;justify-content:space-between;align-items:center}.form-button{display:flex;justify-content:space-between;padding-top:15px}.ant-tabs-content-holder{display:grid!important;place-items:top!important;height:75dvh!important;overflow-y:scroll!important}.employee-form-input{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px dotted #a0a0a0;padding:10px 0 5px 15px;margin-bottom:20px;box-shadow:0 1px 2px #0000001a}.form-item-grid{display:grid;grid-template-columns:37% 63%;height:50px;margin-right:15px}.form-item-grid-documents{display:grid;grid-template-columns:20% 63%;height:50px;margin-right:15px}.form-item-label{display:flex;align-items:center;height:39px;font-size:12px}.form-stepfooter{display:flex;justify-content:center;align-items:end}.form-stepfooter button{padding:7px 12px}.ant-form-item-control-input,.ant-picker-input{height:25px}.contact-info-section,.phone-number-section{display:grid;grid-template-columns:1fr 1fr}.work-experience-block{padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #a0a0a0}.email-form-item-grid{display:grid;grid-template-columns:30% 60% 10%;height:60px}.remove-mail-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:var(--bg-color);color:var(--text-color);cursor:pointer;margin-top:4px}.form-item-grid-documents{position:relative!important}.contact-form-container{border-bottom:1px dotted #a0a0a0;padding:10px 0 5px 15px;margin-bottom:20px}.add-form-item .ant-form-item-control-input-content{box-shadow:none!important}.moblie-number-inputs{display:grid;grid-template-columns:30% 63% 15%;height:60px}.moblie-number-inputs .ant-form-item-control-input-content{box-shadow:none!important}.address-section-2{display:grid;grid-template-columns:1fr 1fr}.custom-tab-style .ant-tabs-nav{background-color:#eee;border-radius:5px;padding:4px;display:inline-flex}.custom-tab-style .ant-tabs-tab{margin:0;border-radius:5px!important;transition:background .3s}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab{background-color:none!important}.ant-tabs-tab{padding:5px 10px!important;margin:0!important}.ant-tabs-tab-active{background-color:#fff;box-shadow:0 1px 4px #0000001a}.custom-tab-style .ant-tabs-tab-btn{font-weight:500}.employee-form-input-name-relationship,.employee-form-input-experience,.employee-form-input-reference{display:grid;grid-template-columns:1fr 1fr}.emergency-contact-block{margin-bottom:30px;padding:20px;border-bottom:1px dotted #a0a0a0;box-shadow:0 2px 4px #0000001a}.responsibilities-grid{display:grid;margin-right:15px;margin-bottom:25px}@media (max-width: 991px){.employee-form-container{width:85dvw}.ant-tabs-content-holder{height:80dvh!important}}@media (max-width: 450px){.employee-form-container{width:99.5dvw;padding:10px}.ant-tabs-content-holder{height:75dvh!important}.employee-form-input,.employee-form-input-experience,.employee-form-input-reference,.contact-info-section{grid-template-columns:1fr}.moblie-number-inputs{grid-template-columns:30% 70% 15%}.address-section-2,.employee-form-input-name-relationship,.phone-number-section{grid-template-columns:1fr}.form-item-grid{grid-template-columns:1fr 2.5fr}}.emp-form-input{display:grid;grid-template-columns:1fr 1fr;gap:15px}.department-container{position:relative;padding:6px;width:84vw;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.department-header{display:flex;justify-content:space-between;align-items:center}.department-title{align-items:center;font-size:1.55rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.department-form-container{background-color:var(--bg-color);color:var(--text-color);position:absolute;width:45%;height:50vh;display:flex;flex-direction:column;gap:1rem;padding:20px;border-radius:5px;z-index:99}.department-form-header{display:flex;justify-content:space-between;align-items:center}.department-form{padding:5%}.department-form div{display:grid;grid-template-columns:30% 60%}.department-form div p{display:flex;align-items:center;gap:2px}.department-button:hover{background-color:#1e40af}.error-message{color:#dc2626;font-size:.875rem}.department-table{width:100%;border-collapse:collapse}.department-table th,.department-table td{border:1px solid #d1d5db;padding:.75rem;text-align:left}.department-table th{background-color:#f3f4f6;font-weight:600}.department-subtitle{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}@media (max-width: 881px){.department-form-container{width:75%;height:60%}}@media (max-width: 430px){.department-title{font-size:20px}.department-form-container{width:95%;height:60%}.department-form{padding:15px 0}.department-form div{grid-template-columns:40% 60%}}.custom-ant-table-dept .ant-table-body{width:100%;height:100vh}.card-overlay-container{width:400px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 20px #0003}.main-dept{display:grid;grid-template-columns:74% 25%;gap:10px}.avatar-group{display:flex;align-items:center;gap:0;position:relative}.employee-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-left:-8px;background-color:#fff;z-index:1;transition:transform .2s ease}.employee-avatar:first-child{margin-left:0}.employee-avatar:hover{transform:scale(1.1);z-index:10}.extra-avatar{background-color:#444;color:#fff;font-weight:700;font-size:12px;display:flex;justify-content:center;align-items:center;z-index:1}.input-error{color:red;font-size:.85rem;margin-top:4px}*{margin:0;padding:0;box-sizing:border-box}body{width:100dvw;height:100dvh;overflow:hidden;place-items:stretch;font-size:10px}.main-layout{position:relative;display:flex;height:99.9dvh;padding:6px;font-size:.8rem}.right-main-section{flex-grow:1;min-width:0;height:auto!important;background-color:var(--main-bg-color);border-radius:4px}.employee-main-section,.department-container,.claim-container,.claimsApprover-container,.project-main-container,.claims-ApproverTable-main-container,.claims-table-main-container,.admin-payroll-dashboard-main{position:relative;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;color:var(--text-color);padding:5px;font-size:1.2rem}button{background-color:var(--button-bg);color:#fff;width:fit-content;border:none;padding:12px 15px;font-size:12px;font-weight:500;border-radius:5px;margin:5px 2px;transition:background .6s ease-in-out}button:hover{background:#4287c8}button.delete{background-color:#dc3545}button.delete:hover{background-color:#a71d2a}.ant-btn-color-primary{background-color:var(--button-bg);color:#fff;border:none}.ant-btn-color-primary:hover{background-color:#4287c8!important}.ant-table-wrapper{background-color:var(--bg-color)!important;width:99vw!important}.ant-table-content table{position:relative!important;border-collapse:collapse!important}table{table-layout:auto!important}.ant-table{border-bottom:1px solid #efefef}.ant-table-thead>tr>th{padding:8px 15px!important;background-color:#ebebeb!important;border-radius:0!important}.ant-table-thead>tr>th:before{position:absolute;top:50%;inset-inline-end:0;width:1px;height:1.6em;background-color:#dfdfdf;transform:translateY(-50%);transition:background-color .2s;content:""}.ant-table-container{background-color:var(--bg-color)!important;color:var(--text-color)!important;border-radius:0!important}.ant-table-container{border-top-left-radius:0!important;border-top-right-radius:0!important}.ant-table-thead tr{background-color:var(--bg-color)!important;color:var(--text-color)!important;border-radius:0!important}.ant-table-cell{background-color:var(--bg-color)!important;color:var(--text-color)!important;padding:8px 12px!important;font-size:13px!important}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{border-inline:none!important;color:var(--text-color)!important}.ant-table-body{min-height:65vh}.custom-ant-table .ant-table-tbody>tr>td{background-color:var(--bg-color)!important;color:var(--text-color)!important}.css-dev-only-do-not-override-1d4w9r2 .ant-table-pagination{background-color:var(--bg-color)!important;color:var(--text-color)!important;margin:0!important;padding:20px 10px!important}.custom-ant-table .ant-table-tbody>tr:hover>td{background-color:var(--hover-bg-color)!important;cursor:pointer}.custom-ant-select .ant-select-selector{background-color:var(--bg-color)!important;border-color:var(--border);color:var(--text-color)}.ant-table-pagination{background-color:var(--bg-color)!important;color:var(--text-color)!important}:where(.css-dev-only-do-not-override-1m2bkf9).ant-pagination .ant-pagination-item-active{background-color:var(--bg-color)!important;color:var(--text-color)!important}:where(.css-dev-only-do-not-override-1m2bkf9).ant-table-wrapper .ant-table.ant-table-bordered>.ant-table-container{border-inline-start:none!important;border-top:none!important;border-radius:0!important}.ant-table-container:before{border-radius:0!important}.ant-pagination-item-active a{color:var(--text-color)!important}.anticon-left,.anticon-right{color:var(--text-color)}.custom-ant-select .ant-select-selection-placeholder{color:var(--text-color)!important}.custom-ant-select .ant-select-arrow{color:var(--text-color)}.ant-select-item-option-content{color:var(--text-color)!important;border:none}:where(.css-dev-only-do-not-override-1m2bkf9).ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:transparent!important}.ant-select,.ant-select-selector,.ant-select-selection-wrap,.ant-select-selection-overflow,.ant-select-selection-overflow-item,.ant-select-selection-search,.ant-select-selection-search-input{background-color:var(--bg-color)!important;border-radius:5px!important}.ant-form-item{margin-bottom:6px!important}.ant-table-wrapper .ant-table-thead>tr>th,.ant-table-wrapper .ant-table-tbody>tr>td{border-right:none!important;border-bottom:1px solid #ddddddf1!important}.ant-table-wrapper .ant-table-thead>tr>th:last-child,.ant-table-wrapper .ant-table-tbody>tr>td:last-child{border-right:none!important}.ant-form-item-control-input-content .ant-btn{width:fit-content!important}.help-text-span{width:8px;display:flex;align-items:center;color:#6da1e5;cursor:pointer;margin-left:2px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:999;display:flex;justify-content:center;align-items:center}input{width:auto;background-color:var(--bg-color);color:var(--text-color);height:30px;padding:8px 15px;cursor:pointer;font-size:11px;border:1px solid #b3b3b3;border-radius:6px;margin:5px 0}input:active{border:1px solid #327ffe}.ant-input{height:30px!important}@media screen and (max-width: 1024px){.table-scroll-wrapper{width:100%;padding-bottom:10px}}@media (max-width: 910px){.main-container{max-width:fit-content}.right-main-section{width:fit-content!important;margin-left:75px}.table-scroll-wrapper{max-width:99.9dvw;overflow-x:scroll;padding-bottom:10px}.ant-table-pagination{display:flex!important;justify-content:center;flex-direction:row!important;align-items:center}.ant-table{width:86dvw!important;border-bottom:1px solid #efefef}button{padding:7px 12px;font-size:12px}}@media (max-width: 450px){.right-main-section{width:fit-content!important;margin-left:0}}.logo-main-container,.logo-container{width:100%;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center}.logo-container{gap:10px;max-width:100%;flex-wrap:wrap}.name-container{font-size:18px;word-break:break-word;max-width:100%;margin-bottom:15px}.logo-show{width:35px;height:35px;position:relative;object-fit:cover;background-color:#fff;border-radius:12px;padding:5px}@media (max-width: 881px){.logo-upload,.logo-container{width:50px}.logo{padding:0}.logo-container{margin-left:-3px}.sidebar:hover .logo-container,.sidebar:hover .logo-upload{width:230px;display:flex;margin-left:0;margin-bottom:0!important}}@media (max-width: 430px){.logo-main-container,.logo-container{width:100%;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center}}.welcomeMessage-main-container{padding:20px;width:100%}.Setting-config-header-heading{font-size:24px;font-weight:600;margin-bottom:8px}.Setting-config-header-description{font-size:14px;color:#666;margin-bottom:24px}.section-title{font-size:18px;font-weight:500;margin-bottom:12px}.preview-section{margin-bottom:32px}.ant-modal-close{display:flex!important;align-items:center;justify-content:center;opacity:1!important;z-index:999}.preview-box-head{display:flex;justify-content:space-between}.preview-box{border:1px solid #e1e1e1;border-radius:8px;background-color:#fafafa;padding:25px;margin-top:8px;box-shadow:0 1px 3px #0000000d}.preview-box::-webkit-scrollbar{display:none}.preview-box{-ms-overflow-style:none;scrollbar-width:none}.preview-item{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#444;margin-bottom:6px}.grid-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.message-box{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000000d;max-height:320px;overflow-y:auto;position:relative}.ant-modal-content .ant-modal-body .modal-section{max-height:60vh!important;overflow-y:auto}.message-box::-webkit-scrollbar{display:none}.message-box{-ms-overflow-style:none;scrollbar-width:none}.message-controls{display:flex;gap:10px;margin-bottom:12px}.message-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;border-bottom:1px solid #eee}.message-item .actions{display:flex;gap:6px;align-items:center}.message-item input[type=checkbox]{transform:scale(1.1)}.message-item span{flex:1;font-size:14px;color:#333}.message-item .ant-btn{padding:0 8px;height:28px}.add-button{margin-top:10px;background-color:#f0fdf4;border:1px solid #c7f0cc;color:#067447;font-weight:500;border-radius:6px}.save-section{display:flex;margin-top:15px;margin-right:50px;text-align:center;justify-content:flex-end}.save-section .ant-btn{background-color:#1e3a8a;border:none;color:#fff;font-weight:600;font-size:16px;padding:10px 24px;border-radius:8px}.preview-bubble-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:8px}.chat-bubble{background-color:var(--button-bg);color:#fff;padding:12px 18px;border-radius:8px;position:relative;max-width:90%;font-size:1rem;line-height:1.4;font-weight:500;display:inline-block;margin:8px 0}.chat-bubble:before{content:"";position:absolute;left:-3px;top:12px;width:0;height:0;border:8px solid transparent;border-right-color:#e6fffa}.chat-bubble:after{content:"";position:absolute;bottom:0;left:18px;width:0;height:0;border:10px solid transparent;border-top-color:var(--button-bg);border-bottom:0;border-left:0;margin-left:-5px;margin-bottom:-10px}.scrollable{height:70dvh;overflow-y:auto}.scrollable::-webkit-scrollbar{width:0px;background:transparent}@media (max-width: 768px){.grid-container{grid-template-columns:1fr}}@media (max-width: 768px){.preview-box{height:70%}}.register-main-container{padding:15px}.register-page-header{display:flex;justify-content:space-between;align-items:center}.register-form{position:relative;height:95vh!important;margin-right:25px!important;padding:20px 15px!important}.register-form-item{margin-bottom:15px!important}@media (max-width: 881px){.register-main-container{padding:10px}}@media (max-width: 430px){.register-main-container{padding:5px}.register-page-header h2{font-size:17px}}.setting-main-conatiner{display:grid;grid-template-columns:15% 85%}.my-custom-menu-1{display:none;background-color:var(--bg-color)!important;color:var(--text-color)!important}.my-custom-menu{height:98.5dvh;background-color:var(--bg-color)!important;color:var(--text-color)!important;margin-right:6px}.my-custom-menu.ant-menu-vertical{width:100%}.ant-menu-title-content{color:var(--text-color)!important}.my-custom-menu .ant-menu-item-selected{background-color:#f0f0f0!important;color:#1890ff!important}.nav-form-item-grid{display:grid;grid-template-columns:1fr 2.5fr;gap:15px}.Setting-config-header{background-color:var(--bg-color);padding:15px 20px 5px;border:1px solid #e6e6e6!important;box-shadow:0 1px 2px #0000001a!important;border-radius:5px;margin-bottom:20px}.Setting-header{background-color:var(--bg-color);padding:5px 10px;border:1px solid #e6e6e6!important;box-shadow:0 1px 2px #0000001a!important;border-radius:5px;display:flex;align-items:center;justify-content:space-between}.Setting-config-header-heading{font-size:16px;color:var(--heading-color)}.Setting-config-header-description{font-family:Montserrat,Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:13px;color:var(--discription-color);font-weight:500;margin-top:10px;margin-left:10px}.Setting-config-header-secondheading{font-size:14px;color:var(--heading-color);margin-bottom:10px}.logoConfiger-container{background-color:var(--main-bg-color);padding:15px 20px;height:99vh}.logo-form-item-height{margin-top:27px;height:75px}.logoConfig-section{display:grid;grid-template-columns:1fr 1fr;height:fit-content}.logoConfiger-form{background-color:var(--bg-color);position:relative;padding:5% 45px 6px;border-radius:5px;border:1px solid #e6e6e6!important;box-shadow:0 1px 2px #0000001a!important}.lazyload-wrapper{display:flex;justify-content:center;align-items:center}.logoConfiger-preview{background-color:var(--bg-color);display:inline-flex;justify-content:center;padding:60px 45px!important;margin:0 0 0 10px;border-radius:5px;border:1px solid #e6e6e6!important;box-shadow:0 1px 2px #0000001a!important}.config-logo-with-name{object-fit:contain;border-radius:5px}.config-logo-image{width:250px!important;height:250px!important;object-fit:contain;border-radius:5px;border:1px solid #e6e6e6!important;box-shadow:0 2px 4px #0000001a!important}.config-logo-companyName{width:400px!important;display:inline-flex;justify-content:center;font-size:45px;margin-top:15px}.config-truncate-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;display:inline-block}.welcomeMessage-main-container{width:100%;height:99vh;overflow-y:scroll;scrollbar-width:none;padding:15px;border-radius:5px;margin:0!important}.welcomeMessage-setting-heading{margin:15px 0 20px}.welcome-message-container{display:flex;overflow-y:scroll;margin-top:10px}.welcome-message-config-section{background-color:var(--bg-color);padding:15px 15px 15px 25px;margin-top:10px}.message-show,.customize-section{width:100%;height:55vh;background-color:var(--bg-color);padding:15px 15px 15px 25px;border-radius:5px;margin-right:10px;transition:width ease-in-out}.customize-section{margin-right:0}.message-config-label{display:flex;align-items:center}.message-config-label input{width:25px}.custom-messge-input{position:relative;width:90%;margin:10px 15px}.Messege-show-container-heading{font-size:20px;font-weight:700;margin-bottom:20px}.message-list{background-color:var(--seconday-bg-color);list-style-type:none;padding:10px;border:1px solid #e6e6e6!important;box-shadow:0 1px 2px #0000001a!important;border-radius:5px}.message-list-section h3{margin-bottom:15px}.message-list li{margin-bottom:15px;font-size:15px}.customize-section h3{margin-bottom:15px}.default-messages{background-color:var(--seconday-bg-color);padding:10px;margin:10px 10px 10px 0;border:1px solid #e6e6e6!important;box-shadow:0 1px 2px #0000001a!important;border-radius:5px}.welcome-checkbox{height:12px;margin-right:5px;margin-top:15px}.smpt-form{display:grid;padding:0 50px}.smtp-main-container{gap:25px;min-height:100%!important}.smtp-body-section{display:grid;grid-template-columns:55% 45%;gap:10px}.SMTP-configer-input-container{display:grid}.employee-config-page-container{height:99vh;overflow-y:scroll;scrollbar-width:none}.employeeConfig-main-container{padding:15px}.employeeConfig{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:12px}.employeeConfig-main-container .ant-collapse{background-color:var(--bg-color)!important;padding:10px!important}.employeeConfig-main-container .ant-collapse .ant-collapse-item{background-color:var(--bg-color)!important;border:1px solid #e6e6e6!important;box-shadow:0 1px 2px #0000001a!important;position:relative!important}.employeeConfig-main-container .ant-collapse-content-box{width:22.5vw;position:absolute!important;background-color:var(--bg-color)!important;z-index:999!important;border:1px solid #e6e6e6!important;transition:all 2s ease-in-out!important}.employeeDetailsConfig-main-container{padding:0 14px 14px}.employeeDetailsConfig-container{display:grid;grid-template-columns:1fr 1fr;gap:15px}.employeeDetailsConfig-container .ant-card-bordered{border:1px solid #e6e6e6!important;box-shadow:0 1px 2px #0000001a!important}.leaveConfig-main-container{width:100%;height:100%;background-color:var(--bg-color);padding:15px;border-radius:5px}.leaveConfig-header,.leave-config-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.leavePolicyConfig-body{position:relative;height:82dvh}.leave-config-form-container{position:absolute;background-color:var(--bg-color);right:0;top:10px;width:30vw;height:98vh;padding:20px;box-shadow:0 2px 4px #0000001a!important;z-index:2}.leave-config-form-header{border-bottom:1px solid #c8c8c8!important;padding-bottom:10px}.hoilday-cofig-container{padding:20px}.hoilday-form-container{width:40vw;padding:20px}.holiday-form-inputs{width:50px!important}.holiday-form-discription{margin-bottom:10px}.leave-config-discription{margin-top:15px;margin-bottom:15px}.leavePolicyConfig-main-container{padding:10px;height:99.9vh;overflow-y:scroll}.leavePolicyConfig-header{background-color:var(--bg-color);display:flex;align-items:center;justify-content:space-between;padding:5px 15px}.leavePolicyConfig-selectors{background-color:var(--bg-color);width:100%;display:inline-flex;gap:15px;padding:0 0 15px 15px}.leavePolicyConfig-actions{background-color:var(--bg-color);position:absolute;right:0;width:40%;height:95vh;overflow-y:scroll;padding:15px;z-index:2}.leavePolicyConfig-form-header{display:flex;align-items:center;justify-content:space-between;padding:10px 15px}.leavePolicyConfig-main-container .ant-card{width:70.9vw!important;border:1px solid #e6e6e6!important;box-shadow:0 1px 2px #0000001a!important}.leavePolicyConfig-main-container .ant-table-wrapper .ant-table{border-radius:0!important}.leavePolicyConfig-main-container .ant-card-body{padding:5px!important;height:fit-content!important}.leavePolicyConfig-main-container .ant-table-cell{height:fit-content!important}.holiday-config-container{border:1px solid #e6e6e6!important;padding:16px;border-radius:5px}.holiday-calender-selector-container{display:flex;align-items:center;gap:10px;padding:10px 0 10px 5px}.leave-policy-config-table{position:relative;width:100%;min-height:99%!important;overflow-x:scroll;display:flex}.theme-section{padding:1rem 2rem;background-color:var(--bg-color);color:var(--text-color);height:99.9dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--hover-bg-color) transparent}.theme-section::-webkit-scrollbar{width:8px}.theme-section::-webkit-scrollbar-thumb{background-color:var(--hover-bg-color);border-radius:4px}.theme-header{position:sticky;top:0;background-color:var(--seconday-bg-color);z-index:10;padding-top:1rem;padding-bottom:1rem}.theme-desc{font-size:.95rem;margin-bottom:1.5rem;color:var(--second-text-color)}.theme-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem;padding:20px}.theme-card{display:flex;justify-content:space-between;align-items:center;border:var(--border);padding:1rem;border-radius:12px;box-shadow:var(--container-shadow);background-color:var(--seconday-bg-color)}.theme-info p{margin:.25rem 0;font-size:.9rem;color:var(--discription-color)}.theme-gradient{height:8px;border-radius:4px;margin-top:6px}.theme-toggle{display:flex;align-items:center}.switch{position:relative;display:inline-block;width:42px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;background-color:#ccc;border-radius:24px;transition:.4s;top:0;left:0;right:0;bottom:0}.slider:before{position:absolute;content:"";height:18px;width:18px;border-radius:50%;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--icon-color)}input:checked+.slider:before{transform:translate(18px)}.payroll-config-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:85vh;overflow-y:scroll}@media (max-width: 910px){.setting-main-conatiner{grid-template-columns:1fr}.my-custom-menu-1{display:block}.my-custom-menu{display:none}.Setting-config-header{padding:20px}.Setting-config-header-heading{font-size:14px}.Setting-config-header-description{font-size:11px;margin-top:6px;margin-left:10px}.Setting-config-header-secondheading{font-size:14px;margin-bottom:10px}.logoConfig-section{grid-template-columns:1fr}.logoConfiger-form{padding:30px;height:fit-content!important}.logoConfiger-preview{padding:40px 0!important}.welcomeMessage-main-container{padding:15px;height:99vh;overflow-y:scroll}.welcome-message-container{display:block;padding:5px;gap:20px}.message-show,.customize-section{height:fit-content}.message-list li{font-size:11px!important;margin-bottom:12px}.smtp-body-section{grid-template-columns:1fr}.employeeConfig-main-container .ant-collapse{background-color:var(--bg-color)!important}.employeeDetailsConfig-main-container{height:85vh}.employeeDetailsConfig-container{grid-template-columns:1fr}.leaveConfig-main-container{position:relative;padding:15px}.leavePolicyConfig-main-container .ant-card{width:87vw!important}.leavePolicyConfig-select{margin-bottom:15px}.leave-policy-config-table .ant-table-wrapper,.leave-policy-config-table .ant-spin-container{width:85vw!important}.payroll-config-form{grid-template-columns:1fr;height:80vh}}@media (max-width: 450px){.setting-main-conatiner{font-size:10px}.logoConfig-section{height:100vh}.logoConfiger-container{padding:5px;height:99.9%;overflow-y:auto;scrollbar-width:none}.logoConfig-section{grid-template-columns:1fr}.logoConfiger-form{padding:16px!important}.logoConfiger-preview{padding:6px!important}.welcome-message-container{padding:0}.smtp-main-container{padding-bottom:25px;height:85vh;overflow-y:scroll}.employeeConfig-main-container .ant-collapse{display:grid;grid-template-columns:1fr!important}.employeeConfig-main-container .ant-collapse-content-box{width:316px;position:relative!important}.employeeDetailsConfig-main-container{width:99vw;height:85vh;padding:15px!important}.employeeDetailsConfig-container div{display:inline-block}.employeeDetailsConfig-main-container .ant-list-item{position:relative!important;min-width:80vw!important}.leaveConfig-main-container{padding:15px}.leavePolicyConfig-selectors{display:block}.holiday-config-container{width:90vw}.payroll-config-form{grid-template-columns:1fr;height:78vh;padding-bottom:25px}.theme-section{width:95dvw;padding:.5rem}.theme-list{padding:8px 0 0}.theme-card{width:90dvw}}.smtp-main-container{background-color:var(--bg-color);padding:20px;max-width:100%;margin:auto;box-shadow:0 4px 14px #0000001a;font-family:Segoe UI,sans-serif}.smtp-title{font-size:22px;font-weight:600;margin-bottom:15px;color:#2c3e50}.smtp-description{line-height:1.6;font-size:14px;color:#555}.smtp-description a{margin-right:20px}.smtp-help-links{font-size:14px;margin-bottom:20px}.smtp-help-links a{color:#007bff;text-decoration:underline;margin-left:4px}.smtp-form{display:flex;flex-direction:column;gap:10px;background-color:var(--bg-color);padding:15px;border-radius:8px;border:1px solid #e6e6e6!important;box-shadow:0 2px 4px #0000001a!important}.smtp-field{display:flex;flex-direction:column}.smtp-field label{font-weight:500;margin-bottom:5px}.smtp-field small{color:#a8a8a8;margin-top:4px;font-size:11px}.smtp-password-wrapper{position:relative}.smtp-password-wrapper input{width:100%}.toggle-password-icon{position:absolute;right:10px;top:10px;cursor:pointer;font-size:16px;color:#555}.saved-config{padding:20px;background-color:#eef5ff;border:1px solid #cfdfff;border-radius:8px;font-size:14px}.saved-config h3{margin-bottom:12px;font-size:16px;color:#34495e}.saved-config-password-container{width:100%;display:flex;gap:10px}.preview-toggle-password-icon{font-size:16px;color:#555}.claims-table-container{height:100%;flex:2;border-radius:8px;padding:16px}.claims-overflow{overflow-y:auto;padding-top:0!important}.Approval-claims-table-container{width:99.9%;height:99.9!important}.claims-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:12px}.myClaims-container{display:grid;grid-template-columns:2fr 1fr;gap:10px;height:99.9%;overflow-x:auto}.myClaims-table{position:relative;width:100%;overflow-x:auto}.claims-section-1{flex:1}.claims-section-1{flex:1;display:flex;flex-direction:column}.claim-form-close{height:fit-content;display:flex;justify-content:space-between;align-items:center;padding:2px 15px;margin-bottom:5px;border-bottom:1px solid #ccc}.form-grid{display:grid;grid-template-columns:1fr 1fr;height:fit-content;padding:15px 0}.ClaimFormInputs{display:grid;grid-template-columns:1fr 1fr;height:40px;margin:0 20px}.help-text{display:flex;align-items:center}.claims-checkBox{display:flex;justify-content:baseline;align-items:flex-start;width:15px}.Amount-container{width:100%;position:relative;display:grid;grid-template-columns:1fr 2fr;gap:15px}.amount-section{position:relative;width:90%;display:grid;grid-template-columns:30% 70%;gap:5px}.claims-amount-input{width:100%}.claims-attachment-input{width:100%;height:40px;padding-bottom:0}.claims-form-btn{display:flex;justify-content:end;padding-top:15px;border-top:1px solid #ccc}.claim-form-discriptions{height:45px;border-radius:5px;padding:5px}.ant-modal-content .ant-modal-close{display:none}.ant-tabs{height:99.9%!important}.Approval-claims-header{display:flex;justify-content:space-between;align-items:center;padding:0 10px 10px}.approval-table-section{min-height:92%!important}.claims-approval{position:relative;width:100%!important;height:99%;display:grid;grid-template-columns:70% 1fr;gap:10px}.Claims-approval-analytics-table{flex:2;position:relative;padding:10px;background-color:var(--bg-color);height:fit-content!important;border-radius:5px}.claims-section-1{flex:1;gap:10px}.claims-ApproverTable-main-container .ant-tabs-content-holder,.claims-ApproverTable-main-container .ant-tabs-content,.claims-ApproverTable-main-container .ant-tabs-tabpane{height:100%!important;overflow:hidden!important}@media screen and (max-width: 900px){.claims-ApproverTable-main-container{max-width:99vw;height:99.9vh;display:block}.claims-table-container,.claims-section-1{width:100%;max-width:100%}.myClaims-table{position:relative;width:90%!important}}@media (max-width: 430px){.claims-ApproverTable-main-container{padding:10px}.claim-form-main-container{width:96%;height:95%;left:2%}.claim-form .form-grid{grid-template-columns:1fr;height:75dvh;overflow-y:auto;padding:15px}.form-actions{display:grid;grid-template-columns:1fr 1fr}.form-item-grid{margin-right:0}.claim-form .ant-select-selector{height:8vh;overflow-y:auto;scrollbar-width:none}}.leave-approvel-main-container{width:100%;padding:10px}.employee-profile{display:flex;align-items:center;gap:8px}.employee-profile img{width:32px;height:32px;border-radius:50%;object-fit:cover}.approva-table-action-column{display:grid;grid-template-columns:2fr 1fr;gap:10px}.leave-comment-input{width:100%;max-width:220px;padding:6px 10px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.action-buttons{display:flex;gap:10px;margin-top:6px}@media screen and (max-width: 768px){.leave-comment-input{max-width:100%}.action-buttons{flex-direction:column;gap:6px}.employee-profile{flex-direction:column;align-items:flex-start}}.admin-payroll-dashboard-main{position:relative;padding:16px 20px}.admin-payroll-dashboard-content{display:flex;gap:12px;width:100%;flex-wrap:wrap}.admin-payroll-dashboard-left{flex:1;min-width:0}.admin-payroll-dashboard-right{width:350px;flex-shrink:0}.payroll-processing-container{background-color:var(--bg-color);padding:10px;border-radius:8px;margin-bottom:10px}.payroll-processing-container .payroll-processing-main-container .ant-table-wrapper{max-width:99.9%;overflow-x:auto}.ant-empty{background-color:var(--bg-color)}.admin-payroll-dashboard-main .ant-empty{margin-right:0!important}.admin-payroll-dashboard-main .ant-col{padding:5px!important}.payroll-dashboard-main{position:relative;padding:16px 20px;height:99.9dvh;overflow-y:auto;scrollbar-width:none}.user-payroll-dashboard{display:grid;grid-template-columns:69% 30%;gap:10px}.payslip-download-btn{border:none;cursor:pointer;font-size:16px;margin-left:8px;padding:6px 8px}.payroll-summary-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.payroll-summary-card{position:relative;width:100%;background-color:var(--bg-color);border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000000d;padding:16px;transition:all .3s ease-in-out}.payslip-download-btn:hover{color:var(--primary-color-hover);background-color:var(--discription-color)}.deduction-donut-chart-main-container{background-color:var(--bg-color);padding:8px;border-radius:8px;height:40vh;overflow-y:auto;scrollbar-width:none}@media screen and (max-width: 991px){.admin-payroll-dashboard-content,.user-payroll-dashboard{grid-template-columns:1fr}.payroll-summary-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.admin-payroll-dashboard-left,.admin-payroll-dashboard-right{width:85dvw}.admin-payroll-dashboard-left .ant-space-horizontal{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}}@media screen and (max-width: 450px){.admin-payroll-dashboard-main{position:relative;padding:25px 10px 10px}.admin-payroll-dashboard-content{width:90dvw}.admin-payroll-dashboard-left,.admin-payroll-dashboard-right{width:51dvh}}:root{font-family:Inter,Segoe UI,sans-serif;line-height:1.5;font-size:12px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--heading-font-weight: 600;--main-bg-color: #f3f9ffee;--main-color: #213a5e;--bg-color: #ffffff;--seconday-bg-color: #f5f5f5ee;--sidebar-bg: #0b1a30;--text-color: rgb(54, 54, 54);--second-text-color: #1a1a1a;--sidebar-text-color: #ebebebf4;--heading-color: #1f2937;--discription-color: #999da6;--button-bg: #283d5c;--border: 1px solid #e5e7eb;--container-shadow: 0 2px 6px rgba(0, 0, 0, .08);--hover-bg-color: #e0e0e0;--icon-color: #1f1f1f}[data-theme=dark]{--main-bg-color: #101010;--bg-color: #353535;--sidebar-bg: #353535;--border: 2px solid #6a6a6a;--text-color: #d1d1d1;--sidebar-text-color: #d1d1d1;--container-shadow: 0 2px 6px rgba(159, 159, 159, .339);--hover-bg-color: #929292;--icon-color: #ffffff}[data-theme=forest]{--main-bg-color: #f3f9f4;--bg-color: #d7e7d3;--text-color: #1d3c1f;--second-text-color: #356b3d;--sidebar-bg: #2e5939;--border: 1px solid #a5cfa9;--sidebar-text-color: #ffffff;--container-shadow: 0 2px 6px rgba(46, 89, 57, .25);--hover-bg-color: #c6e0c5;--icon-color: #4caf50}[data-theme=sky]{--main-bg-color: #e6f3ff;--bg-color: #cce7ff;--text-color: #003b73;--second-text-color: #1c5da0;--sidebar-bg: #0077b6;--border: 1px solid #a6d2f5;--sidebar-text-color: #ffffff;--container-shadow: 0 2px 6px rgba(0, 119, 182, .25);--hover-bg-color: #b3daff;--icon-color: #2196f3}[data-theme=sunset]{--main-bg-color: #fff1e6;--bg-color: #ffd4b8;--text-color: #5c1e00;--second-text-color: #9e3d22;--sidebar-bg: #ff6b35;--border: 1px solid #ffae8f;--sidebar-text-color: #fff7f0;--container-shadow: 0 2px 8px rgba(255, 107, 53, .25);--hover-bg-color: #ffe2cf;--icon-color: #ff5722}[data-theme=silver]{--main-bg-color: #f0f0f0;--bg-color: #c0c0c0;--text-color: #2e2e2e;--second-text-color: #5e5e5e;--sidebar-bg: #a8a8a8;--border: 1px solid #bdbdbd;--sidebar-text-color: #ffffff;--container-shadow: 0 2px 6px rgba(128, 128, 128, .3);--hover-bg-color: #dcdcdc;--icon-color: #606060}[data-theme=accessible]{--main-bg-color: #ffffff;--bg-color: #f9f9f9;--text-color: #000000;--second-text-color: #000000;--sidebar-bg: #000000;--border: 2px solid #000000;--sidebar-text-color: #ffffff;--container-shadow: none;--hover-bg-color: #ffcc00;--icon-color: #000000}body{background:var(--sidebar-bg);color:var(--text-color)}