@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";html,body,#root{width:100%;min-height:100vh}body{color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fb;font-family:Inter,sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:#0f172a;background:#f4f7fb}.login-container{width:100%;min-height:100vh;display:flex;overflow:hidden}.left-section{background:linear-gradient(135deg,#1f3f95 0%,#3154b8 100%);flex:1;justify-content:center;align-items:center;padding:80px;display:flex}.branding-content{color:#fff;flex-direction:column;justify-content:center;width:fit-content;display:flex}.branding-content h1{color:#fff;margin-bottom:14px;font-size:58px;font-weight:700;line-height:1.05}.branding-content p{color:#ffffffe6;font-size:18px;font-weight:400;line-height:1.45}.right-section{background:#f7f8fb;flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.login-form{background:#fff;border:1px solid #edf2f7;border-radius:20px;width:100%;max-width:430px;padding:42px 40px;transition:all .2s;box-shadow:0 10px 30px #0f172a0f}.login-form h2{text-align:center;color:#1f3f95;margin-bottom:42px;font-size:42px;font-weight:700}.login-form .input-group{margin-bottom:22px}.login-form .input-group label{letter-spacing:.02em;color:#475569;text-transform:uppercase;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.login-form .input-group input{color:#111827;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;height:48px;padding:0 16px;font-size:15px;transition:all .2s}.login-form .input-group input::placeholder{color:#9ca3af}.login-form .input-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2948a814}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:46px}.password-input-wrapper input[type=password]::-ms-reveal{display:none}.password-input-wrapper input[type=password]::-ms-clear{display:none}.password-input-wrapper input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;width:0;height:0;margin:0;position:absolute;right:0;display:none!important}.password-input-wrapper input::-webkit-strong-password-auto-fill-button{visibility:hidden;pointer-events:none;width:0;height:0;margin:0;position:absolute;right:0;display:none!important}.password-toggle{cursor:pointer;color:#64748b;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%);box-shadow:none!important}.password-toggle:hover{background:0 0}.password-toggle svg{font-size:18px}.form-options{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.remember-me{color:#475569;cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.remember-me input{accent-color:#2948a8;cursor:pointer;width:16px;height:16px}.forgot-password{color:#2948a8;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.forgot-password:hover{opacity:.8}.login-form>button{color:#fff;cursor:pointer;background:#2948a8;border:none;border-radius:12px;width:100%;height:54px;font-size:17px;font-weight:600;transition:all .2s;box-shadow:0 8px 18px #2948a82e}.login-form>button:hover{background:#1f3f95;transform:translateY(-1px)}.error{color:#ef4444;margin-bottom:20px;font-size:14px}.mobile-branding{display:none}@media (width<=1200px){.branding-content h1{font-size:62px}.branding-content p{font-size:24px}.login-form h2{font-size:48px}}@media (width<=992px){.login-container{flex-direction:column}.left-section{min-height:38vh;padding:50px 30px}.branding-content{text-align:center}.branding-content h1{font-size:52px}.branding-content p{font-size:22px}.right-section{padding:32px 20px}.login-form{max-width:520px}}@media (width<=768px){.mobile-branding{display:flex}.login-container{flex-direction:column;min-height:100vh;display:flex}.left-section{display:none}.right-section{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.mobile-branding{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.mobile-branding h1{color:#1f3f95;margin-bottom:8px;font-size:32px;font-weight:700}.mobile-branding p{color:#64748b;font-size:15px}.login-form{width:100%;max-width:420px;padding:32px 24px}}@media (width<=480px){.left-section{min-height:28vh}.branding-content h1{font-size:34px}.branding-content p{font-size:16px}.login-form{border-radius:18px;padding:28px 20px}.login-form h2{font-size:32px}.form-options{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.remember-me input{margin-top:-1px}.remember-me,.forgot-password{font-size:13px}.login-form .input-group input{height:48px;font-size:14px}.login-form>button{height:48px;font-size:16px}.password-toggle svg{font-size:16px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--secondary:#365b9d;--secondary-hover:#2f4f8a;--bg-page:#f8fafc;--bg-card:#fff;--bg-soft:#eff6ff;--text-primary:#0f172a;--text-secondary:#64748b}html,body,button,input,textarea,select,h1,h2,h3,h4,h5,h6,p,span,a,label{font-family:Inter,sans-serif}body{color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fb}button,.act-form-field>span,.act-form-section-title,.act-modal-header h2,.pagination-info,.pagination-text,.attendance-card,.attendance-month-summary,.attendance-table-section,.leaves-stats,.act-leave-card,.leaves-table td,.approval-table td,.leave-status-text,.footer-label,.footer-value,.status-label,.status-value,.attendance-date,.attendance-time,.attendance-current-status,.attendance-month-label,.menu-item,.menu-parent span,.submenu-item,.act-card h3,.act-card p,.act-leave-card-content,.role-pagination{-webkit-user-select:none;user-select:none;cursor:default}.act-table-wrapper:has(.leaves-table){-webkit-user-select:none;user-select:none;cursor:default}.act-table-wrapper:has(.approval-table){-webkit-user-select:none;user-select:none;cursor:default}button,.menu-item,.check-btn,.act-new-btn,.act-submit-btn,.act-cancel-btn,.pagination-btn,.attendance-action-btn,.leave-table-action-btn,.approval-action-btn,.attendance-month-btn,.edit-btn,.act-modal-close,.halfday-radio{cursor:pointer;-webkit-user-select:none;user-select:none}input:not([type=checkbox]):not([type=radio]):not([readonly]):not(:disabled),textarea:not([readonly]):not(:disabled),.act-search:not([readonly]):not(:disabled){-webkit-user-select:text;user-select:text;cursor:text}input[readonly],input:disabled,textarea:disabled,.regularization-date-readonly{-webkit-user-select:none;user-select:none;cursor:default}.act-form-field input,.act-form-field textarea,.act-form-field select,.act-search{width:100%;height:40px;color:var(--text-primary);border:1px solid #dbe3ee;border-radius:10px;outline:none;padding:0 14px;font-size:14px;font-weight:500;transition:all .3s}.act-search:focus,.act-form-field input:focus,.act-form-field textarea:focus,.act-form-field select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2948a814}.act-new-btn,.act-submit-btn,.act-cancel-btn{cursor:pointer;border:none;border-radius:10px;height:40px;padding:0 16px;font-size:16px;transition:all .3s}.act-new-btn,.act-submit-btn{background:var(--primary);color:#fff}.act-new-btn:hover,.act-submit-btn:hover{background:var(--primary-hover)}.act-cancel-btn{background:#dcdcdc}.act-page{padding:0}.act-page-header{justify-content:flex-start;align-items:center;margin-bottom:20px;display:flex}.act-title{color:#1e3c72;font-size:40px}.act-breadcrumb{color:#666;margin-bottom:10px}.act-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.act-search{width:280px;max-width:100%}.act-search-wrapper{flex:1;width:100%;max-width:280px;position:relative}.act-search-icon{color:#94a3b8;font-size:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.act-search{width:100%;padding-left:40px}.act-table-wrapper{background:#fff;border-radius:16px;flex-direction:column;min-height:400px;display:flex;overflow-x:auto;box-shadow:0 4px 15px #00000014}.act-table-wrapper>.act-table{flex:none}.act-table-wrapper>.role-pagination{flex-shrink:0;margin-top:auto}.act-table td.act-empty{text-align:center;vertical-align:middle;color:#64748b;padding:48px 16px;font-size:14px;font-weight:500}.act-table tbody tr:only-child td.act-empty{box-sizing:border-box;min-height:320px}.act-table{border-collapse:collapse;width:100%}.act-table tbody tr:nth-child(2n){background:#fbfdff}.act-table th{color:#fff;text-align:left;background:linear-gradient(#3f67ad 0%,#365b9d 100%);padding:14px 16px}.act-table td{border-bottom:1px solid #eee;padding:12px 16px;font-size:15px}.act-table tr:hover{background:#f9fbff}.act-table td,.act-table th{vertical-align:middle}.act-table th.table-action-col,.act-table td.table-action-col{text-align:center;white-space:nowrap;width:1%}.table-action-group,.role-table-actions,.policy-table-actions,.approval-action-group,.attendance-action-cell,.reg-action-group{justify-content:center;align-items:center;gap:10px;display:inline-flex}.table-action-btn,.role-action-btn,.leave-table-action-btn,.attendance-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;line-height:1;transition:background-color .2s,color .2s;display:inline-flex}.table-action-btn:hover:not(:disabled),.role-action-btn:hover:not(:disabled),.leave-table-action-btn:hover:not(:disabled),.attendance-action-btn:hover:not(:disabled){color:var(--secondary);background:#eff6ff}.table-action-btn:disabled,.role-action-btn:disabled,.leave-table-action-btn:disabled,.attendance-action-btn:disabled{opacity:.35;cursor:not-allowed}.table-action-btn:disabled:hover,.role-action-btn:disabled:hover,.leave-table-action-btn:disabled:hover,.attendance-action-btn:disabled:hover{color:#64748b;background:0 0}.role-status{border-radius:30px;justify-content:center;align-items:center;min-width:92px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.role-status-active{color:#1a7f37;background:#d4f5dd}.role-status-inactive{color:#d93025;background:#ffe0e0}.act-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-sm{max-width:480px}.modal-md{max-width:680px}.modal-lg{max-width:980px}.act-modal{background:#fff;border-radius:20px;flex-direction:column;width:92%;max-width:680px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0f172a2e}.act-modal-form{flex:1;min-height:0;padding:24px;overflow-y:auto}.act-modal-form::-webkit-scrollbar{width:6px}.act-modal-form::-webkit-scrollbar-track{background:0 0}.act-modal-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.act-modal-form::-webkit-scrollbar-thumb:hover{background:#94a3b8}.act-modal-form{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.act-modal-header{background:#fcfdff;border-bottom:1px solid #eef2f7;border-top-left-radius:20px;border-top-right-radius:20px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex;position:relative}.act-modal-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:600;line-height:1.25}.act-modal-close{color:#0000;cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px 16px;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin:0 0 0 auto;padding:0;font-size:0;line-height:0;transition:background-color .2s,background-image .2s;display:inline-flex}.act-modal-close:hover{color:#0000;background-color:#f1f5f9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E")}.act-form-field-half{max-width:calc(50% - 10px)}.act-form-row{align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.act-form-field{flex-direction:column;flex:1;min-width:0;display:flex}.act-field-label,.act-form-field>span,.role-view-label,.role-activities-title{color:#334155;font-size:14px;font-weight:600;line-height:1.4}.act-form-field>span,.role-activities-title{margin-bottom:8px}.role-activities-title{margin-top:0;display:block}.act-form-section-title{color:#0f172a;margin-bottom:18px;font-size:16px;font-weight:700}.regularization-date-readonly,.approval-detail-readonly{color:#334155;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none;background:#f1f5f9!important}.reg-modal-form{flex-direction:column;padding:20px 24px 16px;display:flex}.reg-modal-body{flex-direction:column;gap:16px;display:flex}.reg-modal-section{flex-direction:column;display:flex}.reg-modal-body .act-form-field>span{margin-bottom:6px}.reg-modal-body .reg-summary-field>span{color:#475569;font-size:13px;font-weight:600}.reg-modal-body .reg-summary-field input{height:40px;padding:0 12px;font-size:13px}.reg-correction-select{width:100%}.reg-reason-textarea{resize:none;min-height:96px}.reg-readonly-hint{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.reg-eligibility-banner,.reg-status-banner{border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1.5}.reg-eligibility-banner--eligible,.reg-status-banner--eligible{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.reg-eligibility-banner--blocked,.reg-status-banner--blocked{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.reg-status-banner--loading{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1}.reg-readonly-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.reg-time-block{background:#fff}.reg-readonly-label{color:#0f172a;font-size:14px;font-weight:700}.reg-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.reg-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.reg-field-hint{color:#64748b;margin-top:0;font-size:12px;line-height:1.4;display:block}.reg-workflow-note{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.reg-modal .act-modal-actions{padding-top:12px}@media (width<=768px){.reg-summary-grid,.reg-time-grid{grid-template-columns:1fr}}.act-select__control{height:40px;min-height:40px!important;box-shadow:none!important;border:1px solid #dbe3ee!important;border-radius:12px!important;transition:all .2s!important}.act-select__control:hover{border-color:#2563eb!important}.act-select__control--is-focused{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb14!important}.act-select__input-container{color:#0f172a!important;box-shadow:none!important;caret-color:#0000!important;border:none!important;margin:0!important;padding:0!important}.act-select__input input{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.act-select__input input:focus{box-shadow:none!important;border:none!important;outline:none!important}.act-select__value-container{align-items:center!important;height:40px!important;padding:0 12px!important;display:flex!important}.act-form-field input::placeholder,.act-form-field textarea::placeholder,.act-date-picker::placeholder,.act-select__placeholder{color:#94a3b8!important;font-size:14px!important;font-weight:400!important}.act-datepicker-popper{z-index:99999!important}.react-datepicker-popper{z-index:99999!important;padding-top:10px!important}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.act-select__menu{z-index:9999!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 10px 35px #0f172a1f!important}.act-select__option{transition:background .18s,color .18s;cursor:pointer!important;border-radius:10px!important;margin-bottom:4px!important;padding:10px 12px!important;font-size:13px!important;font-weight:500!important}.act-select__option--is-focused{color:#1e293b!important;background:#dbeafe!important}.act-select__option--is-selected{color:#fff!important;background:#2563eb!important;font-weight:500!important}.act-select__option--is-selected:hover{color:#fff!important;background:#1d4ed8!important}.act-select__option--is-disabled{opacity:.7;color:#94a3b8!important;cursor:not-allowed!important;background:#f8fafc!important}.act-select__option--is-focused:active{background:#2563eb!important}.act-select__menu-list{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;max-height:220px!important;padding:8px!important}.act-select__menu-list::-webkit-scrollbar{width:4px}.act-select__menu-list::-webkit-scrollbar-track{background:0 0}.act-select__menu-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.act-select__menu-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.act-form-field input,.act-form-field textarea,.act-date-picker,.act-select__single-value,.act-select__input{color:#0f172a!important;font-size:14px!important;font-weight:500!important}.act-form-field textarea{resize:none;border-radius:12px;min-height:96px;padding:14px;font-size:14px;line-height:1.6;transition:border-color .2s,box-shadow .2s;overflow-y:auto}.act-form-field textarea::placeholder{color:#94a3b8;font-weight:400}.act-form-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.act-date-picker{border:1px solid #dbe3ee;border-radius:12px;outline:none;width:100%;height:44px;padding:0 14px;font-size:14px;transition:all .2s;padding-right:42px!important}.act-date-picker:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.act-date-picker-wrapper{width:100%;position:relative}.act-date-icon{color:#64748b;font-size:18px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.act-date-picker{height:40px}.act-select__indicator-separator{background-color:#e2e8f0!important}.act-select__dropdown-indicator svg{color:#64748b!important}.react-datepicker{border:1px solid #e2e8f0!important;border-radius:18px!important;font-family:Inter,sans-serif!important;font-size:13px!important;overflow:hidden!important;box-shadow:0 20px 40px #0f172a1f!important}.react-datepicker__day-name,.react-datepicker__day{width:32px!important;font-size:13px!important;line-height:32px!important}.react-datepicker__day{transition:background .18s,color .18s;border-radius:10px!important}.react-datepicker__navigation-icon:before{border-width:1.5px 1.5px 0 0!important;width:7px!important;height:7px!important}.react-datepicker__navigation{top:14px!important}.react-datepicker__navigation-icon:before{border-width:1.8px 1.8px 0 0!important;border-color:#94a3b8!important;width:8px!important;height:8px!important;top:0!important}.react-datepicker__header{background:#fff!important;border-bottom:1px solid #eef2f7!important;padding-top:10px!important;padding-bottom:8px!important}.react-datepicker__current-month{color:#0f172a!important;font-size:15px!important;font-weight:700!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{box-shadow:0 4px 10px #2563eb38;color:#fff!important;background:#2563eb!important;border-radius:10px!important;font-weight:600!important}.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected:hover{color:#fff!important;background:#2563eb!important}.react-datepicker__month{margin:8px 10px 10px!important}.react-datepicker__month-container{min-height:285px}.act-select__input-container input{box-shadow:none!important;caret-color:#0000!important;color:#0000!important;background:0 0!important;border:none!important;outline:none!important}.act-select__input-container input:focus{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.act-select__value-container{cursor:pointer}.act-modal-actions{background:#fcfdff;border-top:1px solid #eef2f7;border-bottom-right-radius:20px;border-bottom-left-radius:20px;flex-shrink:0;justify-content:flex-end;gap:12px;padding:14px 24px;display:flex}.edit-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.edit-btn:hover{color:var(--secondary);background:#eff6ff}.act-select__control{min-height:40px!important}.act-select__value-container{scrollbar-width:none;gap:6px;flex-wrap:nowrap!important;align-items:center!important;padding:2px 10px!important;display:flex!important;overflow:auto hidden!important}.act-select__value-container::-webkit-scrollbar{display:none}.act-select__multi-value{flex-shrink:0;min-width:0;max-width:160px;overflow:hidden;background:#e2e8f0!important;border-radius:8px!important;align-items:center!important;display:flex!important}.act-select__multi-value__label{white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:28px;overflow:hidden;color:#334155!important;padding:0 8px!important;font-size:13px!important}.act-select__multi-value__remove{cursor:pointer;flex-shrink:0;width:28px;min-width:28px;height:28px;transition:all .2s;color:#475569!important;justify-content:center!important;align-items:center!important;display:flex!important}.act-select__multi-value__remove:hover{color:#dc2626!important;background:#fecaca!important}.act-select__multi-value__remove svg{width:14px;height:14px}.act-select-more{color:#2563eb;white-space:nowrap;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;height:28px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.act-select__clear-indicator{display:none!important}.act-select__menu-portal{z-index:99999!important}@media (width<=768px){.act-toolbar{flex-direction:column;align-items:stretch}.act-search{width:100%}.act-search-wrapper{max-width:100%}.act-new-btn{width:100%}.page-header h1{font-size:26px}.act-page-header{flex-direction:column;align-items:flex-start;gap:15px}.act-form-row{flex-direction:column}.act-stats{grid-template-columns:1fr}}@media (width<=480px){.act-title{font-size:30px}}.multi-select-box{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;align-items:center;width:100%;min-height:48px;padding:14px;display:flex}.multi-select-dropdown{z-index:1000;background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;max-height:200px;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 4px 10px #0000001a}.multi-select-item{cursor:pointer;align-items:center;gap:6px;padding:8px 12px;display:flex}.multi-select-item:hover{background:#f5f5f5}.activity-wrapper{width:100%;position:relative}.multi-select-item input{flex-shrink:0;margin:0}.multi-select-item span{line-height:1}.role-pagination{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.pagination-info{color:#4b5563;font-size:14px;font-weight:500}.pagination-controls{align-items:center;gap:10px;display:flex}.pagination-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:40px;height:40px;font-size:20px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe}.pagination-btn:disabled{opacity:.55;cursor:not-allowed;background:#f8fafc}.pagination-text{color:#374151;font-size:14px;font-weight:600}.act-form-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 7 3 3 3-3'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;max-height:180px;padding-right:42px}.act-form-field select option{padding:10px;font-size:14px}.act-form-field{position:relative}.role-actions{align-items:center;gap:12px;display:flex}.role-table-actions{justify-content:center;align-items:center;gap:10px;display:inline-flex}.role-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.role-action-btn:hover:not(:disabled){color:var(--secondary);background:#eff6ff}.role-activity-count-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.role-activity-count-link:hover{color:var(--primary-hover)}.role-activity-modal-subtitle{color:#6b7280;margin:0 0 4px;font-size:14px}.role-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;display:grid}.role-view-field{flex-direction:column;gap:8px;min-width:0;display:flex}.role-view-field--full{grid-column:1/-1}.role-view-value{color:#111827;margin:0;font-size:14px;line-height:1.5}.role-view-value-box{color:#334155;word-break:break-word;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;min-height:40px;margin:0;padding:10px 12px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.role-view-value-box--badge{background:0 0;border-color:#0000;min-height:auto;padding-left:0}.role-view-value-box .role-status{min-width:0}.role-view-value-box--list{flex-direction:column;align-items:stretch;gap:0;min-height:44px;padding:0;overflow:hidden}.role-view-activities-empty{color:#64748b;margin:0;padding:10px 12px;font-size:14px;font-weight:400}.role-view-activities-list{scrollbar-width:thin;flex-direction:column;gap:8px;max-height:200px;padding:10px 12px;display:flex;overflow-y:auto}.role-view-activity-row{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:0;padding:9px 12px;font-size:13px;font-weight:500;line-height:1.4}.act-alert-modal{max-width:520px}.act-alert-modal .act-modal-header{padding:10px 16px 10px 20px}.act-alert-modal .act-modal-header h2{font-size:17px}.act-alert-modal .act-modal-form,.act-alert-modal-body{flex:none;padding:14px 20px 16px;overflow:visible}.act-alert-modal .act-modal-actions{padding:10px 16px}.act-alert-message{color:#334155;margin:0;font-size:15px;font-weight:400;line-height:1.5}@media (width<=576px){.role-view-grid{grid-template-columns:1fr}}.role-view-activities{max-height:180px}.role-view-activity-item{cursor:default}.role-view-activity-item:hover{border-color:#e5e7eb}.role-switch{flex-shrink:0;width:40px;height:20px;display:inline-block;position:relative}.role-switch input{opacity:0;width:0;height:0}.role-slider{cursor:pointer;background-color:#cbd5e1;border-radius:20px;transition:all .2s;position:absolute;inset:0}.role-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 2px #0f172a1f}.role-switch input:checked+.role-slider{background-color:var(--secondary)}.role-switch input:checked+.role-slider:before{transform:translate(20px)}.role-modal-form{flex-direction:column;gap:16px;display:flex}.role-modal-field,.role-modal-field input,.role-modal-field textarea{width:100%}.role-activities-section{flex-direction:column;gap:10px;display:flex}.role-activities-search-wrapper{width:100%;max-width:none}.role-activities-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.role-activities-list-grid{grid-template-columns:36px 90px minmax(0,1fr);align-items:center;column-gap:12px;display:grid}.role-activities-list-header{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);padding:12px 20px 12px 14px;font-size:13px;font-weight:600}.role-activities-list-header .role-activities-col-id,.role-activities-list-header .role-activities-col-name{color:#fff;font-weight:600}.role-activities-list{scrollbar-width:thin;border:none;border-radius:0;flex-direction:column;gap:10px;max-height:220px;padding-right:4px;display:flex;overflow-y:auto}.role-activities-table .role-activities-list{scrollbar-gutter:stable;gap:0;padding-right:0}.role-activities-list::-webkit-scrollbar{width:6px}.role-activities-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.role-activities-list::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.role-activities-list::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.role-activity-item{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.role-activities-list-grid.role-activity-item{border:none;border-bottom:1px solid #e5e7eb;border-radius:0;grid-template-columns:36px 90px minmax(0,1fr);gap:0 12px;padding:12px 14px;display:grid}.role-activities-list-grid.role-activity-item:last-child{border-bottom:none}.role-activity-item:hover{border-color:#cbd5e1}.role-activity-item input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary);margin:0}.role-activities-col-check{justify-content:center;align-items:center;width:36px;display:flex}.role-activities-col-id{color:#1f2937;min-width:0;font-weight:500}.role-activities-col-name{word-break:break-word}.role-activities-empty{color:#6b7280;margin:0;padding:12px;font-size:14px}.field-error-message{color:#dc2626;margin-top:6px;font-size:13px;font-weight:500;display:block}.form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:4px;padding:10px 14px;font-size:14px;font-weight:500}.form-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-top:4px;padding:10px 14px;font-size:14px;font-weight:500}.act-form-field--invalid input,.act-form-field--invalid textarea,.act-form-field--invalid select,.act-date-picker-wrapper--invalid .act-date-picker{box-shadow:0 0 0 3px #dc262614;border-color:#dc2626!important}.act-form-field--invalid input:focus,.act-form-field--invalid textarea:focus,.act-date-picker-wrapper--invalid .act-date-picker:focus{box-shadow:0 0 0 3px #dc26261f;border-color:#dc2626!important}.role-activities-section--invalid .role-activities-table{border:1px solid #dc2626;border-radius:8px;box-shadow:0 0 0 3px #dc262614}.layout{background:#f4f7fb;min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;height:100vh;padding:18px 12px 20px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-top{flex-direction:column;flex:1;min-height:0;display:flex}.sidebar-logo{align-items:center;gap:14px;margin-bottom:34px;padding:10px 12px;display:flex}.logo-circle{background:var(--secondary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.sidebar-logo h2{color:#0f172a;font-size:26px;font-weight:700;line-height:1.1}.sidebar-logo p{letter-spacing:1.4px;color:#94a3b8;margin-top:4px;font-size:11px;font-weight:600}.sidebar-menu{scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:6px;display:flex;overflow-y:auto}.sidebar-menu:hover{scrollbar-color:#cbd5e1 transparent}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.sidebar-menu:hover::-webkit-scrollbar-thumb{background:#cbd5e1}.menu-item{color:#64748b;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.menu-item:hover{color:#2563eb;background:#f1f5f9}.menu-item.active{color:#2563eb;background:linear-gradient(90deg,#eef2ff 0%,#f8faff 100%);box-shadow:0 1px 3px #2563eb14}.logout-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;margin-top:auto;padding:12px 14px;font-size:16px;font-weight:500;transition:all .25s;display:flex}.logout-btn:hover{color:#ef4444;background:#fef2f2}.menu-icon{flex-shrink:0;font-size:20px}.menu-item,.logout-btn{border-radius:12px;padding:12px 14px;font-size:15px}.menu-group{background:#fff;border-radius:16px;padding:2px;transition:all .2s}.menu-parent{cursor:pointer;color:#64748b;border-radius:12px;justify-content:space-between;align-items:center;min-height:50px;padding:12px 14px;transition:background .2s,color .2s;display:flex}.menu-parent:hover{color:#2563eb;background:#f8fafc}.submenu{flex-direction:column;gap:2px;margin-top:4px;margin-left:14px;padding:6px 0 6px 10px;display:flex;position:relative}.menu-parent .menu-icon{font-size:20px}.menu-parent-open{color:#475569}.submenu-item{color:#718096;white-space:nowrap;border-radius:10px;align-items:center;width:100%;min-height:36px;padding:10px 14px 10px 22px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.submenu-item:before{content:"";background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;width:6px;height:6px;transition:all .2s;position:absolute;top:50%;left:7px;transform:translateY(-50%)}.submenu-item:hover{color:#2563eb;background:#f8fafc}.submenu-item.active{color:#2563eb;background:0 0;border:none;font-weight:600}.submenu-item.active:before{background:#2563eb;border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.submenu-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar{z-index:100;transition:width .28s}.sidebar-open{width:248px}.sidebar-collapsed{width:96px}.sidebar-collapsed .sidebar-logo h2,.sidebar-collapsed .sidebar-logo p,.sidebar-collapsed .submenu,.sidebar-collapsed .dropdown-arrow{display:none}.menu-item span,.menu-parent span,.logout-btn span{white-space:nowrap;transition:opacity .15s,visibility .15s}.sidebar-collapsed .menu-item span,.sidebar-collapsed .menu-parent span,.sidebar-collapsed .logout-btn span{opacity:0;visibility:hidden;width:0;overflow:hidden}.sidebar-collapsed .sidebar-logo{justify-content:center;align-items:center;gap:0;width:52px;margin:0 auto 34px;padding:0;display:flex}.sidebar-collapsed .logo-circle{margin:0}.sidebar-collapsed .menu-item,.sidebar-collapsed .menu-parent,.sidebar-collapsed .logout-btn{flex:none;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto;padding:0;display:flex}.sidebar-collapsed .menu-item:hover,.sidebar-collapsed .menu-parent:hover,.sidebar-collapsed .logout-btn:hover{transform:none}.sidebar-collapsed .menu-item svg,.sidebar-collapsed .menu-parent svg,.sidebar-collapsed .logout-btn svg{flex-shrink:0;margin:0}.sidebar-collapsed .menu-item span,.sidebar-collapsed .menu-parent span,.sidebar-collapsed .logout-btn span{display:none}.sidebar-collapsed .menu-group{justify-content:center;width:100%;display:flex}.menu-parent-left{align-items:center;gap:14px;display:flex}.dropdown-arrow{font-size:20px;transition:transform .3s}.dropdown-arrow.rotate{transform:rotate(180deg)}.sidebar-toggle-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;transition:all .3s;display:flex}.sidebar-toggle-btn:hover{background:#dbeafe}.header-left{align-items:center;gap:18px;min-width:0;display:flex}.menu-item,.menu-parent,.submenu-item,.logout-btn{transition:background .25s,color .25s,transform .2s}.sidebar-overlay{z-index:90;background:#0f172a73;display:none;position:fixed;inset:0}@media (width<=992px){.sidebar{height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block}.main-content{width:100%;padding:18px}.page-header{padding:18px 20px}.profile-box{gap:10px;padding-left:14px}.profile-box p{display:none}}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:18px;padding:18px}.header-left{width:100%}.profile-box{justify-content:flex-start;width:100%}.attendance-time{font-size:1.625rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:100%;max-width:320px}}@media (width<=576px){.main-content{padding:14px}.stats-grid{grid-template-columns:1fr}.attendance-buttons{flex-direction:column}.attendance-card{padding:20px}.page-header h1{font-size:22px}.profile-avatar{width:42px;height:42px}}.main-content{flex:1;padding:30px}.page-header{background:#fff;border:1px solid #eef2f7;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:18px 24px;display:flex;box-shadow:0 1px 2px #0f172a08,0 8px 24px #0f172a0a}.header-small{letter-spacing:1.2px;text-transform:uppercase;color:#64748b;margin-bottom:6px;font-size:12px;font-weight:600}.page-header h1{letter-spacing:-.8px;color:#0f172a;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.1}.header-text{min-width:0}.profile-box{border-left:1px solid #eef2f7;align-items:center;gap:12px;padding-left:20px;display:flex}.profile-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:15px;font-weight:600;display:flex}.profile-box h4{color:#0f172a;font-size:16px;font-weight:600}.profile-box p{color:#64748b;font-size:13px}.page-body{padding-top:10px}.dashboard-grid{flex-direction:column;gap:24px;display:flex}.card-label{color:#64748b;letter-spacing:1px;margin-bottom:10px;font-size:13px}.attendance-card h2{color:#0f172a;font-size:38px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat-card{background:#fff;border-radius:18px;padding:24px}.stat-card p{color:#64748b;margin-bottom:10px}.stat-card h2{font-size:34px}.yellow{background:#fffbeb}.activity-card{background:#fff;border-radius:18px;padding:30px}.activity-card h3{margin-bottom:18px}.activity-card ul{padding-left:20px}.activity-card li{color:#475569;margin-bottom:12px}.attendance-card{background:var(--bg-card);-webkit-user-select:none;user-select:none;cursor:default;border:1px solid #eef2f7;border-radius:16px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 1px 2px #0f172a08,0 8px 24px #0f172a0a}.attendance-card-body{background:var(--bg-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:18px 24px;display:flex}.attendance-left{flex:1;min-width:220px}.attendance-date{color:var(--text-secondary);margin-bottom:10px;font-size:13px;font-weight:500}.attendance-time{color:var(--secondary);letter-spacing:-.5px;margin-bottom:10px;font-size:clamp(1.75rem,3vw,2.125rem);font-weight:500;line-height:1.15}.attendance-current-status{margin:0;font-size:14px}.status-label{color:var(--text-primary);font-weight:700}.status-value{color:var(--text-secondary);margin-left:6px;font-weight:600}.status-value.status-present{color:#16a34a}.status-value.status-absent{color:#dc2626}.status-value.status-half-day,.status-value.status-halfday{color:#ea580c}.status-value.status-leave{color:var(--primary)}.status-value.status-not-checked-in{color:var(--text-secondary)}.attendance-buttons{flex-shrink:0;align-items:center;gap:14px;display:flex}.check-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:8px;min-width:140px;padding:13px 32px;font-size:16px;font-weight:700;transition:background-color .2s,opacity .2s}.check-btn-primary{background:var(--secondary);color:#fff}.check-btn-primary:hover:not(:disabled){background:var(--secondary-hover)}.check-btn-secondary{color:#6b7280;background:#e5e7eb}.check-btn-checked-in,.check-btn-checked-in:hover{cursor:default}.check-btn:disabled{cursor:not-allowed;opacity:.65}.check-btn:disabled:not(.check-btn-checked-in){pointer-events:none}.attendance-card-footer{background:var(--bg-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:0 24px 18px;display:flex}.attendance-footer-item{white-space:nowrap;background:var(--bg-soft);border:1px solid #365b9d1a;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;display:inline-flex}.footer-label{color:var(--secondary);font-weight:700}.footer-value{color:#1e3a5f;font-size:16px;font-weight:700}.attendance-footer-hours{margin-left:auto}.attendance-month-summary{background:var(--bg-card);-webkit-user-select:none;user-select:none;cursor:default;border:1px solid #eef2f7;border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 2px #0f172a08,0 8px 24px #0f172a0a}.attendance-month-summary__header{background:var(--bg-card);padding:16px 24px 0}.attendance-month-summary__title{color:var(--secondary);align-items:center;gap:10px;margin:0;font-size:15px;font-weight:700;display:flex}.attendance-month-summary__title:before{content:"";background:var(--secondary);border-radius:4px;flex-shrink:0;width:4px;height:16px}.attendance-month-summary__body{background:var(--bg-card);padding:12px 24px 18px}.attendance-month-summary__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.attendance-month-stat{background:var(--bg-soft);border:1px solid #365b9d1a;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.attendance-month-stat:hover{border-color:#365b9d38;box-shadow:0 2px 8px #0f172a0d}.attendance-month-stat__content{flex-direction:column;gap:2px;min-width:0;display:flex}.attendance-month-stat__label{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.attendance-month-stat__value{color:var(--text-primary);margin-left:18px;font-size:20px;font-weight:700;line-height:1.1}.attendance-month-stat--present .attendance-month-stat__value{color:#16a34a}.attendance-month-stat--absent .attendance-month-stat__value{color:#dc2626}.attendance-month-stat--leaves .attendance-month-stat__value{color:var(--primary)}.attendance-month-stat--working .attendance-month-stat__value{color:var(--secondary)}.attendance-table-section{-webkit-user-select:none;user-select:none;cursor:default;margin-top:20px}.attendance-month-nav{-webkit-user-select:none;user-select:none;cursor:default;align-items:center;gap:8px;margin-bottom:16px;display:flex}.attendance-month-btn{width:36px;height:36px;color:var(--secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:24px;line-height:1;transition:background-color .2s}.attendance-month-btn:hover{background:var(--bg-soft)}.attendance-month-label{color:var(--secondary);text-align:center;-webkit-user-select:none;user-select:none;cursor:default;min-width:140px;font-size:16px;font-weight:700}.attendance-history-table td{color:var(--text-primary);-webkit-user-select:none;user-select:none;cursor:default}.attendance-table-section .role-pagination{-webkit-user-select:none;user-select:none;cursor:default}.attendance-history-table tbody tr.attendance-row-today{background:var(--bg-soft)}.attendance-history-table tbody tr.attendance-row-today td{color:var(--secondary);font-weight:600}.attendance-history-table tbody tr.attendance-row-weekoff{background:#f8fafc}.act-modal.team-attendance-modal-dialog{width:min(760px,100vw - 32px);max-width:760px;height:min(88vh,680px);max-height:min(88vh,680px)}.team-attendance-modal-dialog .act-modal-form.team-attendance-modal{flex-direction:column;flex:1;min-height:0;padding:16px 24px 12px;display:flex;overflow:hidden}.team-attendance-modal-dialog .team-attendance-month-nav{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;margin-bottom:14px;padding:8px 12px}.team-attendance-modal-dialog .attendance-month-btn{width:32px;height:32px;color:var(--primary);background:#fff;border:1px solid #dbe3ee;border-radius:8px;font-size:18px;line-height:1}.team-attendance-modal-dialog .attendance-month-btn:hover{background:#eff6ff;border-color:#bfdbfe}.team-attendance-modal-dialog .attendance-month-label{color:#334155;min-width:148px;font-size:15px;font-weight:600}.team-attendance-modal-dialog .team-attendance-table-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;box-sizing:border-box;background:#fff;border:1px solid #dbeafe;border-radius:10px;flex:1;min-height:0;padding-bottom:16px;scroll-padding-bottom:16px;overflow:auto}.team-attendance-table-scroll::-webkit-scrollbar{width:6px;height:6px}.team-attendance-table-scroll::-webkit-scrollbar-track{background:0 0}.team-attendance-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.team-attendance-table-scroll .attendance-history-table{border-collapse:separate;border-spacing:0;width:100%;margin:0}.team-attendance-table-scroll thead th{z-index:2;color:#1e3a8a;white-space:nowrap;background:#eff6ff;border-bottom:1px solid #dbeafe;padding:10px 14px;font-size:13px;font-weight:600;position:sticky;top:0}.team-attendance-modal-dialog .attendance-history-table td{border-bottom:1px solid #eef2f7;padding:10px 14px;font-size:14px}.team-attendance-modal-dialog .attendance-history-table tbody tr:last-child td{border-bottom:none;padding-bottom:14px}.team-attendance-modal-dialog .attendance-history-table tbody tr:nth-child(2n):not(.attendance-row-today){background:#f8fafc}.team-attendance-modal-dialog .attendance-history-table tbody tr:hover{background:#f1f5f9}.team-attendance-modal-dialog .attendance-history-table tbody tr.attendance-row-today{background:#eff6ff}.team-attendance-modal-dialog .attendance-history-table tbody tr.attendance-row-today td{color:var(--primary)}.team-attendance-modal-dialog .attendance-status-text{font-size:13px}.attendance-history-tbody--loading{pointer-events:none}.attendance-row-skeleton td{padding:11px 14px}.attendance-skeleton-bar{background:linear-gradient(90deg,#eef2f7 0%,#f8fafc 50%,#eef2f7 100%) 0 0/200% 100%;border-radius:6px;height:14px;animation:1.2s ease-in-out infinite attendance-skeleton-shimmer;display:block}.attendance-skeleton-bar--sm{width:56px}.attendance-skeleton-bar--md{width:88px}.attendance-skeleton-bar--lg{width:72px}@keyframes attendance-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.attendance-status-cell{align-items:center;gap:8px;display:inline-flex}.attendance-status-cell--stacked{flex-direction:column;align-items:flex-start;gap:4px}.attendance-status-primary{align-items:center;gap:8px;display:inline-flex}.attendance-status-subbadge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4;display:inline-block}.attendance-status-subbadge--reg-pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.attendance-status-subbadge--reg-approved{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.attendance-status-legend{color:#64748b;flex-wrap:wrap;gap:12px 20px;padding:10px 14px 8px;font-size:12px;display:flex}.attendance-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.attendance-status-text{font-size:14px;font-weight:600}.dot-present,.text-present{color:#16a34a}.dot-present{background:#16a34a}.dot-half-day,.text-half-day{color:#ea580c}.dot-half-day{background:#ea580c}.dot-absent,.text-absent{color:#dc2626}.dot-absent{background:#dc2626}.dot-leave,.text-leave{color:var(--primary)}.dot-leave{background:var(--primary)}.dot-week-off,.text-week-off{color:#64748b}.dot-week-off{background:#94a3b8}.dot-checked-in,.text-checked-in{color:var(--secondary)}.dot-checked-in{background:var(--secondary)}.dot-empty,.text-empty{color:#94a3b8}.dot-empty{background:#cbd5e1}.attendance-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.attendance-action-btn:hover{color:var(--secondary);background:#eff6ff}.attendance-action-cell{justify-content:center;align-items:center;gap:10px;display:inline-flex}.attendance-reg-pending-badge{color:#b45309;white-space:nowrap;font-size:11px;font-weight:600}.attendance-reg-status-text{color:var(--text-primary);white-space:nowrap;font-size:14px;font-weight:500}.attendance-reg-status{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.attendance-reg-status--reg-pending{color:var(--text-primary);background:0 0;border:none}.attendance-reg-status--reg-approved{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.attendance-reg-status--reg-rejected{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.attendance-reg-cell{min-width:140px}.attendance-reg-link{color:#1d4ed8;white-space:nowrap;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;line-height:1.25;text-decoration:none;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.attendance-reg-link:hover{color:#1e40af;background:#dbeafe;border-color:#93c5fd;box-shadow:0 1px 2px #2563eb1f}.attendance-reg-link:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb26}.attendance-reg-link svg{flex-shrink:0;width:13px;height:13px}.approval-tabs{margin-bottom:16px}.act-tabs,.approval-tabs,.policy-modal-tabs{background:0 0;border-bottom:1px solid #e2e8f0;align-items:stretch;gap:0;padding:0;display:flex}.policy-modal-tabs{margin-bottom:0;padding:0 24px}.act-tab,.approval-tab,.policy-modal-tab{color:#64748b;cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;gap:8px;margin:0;padding:12px 18px;font-size:14px;font-weight:600;line-height:1.25;transition:color .15s;display:inline-flex;position:relative}.act-tab:hover:not(:disabled):not(.locked),.approval-tab:hover:not(:disabled),.policy-modal-tab:hover:not(:disabled):not(.locked){color:#334155}.act-tab--active,.approval-tab--active,.policy-modal-tab.active{color:var(--primary);box-shadow:none;background:0 0}.act-tab--active:after,.approval-tab--active:after,.policy-modal-tab.active:not(.locked):after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:18px;right:18px}.approval-tab-badge{color:#fff;background:#f59e0b;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.dashboard-bottom-grid{margin-top:24px;display:block}.attendance-calendar-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 1px 2px #0f172a08,0 8px 24px #0f172a0a}.hrms-calendar{max-width:100%;background:0 0!important;border:none!important;width:400px!important}.hrms-calendar .react-calendar__month-view__days{grid-template-columns:repeat(7,1fr)!important;display:grid!important}.hrms-calendar .react-calendar__tile{border-radius:10px;height:44px;margin:3px;font-weight:500}.hrms-calendar .react-calendar__tile--active{box-shadow:0 6px 14px #2563eb40;color:#fff!important;background:#2563eb!important}.react-calendar__tile--now{font-weight:600;color:#1d4ed8!important;background:#dbeafe!important}.hrms-calendar .react-calendar__tile:hover{background:#f1f5f9;border-radius:10px}.hrms-calendar .react-calendar__navigation{align-items:center;gap:10px;display:flex}.hrms-calendar .react-calendar__navigation button{background:0 0;border-radius:10px;min-width:42px;height:42px;font-size:16px;font-weight:500;transition:all .2s}.hrms-calendar .react-calendar__navigation button:hover{color:#2563eb;background:#eff6ff}.hrms-calendar .react-calendar__month-view__weekdays{margin-bottom:8px}.attendance-legend{color:#64748b;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:12px;display:flex}.attendance-legend div{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.green{background:#22c55e}.red{background:#ef4444}.orange{background:#f59e0b}.blue{background:#6366f1}.calendar-card-header h3{margin-bottom:20px;font-size:32px;font-weight:700}.hrms-calendar.react-calendar--selectRange .react-calendar__year-view .react-calendar__tile,.hrms-calendar .react-calendar__year-view .react-calendar__tile{border-radius:12px!important;transition:all .2s!important}.hrms-calendar .react-calendar__year-view .react-calendar__tile:hover{color:#2563eb!important;background:#eff6ff!important}.hrms-calendar .react-calendar__tile--active{color:#fff!important;background:#2563eb!important}.attendance-calendar{width:100%}.calendar-header-bar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-header-bar h3{margin:0;font-size:1.25rem;font-weight:700}.calendar-nav-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:36px;height:36px}.calendar-nav-btn:hover{background:#f8fafc}.calendar-weekdays{text-align:center;color:#64748b;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:grid}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-day{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-height:72px;padding:8px 6px 6px;display:flex;position:relative}.calendar-day-outside{cursor:default;background:0 0;border:none;min-height:72px}.calendar-day-future{opacity:.55}.calendar-day-number{color:#0f172a;font-size:13px;font-weight:600}.calendar-day-circle{border-radius:50%;width:10px;height:10px}.calendar-color-present{background:#22c55e}.calendar-color-half_day{background:#f59e0b}.calendar-color-short_day{background:#fb923c}.calendar-color-absent{background:#ef4444}.calendar-color-holiday{background:#8b5cf6}.calendar-color-week_off{background:#94a3b8}.calendar-color-leave{background:#6366f1}.calendar-color-future,.calendar-color-none{background:#cbd5e1}.calendar-leave-badge{color:#4338ca;font-size:9px;font-weight:700;line-height:1.1}.calendar-leave-badge.pending{color:#b45309}.calendar-reg-badge{text-align:center;font-size:9px;font-weight:700;line-height:1.1}.calendar-reg-badge--approved{color:#047857}.calendar-reg-badge--pending{color:#b45309;font-size:8px}.calendar-legend{color:#64748b;flex-wrap:wrap;gap:14px;margin-top:18px;font-size:12px;display:flex}.calendar-legend-item{align-items:center;gap:6px;display:inline-flex}.calendar-legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.calendar-loading{color:#64748b;padding:12px 0}.act-header-actions{align-items:center;gap:10px;display:flex}.act-new-btn-secondary{color:#2563eb;background:#fff;border:1px solid #bfdbfe}.act-new-btn-secondary:hover{background:#eff6ff}.act-section-title{color:#0f172a;margin:0 0 12px;font-size:1.1rem;font-weight:700}.hrms-calendar .react-calendar__year-view .react-calendar__tile,.hrms-calendar .react-calendar__decade-view .react-calendar__tile{justify-content:center!important;align-items:center!important;display:flex!important}@media (width<=1200px){.sidebar-open .sidebar-logo h2,.sidebar-open .sidebar-logo p,.sidebar-open .menu-item span,.sidebar-open .submenu,.sidebar-open .menu-parent span,.sidebar-open .logout-btn span,.sidebar-open .dropdown-arrow{display:none}.sidebar-open .menu-item,.sidebar-open .menu-parent,.sidebar-open .logout-btn,.sidebar-open .sidebar-logo{justify-content:center}}@media (width<=900px){.attendance-card-body{flex-direction:column;align-items:flex-start;gap:20px}.attendance-buttons{width:100%}.check-btn{flex:1}.attendance-card-footer{flex-direction:column;align-items:flex-start;gap:12px}.attendance-footer-hours{margin-left:0}.attendance-month-summary__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.myapp-page-header{justify-content:flex-end;align-items:center;width:100%;margin-bottom:20px;display:flex}.act-title{font-size:22px;font-weight:600}.act-new-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;display:flex}.act-new-btn:hover{background:var(--primary-hover)}.act-new-btn svg{color:#fff;stroke-width:2.5px;font-size:18px}.act-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.act-card{background:#fff;border:1px solid #eef2f7;border-radius:14px;justify-content:space-between;align-items:center;min-height:72px;padding:14px 16px;display:flex}.act-card-label{letter-spacing:1px;text-transform:uppercase;color:#94a3b8;margin-bottom:10px;font-size:11px;font-weight:700;display:none}.act-card h3{color:#475569;margin:0;font-size:15px;font-weight:600}.act-card p span{color:#94a3b8;font-size:12px;font-weight:500}.act-card p{color:#0f172a;text-align:right;align-items:baseline;gap:4px;min-width:72px;margin:0;font-size:28px;font-weight:700;line-height:1;display:flex}.act-card.casual{border-top:3px solid #3b82f6}.act-card.earned{border-top:3px solid #10b981}.act-card.sick{border-top:3px solid #ef4444}.act-section-header{margin-bottom:10px}.act-section-header h3{color:#475569;font-size:15px;font-weight:600}.act-section{margin-top:25px}.act-section h3{margin-bottom:10px}.act-box{background:#f9fafb;border-radius:10px;justify-content:flex-end;align-items:center;padding:15px;display:flex}.act-secondary-btn{color:#4f46e5;cursor:pointer;background:0 0;border:1px solid #4f46e5;border-radius:8px;padding:8px 12px}.act-list{flex-direction:column;gap:10px;display:flex}.act-list-item{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 15px;display:flex;box-shadow:0 1px 6px #0000000f}.act-date{color:gray;font-size:12px}.act-status{border-radius:999px;justify-content:center;align-items:center;min-width:92px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.act-status.pending{color:#b7791f;background:#fff4d6}.act-status.approved{color:#166534;background:#dcfce7}.act-status.rejected{color:#991b1b;background:#fee2e2}.leaves-stats{-webkit-user-select:none;user-select:none;cursor:default;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:18px}.leaves-stats-loading,.leaves-stats-empty{color:#64748b;grid-column:1/-1;font-size:14px;font-weight:500}.act-leave-card-monthly{color:#64748b;margin:0 0 10px;font-size:13px;font-weight:500}.act-leave-card{-webkit-user-select:none;user-select:none;cursor:default;background:#fff;border:1px solid #eef2f7;border-radius:14px;min-height:76px;padding:14px 16px}.act-leave-card-content h3{color:#475569;margin:0 0 10px;font-size:15px;font-weight:600}.act-leave-card-total{color:var(--secondary);font-size:22px;font-weight:700}.act-leave-card-meta{color:#64748b;gap:18px;font-size:13px;font-weight:500;display:flex}.act-leave-card-stat-btn{font:inherit;color:inherit;cursor:default;background:0 0;border:none;padding:0}.leave-balance-detail-form{padding-top:4px}.leave-balance-detail-loading{color:#64748b;margin:0;font-size:14px}.leave-balance-detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.leave-balance-detail-item{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.leave-balance-detail-item span{color:#64748b;font-size:13px;font-weight:500}.leave-balance-detail-item strong{color:var(--secondary);font-size:22px;font-weight:700}.leaves-toolbar{align-items:center}.leaves-filters{flex:1;align-items:center;gap:12px;display:flex}.leaves-filter-field{width:180px;max-width:100%}.leaves-table td{-webkit-user-select:none;user-select:none;cursor:default}.leave-status-text{-webkit-user-select:none;user-select:none;cursor:default;font-size:15px;font-weight:600}.act-table-wrapper:has(.leaves-table){-webkit-user-select:none;user-select:none;cursor:default}.leaves-table .role-pagination{-webkit-user-select:none;user-select:none;cursor:default}.leave-status-text.approve{color:#16a34a}.leave-status-text.reject{color:#dc2626}.leave-status-text.pending{color:#d97706}.table-action-group{justify-content:center;align-items:center;gap:10px;display:inline-flex}.leave-table-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.leave-table-action-btn:hover:not(:disabled){color:var(--secondary);background:#eff6ff}.leave-table-action-btn:disabled{opacity:.35;cursor:not-allowed}.leave-table-action-btn:disabled:hover{color:#64748b;background:0 0}.approval-toolbar{margin-bottom:18px}.approval-filters{flex-wrap:wrap;width:100%}.approval-search-wrapper{flex:1;min-width:220px;max-width:320px;position:relative}.approval-search-wrapper .act-search{width:100%;padding-left:40px}.approval-table td{-webkit-user-select:none;user-select:none;cursor:default}.act-table-wrapper:has(.approval-table){-webkit-user-select:none;user-select:none;cursor:default}.approval-table .role-pagination{-webkit-user-select:none;user-select:none;cursor:default}.approval-action-group{align-items:center;gap:10px;display:inline-flex}.approval-action-btn{box-sizing:border-box;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:14px;line-height:1;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.approval-action-btn.view{color:#64748b;background:0 0;border:none;border-radius:10px;width:36px;height:36px;font-size:18px}.approval-action-btn.view:hover{color:var(--secondary);background:#eff6ff}.approval-action-btn.reject{color:#ef4444;background:0 0;border:1.5px solid #ef4444;font-size:12px}.approval-action-btn.approve{color:#22c55e;background:0 0;border:1.5px solid #22c55e;font-size:12px}.approval-action-btn.reject:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.approval-action-btn.approve:hover{color:#22c55e;background:#f0fdf4;border-color:#22c55e}.act-reject-btn{cursor:pointer;color:#fff;background:#ef4444;border:none;border-radius:10px;height:40px;padding:0 16px;font-size:16px;font-weight:600;transition:background-color .2s}.act-reject-btn:hover{background:#dc2626}.approval-employee-reason{flex-direction:column;width:100%;display:flex}.approval-employee-reason span{color:#334155;margin-bottom:8px;font-size:14px;font-weight:600}.approval-employee-reason-value{color:#334155;-webkit-user-select:none;user-select:none;word-break:break-word;background:#f1f5f9;border-radius:12px;margin:0;padding:10px 14px;font-size:14px;font-weight:500;line-height:1.5}.approval-modal-form{padding:18px 24px}.approval-modal-form .act-form-row{margin-bottom:12px}.approval-modal-form .act-form-row:last-child{margin-bottom:0}.approval-manager-note{height:90px;max-height:90px;min-height:90px!important}.approval-rejection-note{height:110px;max-height:110px;min-height:110px!important}.halfday-radio-group{align-items:center;gap:18px;height:40px;display:flex}.halfday-radio{cursor:pointer;color:#334155;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:500;display:inline-flex}.halfday-radio input[type=radio]{appearance:none;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;flex:0 0 18px!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;padding:0!important}.halfday-radio input[type=radio]:before{content:"";background:#2563eb;border-radius:50%;width:8px;height:8px;transition:transform .2s;transform:scale(0)}.halfday-radio input[type=radio]:checked{border-color:#2563eb}.halfday-radio input[type=radio]:checked:before{transform:scale(1)}.halfday-radio span{line-height:1;margin:0!important}.disabled-date-icon{opacity:.45;cursor:not-allowed}.holiday-calendar-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:16px}.holiday-calendar-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.holiday-calendar-header-actions{flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.holiday-calendar-remove:disabled{opacity:.35;cursor:not-allowed}.holiday-calendar-remove:disabled:hover{background:0 0}.holiday-calendar-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.holiday-year-field{flex-direction:column;gap:6px;min-width:110px;display:flex}.holiday-year-field span{color:#475569;font-size:12px;font-weight:600}.holiday-year-field .act-select__control{min-width:110px;height:36px!important;min-height:36px!important}.holiday-year-field .act-select__value-container{height:36px!important;min-height:36px!important}.holiday-calendar-table-wrap{background:#fff;border:1px solid #dbeafe;border-radius:10px;overflow:hidden}.holiday-calendar-table{border-collapse:collapse;width:100%}.holiday-calendar-section .holiday-calendar-table:not(.leave-policy-table){table-layout:fixed}.holiday-calendar-section .holiday-calendar-table:not(.leave-policy-table) th:first-child,.holiday-calendar-section .holiday-calendar-table:not(.leave-policy-table) td:first-child{width:56px}.holiday-calendar-section .holiday-calendar-table:not(.leave-policy-table) th:nth-child(3),.holiday-calendar-section .holiday-calendar-table:not(.leave-policy-table) td:nth-child(3){width:170px;min-width:170px}.holiday-calendar-section .holiday-calendar-table:not(.leave-policy-table) th.holiday-calendar-day-col,.holiday-calendar-section .holiday-calendar-table:not(.leave-policy-table) td.holiday-calendar-day-col{white-space:nowrap;width:110px;min-width:110px}.holiday-calendar-section .holiday-calendar-table:not(.leave-policy-table) th.holiday-calendar-actions,.holiday-calendar-section .holiday-calendar-table:not(.leave-policy-table) td.holiday-calendar-actions{width:60px;min-width:60px;max-width:60px}.holiday-calendar-table th{color:#1e3a8a;text-align:left;background:#eff6ff;border-bottom:1px solid #dbeafe;padding:10px 12px;font-size:13px;font-weight:600}.holiday-calendar-table td{vertical-align:middle;border-bottom:1px solid #eef2f7;padding:8px 12px;font-size:14px}.holiday-calendar-table tbody tr:last-child td{border-bottom:none}.holiday-calendar-table tbody tr:nth-child(2n):not(.holiday-calendar-draft-row){background:#f8fafc}.holiday-calendar-draft-row{background:#eff6ff}.holiday-calendar-input{width:100%;min-width:0;height:40px;color:var(--text-primary);background:#fff;border:1px solid #dbe3ee;border-radius:10px;padding:0 14px;font-size:14px;font-weight:500;transition:all .2s}.holiday-calendar-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2948a814}.holiday-calendar-input:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.holiday-date-picker-wrapper{width:100%;min-width:0;position:relative}.holiday-date-picker-wrapper .holiday-calendar-input{padding-right:42px!important}.holiday-calendar-table .act-select__control{height:40px!important;min-height:40px!important}.holiday-calendar-table .act-select__value-container{flex:auto!important;min-width:0!important;height:40px!important;padding:0 4px 0 12px!important;position:relative!important;overflow:hidden!important}.holiday-calendar-table .act-select__single-value{color:#0f172a!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;margin:0!important;position:static!important;overflow:hidden!important;transform:none!important}.holiday-calendar-table .act-select__input-container{opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;position:absolute!important;inset:0 32px 0 0!important}.holiday-calendar-table .act-select__indicators{z-index:2!important;flex-shrink:0!important;position:relative!important}.holiday-calendar-table .act-select__dropdown-indicator{color:#64748b!important;justify-content:center!important;align-items:center!important;padding:0 8px!important;display:flex!important}.holiday-calendar-actions{text-align:center;box-sizing:border-box;width:60px;min-width:60px;padding:8px 12px 8px 6px!important}.holiday-calendar-remove{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.holiday-calendar-remove:hover{background:#fef2f2}.holiday-calendar-empty{text-align:center;color:#64748b;padding:18px 12px!important}.holiday-calendar-hint{color:#64748b;margin:10px 0 0;font-size:12px}.act-modal.policy-modal{width:min(920px,100vw - 32px);max-width:920px}.policy-modal-tab.locked{color:#94a3b8;cursor:not-allowed;opacity:.65}.policy-modal-tab.locked:hover{color:#94a3b8}.policy-modal-tab-panel{padding:20px 24px 12px;overflow:visible}.policy-tab-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.policy-tab-banner strong{margin-bottom:2px;font-size:14px;display:block}.policy-modal-tab-panel .holiday-calendar-section,.policy-modal-tab-panel .leave-policy-section{border-top:none;margin-top:0;padding-top:0}.leave-policy-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.leave-policy-add-btn{width:36px;height:36px;color:var(--primary);cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:inline-flex}.leave-policy-add-btn:hover{background:#dbeafe;border-color:#93c5fd}.leave-policy-add-btn svg{stroke-width:2.5px;width:16px;height:16px}.leave-policy-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.leave-policy-section .holiday-calendar-table-wrap{overflow-x:auto}.leave-policy-table{table-layout:fixed;min-width:820px}.leave-policy-table th:first-child,.leave-policy-table td:first-child{width:56px}.leave-policy-table th:nth-child(2),.leave-policy-table td:nth-child(2){width:22%;min-width:180px}.leave-policy-table th:nth-child(3),.leave-policy-table td:nth-child(3){width:88px;min-width:72px}.leave-policy-table th:nth-child(4),.leave-policy-table td:nth-child(4){width:112px;min-width:112px}.leave-policy-table th:nth-child(5),.leave-policy-table td:nth-child(5){width:14%;min-width:120px}.leave-policy-table th:nth-child(6),.leave-policy-table td:nth-child(6){width:auto;min-width:120px}.leave-policy-table th:nth-child(7),.leave-policy-table td:nth-child(7){width:60px;min-width:60px;max-width:60px}.leave-policy-table td.holiday-calendar-actions{padding:8px 12px 8px 6px!important}.policy-modal-actions{background:#fcfdff;border-top:1px solid #eef2f7;border-bottom-right-radius:20px;border-bottom-left-radius:20px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.policy-modal-actions-right{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.policy-step-btn{white-space:nowrap;min-width:0}.policy-modal-form{flex:1;min-height:0;padding:0;overflow-y:auto}.policy-modal-form-error{margin:0 24px 12px}.policy-table-link{color:#2563eb;font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.policy-table-link:hover{color:#1d4ed8}.policy-table-actions{justify-content:center;align-items:center;gap:10px;display:inline-flex}.act-modal.policy-view-modal{width:min(960px,94vw);max-width:960px}.policy-view-loading{color:#64748b;margin:0;padding:16px 24px}.admin-queue-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-queue-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.25;display:inline-flex}.admin-queue-badge--pending{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.admin-queue-badge--warning{color:#b45309;background:#fffbeb;border-color:#fde68a}.admin-queue-badge--danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.admin-queue-badge--action{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.admin-queue-route-badge{color:#475569;background:#f8fafc;border:1px solid #dbe3ee;border-radius:8px;justify-content:center;align-items:center;min-width:108px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1.25;display:inline-flex}.approval-table td:nth-child(6){min-width:140px}.approval-table td.table-action-col{min-width:120px}.other-requests-actionable-row{background:#fffbeb}.other-requests-actionable-count{color:#b45309;font-weight:600}.approval-filter-toggle{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dbe3ee;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;height:36px;padding:0 12px;transition:border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.approval-filter-toggle:hover{background:#f8fafc;border-color:#bfdbfe}.approval-filter-toggle:has(input:checked){background:#eff6ff;border-color:#bfdbfe;box-shadow:0 0 0 3px #2563eb14}.approval-filter-toggle__label{color:#334155;font-size:13px;font-weight:500;line-height:1}.approval-filter-toggle:has(input:checked) .approval-filter-toggle__label{color:#1e40af}.approval-filter-switch.role-switch{width:36px;height:20px}.approval-filter-switch .role-slider:before{width:14px;height:14px;bottom:3px;left:3px}.approval-filter-switch input:checked+.role-slider{background-color:var(--primary)}.approval-filter-switch input:checked+.role-slider:before{transform:translate(16px)}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}