@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Plus Jakarta Sans,sans-serif}.sign-container{padding:60px}@media screen and (max-width: 600px){.sign-container{flex-direction:column;display:flex;align-items:center;padding:20px}.sign-container img{width:150px;padding-top:20px}}@media screen and (max-width: 600px){.main-section{width:95%}}.login-container{display:flex;align-items:center;justify-content:center;height:70vh}.login-container .login-card{background:#fff;padding:50px;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:450px;overflow:hidden}@media screen and (max-width: 600px){.login-container .login-card{padding:20px}}.login-container .login-card h2{color:#191a55;font-size:30px;justify-content:center;display:flex;margin-bottom:20px}.login-container .login-card p{color:#666;font-size:12px;margin-bottom:20px}.login-container .login-card .login-form{display:flex;flex-direction:column;gap:15px}.login-container .login-card .login-form .options{display:flex;justify-content:space-between;font-size:14px}.login-container .login-card .login-form .options a{color:#191a55;text-decoration:none}.login-container .login-card .login-form .options a:hover{text-decoration:underline}.login-container .login-card .login-form .biometric-section{margin-top:8px}.login-container .login-card .login-form .biometric-section .biometric-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0 6px}.login-container .login-card .login-form .biometric-section .biometric-divider .biometric-divider-line{flex:1;height:1px;background:#e5e7eb}.login-container .login-card .login-form .biometric-section .biometric-divider .biometric-divider-text{color:#666;font-size:12px;white-space:nowrap}.login-container .login-card .login-form .biometric-section .biometric-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media screen and (max-width: 420px){.login-container .login-card .login-form .biometric-section .biometric-actions{grid-template-columns:1fr}}.login-container .login-card .login-form .biometric-section .biometric-actions .biometric-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#191a55;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.login-container .login-card .login-form .biometric-section .biometric-actions .biometric-button:hover{background:#f9fafb;box-shadow:0 1px 2px #0000000a}.login-container .login-card .login-form .biometric-section .biometric-actions .biometric-button:focus-visible{outline:2px solid #9f51cf;outline-offset:2px}.login-container .login-card .login-form .biometric-section .biometric-actions .biometric-button .biometric-icon{display:inline-flex;align-items:center;justify-content:center}.login-container .login-card .login-form .biometric-section .biometric-actions .biometric-button .biometric-label{font-size:14px;line-height:1}.login-container .login-card .login-form .biometric-screen{display:flex;flex-direction:column;align-items:center;text-align:center}.login-container .login-card .login-form .biometric-screen .biometric-screen-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}.login-container .login-card .login-form .biometric-screen .biometric-screen-header .biometric-screen-icon{color:#191a55}.login-container .login-card .login-form .biometric-screen .biometric-instructions{margin-top:-8px}.login-container .login-card .login-form .biometric-screen .camera-preview{width:100%;max-width:360px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;background:#000}.login-container .login-card .login-form .biometric-screen .camera-preview .camera-video{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}.login-container .login-card .login-form .biometric-screen .camera-preview .camera-error{color:#d92d20;font-size:14px;padding:12px;text-align:center}.login-container .login-card .login-form .biometric-screen .fingerprint-visual{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;margin:8px 0 4px}.login-container .login-card .login-form .biometric-screen .fingerprint-visual .pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(25,26,85,.25);animation:pulse 1.8s ease-out infinite}.login-container .login-card .login-form .biometric-screen .fingerprint-visual .pulse-ring.second{animation-delay:.6s}.login-container .login-card .login-form .biometric-screen .fingerprint-visual .fingerprint-icon{position:relative;z-index:1;color:#191a55}.login-container .login-card .login-form .biometric-screen .fingerprint-visual .processing-text{position:absolute;bottom:-24px;left:0;right:0;color:#666;font-size:12px}@keyframes pulse{0%{transform:scale(.8);opacity:.7}70%{transform:scale(1.15);opacity:.15}to{transform:scale(1.25);opacity:0}}.login-container .login-card .login-form .biometric-screen .webauthn-iframe-note{color:#6b7280;font-size:12px;margin:6px 0 4px}.login-container .login-card .login-form .biometric-screen .biometric-actions-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:8px}.login-container .login-card .login-form .biometric-screen .open-new-tab{background:#f3f4f6;border:1px solid #e5e7eb;color:#344054;cursor:pointer;font-size:14px;border-radius:6px;padding:8px 12px}.login-container .login-card .login-form .biometric-screen .back-to-email{background:#f3f4f6;border:1px solid #e5e7eb;color:#344054;cursor:pointer;font-size:14px;border-radius:6px;padding:8px 12px;transition:background .15s ease,border-color .15s ease}.login-container .login-card .login-form .biometric-screen .back-to-email:hover,.login-container .login-card .login-form .biometric-screen .open-new-tab:hover{background:#e5e7eb;border-color:#d0d5dd}.login-card>.biometric-screen{display:flex;flex-direction:column;align-items:center;text-align:center}.login-card>.biometric-screen .camera-preview{width:100%;max-width:360px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;background:#000}.login-card>.biometric-screen .camera-video{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}.login-card>.biometric-screen .biometric-actions-row{display:flex;align-items:center;gap:10px;margin-top:8px}.login-card>.biometric-screen .back-to-email{background:#f3f4f6;border:1px solid #e5e7eb;color:#344054;cursor:pointer;font-size:14px;border-radius:6px;padding:8px 12px;transition:background .15s ease,border-color .15s ease}.login-card>.biometric-screen .back-to-email:hover{background:#e5e7eb;border-color:#d0d5dd}.primary button{background-color:#9f51cf;border-radius:6px;border:1px solid #825c9a}.primary button span{color:#fff}.primary button:hover{background-color:#a96bd0!important;border:1px solid #825c9a!important}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.error{color:red!important;margin-top:10px;margin-bottom:0!important}.error-text{color:red!important}.errorDate{color:red!important;margin-top:2px}.tablecalendar{padding:10px;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0000000a}@media screen and (max-width: 600px){.tablecalendar{padding:6px 0}}.ant-layout{font-size:12px}@media screen and (max-width: 600px){.ant-layout{font-size:11px!important}}:where(.css-dev-only-do-not-override-1v5z42l).ant-form-item .ant-form-item-label>label.ant-form-item-required:before{display:none}:where(.css-dev-only-do-not-override-1v5z42l).ant-picker-outlined.ant-picker-status-error:not(.ant-picker-disabled){border-color:#ccc!important}:where(.css-dev-only-do-not-override-1v5z42l).ant-picker-outlined.ant-picker-status-error:not(.ant-picker-disabled) .ant-picker-suffix{color:#ccc}.ant-select-selector{height:max-content!important}:where(.css-dev-only-do-not-override-1v5z42l).ant-input-outlined.ant-input-status-error:not(.ant-input-disabled){border-color:#ccc}.responsive-header{display:none}@media screen and (max-width: 600px){.responsive-header{background-color:#fff;padding:8px 0;display:flex;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;justify-content:center;flex-direction:column}.responsive-header .responsive-logo{display:flex;align-items:center;padding:0 16px;gap:12px}.responsive-header .responsive-logo .burger-menu{display:inline-flex;align-items:center;justify-content:center;border:0;background:#f6c243d1;color:#464646;width:32px;height:32px;border-radius:8px}.responsive-header .responsive-logo img{width:100px;height:auto}.responsive-header .responsive-logo .header-power{margin-left:auto;font-size:18px}}.dashboardmain{display:flex;max-width:100%;height:95vh}@media screen and (max-width: 600px){.dashboardmain{flex-direction:column}}.dashboardmain .dashboardleft{width:73%;padding:0 20px;overflow-x:hidden;overflow-y:auto}.dashboardmain .dashboardleft .checkinout-content{font-size:15px;font-weight:500;color:#000;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;padding:10px 15px;border-radius:10px}@media screen and (max-width: 600px){.dashboardmain .dashboardleft{width:100%}}.dashboardmain .dashboardleft .worklogcontainer{border-bottom:0;margin-bottom:24px}.dashboardmain .dashboardleft .worklogcontainer .dashboard-header{display:flex;padding:20px;margin-top:12px;justify-content:space-between;border:1px solid #eee;border-radius:16px;background:#fdf9ea;box-shadow:0 1px 2px #0000000a}@media screen and (max-width: 600px){.dashboardmain .dashboardleft .worklogcontainer .dashboard-header{flex-direction:column;padding:16px!important}}.dashboardmain .dashboardleft .worklogcontainer .dashboard-header .centerclock{display:flex;align-items:center;gap:10px;font-size:27px}@media screen and (max-width: 600px){.dashboardmain .dashboardleft .worklogcontainer .dashboard-header .centerclock{justify-content:center;padding-top:16px}.dashboardmain .dashboardleft .worklogcontainer .dashboard-header .centerclock .clockmenu{width:max-content!important;padding:12px;border-radius:20px;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.dashboardmain .dashboardleft .worklogcontainer .dashboard-header .centerclock .clockmenu .clockmenu-date,.dashboardmain .dashboardleft .worklogcontainer .dashboard-header .centerclock .clockmenu .clockmenu-time{font-size:15px!important}.dashboardmain .dashboardleft .worklogcontainer .dashboard-header .centerclock .clockmenu div{flex-direction:row!important}.dashboardmain .dashboardleft .worklogcontainer .dashboard-header .centerclock .header-timer{display:none}}.dashboardmain .dashboardleft .worklogcontainer .dashboard-header .dashboard-content h2{font-size:28px;padding-bottom:6px}@media screen and (max-width: 600px){.dashboardmain .dashboardleft .worklogcontainer .dashboard-header .dashboard-content h2{font-size:22px!important}}.dashboardmain .dashboardleft .worklogcontainer .dashboard-header .dashboard-content p{font-size:14px;color:#555}@media screen and (max-width: 600px){.dashboardmain .dashboardleft .worklogcontainer .dashboard-header .dashboard-content p{font-size:12px!important}}.dashboardmain .dashboardleft .worklogcontainer .divider{height:50px;border-inline-start:2px solid #ccc;margin:0 12px}@media screen and (max-width: 600px){.dashboardmain .dashboardleft .worklogcontainer .divider{display:none}}.dashboardmain .dashboardleft .worklogcontainer .worklog{display:flex;justify-content:space-between;align-items:center;padding:20px 16px;margin-top:12px;border:1px solid #eee;background:#fff;border-radius:16px;box-shadow:0 1px 2px #0000000a;max-width:100%}.dashboardmain .dashboardleft .worklogcontainer .worklog .checkincheckouttime{display:flex;align-items:center;gap:10px;width:30%;flex:0 0 30%;justify-content:center}@media screen and (max-width: 600px){.dashboardmain .dashboardleft .worklogcontainer .worklog .checkincheckouttime{width:48%!important}}.dashboardmain .dashboardleft .worklogcontainer .worklog h2{padding-bottom:20px;color:#825c9a}.dashboardmain .dashboardleft .worklogcontainer .worklog .checkinout{font-size:25px;font-weight:500}@media screen and (max-width: 600px){.dashboardmain .dashboardleft .worklogcontainer .worklog .checkinout{font-size:20px!important}}.dashboardmain .dashboardleft .worklogcontainer .worklog .login-action,.dashboardmain .dashboardleft .worklogcontainer .worklog .logout-action{padding:8px;background-color:#f6c243;border-radius:50%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 600px){.dashboardmain .dashboardleft .worklogcontainer .worklog .login-action,.dashboardmain .dashboardleft .worklogcontainer .worklog .logout-action{padding:4px!important}}.dashboardmain .dashboardleft .worklogcontainer .worklog .login-action svg{padding-right:2px}.dashboardmain .dashboardleft .worklogcontainer .worklog .logout-action svg{padding-left:4px}.dashboardmain .dashboardleft .worklogcontainer .worklog .checkinouttime{font-size:14px;font-weight:500}@media screen and (max-width: 600px){.dashboardmain .dashboardleft .worklogcontainer .worklog .checkinouttime{font-size:12px!important}}.dashboardmain .dashboardleft .worklogcontainer .worklog .productivityhours-content{position:absolute;bottom:-21px;padding:0}@media screen and (max-width: 600px){.dashboardmain .dashboardleft .worklogcontainer .worklog .productivityhours-content{padding-top:6px}}.dashboardmain .dashboardleft .worklogcontainer .worklog .productivityhours-content .productivityhours{font-size:12px;font-weight:500}.dashboardmain .dashboardleft .worklogcontainer .right{display:flex;flex-direction:column;width:38%;flex:0 0 38%;align-items:center;position:relative}.dashboardmain .dashboardleft .worklogcontainer .right .checkout-content{padding:13px;border:1px solid #ccc;border-radius:50px;display:flex;width:max-content;justify-content:center;font-size:15px;font-weight:500}.dashboardmain .dashboardleft .worklogcontainer .right button r{margin-top:5px}.dashboardmain .dashboardleft .calendar-legends{display:flex;justify-content:space-evenly;padding-bottom:30px}@media screen and (max-width: 600px){.dashboardmain .dashboardleft .calendar-legends{display:none}}.dashboardmain .dashboardleft .calendar-legends .color{height:20px;width:20px;border-radius:5px}.dashboardmain .dashboardleft .calendar-legends .absent{background-color:#ee0a0a85}.dashboardmain .dashboardleft .calendar-legends .present{background-color:#52c41a59}.dashboardmain .dashboardleft .calendar-legends .weekend{background-color:#ffa50066}.dashboardmain .dashboardleft .calendar-legends .weekendholiday{background-color:#0000ff73}.dashboardmain .dashboardleft .calendar-legends .mandatory{background-color:#cccccc7d}.dashboardmain .dashboardleft .calendar-legends .resricted{background-color:#00ffff8f}.dashboardmain .dashboardright{width:27%;border-left:1px solid #ccc;padding:20px 20px 0;position:absolute;right:0;height:100vh;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 600px){.dashboardmain .dashboardright{display:none}}.dashboardmain .dashboardright .worklog-container{overflow-x:hidden;overflow-y:auto;border-top:1px solid #ccc}.dashboardmain .dashboardright .worklog-container .worklog-content{overflow:scroll;height:35vh;overflow-x:hidden}.dashboardmain .dashboardright .profilecard-container{background-color:#fdf9ea;padding:20px;border-radius:20px;display:flex;justify-content:space-between;align-items:center}.dashboardmain .dashboardright .profilecard-container .profile-icons{display:flex;gap:40px}.dashboardmain .dashboardright .profilecard-container .profile-icons .profile-action{background-color:#f6c243;border-radius:50%;display:flex;justify-content:center;align-items:center;width:40px;height:40px}.dashboardmain .dashboardright .profilecard-container .profile-icons .profile-action svg{width:19px;height:19px}.dashboardmain .dashboardright .profilecard-container .profiledata{display:flex;flex-direction:row;align-items:center;gap:10px}.dashboardmain .dashboardright .profilecard-container .profiledata .profilremployee-code{display:flex;padding-top:5px;font-size:12px;color:#807e7a}.dashboardmain .dashboardright .profilecard-container .profiledata h4{text-transform:capitalize;font-size:16px}.checkincheckoutbtntoggle{display:none!important}@media screen and (max-width: 600px){.checkincheckoutbtntoggle{display:flex!important;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-top:8px;gap:10px}.checkincheckoutbtntoggle .checkout-content{padding:12.5px!important;font-size:15px!important;font-weight:600!important;color:#67ae6e}.checkincheckoutbtntoggle .productivityhours-content{display:flex!important}.checkincheckoutbtntoggle .ant-spin-nested-loading{display:flex;justify-content:center;align-items:center;padding-bottom:0;width:100%}.checkincheckoutbtntoggle .ant-spin-nested-loading>div{width:100%}.checkincheckoutbtntoggle .checkincheckoutbtntoggle .button{margin:0 auto}.checkincheckoutbtntoggle .button{height:38px;width:130px}.checkincheckoutbtntoggle #button-2 .knobs:before,.checkincheckoutbtntoggle #button-2 .knobs:after{height:16px;top:2px;font-size:11px;width:75px}}@media screen and (max-width: 600px){.checkincheckoutbtn{display:none!important}}.tablecalendar .ant-picker-calendar-header{display:flex;align-items:center;gap:10px}.tablecalendar .ant-picker-calendar-header .ant-select .ant-select-selector{border-radius:10px;padding:0 8px;height:28px;display:flex;align-items:center}.tablecalendar .events{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px}.tablecalendar .events li{margin:0;padding:0;line-height:1;display:flex;align-items:center;gap:4px}.tablecalendar .events .event-label{display:none}@media (min-width: 768px){.tablecalendar .events .event-label{display:inline-block;font-size:10px;color:#666;max-width:80px;white-space:nowrap;text-overflow:ellipsis}}.tablecalendar .events .ant-badge-status{width:auto;overflow:visible}.tablecalendar .notes-month{font-size:28px;text-align:center}.tablecalendar .notes-month section{font-size:28px}.tablecalendar .ant-radio-button{display:none}.tablecalendar .ant-radio-button-wrapper:last-child{display:none}.tablecalendar .ant-radio-button-wrapper-checked:first-child{border-radius:6px}.tablecalendar .ant-badge.ant-badge-status .ant-badge-status-text{display:none}.tablecalendar .events .ant-badge-status{overflow:visible!important}.tablecalendar .ant-radio-group{display:none}.tablecalendar .selected-date{background-color:#e6f7ff;border-radius:4px}.tablecalendar .ant-picker-panel .ant-picker-content{height:auto}.tablecalendar .ant-picker-content tr{height:34px}.tablecalendar .ant-picker-content th{padding:0 0 4px}.tablecalendar .ant-picker-content td{padding:0}.tablecalendar .ant-picker-cell{padding:0!important}.tablecalendar .ant-picker-calendar-date{min-height:28px;padding:1px 4px;display:flex;flex-direction:column}.tablecalendar .ant-picker-calendar-date-content{margin-top:1px;height:12px;min-height:12px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.tablecalendar .ant-badge-status-success{background-color:#52c41a59!important}.tablecalendar .purple .ant-badge-status-dot{background-color:#cccccc7d!important}.tablecalendar .red .ant-badge-status-dot{background-color:#ee0a0a85!important}.tablecalendar .orange .ant-badge-status-dot{background-color:#ffa50066!important}.tablecalendar .blue .ant-badge-status-dot{background-color:#0000ff73!important}.tablecalendar .black .ant-badge-status-dot{background-color:#00ffff8f!important}.tablecalendar .ant-badge{position:static!important}.tablecalendar .ant-badge-status-dot{width:8px!important;height:8px!important;border-radius:50%!important;position:static!important;margin-left:auto}.tablecalendar .ant-picker-calendar-date-value{z-index:1!important;position:relative!important;padding-top:0}.tablecalendar .ant-picker-calendar-date-value{color:#000!important}.ant-space-vertical{display:flex;justify-content:center}*{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}*:focus{outline:none}body{font-family:Arial,Helvetica,sans-serif;margin:0;background-color:#f1f9f9}#app-cover{display:table;width:400px;margin:80px auto;counter-reset:button-counter}.toggle-button-cover{display:table-cell;position:relative;width:100px;height:140px;box-sizing:border-box}.button-cover{height:100px;margin:20px;background-color:#fff;box-shadow:0 10px 20px -8px #c5d6d6;border-radius:4px}.button-cover:before{counter-increment:button-counter;content:counter(button-counter);position:absolute;right:0;bottom:0;color:#d7e3e3;font-size:12px;line-height:1;padding:5px}.button-cover,.knobs,.layer{position:absolute;top:0;right:0;bottom:0;left:0}.button{position:relative;top:0;margin:0 auto;width:150px;height:45px;overflow:hidden}.button.r,.button.r .layer{border-radius:30px}.button.b2{border-radius:2px}.checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}.knobs{z-index:2}.layer{width:100%;background-color:#d8f3dc;transition:.3s ease all;z-index:1}#button-2 .knobs:before,#button-2 .knobs:after{content:"YES";position:absolute;top:4px;left:4px;width:78px;height:20px;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:9px 4px;background-color:#52b788;border-radius:50px;transition:.3s ease all}#button-2 .knobs:before{content:"Check-In"}#button-2 .knobs:after{content:"Check-Out"}#button-2 .knobs:after{right:-126px;left:auto;background-color:#dd2c2f}#button-2 .checkbox:checked+.knobs:before{left:-126px}#button-2 .checkbox:checked+.knobs:after{right:4px}#button-2 .checkbox:checked~.layer{background-color:#fcebeb}#button-2 .checkbox:disabled+.knobs:before,#button-2 .checkbox:disabled+.knobs:after{background-color:#ccc!important;color:#888;cursor:not-allowed}#button-2 .checkbox:disabled~.layer{background-color:#eee}#button-2 .checkbox:disabled{cursor:not-allowed}.loader-standalone{position:relative;min-height:180px}.loader-nested{position:relative}.loader-nested.is-loading>*{opacity:0}.loader-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.loader-orbit-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2}.loader-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px;z-index:1}.skeleton-block,.loader-skeleton--page .skeleton-large,.loader-skeleton--page .skeleton-card,.loader-skeleton--page .skeleton-header{background:linear-gradient(90deg,#0000000f,#0000001f,#0000000f);background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:12px}.loader-skeleton--page .skeleton-header{height:32px;margin-bottom:16px}.loader-skeleton--page .skeleton-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.loader-skeleton--page .skeleton-card{height:140px}.loader-skeleton--page .skeleton-large{height:320px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.orbit{position:relative;width:90px;height:90px}.orbit.small{width:36px;height:36px}.orbit.large{width:120px;height:120px}.orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.orbit-ring--outer{border:4px solid rgba(246,194,67,.2);border-top-color:#f6c243;animation:orbit-spin 1.1s linear infinite}.orbit-ring--inner{top:12px;right:12px;bottom:12px;left:12px;border:4px solid rgba(246,194,67,.18);border-right-color:#f6c243;animation:orbit-spin-rev .9s linear infinite}.orbit-track{position:absolute;top:0;right:0;bottom:0;left:0;animation:orbit-spin 3.2s linear infinite}.orbit-dot{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#f6c243;box-shadow:0 0 0 2px #f6c2431f}.d1{transform:rotate(0) translate(32px)}.d2{transform:rotate(45deg) translate(32px)}.d3{transform:rotate(90deg) translate(32px)}.d4{transform:rotate(135deg) translate(32px)}.d5{transform:rotate(180deg) translate(32px)}.d6{transform:rotate(225deg) translate(32px)}.d7{transform:rotate(270deg) translate(32px)}.d8{transform:rotate(315deg) translate(32px)}.orbit.small .d1,.orbit.small .d2,.orbit.small .d3,.orbit.small .d4,.orbit.small .d5,.orbit.small .d6,.orbit.small .d7,.orbit.small .d8{transform:translate(0)}.orbit.small .d1{transform:rotate(0) translate(12px)}.orbit.small .d2{transform:rotate(45deg) translate(12px)}.orbit.small .d3{transform:rotate(90deg) translate(12px)}.orbit.small .d4{transform:rotate(135deg) translate(12px)}.orbit.small .d5{transform:rotate(180deg) translate(12px)}.orbit.small .d6{transform:rotate(225deg) translate(12px)}.orbit.small .d7{transform:rotate(270deg) translate(12px)}.orbit.small .d8{transform:rotate(315deg) translate(12px)}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-spin-rev{to{transform:rotate(-360deg)}}.ant-steps-item-title{display:flex;flex-direction:column}.vertical-timeline.vertical-timeline--two-columns:before{left:96%!important;margin-left:0!important;width:1px!important;background:#f6c24399!important}.drawer-scroll .vertical-timeline.vertical-timeline--two-columns:before{left:95.5%!important}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{background:#f6c243!important;animation:none!important}.vertical-timeline:before{top:35px!important;height:96%!important}.drawerlogwork-nodata{font-size:16px;display:flex;justify-content:center;padding-top:40px}.vertical-timeline--two-columns .vertical-timeline-element-icon{left:94%!important;width:11px!important;height:11px!important;margin-left:0!important}.vertical-timeline-element-icon.shadow-size-small{box-shadow:unset!important}.vertical-timeline{padding:25px 0 0!important}.vertical-timeline-element{margin:0!important;padding-bottom:25px!important}.vertical-timeline-element-content{max-width:230px!important;padding:0!important;width:100%!important;max-width:180px;background-color:"transparent"!important;box-shadow:none!important}.vertical-timeline-element-content p,.vertical-timeline-element-content h3{text-align:left}.vertical-timeline-element-content p{font-size:13.5px!important;margin:8px 0 0!important;color:#6c757d!important}.vertical-timeline-element-content h3{font-size:15px!important;text-transform:capitalize}.vertical-timeline-element-icon{right:-25px!important}.worklog-viewall{display:flex;margin:15px 0;justify-content:space-between}.worklog-viewall .worklog-title{padding-left:15px}.worklog-viewall .worklog-click{cursor:pointer;display:flex;align-items:center;padding-right:15px}.worklog-viewall .worklog-click:hover{text-decoration:underline}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%}.vertical-timeline-element-icon.shadow-size-small{box-shadow:0 0 0 2px #fff,inset 0 1px #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{box-shadow:0 0 0 3px #fff,inset 0 2px #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translate(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translate(20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translate(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translate(-20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}.datepicker-container{margin-bottom:1rem;display:block;align-items:unset}.datepicker-container .label{display:block;margin-bottom:.5rem;margin-right:0;font-weight:700;width:auto}.ant-btn-variant-solid{color:#000;background:#f6c243}:where(.css-dev-only-do-not-override-1v5z42l).ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover{color:#000;background:#f6c243}.custom-footer{display:flex;justify-content:flex-end;gap:10px}@media screen and (max-width: 600px){.ant-modal{max-width:92vw!important;margin:0 auto!important}.ant-modal-content{width:auto!important}.ant-modal-content .ant-modal-title{font-size:15.5px}.ant-modal-content .ant-modal-body{font-size:12px;max-height:70vh;overflow-y:auto}.ant-modal-content .ant-btn{font-size:12px}.ant-modal-content .ant-btn-variant-solid{color:#000;background:#f6c243}.ant-modal-content :where(.css-dev-only-do-not-override-1v5z42l).ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover{color:#000;background:#f6c243}}.clockmenu{padding:3px 0;border-radius:10px;width:max-content;justify-content:center;display:flex}.clockmenu .clockmenu-date{font-size:25px;font-weight:500;white-space:nowrap}.clockmenu .clockmenu-time{font-size:18px}.header-timer{height:38px}.header-timer svg{background-color:#f6c243;padding:6px;border-radius:50%;font-size:38px}.worklocation-reason{font-size:14px;font-weight:600;padding-bottom:7px}.selectbox-container{margin-bottom:1rem;display:block;align-items:unset}.selectbox-container .label{display:block;margin-bottom:.5rem;margin-right:0;font-weight:700;width:auto}.worklocation-date{font-weight:600}.checkin-logs{margin:20px 0;padding:10px;border-radius:15px}.checkin-logs .checkinlog-viewall{display:flex;margin-bottom:15px;justify-content:space-between}.checkin-logs .checkinlog-viewall .checkinlog-click{cursor:pointer;display:flex;align-items:center}.checkin-logs .checkinlog-viewall .checkinlog-click:hover{text-decoration:underline}.checkinlog-content{display:flex;flex-direction:column;gap:8px}.checkinlog-content .checkin-log{font-size:14px;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px}.checkinlog-content .checkin-detail{display:flex;flex:1;overflow:hidden}.checkinlog-content .employee-meta{display:flex;flex-direction:column}.checkinlog-content .employee-name{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.checkinlog-content .employee-code{font-size:11px}.checkinlog-content .checkin-time{margin-left:auto;display:flex;align-items:center;gap:6px}.checkinlog-content .checkin-worklocation{font-size:20px;width:30px;height:30px;background-color:#ccc;display:flex;align-items:center;justify-content:center;border-radius:50%}.checkinlog-content .checkin-worklocation img{width:20px}.drawercheckinlog-content{display:flex;flex-direction:column;gap:8px;height:75vh;padding-bottom:8vh;overflow-x:scroll}.drawercheckinlog-content .checkin-log{font-size:14px;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px}.drawercheckinlog-content .checkin-worklocation{font-size:20px;width:30px;height:30px;background-color:#ccc;display:flex;align-items:center;justify-content:center;border-radius:50%}.drawercheckinlog-content .checkin-worklocation img{width:20px}.drawer-content{overflow-y:auto}.drawer-scroll-container{max-height:78vh!important;overflow-y:auto;padding:1rem}.loading{text-align:center;margin-top:10px;color:#888}.drawercheckinlog-pagination{margin-top:20px;position:absolute;bottom:0;right:0;background-color:#fff;width:100%;padding:10px;justify-content:flex-end}.ant-drawer-body{overflow:hidden!important}.end-message{text-align:center;margin-top:10px;font-size:13px;color:#aaa}.users-container{padding:20px}.users-container .addlist-content{display:flex;padding:20px;justify-content:space-between;font-size:16px}.mandatory-validation{color:red;padding-right:3px}.employee-analytics{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:0 20px 12px}.metric-card{background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between}.metric-label{color:#666;font-size:12px}.metric-value{font-weight:700;font-size:18px;color:#333}.employee-tabs{padding:0 20px 8px}.employee-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:0 20px 20px}.employee-card{background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:14px}.employee-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.avatar-circle{width:40px;height:40px;border-radius:50%;background:#f6c24333;color:#333;display:flex;align-items:center;justify-content:center;font-weight:700}.employee-ident{display:flex;flex-direction:column;gap:2px;flex:1}.employee-name{font-weight:600}.employee-role{font-size:12px;color:#666}.employee-actions{display:flex;gap:8px}.icon-button{border:0;background:transparent;padding:6px;border-radius:6px;cursor:pointer}.icon-button:hover{background:#0000000f}.employee-tags{display:flex;gap:8px;margin:10px 0}.pill-tag{padding:2px 8px;border-radius:999px;background:#f6c24333;color:#444;font-size:12px}.pill-tag.alt{background:#0000000d}.employee-meta{display:flex;flex-direction:column;gap:6px}.meta-row{display:flex;justify-content:space-between;font-size:13px}.employee-status{margin-top:10px}.status-btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;padding:6px 10px;cursor:pointer}.status-btn.active{background:#e8f5e9;color:#2e7d32}.status-btn.inactive{background:#ffebee;color:#c62828}.employee-assets-indicators{display:flex;gap:8px;margin:6px 0}.asset-indicator{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af}.asset-indicator.on{background:#e8f5e9;color:#2e7d32}.employee-pagination{display:flex;justify-content:flex-end;padding:10px 20px 20px}.ant-pagination-options-size-changer{display:none!important}.hidden{visibility:hidden;cursor:unset!important}.employee-header{display:flex;padding:30px;gap:15px;align-items:center}.employee-header .back-btn{padding:8px;background-color:#ccc;cursor:pointer;border-radius:50%;font-size:18px;height:34px!important}.add-employee-container{margin:0 30px;padding:20px;border:1px solid #ccc;border-radius:10px}.add-employee-container .add-employee{width:100%;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.add-employee-container .add-employee .addedit-employee-form{width:49%}.primary button{background-color:#f6c243;border-radius:6px;border:1px solid #F6C243;box-shadow:unset}.primary button span{color:#000}.primary button:hover{background-color:#f4c758f0!important;border:1px solid rgba(244,199,88,.9411764706)!important}.primary button:disabled span{color:#ccc}.regularize-tabs{margin:0 20px 8px}.regularize-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:8px 20px 24px}.regularize-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:16px;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s ease,transform .2s ease}.regularize-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-1px)}.regularize-card-header{display:flex;flex-direction:column;gap:8px}.req-ident{display:flex;justify-content:space-between;align-items:center}.req-title{display:flex;align-items:center;gap:8px}.req-title .name{font-weight:600}.req-title .code{color:#666;font-size:12px}.req-sub{display:flex;gap:12px;align-items:center}.req-reason{margin:10px 0;color:#333;font-size:13px;line-height:1.45}.req-times{display:flex;flex-direction:column;gap:8px;margin-top:4px}.req-actions{display:flex;gap:10px;margin-top:12px}.regularize-pagination{display:flex;justify-content:flex-end;padding:10px 20px 24px}.worklocation-tabs{margin:0 20px 8px}.worklocation-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:8px 20px 24px}.worklocation-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:16px;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s ease,transform .2s ease}.worklocation-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-1px)}.worklocation-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.worklocation-card .title{display:flex;align-items:center;gap:8px}.worklocation-card .title .name{font-weight:600}.worklocation-card .title .code{color:#666;font-size:12px}.worklocation-pagination{display:flex;justify-content:flex-end;padding:10px 20px 24px}scriptStart{display:flex;justify-content:space-between;align-items:self-end}scriptStart.selected-container{margin-top:20px;background-color:transparent;border:0px;align-items:center}scriptStart .scriptTitle{display:flex;gap:10px;align-items:baseline}scriptStart .scriptTitle h1{font-size:25px}scriptStart .exportbtn{margin-bottom:10px}.reportsContainer{padding:20px}.no-data{display:flex;justify-content:center;align-items:center;font-size:18px;padding:300px 0}.scriptDevlop{display:flex;justify-content:space-between;padding:30px 0 25px}.scriptDevlop .scriptTail{display:flex;align-items:baseline}.scriptDevlop .scriptTail .scriptMain{display:flex;margin-top:10px;gap:5px}.scriptDevlop .scriptTail .scriptMain span{font-size:14px;color:gray}.scriptDevlop .scriptTail .scriptMain h2{font-size:16px;margin:0}.reportsOutlet{display:flex;gap:10px;margin-top:20px;align-items:baseline}.reportsOutlet .reportsoutletWrap{display:flex;align-items:center;gap:5px}.reportsOutlet .rangeBtn{display:flex;gap:20px}.performanceSource{width:100%;padding:0 20px;gap:20px;display:flex;justify-content:space-around}.performanceSource .performancecontainer{border:1px solid rgba(246,194,67,.5411764706);background-color:#f6c24305;width:22%;display:flex;flex-direction:column;border-radius:8px;padding:25px 0}.performanceSource .performancecontainer .performanceBlog{display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:600;letter-spacing:.8px}.performanceSource .performancecontainer .performanceValue{display:flex;width:100%;font-weight:500;padding-top:15px}.performanceSource .performancecontainer .performanceValue .value{font-size:20px;font-weight:500;padding-bottom:5px}.performanceSource .performancecontainer .performanceValue .label{font-size:14px}.performanceSource .performancecontainer .performanceValue .performanceValue-left{width:50%;display:flex;flex-direction:column;align-items:center;border-right:1px solid #ccc}.performanceSource .performancecontainer .performanceValue .performanceValue-right{width:50%;display:flex;flex-direction:column;align-items:center}.chartSource{margin-top:50px;border:1px solid rgb(218,223,238);width:100%;min-height:600px;padding:10px}.chartSource .miniChartSelect .switchWrap{height:50px;display:flex;justify-content:space-between;border-bottom:1px solid #e2e2e2}.chartSource .miniChartSelect .switchWrap .switchRole{margin-bottom:10px}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-list{padding-left:5px;display:flex;justify-content:space-between}.ant-tabs>.ant-tabs-nav{margin:0}.ant-tabs-top>.ant-tabs-nav:before{border-bottom:0px}.ant-spin{display:flex;justify-content:center;padding-top:100px}.ant-tabs .ant-tabs-tab-btn{font-weight:600;font-size:16px;font-style:normal}.ant-radio-button-wrapper-checked:active{color:#f8cc5f!important;border-color:#f8cc5f!important}.ant-radio-button-wrapper:hover{color:#000!important}:where(.css-dev-only-do-not-override-18afz5u).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){border-color:#f8cc5f!important;color:#f8cc5f!important}:where(.css-dev-only-do-not-override-18afz5u).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):before{background-color:#f8cc5f!important}.reportTable .ant-table-thead>tr>th{background-color:#f2f1f1!important}.table-card{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 1px 2px #0000000a;padding:12px}.table-card .ant-table{background:transparent}.table-card .ant-table-thead>tr>th{background:#fafafa}.table-card .ant-table-pagination{margin:16px 0 0}.leaves-tabs{margin:0 20px 8px}.leaves-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:8px 20px 24px}.leaves-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:16px;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s ease,transform .2s ease}.leaves-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-1px)}.leaves-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.leaves-card .title{display:flex;align-items:center;gap:8px}.leaves-card .title .name{font-weight:600}.leaves-card .title .code{color:#666;font-size:12px}.card-meta{display:flex;gap:12px;align-items:center;margin-bottom:8px}.times{display:flex;flex-direction:column;gap:6px}.time-row{display:flex;justify-content:space-between;font-size:13px}.meta-label{color:#666}.meta-value{font-weight:600}.card-actions{display:flex;gap:10px;margin-top:12px}.reject-reason{margin-top:10px;color:#c62828;font-size:12px}.leaves-pagination{display:flex;justify-content:flex-end;padding:10px 20px 24px}.regularize-list-header{padding:20px;font-size:24px}.points-container{padding:20px}.points-container .points-header{display:flex;align-items:center;padding:20px;justify-content:space-between}.points-container .points-header .points-title{font-size:24px}.points-container .points-header .add-points-button{border:1px solid #ccc;border-radius:8px;padding:10px}.points-container .points-header .add-points-button:hover{cursor:pointer}.points-container .pointscount-container{display:flex;gap:30px;padding:10px 0 20px}.points-container .pointscount-container .points-content{border:1px solid rgba(246,194,67,.5411764706);background-color:#f6c24305;border-radius:10px;padding:20px;text-align:center;display:flex;flex-direction:column;gap:10px}.points-container .pointscount-container .points-content h3{font-size:16px;font-weight:600;letter-spacing:.8px}.points-container .pointscount-container .points-content .points-content-value{font-size:18px}.lossofpay-container{padding:20px}.lossofpay-container .lossofpay-header{padding:20px;font-size:24px}.projects-container{padding:20px}.projects-container .projects-header{padding:20px;font-size:24px}.reimbursement-tabs{margin:0 20px 8px}.reimbursement-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:8px 20px 24px}.reimbursement-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:16px;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s ease,transform .2s ease}.reimbursement-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-1px)}.reimbursement-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.reimbursement-card .title{display:flex;align-items:center;gap:8px}.reimbursement-card .title .name{font-weight:600}.reimbursement-card .title .code{color:#666;font-size:12px}.status-chip{padding:3px 10px;border-radius:999px;font-size:12px}.status-chip.approved{background:#e8f5e9;color:#2e7d32}.status-chip.pending{background:#fff8e1;color:#b26a00}.status-chip.rejected{background:#ffebee;color:#c62828}.card-meta{display:flex;gap:10px;margin-bottom:8px}.chip{padding:2px 10px;border-radius:999px;background:#f6c24333;color:#444;font-size:12px}.chip.alt{background:#0000000d}.card-notes{color:#333;font-size:13px;margin-bottom:10px}.card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.icon-btn{border:0;background:transparent;padding:6px;border-radius:6px;cursor:pointer}.credentials-view-modal .ant-modal-body{overflow-x:hidden}.credentials-view-modal .copy-field .value{overflow-wrap:anywhere;word-break:break-word}.viewDetailButton{width:20px;height:10px}.viewDetailButton:hover{cursor:pointer}.credentials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:0 20px 20px}.credential-card{border:1px solid #eaeaea;border-radius:12px;padding:14px;background:#fff}.card-header{display:flex;align-items:center;justify-content:space-between}.card-title{font-weight:600;font-size:16px}.card-actions{display:flex;gap:8px}.icon-btn{background:transparent;border:0;padding:6px;border-radius:6px;cursor:pointer}.icon-btn:hover{background:#0000000f}.card-meta{display:flex;align-items:center;gap:10px;margin:8px 0 6px}.chip{padding:2px 8px;border-radius:999px;background:#f6c24333;color:#444;font-size:12px}.muted{color:#888;font-size:12px}.card-notes{color:#333;font-size:13px}.credentials-pagination{display:flex;justify-content:flex-end;padding:10px 20px 20px}.ant-carousel .slick-prev:after,.ant-carousel .slick-next:after{position:static;display:inline-block;width:11.313708499px;height:11.313708499px;border:0 solid currentcolor;border-inline-start-width:2px;border-block-start-width:2px;border-radius:1px}.ant-carousel .slick-dots{position:absolute;inset-inline-end:0;bottom:0;inset-inline-start:0;z-index:15;display:flex!important;justify-content:center;padding-inline-start:0;margin:0;list-style:none}.ant-carousel .slick-dots{color:"red";position:absolute;inset-inline-end:0;bottom:0;inset-inline-start:0;z-index:15;display:flex!important;justify-content:center;padding-inline-start:0;margin:0;list-style:none}.ant-carousel .slick-dots li button{position:relative;display:block;width:100%;height:3px;padding:0;color:transparent;font-size:0;background:#000;border:0;border-radius:3px;outline:none;cursor:pointer;opacity:.2;transition:all .3s;overflow:hidden}.leaves-container{padding:20px}.leaves-container .leaves-header{display:flex;justify-content:space-between;padding:20px}.leaves-container .leaves-header h2{font-size:24px}.assets-filters{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px;margin:8px 0 12px}.assets-filters .filter-item :where(.ant-select-selector,.ant-input){border-radius:10px}@media (max-width: 800px){.assets-filters{grid-template-columns:1fr}}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.asset-card{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 1px 2px #0000000a;display:flex;flex-direction:column}.asset-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 0}.asset-title{font-weight:600;font-size:15px;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-status{font-size:12px;padding:4px 8px;border-radius:999px;background:#f5f5f5}.asset-status.allocated{background:#ecfdf5;color:#065f46}.asset-status.available{background:#eff6ff;color:#1e40af}.asset-status.in-repair{background:#fff7ed;color:#9a3412}.asset-card-body{padding:12px;display:grid;gap:6px}.asset-card-body .row{display:flex;justify-content:space-between;gap:8px}.asset-card-body .label{color:#666;font-size:12px}.asset-card-body .value{font-weight:600;font-size:13px;text-align:right}.asset-card-footer{padding:12px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}.view-btn{border:1px solid #eee;background:#fafafa;padding:6px 10px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.assets-pagination{display:flex;justify-content:flex-end;margin-top:16px}.ant-carousel .slick-prev,.ant-carousel .slick-next{width:40px;height:40px;background:#0a000080;border-radius:50%;z-index:10;display:flex;align-items:center;justify-content:center}.ant-carousel .slick-prev:before,.ant-carousel .slick-next:before{color:#fff!important;font-size:18px;line-height:1;opacity:1!important}.ant-carousel .slick-prev:after,.ant-carousel .slick-next:after{position:static;top:2.3431457505px;inset-inline-start:2.3431457505px;display:inline-block;width:11.313708499px;height:11.313708499px;border:0 solid currentcolor;border-inline-start-width:2px;border-block-start-width:2px;border-radius:1px}.update-asset-upload .ant-upload{width:104px;height:104px;border:1px dashed #d9d9d9;border-radius:8px;background-color:#fafafa;transition:all .3s ease;cursor:pointer}.update-asset-upload .ant-upload:hover{border-color:#1890ff;background-color:#f0f8ff}.update-asset-upload .ant-upload:has(.disabled){cursor:not-allowed;opacity:.7}.update-asset-upload .ant-upload:has(.disabled):hover{border-color:#d9d9d9;background-color:#fafafa}.update-asset-upload .ant-upload .upload-button-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:8px;cursor:pointer}.update-asset-upload .ant-upload .upload-button-container.disabled{cursor:not-allowed}.update-asset-upload .ant-upload .upload-button{width:100%;height:100%;border:none;background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;cursor:pointer}.update-asset-upload .ant-upload .upload-button:hover,.update-asset-upload .ant-upload .upload-button:focus{background:transparent;border:none;box-shadow:none}.update-asset-upload .ant-upload .upload-button.disabled{cursor:not-allowed;opacity:.6}.update-asset-upload .ant-upload .upload-button.disabled:hover,.update-asset-upload .ant-upload .upload-button.disabled:focus{background:transparent;border:none;box-shadow:none}.update-asset-upload .ant-upload .upload-button.disabled .anticon,.update-asset-upload .ant-upload .upload-button.disabled .upload-text{color:#bfbfbf}.update-asset-upload .ant-upload .upload-button .anticon{font-size:16px;color:#8c8c8c;margin:0;transition:color .3s ease}.update-asset-upload .ant-upload .upload-button .upload-text{font-size:11px;color:#8c8c8c;text-align:center;line-height:1.2;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;transition:color .3s ease}.update-asset-upload .ant-upload .ant-upload-list-picture-card-container{width:104px;height:104px;margin:0 8px 8px 0}.update-asset-upload .ant-upload .ant-upload-list-picture-card .ant-upload-list-item{border-radius:8px;width:104px;height:104px}.update-asset-upload .ant-upload .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{object-fit:cover;border-radius:6px}@media (max-width: 768px){.update-asset-upload .ant-upload .ant-upload,.update-asset-upload .ant-upload .ant-upload-list-picture-card-container,.update-asset-upload .ant-upload .ant-upload-list-picture-card .ant-upload-list-item{width:90px;height:90px}.update-asset-upload .ant-upload .upload-button .upload-text{font-size:10px}.update-asset-upload .ant-upload .upload-button .anticon{font-size:14px}}@media (max-width: 480px){.update-asset-upload .ant-upload .ant-upload,.update-asset-upload .ant-upload .ant-upload-list-picture-card-container,.update-asset-upload .ant-upload .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px}.update-asset-upload .ant-upload .upload-button .upload-text{font-size:9px}.update-asset-upload .ant-upload .upload-button .anticon{font-size:12px}}.update-asset-upload .ant-carousel .slick-dots{color:"red";position:absolute;inset-inline-end:0;bottom:0;inset-inline-start:0;z-index:15;display:flex!important;justify-content:center;padding-inline-start:0;margin:0;list-style:none}.update-asset-upload .ant-carousel .slick-dots li button{position:relative;display:block;width:100%;height:3px;padding:0;color:transparent;font-size:0;background:#000;border:0;border-radius:3px;outline:none;cursor:pointer;opacity:.2;transition:all .3s;overflow:hidden}.ant-layout{background:#fff}.ant-layout-sider{background-color:#fff!important;transition:width .3s ease!important}.ant-layout-sider .ant-menu-dark{background-color:#fff!important}.ant-layout-sider .ant-layout-sider-trigger{background-color:#f6c243d1!important}.ant-layout-sider .ant-layout-sider-trigger .sider-dual-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;height:100%;color:#464646}.ant-layout-sider .ant-layout-sider-trigger .sider-dual-trigger .sider-trigger-btn,.ant-layout-sider .ant-layout-sider-trigger .sider-dual-trigger .sider-logout-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;outline:0;color:#464646;cursor:pointer;padding:6px 8px;border-radius:6px;transition:background .2s ease}.ant-layout-sider .ant-layout-sider-trigger .sider-dual-trigger .sider-trigger-btn:hover,.ant-layout-sider .ant-layout-sider-trigger .sider-dual-trigger .sider-logout-btn:hover{background:#0000000f}.ant-layout-sider .ant-layout-sider-trigger .sider-dual-trigger.collapsed .logout-label{display:none}.ant-layout-sider .ant-menu-submenu-title{color:#464646!important;transition:all .2s ease;border-radius:8px;padding:10px 36px 10px 12px!important;height:40px;display:flex;align-items:center;gap:10px;position:relative}.ant-layout-sider .ant-menu-inline{background:none!important}.ant-layout-sider .ant-menu-item{color:#464646;transition:all .2s ease;border-radius:10px;height:44px;line-height:44px;margin:6px 0;padding:0 12px!important;display:flex;align-items:center;gap:10px}.ant-layout-sider .ant-menu-item:hover{background-color:#0000000a!important;color:#464646!important}.ant-layout-sider .ant-menu-item:hover .anticon{background:#0000000a}.ant-layout-sider .ant-menu-item-selected{background-color:#f6c243d1!important;color:#464646}.ant-layout-sider .ant-menu-item-selected .anticon{background:#0000000a}.ant-layout-sider .ant-menu-item-selected:hover{color:#464646!important}.ant-layout-sider .anticon{color:#464646}.ant-layout-sider .ant-menu{padding:8px 8px 12px;transition:all .2s ease}.ant-layout-sider .ant-menu-submenu .ant-menu-submenu-arrow{transition:transform .2s ease;right:12px;top:50%;transform:translateY(-50%)}.ant-layout-sider .ant-menu-submenu.ant-menu-submenu-open .ant-menu-submenu-arrow{transform:rotate(90deg)}.ant-layout-sider .ant-menu-sub{background:none!important}.ant-layout-sider .ant-menu-sub .ant-menu-item{padding-left:40px!important;margin:4px 0;border-radius:10px}.ant-layout-sider .ant-menu-sub .ant-menu-item:hover{background-color:#0000000a!important}.ant-layout-sider .ant-menu-sub .ant-menu-item.ant-menu-item-selected{background-color:#f6c243d1!important}.ant-layout-sider .ant-menu-item .anticon,.ant-layout-sider .ant-menu-submenu-title .anticon{font-size:18px;min-width:24px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border-radius:6px;transition:background-color .2s ease,color .2s ease;flex-shrink:0}.ant-layout-sider .ant-layout-sider-children{border-right:1px solid #ccc;transition:width .3s ease;display:flex;flex-direction:column}@media screen and (max-width: 600px){.ant-layout-sider .ant-layout-sider-children{position:fixed;width:100%;height:100vh;background:#fff;z-index:999}}.ant-layout-sider .ant-menu-root{flex:1}.ant-layout-sider .ant-menu-title-content{font-weight:600;font-size:14px;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ant-layout-sider .anticon-logout{padding-right:8px}.ant-layout-sider .logo{padding:24px 0 12px;display:flex;justify-content:center;align-items:center;transition:all .3s ease}@media screen and (max-width: 600px){.ant-layout-sider .logo{padding:16px!important;justify-content:space-between!important;align-items:center}}.ant-layout-sider .logo img{width:120px;transition:width .3s ease}@media screen and (max-width: 600px){.ant-layout-sider .logo img{width:90px!important}}.ant-layout-sider .logoutbtn{font-size:16px;font-weight:600;margin:0 20px;width:max-content}@media screen and (max-width: 600px){.ant-layout-sider .logoutbtn{margin:-100 0px 20px!important}}.close-header{display:none}@media screen and (max-width: 600px){.close-header{font-size:25px;display:block}}.main-layout-container{border-radius:8px;background-color:#fff;height:calc(100vh + -0px);overflow:scroll}@media screen and (max-width: 768px){.main-layout-container{border-radius:0}}@media screen and (max-width: 768px){.main-layout-container.has-global-toggle{padding-top:48px}}.mobile-menu-toggle{position:fixed;top:14px;left:14px;z-index:1100;display:none;border:0;border-radius:10px;padding:8px 10px;background:#f6c243d1;color:#464646;box-shadow:0 2px 8px #0000001a;cursor:pointer}@media screen and (max-width: 768px){.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center}}.ant-menu-submenu-title{padding-right:36px!important}.ant-menu-submenu .ant-menu-submenu-arrow{right:12px}.preloader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:9999}.preloader-content{position:relative;width:180px;height:180px}.preloader-logo-wrap{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:120px;height:60px}.preloader-logo{position:absolute;top:50%;left:50%;width:100%;height:auto;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;pointer-events:none}.preloader-o{--o-size: 12px;--o-y: 50%;position:absolute;top:var(--o-y);width:var(--o-size);height:var(--o-size);margin-top:calc(var(--o-size) * -.5);border-radius:50%;box-shadow:inset 0 0 0 2px #f6c243;background:transparent;transform:translate(-50%,-50%);animation:o-pulse 1.2s ease-in-out infinite}.o1{left:var(--o1-x, 28%);animation-delay:0s}.o2{left:var(--o2-x, 41%);animation-delay:.15s}.o3{left:var(--o3-x, 76%);animation-delay:.3s}@keyframes o-pulse{0%,to{box-shadow:inset 0 0 0 2px #f6c243;transform:translate(-50%,-50%) scale(1);opacity:.95}50%{box-shadow:inset 0 0 0 4px #f6c24366;transform:translate(-50%,-50%) scale(1.18);opacity:.7}}.preloader-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.preloader-ring--outer{border:6px solid rgba(246,194,67,.2);border-top-color:#f6c243;animation:preloader-spin 1.1s linear infinite}.preloader-ring--inner{top:18px;right:18px;bottom:18px;left:18px;border:6px solid rgba(246,194,67,.18);border-right-color:#f6c243;animation:preloader-spin-reverse .9s linear infinite}.preloader-orbit{position:absolute;top:0;right:0;bottom:0;left:0;display:block;animation:preloader-spin 3.2s linear infinite}.preloader-orbit-dot{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#f6c243;box-shadow:0 0 0 2px #f6c24326;transform-origin:0 0;animation:preloader-pulse 1.6s ease-in-out infinite}.dot-1{transform:rotate(0) translate(70px);animation-delay:0s}.dot-2{transform:rotate(45deg) translate(70px);animation-delay:.1s}.dot-3{transform:rotate(90deg) translate(70px);animation-delay:.2s}.dot-4{transform:rotate(135deg) translate(70px);animation-delay:.3s}.dot-5{transform:rotate(180deg) translate(70px);animation-delay:.4s}.dot-6{transform:rotate(225deg) translate(70px);animation-delay:.5s}.dot-7{transform:rotate(270deg) translate(70px);animation-delay:.6s}.dot-8{transform:rotate(315deg) translate(70px);animation-delay:.7s}@keyframes preloader-spin{to{transform:rotate(360deg)}}@keyframes preloader-spin-reverse{to{transform:rotate(-360deg)}}@keyframes preloader-pulse{0%,to{opacity:.9;box-shadow:0 0 0 2px #f6c24326}50%{opacity:.6;box-shadow:0 0 0 4px #f6c2431a}}@media (max-width: 576px){.preloader-content{width:140px;height:140px}.preloader-ring--inner{top:14px;right:14px;bottom:14px;left:14px}.preloader-orbit-dot{width:8px;height:8px;margin:-4px 0 0 -4px}.preloader-logo-wrap{width:100px;height:50px}.preloader-o{--o-size: 10px}}.preloader-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:text!important;user-select:text!important}:root{font-family:Plus Jakarta Sans,sans-serif;-webkit-user-select:text!important;user-select:text!important}.page-center{width:100%;margin:0 auto}.ant-pagination-item-active{border-color:#f6c243!important}.ant-pagination-item-active a{color:#f6c243!important}
