:root{--eco-primary:#1c2d46;--eco-primary-hover:#243a5c;--eco-primary-soft:#f1faff;--eco-primary-deep:#151e30;--eco-accent:#ffc700;--eco-accent-ink:#7a5b00;--eco-accent-soft:#fff8dd;--eco-info:#009ef7;--eco-info-soft:#f1faff;--eco-success:#50cd89;--eco-success-ink:#1f6b45;--eco-success-soft:#e8fff3;--eco-warning:#ffc700;--eco-warning-ink:#7a5b00;--eco-warning-soft:#fff8dd;--eco-danger:#f1416c;--eco-danger-soft:#fff5f8;--eco-canvas:#fff;--eco-surface:#fff;--eco-border:#eff2f5;--eco-border-strong:#e4e6ef;--eco-text:#181c32;--eco-text-secondary:#3f4254;--eco-text-muted:#a1a5b7;--eco-radius-control:.475rem;--eco-radius-card:.625rem;--eco-shadow-card:0 0 20px 0 #4c577d05;--eco-shadow-overlay:0 0 50px 0 #523f6926;--eco-sidebar-surface:#fff;--eco-sidebar-ink:#181c32;--eco-sidebar-muted:#a1a5b7;--eco-sidebar-width:100px;--eco-topbar-height:73px}[data-eco-app]{--bs-primary:var(--eco-primary);--bs-info:var(--eco-info);--bs-success:var(--eco-success);--bs-warning:var(--eco-warning);--bs-danger:var(--eco-danger);--bs-body-bg:var(--eco-canvas);--bs-body-color:var(--eco-text);--bs-secondary-color:var(--eco-text-secondary);--bs-tertiary-color:var(--eco-text-muted);--bs-border-color:var(--eco-border);--bs-border-color-translucent:var(--eco-border);--bs-link-color:var(--eco-primary);--bs-link-hover-color:var(--eco-primary-hover);--bs-font-sans-serif:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bs-body-font-family:var(--bs-font-sans-serif);--bs-border-radius:var(--eco-radius-control);--bs-border-radius-sm:var(--eco-radius-control);--bs-border-radius-lg:var(--eco-radius-card);--bs-border-radius-xl:var(--eco-radius-card);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-eco-app] body{background:var(--eco-canvas);min-height:100vh;color:var(--eco-text-secondary);font-family:var(--bs-body-font-family);margin:0}[data-eco-app] .text-primary,[data-eco-app] .link-primary{color:var(--eco-primary)!important}[data-eco-app] .text-info{color:var(--eco-info)!important}[data-eco-app] .bg-primary{background-color:var(--eco-primary)!important}[data-eco-app] .border-primary{border-color:var(--eco-primary)!important}[data-eco-app] .btn{border-radius:var(--eco-radius-control);font-weight:600}[data-eco-app] .btn-primary{--bs-btn-bg:var(--eco-primary);--bs-btn-border-color:var(--eco-primary);--bs-btn-hover-bg:var(--eco-primary-hover);--bs-btn-hover-border-color:var(--eco-primary-hover);--bs-btn-active-bg:var(--eco-primary-hover);--bs-btn-active-border-color:var(--eco-primary-hover);background-color:var(--eco-primary);border-color:var(--eco-primary)}[data-eco-app] .btn-primary:hover,[data-eco-app] .btn-primary:focus,[data-eco-app] .btn-primary:active{background-color:var(--eco-primary-hover);border-color:var(--eco-primary-hover)}[data-eco-app] .btn-light,[data-eco-app] .badge-light,[data-eco-app] .bg-light,[data-eco-app] .bg-light-subtle{background-color:var(--eco-surface)!important;color:var(--eco-text-secondary)!important}[data-eco-app] .btn-light-primary,[data-eco-app] .badge-light-primary,[data-eco-app] .bg-light-primary{background-color:var(--eco-primary-soft)!important;color:var(--eco-primary)!important}[data-eco-app] .btn-light-primary:hover,[data-eco-app] .btn-light-primary:focus{background-color:var(--eco-primary)!important;color:#fff!important}[data-eco-app] .btn-light-info,[data-eco-app] .badge-light-info,[data-eco-app] .bg-light-info{background-color:var(--eco-info-soft)!important;color:var(--eco-info)!important}[data-eco-app] .btn-light-success,[data-eco-app] .badge-light-success,[data-eco-app] .bg-light-success{background-color:var(--eco-success-soft)!important;color:var(--eco-success-ink)!important}[data-eco-app] .btn-light-warning,[data-eco-app] .badge-light-warning,[data-eco-app] .bg-light-warning{background-color:var(--eco-warning-soft)!important;color:var(--eco-warning-ink)!important}[data-eco-app] .btn-light-danger,[data-eco-app] .badge-light-danger,[data-eco-app] .bg-light-danger{background-color:var(--eco-danger-soft)!important;color:var(--eco-danger)!important}[data-eco-app] .card{border-color:var(--eco-border);border-radius:var(--eco-radius-card);box-shadow:var(--eco-shadow-card);background-color:var(--eco-surface)}[data-eco-app] .card-header,[data-eco-app] .card-footer{border-color:var(--eco-border);background-color:var(--eco-surface)}[data-eco-app] .form-control,[data-eco-app] .form-select{border-color:var(--eco-border-strong);border-radius:var(--eco-radius-control);color:var(--eco-text-secondary);background-color:var(--eco-surface)}[data-eco-app] .form-control:focus,[data-eco-app] .form-select:focus{border-color:var(--eco-primary);box-shadow:0 0 0 .25rem #1c2d461a}[data-eco-app] .table{--bs-table-color:var(--eco-text-secondary);--bs-table-border-color:var(--eco-border);--bs-table-striped-bg:var(--eco-surface);--bs-table-hover-bg:#f9f9f9}[data-eco-app] .table thead th{color:var(--eco-text-muted);letter-spacing:.02em;font-size:.78rem;font-weight:700}[data-eco-app] .dropdown-menu,[data-eco-app] .modal-content,[data-eco-app] .popover{border-color:var(--eco-border);border-radius:var(--eco-radius-card);box-shadow:var(--eco-shadow-overlay);background-color:var(--eco-surface)}[data-eco-app] .modal-header,[data-eco-app] .modal-footer,[data-eco-app] .dropdown-divider{border-color:var(--eco-border)}[data-eco-app] .dropdown-item.active,[data-eco-app] .dropdown-item:active{background-color:var(--eco-primary-soft);color:var(--eco-primary)}[data-eco-app] .progress{--bs-progress-bg:var(--eco-border);--bs-progress-bar-bg:var(--eco-primary)}[data-eco-app] .eco-app-shell{background:var(--eco-canvas);width:100%;min-height:100vh;display:flex}[data-eco-app] .eco-aside{width:var(--eco-sidebar-width);flex:0 0 var(--eco-sidebar-width);border-right:1px solid var(--eco-border);background:var(--eco-sidebar-surface);height:100vh;color:var(--eco-sidebar-ink);flex-direction:column;align-items:center;display:flex;position:sticky;top:0}[data-eco-app] .eco-topbar{min-height:var(--eco-topbar-height);border-bottom:1px solid var(--eco-border);background:var(--eco-surface);justify-content:space-between;align-items:center;display:flex}[data-eco-app] .eco-content{background:var(--eco-canvas);flex:auto;min-width:0}[data-eco-app=hris]{--bs-primary-light:var(--eco-primary-soft);--bs-info-light:var(--eco-info-soft);--bs-success-light:var(--eco-success-soft);--bs-warning-light:var(--eco-warning-soft);--bs-danger-light:var(--eco-danger-soft);--bs-symbol-label-bg:var(--eco-primary-soft);--bs-symbol-label-color:var(--eco-primary);--bs-primary-rgb:28, 45, 70;--bs-primary-active:var(--eco-primary-hover);--bs-primary-inverse:var(--eco-surface)}@media (prefers-reduced-motion:reduce){[data-eco-app] *,[data-eco-app] :before,[data-eco-app] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-eco-app=hris]{--bs-body-bg:#fff;--bs-secondary-bg:#fff;--bs-tertiary-bg:#fff}[data-eco-app=hris] .card,[data-eco-app=hris] .modal-content,[data-eco-app=hris] .dropdown-menu{background:var(--eco-surface);border:1px solid var(--eco-border);border-radius:var(--eco-radius-card);box-shadow:var(--eco-shadow-card)}[data-eco-app=hris] .card-header{border-bottom-color:var(--eco-border)}[data-eco-app=hris] .table{--bs-table-color:var(--eco-text);--bs-table-border-color:var(--eco-border);--bs-table-striped-bg:var(--eco-surface);--bs-table-hover-bg:#f9f9f9}[data-eco-app=hris] .form-control,[data-eco-app=hris] .form-select{background:var(--eco-surface);border-color:var(--eco-border-strong);color:var(--eco-text);border-radius:var(--eco-radius-control)}[data-eco-app=hris] .form-control:focus,[data-eco-app=hris] .form-select:focus{border-color:var(--eco-primary);box-shadow:0 0 0 .25rem #1c2d461a}[data-eco-app=hris] .text-muted{color:var(--eco-text-muted)!important}[data-eco-app=hris] .text-primary{color:var(--eco-primary)!important}[data-eco-app=hris] .border{border-color:var(--eco-border)!important}[data-eco-app=hris] #kt_header_menu button.menu-link{text-align:left;background:0 0;border:0;width:100%;font-family:inherit}[data-eco-app=hris] .app-topbar-brand{align-items:center;gap:.6rem;min-width:0;display:flex}[data-eco-app=hris] .app-topbar-logo{flex:none;width:auto;height:26px}[data-eco-app=hris] .app-topbar-company{color:var(--eco-text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}[data-eco-app=hris] .form-check-input:checked{background-color:var(--eco-primary);border-color:var(--eco-primary)}[data-eco-app=hris] .form-check-input:focus{border-color:var(--eco-primary);box-shadow:0 0 0 .25rem #1c2d461a}[data-eco-app=hris] .bg-primary{background-color:var(--eco-primary)!important}[data-eco-app=hris] .btn.btn-primary{background-color:var(--eco-primary);border-color:var(--eco-primary);color:var(--eco-surface)}[data-eco-app=hris] .btn.btn-primary:hover,[data-eco-app=hris] .btn.btn-primary:focus,[data-eco-app=hris] .btn.btn-primary:active{background-color:var(--eco-primary-hover);border-color:var(--eco-primary-hover)}[data-eco-app=hris] .btn-primary,[data-eco-app=hris] .btn-outline-primary{--bs-btn-active-bg:var(--eco-primary-hover);--bs-btn-active-border-color:var(--eco-primary-hover);--bs-btn-hover-bg:var(--eco-primary-hover);--bs-btn-hover-border-color:var(--eco-primary-hover);--bs-btn-color:var(--eco-primary);--bs-btn-border-color:var(--eco-primary)}[data-eco-app=hris] .form-check-input[type=checkbox]:indeterminate,[data-eco-app=hris] .form-check.form-check-solid .form-check-input[type=checkbox]:indeterminate{background-color:var(--eco-primary);border-color:var(--eco-primary)}[data-eco-app=hris] .form-range::-webkit-slider-thumb{background-color:var(--eco-primary)}[data-eco-app=hris] .form-range::-moz-range-thumb{background-color:var(--eco-primary)}[data-eco-app=hris] .progress,[data-eco-app=hris] .progress-stacked{--bs-progress-bar-bg:var(--eco-primary);--bs-progress-bar-color:var(--eco-surface)}[data-eco-app=hris] .nav-pills{--bs-nav-pills-link-active-bg:var(--eco-primary);--bs-nav-pills-link-active-color:var(--eco-surface);--bs-nav-pills-border-radius:var(--eco-radius-control)}[data-eco-app=hris] .separator.separator-content.border-primary:before,[data-eco-app=hris] .separator.separator-content.border-primary:after{border-color:var(--eco-border)}html,body,#root{background-color:#fff;width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}html[data-eco-app=hris],html[data-eco-app=hris] body,body#kt_body,body#kt_body.auth-bg,[data-eco-app=hris] .bg-light,[data-eco-app=hris] .bg-light-subtle,[data-eco-app=hris] .card.bg-light,[data-eco-app=hris] .btn-light,[data-eco-app=hris] .btn-bg-light,[data-eco-app=hris] .form-control.form-control-solid,[data-eco-app=hris] .form-select.form-select-solid{background-color:#fff!important}.hris-sidebar{z-index:100;background:#1b1b28;flex-direction:column;flex:0 0 100px;align-self:stretch;align-items:center;width:100px;height:100vh;padding:1.35rem .55rem 1rem;display:flex;position:sticky;top:0}.app-shell-body{min-height:0}.app-shell-main{background:#fff;min-width:0}.app-aside-rail{flex-direction:column;flex:auto;align-items:center;gap:.35rem;width:100%;min-height:0;display:flex;overflow:visible auto}.app-aside-rail::-webkit-scrollbar{width:4px}.app-aside-rail::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:8px}.app-aside-rail-wrap{flex-direction:column;align-items:center;gap:.2rem;width:78px;display:flex}.app-aside-rail-item{color:#ffffffb8;cursor:pointer;text-align:center;background:0 0;border:0;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.32rem;width:78px;padding:.7rem .2rem .55rem;font-family:inherit;font-size:.7rem;font-weight:600;line-height:1.15;transition:background .15s,color .15s;display:flex}.app-aside-rail-item svg{flex-shrink:0;width:24px;height:24px}.app-aside-rail-item:hover{color:#ffffffeb;background:#ffffff14}.app-aside-rail-item.active{color:#fff;background:var(--hris-brand,var(--eco-primary))}.app-aside-rail-item:focus-visible{outline-offset:2px;outline:2px solid #ffffffd9}@media (width<=575.98px){.hris-sidebar{flex-basis:78px;width:78px;padding-left:0;padding-right:0}.app-aside-rail-wrap,.app-aside-rail-item{width:68px}.app-aside-flyout{min-width:min(260px,100vw - 90px);left:78px}}.app-aside-flyout{z-index:120;background:#fff;border:0;border-radius:12px;min-width:260px;padding:.85rem 0;position:fixed;left:100px;box-shadow:0 0 50px #523f6926}.app-aside-flyout:before{content:"";width:12px;position:absolute;top:0;bottom:0;left:-12px}.app-aside-subnav{flex-direction:column;display:flex}.app-aside-subitem{text-align:left;color:#3f4254;cursor:pointer;background:0 0;border:0;align-items:center;gap:.9rem;width:100%;padding:.8rem 1.4rem;font-family:inherit;font-size:1.02rem;font-weight:500;line-height:1.25;transition:color .15s;display:flex}.app-aside-subitem svg{color:#a1a5b7;flex-shrink:0;width:22px;height:22px;transition:color .15s}.app-aside-subdot{background:0 0;border-radius:50%;flex-shrink:0;width:6px;height:6px}.app-aside-subitem:hover,.app-aside-subitem.active{color:var(--hris-brand,var(--eco-primary));background:0 0}.app-aside-subitem:hover svg,.app-aside-subitem.active svg{color:var(--hris-brand,var(--eco-primary))}.app-aside-subitem:hover .app-aside-subdot,.app-aside-subitem.active .app-aside-subdot{background:var(--hris-brand,var(--eco-primary))}.hris-topbar{border-bottom:1px solid var(--eco-border);background:var(--eco-surface);justify-content:space-between;align-items:center;gap:1rem;min-height:73px;padding:1rem 2rem;display:flex}.hris-topbar-start{flex:auto;align-items:center;gap:1rem;min-width:0;display:flex}.hris-topbar-start .app-topbar-brand{border-right:1px solid var(--eco-border);flex:none;padding-right:1rem}.hris-topbar-start #kt_header_menu{flex:auto;min-width:0}.hris-page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.hris-page-header .hris-page-title{white-space:normal;font-size:1.35rem}.hris-page-header .hris-page-description{white-space:normal;max-width:52rem;font-size:.8125rem}.hris-page-heading{min-width:0}.hris-page-title{color:var(--eco-text);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.15rem;font-weight:700;overflow:hidden}.hris-page-description{max-width:46rem;color:var(--eco-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.75rem;font-weight:500;display:block;overflow:hidden}.hris-page-actions{align-items:center;gap:.75rem;display:flex}.hris-content{background:var(--eco-canvas);flex:auto;padding:2rem}@media (width<=991.98px){.hris-topbar{padding-left:1rem;padding-right:1rem}.hris-page-actions{display:none}.hris-content{padding:1.25rem 1rem}}@media (width<=575.98px){.hris-topbar{min-height:64px}.hris-page-description,.hris-topbar-start .app-topbar-brand{display:none}}.app-topbar-actions{align-items:center;gap:.35rem;min-width:0;display:flex}.app-topbar-quick-action{color:#99a1b7;background:0 0;border:0;border-radius:.45rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;font-size:1.15rem;display:inline-flex}.app-topbar-quick-action:hover{color:var(--hris-brand,var(--eco-primary));background:#fff}.app-topbar-icon-button{color:#99a1b7;background:0 0;border:0;border-radius:.45rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.15rem;display:inline-flex}.app-topbar-icon-button:hover{color:var(--hris-brand,var(--eco-primary));background:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 8%, #fff)}.app-topbar-help{position:relative}.app-topbar-help-menu{z-index:1100;background:#fff;border:1px solid #eff2f5;border-radius:.7rem;width:14rem;padding:.4rem;position:absolute;top:calc(100% + .55rem);right:0;box-shadow:0 .75rem 2rem #181c3224}.app-topbar-help-menu:before{content:"";width:3rem;height:.6rem;position:absolute;bottom:100%;right:0}.app-topbar-help-item{color:#5e6278;border-radius:.45rem;align-items:center;gap:.65rem;padding:.62rem .7rem;font-size:.82rem;text-decoration:none;display:flex}.app-topbar-help-item:hover,.app-topbar-help-item:focus-visible{color:var(--hris-brand,var(--eco-primary));background:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 7%, #fff);outline:none}.app-topbar-help-item i{color:#a1a5b7;text-align:center;width:1rem}.app-topbar-notification-dot{background:#f1416c;border:1px solid #fff;border-radius:50%;width:.42rem;height:.42rem;position:absolute;top:.42rem;right:.42rem}@media (width<=1100px){.app-topbar-user-meta{display:none}}.app-topbar-user{border-left:1px solid #eff2f5;align-items:center;gap:.65rem;min-width:0;margin-left:.45rem;padding-left:.75rem;display:flex}.app-topbar-user-meta{min-width:0}.app-topbar-user-name{color:#181c32;white-space:nowrap;text-overflow:ellipsis;max-width:14rem;font-size:.9rem;font-weight:700;line-height:1.2;overflow:hidden}.app-topbar-user-role{color:#a1a5b7;white-space:nowrap;text-overflow:ellipsis;max-width:14rem;font-size:.75rem;line-height:1.2;overflow:hidden}.employee-profile-backdrop{z-index:1040;background:#181c3259;position:fixed;inset:0}.employee-profile-drawer{z-index:1050;background:#fff;flex-direction:column;width:min(400px,100vw);height:100vh;padding:1.75rem;animation:.2s employee-drawer-in;display:flex;position:fixed;top:0;right:0;overflow-y:auto}.nav-line-tabs .nav-link.btn{color:var(--bs-gray-500,#99a1b7);box-shadow:none;background:0 0;border-radius:0;text-decoration:none}.nav-line-tabs .nav-link.btn.active{color:var(--bs-primary,var(--eco-primary));border-bottom:2px solid var(--bs-primary,var(--eco-primary))!important}.dashboard-search-banner{background:#fff;padding:1.25rem 2rem 0}.dashboard-search-banner .employee-search-bar{position:relative;overflow:visible}.dashboard-dept-picker{border-left:1px solid #e4e6ef;flex:0 0 220px;position:relative}.dashboard-dept-picker-btn{color:#3f4254;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.4rem;width:100%;height:100%;min-height:48px;padding:0 .9rem;font-size:.85rem;font-weight:600;display:flex}.dashboard-dept-picker-menu{z-index:30;background:#fff;border:1px solid #e4e6ef;border-radius:.75rem;width:280px;position:absolute;top:calc(100% + .4rem);left:auto;right:0;overflow:hidden;box-shadow:0 12px 32px #181c321f}.dashboard-dept-picker-search{border-bottom:1px solid #eff2f5;padding:.65rem .7rem .45rem;position:relative}.dashboard-dept-picker-search i{color:#a1a5b7;font-size:.75rem;position:absolute;top:50%;left:1.15rem;transform:translateY(-35%)}.dashboard-dept-picker-search input{border:1px solid #e4e6ef;border-radius:.45rem;outline:none;width:100%;height:34px;padding:0 .7rem 0 1.85rem;font-size:.8rem}.dashboard-dept-picker-item{text-align:left;color:#3f4254;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.5rem .85rem;font-size:.8rem;display:flex}.dashboard-dept-picker-item:hover{background:#fff}.dashboard-dept-picker-item.is-on{background:var(--hris-brand,var(--eco-primary));color:#fff}.dashboard-dept-picker-count{opacity:.65;font-size:.68rem;font-weight:700}.dashboard-dept-picker-empty{color:#a1a5b7;text-align:center;padding:.75rem;font-size:.75rem}.dashboard-kpi-card{border:1px solid #e4e6ef;border-radius:.85rem}.dashboard-main{background:#fff;padding:1.25rem 2rem 2rem}.dashboard-page{--dash-brand:var(--hris-brand,var(--eco-primary));--dash-muted:#a1a5b7;--dash-border:#eff2f5;--dash-text:#181c32;--dash-text-secondary:#7e8299;flex-direction:column;gap:1rem;max-width:100%;display:flex}.dashboard-hero{border:1px solid var(--dash-border);background:#fff;border-radius:.85rem;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.35rem 1.5rem;display:flex;position:relative;overflow:hidden}.dashboard-hero-copy{z-index:1;flex:auto;min-width:0;position:relative}.dashboard-hero-topline{margin-bottom:.45rem}.dashboard-hero-status{letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--dash-border);color:#5e6278;background:#fff;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.dashboard-hero-status.is-complete{color:#10805a;background:#e2f6ee;border-color:#0000}.dashboard-hero-status.is-active{background:color-mix(in oklch, var(--dash-brand) 12%, #fff);color:var(--dash-brand)}.dashboard-hero-greeting{color:#181c32;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}.dashboard-hero-date{color:#5e6278;margin:.35rem 0 .85rem;font-size:.8125rem}.dashboard-hero-pills{flex-wrap:wrap;gap:.5rem;display:flex}.dashboard-hero-pill{color:#3f4254;cursor:pointer;background:#fff;border:1px solid #e4e6ef;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-family:inherit;font-size:.78rem;font-weight:600;line-height:1.2;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.dashboard-hero-pill:hover{border-color:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 30%, #e4e6ef);color:var(--hris-brand,var(--eco-primary))}.dashboard-hero-pill.is-primary{border-color:var(--hris-brand,var(--eco-primary));background:var(--hris-brand,var(--eco-primary));color:#fff}.dashboard-hero-pill.is-primary:hover{filter:brightness(1.05);color:#fff}.dashboard-hero-visual{z-index:1;flex-shrink:0;width:6.5rem;height:6.5rem;display:none;position:relative}.dashboard-hero-visual-icon{z-index:1;background:color-mix(in oklch, var(--dash-brand) 10%, #fff);width:5.5rem;height:5.5rem;color:var(--dash-brand);border:0;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;display:flex;position:relative}.dashboard-body{grid-template-columns:minmax(10.5rem,12.5rem) minmax(0,1fr) minmax(11rem,14rem);align-items:start;gap:1rem;display:grid}.dashboard-body-side{min-width:0}.dashboard-body-main{flex-direction:column;gap:1rem;min-width:0;display:flex}.dashboard-quick-links{flex-direction:column;gap:1rem;display:flex}.dashboard-quick-links-group{background:#fff;border:1px solid #eff2f5;border-radius:.75rem;padding:.85rem .75rem}.dashboard-quick-links-title{letter-spacing:.04em;text-transform:uppercase;color:#a1a5b7;margin:0 0 .5rem;padding:0 .35rem;font-size:.72rem;font-weight:700}.dashboard-quick-links-list{flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.dashboard-quick-links-item{color:#3f4254;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.45rem;align-items:center;gap:.55rem;width:100%;padding:.5rem .35rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:color .12s,background .12s;display:flex}.dashboard-quick-links-icon{color:#7e8299;background:#fff;border-radius:.45rem;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.9rem;display:inline-flex}.dashboard-quick-links-item:hover{color:var(--dash-brand);background:#fff}.dashboard-quick-links-item:hover .dashboard-quick-links-icon{background:color-mix(in oklch, var(--dash-brand) 10%, #fff);color:var(--dash-brand)}.dashboard-leave-card{background:#fff}.dashboard-leave-card-value{color:var(--dash-text);font-size:2rem;font-weight:700;line-height:1}.dashboard-leave-card-unit{color:#7e8299;font-size:.875rem;font-weight:600}.dashboard-leave-card-meta{color:#7e8299;margin:0 0 .85rem;font-size:.75rem;line-height:1.4}.dashboard-leave-card-link{color:var(--hris-brand,var(--eco-primary));cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-block}.dashboard-leave-card-link:hover{text-decoration:underline}.dashboard-leave-card-pending{color:var(--dash-text-secondary);background:#fff;border-top:0;border-radius:.45rem;margin-top:.85rem;padding:.55rem .65rem;font-size:.75rem}.dashboard-leave-card-title{color:#181c32;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.dashboard-leave-card-metric{align-items:baseline;gap:.35rem;margin-bottom:.35rem;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.dashboard-header-greeting{color:#181c32;letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:600;line-height:1.3}.dashboard-header-meta{color:#7e8299;margin:.2rem 0 0;font-size:.8125rem}.dashboard-quick-actions{grid-template-columns:repeat(auto-fill,minmax(6.75rem,1fr));gap:.65rem;display:grid}.dashboard-quick-action{cursor:pointer;text-align:center;background:#fff;border:1px solid #e4e6ef;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:4.5rem;padding:.65rem .45rem;font-family:inherit;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #181c320a}.dashboard-quick-action:hover{border-color:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 30%, #e4e6ef);box-shadow:0 2px 6px #181c320f}.dashboard-quick-action.is-primary{border-color:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 22%, #e4e6ef);background:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 6%, #fff)}.dashboard-quick-action-icon{width:1.75rem;height:1.75rem;color:var(--hris-brand,var(--eco-primary));justify-content:center;align-items:center;font-size:1.05rem;display:flex}.dashboard-quick-action-label{color:#3f4254;font-size:.7rem;font-weight:600;line-height:1.2}.dash-tone-brand{--dash-tone:var(--hris-brand,var(--eco-primary));--dash-tone-ink:var(--hris-brand,var(--eco-primary));--dash-tone-soft:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 10%, #fff)}.dash-tone-blue{--dash-tone:#009ef7;--dash-tone-ink:#0b7cbe;--dash-tone-soft:#e4f3fe}.dash-tone-amber{--dash-tone:#f1bc00;--dash-tone-ink:#8a6a00;--dash-tone-soft:#fff4d1}.dash-tone-green{--dash-tone:#17a673;--dash-tone-ink:#10805a;--dash-tone-soft:#e2f6ee}.dash-tone-red{--dash-tone:#f1416c;--dash-tone-ink:#c81e4b;--dash-tone-soft:#fdeaef}.dash-tone-violet{--dash-tone:#7239ea;--dash-tone-ink:#5a25c9;--dash-tone-soft:#f0e9fd}.dash-tone-slate{--dash-tone:#7e8299;--dash-tone-ink:#5e6278;--dash-tone-soft:#f0f1f5}.dashboard-summary-row{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem;display:grid}.dashboard-summary-row--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-summary-row--kpi{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.dashboard-stat-card{background:#fff;border:1px solid #e4e6ef;border-radius:.65rem;padding:.9rem 1rem;position:relative;overflow:hidden;box-shadow:0 1px 2px #181c320a}.dashboard-stat-card:before{content:"";background:var(--dash-tone,var(--dash-border));height:3px;position:absolute;top:0;left:0;right:0}.dashboard-stat-card.is-highlight{border-color:color-mix(in oklch, var(--dash-tone,var(--dash-brand)) 32%, #e4e6ef)}.dashboard-stat-card.is-highlight:before{background:var(--dash-tone,var(--dash-brand))}.dashboard-stat-card-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.dashboard-stat-icon{background:var(--dash-tone-soft,#f5f8fa);width:2.25rem;height:2.25rem;color:var(--dash-tone-ink,#7e8299);border-radius:.55rem;justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.dashboard-stat-badge{background:var(--dash-tone-soft,#f5f8fa);color:var(--dash-tone-ink,var(--dash-text-secondary));border-radius:999px;padding:.15rem .5rem;font-size:.68rem;font-weight:700}.dashboard-stat-label{color:var(--dash-tone-ink,#a1a5b7);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.68rem;font-weight:700}.dashboard-stat-value{color:#181c32;font-size:1.45rem;font-weight:700;line-height:1.15}.dashboard-stat-detail{color:#7e8299;margin-top:.2rem;font-size:.75rem;line-height:1.35}.dashboard-stat-card--kpi .dashboard-stat-value{font-size:1.6rem}.dashboard-kpi-bar{background:var(--dash-border);border-radius:4px;height:4px;margin-top:.7rem;overflow:hidden}.dashboard-kpi-bar>span{background:var(--dash-tone,var(--dash-brand));border-radius:4px;min-width:2px;height:100%;transition:width .3s;display:block}.dashboard-stat-card--link{cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.dashboard-stat-card--link:hover{border-color:var(--dash-tone,var(--dash-brand));box-shadow:0 10px 24px -14px var(--dash-tone,var(--dash-brand));transform:translateY(-2px)}.dashboard-tone-chip{background:var(--dash-tone-soft,#f0f1f5);color:var(--dash-tone-ink,#5e6278);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.dashboard-queue-avatar{background:var(--dash-tone-soft,#f0f1f5);width:2.1rem;height:2.1rem;color:var(--dash-tone-ink,#5e6278);border-radius:.5rem;flex:0 0 2.1rem;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex}.dashboard-empty{color:var(--dash-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1.75rem 1rem;font-size:.8125rem;font-weight:500;display:flex}.dashboard-empty>i{color:#e4e6ef;margin-bottom:.4rem;font-size:1.75rem}.dashboard-dist-row{grid-template-columns:minmax(0,1fr) 72px 2rem;align-items:center;gap:.65rem;display:grid}.dashboard-dist-name{color:#3f4254;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.dashboard-dist-track{background:var(--dash-border);border-radius:6px;height:6px;overflow:hidden}.dashboard-dist-track>span{background:var(--dash-tone,var(--dash-brand));border-radius:6px;min-width:2px;height:100%;display:block}.dashboard-dist-value{color:#181c32;text-align:right;font-size:.8125rem;font-weight:700}.dashboard-section-title{color:#181c32;margin:0 0 .65rem;font-size:.9rem;font-weight:600}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(17rem,22rem);align-items:start;gap:1rem;display:grid}.dashboard-grid--ops{grid-template-columns:minmax(0,1fr) minmax(14rem,18rem)}.dashboard-grid-main,.dashboard-grid-side{min-width:0}.dashboard-card{border:1px solid var(--dash-border);background:#fff;border-radius:.65rem;overflow:hidden;box-shadow:0 1px 2px #181c320a}.dashboard-card--attendance .dashboard-card-header{background:#fff}.dashboard-attendance-time-value{color:var(--dash-text);font-size:1.25rem;font-weight:700}.dashboard-card-header{border-bottom:1px solid #eff2f5;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}.dashboard-card-title{color:#181c32;margin:0;font-size:.875rem;font-weight:600}.dashboard-card-body{padding:.9rem 1rem 1rem}.dashboard-attendance-times{gap:2rem;display:flex}.dashboard-attendance-time-label{color:#a1a5b7;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem;font-size:.72rem;font-weight:600;display:block}.dashboard-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.dashboard-list-item{border-bottom:1px solid #f1f1f4;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.55rem 0;display:flex}.dashboard-list-item:last-child{border-bottom:0;padding-bottom:0}.dashboard-list--queue .dashboard-list-item{padding:.65rem 0}.dashboard-inline-alert{border:1px solid var(--dash-border);color:var(--dash-text-secondary);background:#fff;border-radius:.55rem;padding:.65rem .85rem;font-size:.78rem}.dashboard-count-badge{color:var(--dash-text-secondary);background:#fff;border-radius:999px;align-items:center;padding:.2rem .5rem;font-size:.68rem;font-weight:600;display:inline-flex}.dashboard-insights-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.dashboard-table th{border-bottom-width:1px;padding-top:.35rem;padding-bottom:.35rem}.dashboard-table td{padding-top:.45rem;padding-bottom:.45rem}.dashboard-personal-strip{margin-top:-.25rem}@media (width>=992px){.dashboard-hero-visual{display:block}}@media (width<=1199px){.dashboard-body{grid-template-columns:minmax(9.5rem,11rem) minmax(0,1fr)}.dashboard-body-side--right{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;display:grid}.dashboard-summary-row--kpi,.dashboard-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=991px){.dashboard-body,.dashboard-body-side--right,.dashboard-grid,.dashboard-grid--ops{grid-template-columns:1fr}.dashboard-summary-row--compact,.dashboard-summary-row--kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-insights-grid{grid-template-columns:1fr}}@media (width<=575px){.dashboard-main{padding:1rem 1rem 1.5rem}.dashboard-hero{padding:1.1rem 1rem}.dashboard-hero-greeting{font-size:1.25rem}.dashboard-summary-row--kpi{grid-template-columns:1fr}}.metronic-red-card{color:#fff;background:linear-gradient(135deg,#f64e60 0%,#e14354 100%);border-radius:16px;padding:1.75rem}.btn-light-warning,.btn-light-warning:hover,.btn-light-warning:focus,.btn-light-warning:active,.btn-light-warning i,.btn-light-warning .bi,.badge-light-warning,.badge.badge-light-warning,.badge-light-warning i{color:var(--eco-warning-ink)!important}.btn-warning,.btn-warning:hover,.btn-warning:focus,.btn-warning i,.badge-warning,.badge.badge-warning{color:var(--eco-text)!important}.alert-warning,.alert-warning *,.alert.alert-warning{color:var(--eco-warning-ink)!important}.btn-light-success,.btn-light-success:hover,.btn-light-success i,.badge-light-success,.badge.badge-light-success,.badge-light-success i{color:var(--eco-success-ink)!important}.btn-light-danger,.btn-light-danger:hover,.btn-light-danger i,.badge-light-danger,.badge.badge-light-danger,.badge-light-danger i{color:var(--eco-danger)!important}.btn-light-info,.btn-light-info:hover,.btn-light-info i,.badge-light-info,.badge.badge-light-info,.badge-light-info i{color:var(--eco-info)!important}.text-warning{color:var(--eco-warning-ink)!important}.mgmt-hub-hero{background:linear-gradient(135deg, color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 10%, #fff) 0%, var(--eco-info-soft) 55%, #f8fafc 100%);border:1px solid var(--eco-border-strong);border-radius:16px;padding:1.5rem 1.75rem}.mgmt-hub-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--hris-brand,var(--eco-primary));background:color-mix(in srgb, var(--hris-brand,var(--eco-primary)) 12%, #fff);border-radius:999px;padding:.25rem .7rem;font-size:.7rem;font-weight:700;display:inline-block}.mgmt-hub-topnav-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:0;display:grid}.mgmt-hub-topnav-group{min-width:0;padding:0 1.15rem}.mgmt-hub-topnav-group:first-child{padding-left:0}.mgmt-hub-topnav-group:last-child{padding-right:0}.mgmt-hub-topnav-group+.mgmt-hub-topnav-group{border-left:1px dashed #e8eaf0}.mgmt-hub-topnav-label{letter-spacing:.06em;text-transform:uppercase;color:#99a1b7;margin-bottom:.45rem;font-size:.68rem;font-weight:700;display:block}@media (width<=991.98px){.mgmt-hub-topnav-row{grid-template-columns:1fr;gap:.75rem}.mgmt-hub-topnav-group{padding:0}.mgmt-hub-topnav-group+.mgmt-hub-topnav-group{border-top:1px dashed #e8eaf0;border-left:0;padding-top:.75rem}}.mgmt-hub-chips{flex-wrap:wrap;gap:.5rem;display:flex}.mgmt-hub-chip{white-space:nowrap;color:#4b5675;background:#fff;border:1px solid #e4e6ef;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .95rem;font-size:.875rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.mgmt-hub-chip i{font-size:.95rem}.mgmt-hub-chip:hover{border-color:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 25%, var(--eco-border-strong));color:var(--hris-brand,var(--eco-primary));background:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 6%, #fff)}.mgmt-hub-chip.is-active{background:var(--hris-brand,var(--eco-primary));border-color:var(--hris-brand,var(--eco-primary));color:#fff}.mgmt-hub-panel{overflow:hidden}.mgmt-hub-panel-head{background:#fff}.mgmt-hub-panel-icon{background:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 12%, #fff);width:48px;height:48px;color:var(--hris-brand,var(--eco-primary));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;display:inline-flex}.mgmt-hub-panel-body>.card{box-shadow:none!important;border:0!important}.mgmt-hub-panel-body>.card>.card-header:not(:has(button)){display:none}.mgmt-hub-panel-body>.card>.card-header:has(button){background:0 0;padding-top:0!important}@media print{@page{size:A4 portrait;margin:10mm}html,body{background:#fff!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}.no-print,.hris-sidebar,.metronic-top-banner,.dashboard-search-banner,header,nav,footer,.card-header,.card-footer{display:none!important}#root,main,.d-flex,.row,.col-12,.card,.card-body{box-shadow:none!important;background:#fff!important;border:none!important;width:100%!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.printable-area{visibility:visible!important;width:100%!important;max-width:100%!important;box-shadow:none!important;z-index:999999!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;top:0!important;left:0!important}.printable-area *{visibility:visible!important}}.employee-search-option{cursor:pointer;transition:background-color .12s,color .12s,box-shadow .12s;display:block}.employee-search-option:hover,.employee-search-option:focus-visible{box-shadow:inset 3px 0 0 var(--hris-brand,var(--eco-primary));outline:none;background-color:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 7%, #fff)!important}.employee-search-option:hover .fw-semibold,.employee-search-option:focus-visible .fw-semibold{color:var(--hris-brand,var(--eco-primary))!important}.employee-search-option.is-selected{background-color:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 12%, #fff);box-shadow:inset 3px 0 0 var(--hris-brand,var(--eco-primary))}.role-perm-popover{z-index:30;min-width:260px}.brand-asset-field{align-items:flex-start;gap:.85rem;display:flex}.brand-asset-preview{background:repeating-conic-gradient(#eef0f4 0% 25%,#fff 0% 50%) 50%/10px 10px;border:1px dashed #d8dce6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.brand-default-swatch{vertical-align:-1px;border:1px solid #0000001f;border-radius:999px;width:12px;height:12px;display:inline-block}.brand-asset-preview img{object-fit:contain;width:100%;height:100%}.company-letterhead{background:#fff;border:1px solid #eef0f4;border-top-width:4px;border-radius:.9rem;align-items:center;gap:1rem;padding:1.15rem 1.25rem;display:flex}.app-header-logo{object-position:left center;flex-shrink:0;display:block;object-fit:contain!important;width:auto!important;max-width:340px!important;height:100px!important;max-height:100px!important}.company-letterhead-logo{object-fit:contain;object-position:left center;flex-shrink:0;width:auto;max-width:340px;height:108px}.company-geo-map{background:#fff;border:1px solid #eef0f4;border-radius:.9rem;height:280px;overflow:hidden}.company-geo-map iframe{border:0;width:100%;height:100%}.company-geo-map.is-empty{flex-direction:column;justify-content:center;align-items:center;display:flex}.form-control-hex{max-width:7.25rem}.system-settings .form-control-narrow{max-width:5.75rem}.system-settings .form-control-time{max-width:6.5rem}.system-settings .form-control-hex{max-width:7.25rem}.system-settings .form-control-phone{max-width:13rem}.system-settings .form-control-md{max-width:22rem}.system-settings-nav{border-bottom:1px solid #eef0f4;flex-wrap:wrap;gap:.45rem;padding-bottom:1rem;display:flex}.system-settings-tab{color:#4b5675;background:#fff;border:1px solid #e4e6ef;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.82rem;font-weight:700;display:inline-flex}.system-settings-tab i{font-size:.95rem}.system-settings-tab:hover{border-color:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 25%, var(--eco-border-strong));color:var(--hris-brand,var(--eco-primary));background:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 6%, #fff)}.system-settings-tab.is-active{background:var(--hris-brand,var(--eco-primary));border-color:var(--hris-brand,var(--eco-primary));color:#fff}.email-template-editor .ck.ck-editor{width:100%}.email-template-editor .ck-editor__editable{min-height:260px}.email-template-editor .ck-content table{border-collapse:collapse;width:100%}.email-template-editor .ck-content table td,.email-template-editor .ck-content table th{border:1px solid #d8d8e5;padding:8px 10px}.employee-avatar{flex-direction:column;align-items:flex-start;display:inline-flex}.employee-avatar .symbol-label{overflow:hidden}.employee-avatar .symbol-label img,.employee-avatar img.symbol-label{object-fit:cover;width:100%;height:100%}.employee-avatar-edit{background:var(--hris-brand,var(--eco-primary));color:#fff;width:32px;height:32px;box-shadow:0 4px 10px color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 35%, transparent);border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:4px;right:4px}.employee-avatar-edit:disabled{opacity:.7}.employee-doc-card{background:#fff;border:1px solid #e4e6ef;border-radius:.85rem;height:100%;padding:1.15rem}.employee-doc-card.is-missing{background:#fff;border-style:dashed}.employee-doc-empty{background:#fff;border:1px dashed #d8d8e5;border-radius:1rem}.employee-leave-card{background:#fff;border:1px solid #e4e6ef;border-radius:.85rem;height:100%;padding:1.15rem}.employee-leave-card--primary{border-top:3px solid var(--bs-primary,var(--eco-primary))}.employee-leave-card--warning{border-top:3px solid var(--bs-warning,#ffc700)}.employee-leave-card--info{border-top:3px solid var(--bs-info,var(--eco-info))}.employee-leave-bar{background:#eef0f4;border-radius:999px;height:6px;display:flex;overflow:hidden}.employee-leave-bar span{height:100%;display:block}.employee-leave-cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.employee-leave-cal-head{text-align:center;color:#a1a5b7;text-transform:uppercase;padding:.25rem 0;font-size:.75rem;font-weight:700}.employee-leave-cal-cell{background:#fff;border:1px solid #eef0f4;border-radius:.65rem;min-height:64px;padding:.4rem .45rem}.employee-leave-cal-cell.is-empty{background:0 0;border-color:#0000}.employee-leave-cal-cell.is-approved{background:#f1faff;border-color:#b5d8f5}.employee-leave-cal-cell.is-pending{background:#fff8dd;border-style:dashed;border-color:#f1c40f}.employee-leave-cal-day{font-size:.85rem;font-weight:700;display:block}.employee-leave-cal-label{color:#7e8299;white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.68rem;display:block;overflow:hidden}.employee-leave-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:.35rem;display:inline-block}.employee-leave-dot.is-approved{background:#009ef7}.employee-leave-dot.is-pending{background:#ffc700}.employee-timeline{padding-left:1.25rem;position:relative}.employee-timeline:before{content:"";background:#e4e6ef;width:2px;position:absolute;top:8px;bottom:8px;left:5px}.employee-timeline-item{padding:0 0 1.5rem 1.25rem;position:relative}.employee-timeline-item:last-child{padding-bottom:0}.employee-timeline-dot{background:var(--hris-brand,var(--eco-primary));width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 14%, #fff);border-radius:50%;position:absolute;top:6px;left:-1.25rem}.employee-change-badge{background:#fff;border-radius:999px;align-items:center;padding:.4rem .75rem;font-size:.85rem;display:inline-flex}.employee-activity-list{border:1px solid #eef0f4;border-radius:.85rem;overflow:hidden}.employee-activity-row{border-bottom:1px solid #f1f1f4;grid-template-columns:140px minmax(0,1fr) 200px;align-items:center;gap:1rem;padding:.85rem 1rem;display:grid}.employee-activity-row:last-child{border-bottom:0}.employee-activity-main{align-items:flex-start;gap:.75rem;min-width:0;display:flex}.employee-activity-icon{background:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 10%, #fff);width:32px;height:32px;color:var(--hris-brand,var(--eco-primary));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (width<=991px){.employee-activity-row{grid-template-columns:1fr;gap:.5rem}}.att-sim .form-label{margin-bottom:.25rem;font-size:.78rem}.att-sim .card-header{min-height:0}.att-sim-punch-row{grid-template-columns:1.2rem 6.5rem 7.25rem 5.75rem minmax(6.5rem,1fr) 2.25rem;align-items:center;gap:.35rem .65rem;display:grid}.att-sim-punch-row input[type=time]{min-width:7.25rem}.att-sim-punch-row select:nth-child(2){min-width:6.25rem;padding-left:.65rem;padding-right:1.8rem}.att-sim-metrics{grid-template-columns:1fr 1fr;gap:.4rem .75rem;display:grid}.att-sim-log{max-height:180px;font-family:ui-monospace,monospace;overflow:auto}@media (width<=767.98px){.att-sim-punch-row{grid-template-columns:1.2rem minmax(6.25rem,.8fr) minmax(7.25rem,1fr) minmax(5.75rem,.8fr) 2.25rem;column-gap:.65rem;overflow-x:auto}.att-sim-punch-row>:nth-child(5){display:none}}.table.align-middle>:not(caption)>*>*{padding-top:.4rem;padding-bottom:.4rem}.table.gy-3>:not(caption)>*>*,.table.gy-4>:not(caption)>*>*,.table.gy-5>:not(caption)>*>*{padding-top:.4rem!important;padding-bottom:.4rem!important}.table .btn-icon.btn-sm{width:1.75rem;height:1.75rem}.table.table-hover{--bs-table-hover-bg:#f9f9f9;--bs-table-hover-color:var(--bs-body-color,var(--eco-text))}.table.table-hover>tbody>tr:hover>*{--bs-table-hover-bg:#f9f9f9;--bs-table-bg-state:#f9f9f9;--bs-table-accent-bg:#f9f9f9;color:inherit;background-color:#f9f9f9!important;box-shadow:inset 0 0 0 9999px #f9f9f9!important}.master-sort-btn{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:.25rem;padding:0;display:inline-flex}.master-sort-btn .bi{opacity:.4;font-size:.7rem}.master-sort-btn.is-active .bi{opacity:1;color:var(--hris-brand,var(--eco-primary))}.hris-selectable-table tbody tr,.report-catalog-table tbody tr{cursor:pointer}.hris-selectable-table tbody tr.is-selected>td,.report-catalog-table tbody tr.is-selected>td{box-shadow:inset 3px 0 0 var(--hris-brand,var(--eco-primary));background-color:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 12%, #fff)!important}.hris-selectable-table.table-hover tbody tr.is-selected:hover>td,.report-catalog-table.table-hover tbody tr.is-selected:hover>td{background-color:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 18%, #fff)!important}.system-settings-save-bar{z-index:8;background:#fff;border-top:1px solid #e4e6ef;justify-content:space-between;align-items:center;gap:1rem;margin:1.75rem -1.5rem -1.5rem;padding:1rem 1.5rem;display:flex;position:sticky;bottom:0;box-shadow:0 -10px 24px #0f172a0f}.fm-table tbody tr.fm-row:hover>td{background:#fff}.fm-folder-icon{justify-content:center;align-items:center;width:2.25rem;display:inline-flex}.fm-action-menu{z-index:1080;background:#fff;border:1px solid #eff2f5;border-radius:.65rem;min-width:190px;padding:.5rem 0;position:fixed;box-shadow:0 8px 24px #0f172a24}.fm-action-menu button{text-align:left;color:#181c32;background:0 0;border:0;width:100%;padding:.55rem 1.1rem;font-size:.925rem;display:block}.fm-action-menu button:hover{background:#fff}.fm-action-menu button.text-danger{color:#f1416c}.fm-path{background:#f1faff;border-radius:2rem;align-items:center;gap:.35rem;max-width:100%;padding:.28rem .9rem .28rem .28rem;display:inline-flex;overflow-x:auto}.fm-path-logo{background:var(--hris-brand,var(--eco-primary));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex;overflow:hidden}.fm-path-logo-img{object-fit:contain;width:1.05rem;height:1.05rem}.fm-path-sep{color:var(--hris-brand,var(--eco-primary));opacity:.75;flex-shrink:0;font-size:.7rem}.fm-path button{color:var(--hris-brand,var(--eco-primary));white-space:nowrap;background:0 0;border:0;padding:.2rem .1rem;font-size:.925rem;font-weight:600;line-height:1.2}.fm-path button:hover{text-decoration:underline}.fm-path button.is-current{cursor:default;text-decoration:none}.mon-tile{border-right:1px solid #eff2f5;padding:1.25rem 1.5rem}.mon-tile:last-child{border-right:0}@media (width<=991.98px){.mon-tile:nth-child(2){border-right:0}.mon-tile:nth-child(3),.mon-tile:nth-child(4){border-top:1px solid #eff2f5}}.employee-avatar--cover{background:#eef3f7;border-radius:.75rem;width:88px;height:88px;margin:0 auto;display:block;overflow:hidden}.employee-avatar-cover-img,.employee-avatar-cover-fallback{object-fit:contain;object-position:center;width:88px;height:88px}.employee-avatar-cover-fallback{color:#5e6278;background:#eef3f7;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.employee-directory-card{border:1px solid #e4e6ef;border-radius:.75rem;transition:box-shadow .15s,border-color .15s;overflow:hidden}.employee-directory-card:hover{border-color:#d8d8e5;box-shadow:0 8px 20px #1e1e2d14}.employee-directory-card-photo{padding:1.1rem 1.1rem 0}.employee-directory-card-photo-btn{cursor:pointer;background:0 0;border:0;justify-content:center;width:100%;padding:0;display:flex}.employee-directory-card-photo-btn .employee-avatar{width:88px;margin:0 auto;display:block}.employee-search{position:relative}.employee-search-topline{align-items:flex-start;gap:.75rem;display:flex}.employee-search-pill{flex:auto;min-width:0;max-width:46rem;position:relative}.employee-search-add{white-space:nowrap;flex:none;min-height:48px}@media (width<=767.98px){.employee-search-topline{flex-direction:column;align-items:stretch}.employee-search-pill{max-width:none}}.employee-search-bar{background:#fff;border:1px solid #e4e6ef;border-radius:.85rem;align-items:stretch;min-height:48px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;overflow:hidden}.employee-search-bar.is-focused,.employee-search-bar:focus-within{background:#fff;border-color:#3f4254;box-shadow:0 0 0 4px #3f425414}.employee-search-scope{color:#3f4254;cursor:pointer;appearance:none;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%237e8299' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px 12px;border:0;border-right:1px solid #e4e6ef;border-radius:0;outline:none;flex:0 0 138px;padding:0 2rem 0 .85rem;font-size:.85rem;font-weight:600;transition:color .15s,background-color .15s}.employee-search-scope:hover{color:var(--hris-brand,var(--eco-primary));background-color:#f9f9f9}.employee-search-scope:focus-visible{outline:2px solid color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 45%, transparent);outline-offset:-2px}.employee-search-field{flex:auto;align-items:center;min-width:0;display:flex;position:relative}.employee-search-icon{color:#a1a5b7;pointer-events:none;position:absolute;left:.9rem}.employee-search-input{width:100%;box-shadow:none;color:#181c32;background:0 0;border:0;outline:none;height:48px;padding:0 2.75rem 0 2.5rem;font-size:.95rem}.employee-search-input::placeholder{color:#a1a5b7}.employee-search-clear{color:#7e8299;background:0 0;border:0;border-radius:999px;width:28px;height:28px;position:absolute;right:.7rem}.employee-search-clear:hover{color:#3f4254;background:#eff2f5}.employee-search-kbd{color:#7e8299;background:#fff;border:1px solid #e4e6ef;border-radius:.35rem;padding:.1rem .4rem;font-size:.7rem;font-weight:700;position:absolute;right:.75rem}.employee-search-submit{background:var(--hris-brand,var(--eco-primary));color:#fff;border:0;flex:none;padding:0 1.35rem;font-size:.85rem;font-weight:700}.employee-search-submit:hover{filter:brightness(.92);color:#fff}.employee-search-suggest{z-index:20;background:#fff;border:1px solid #e4e6ef;border-radius:.85rem;position:absolute;top:calc(48px + .4rem);left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #181c321f}.employee-search-suggest-head{color:#7e8299;background:#fff;border-bottom:1px solid #eff2f5;padding:.65rem 1rem;font-size:.75rem;font-weight:600}.employee-search-suggest-item{text-align:left;background:0 0;border:0;align-items:center;gap:.75rem;width:100%;padding:.7rem 1rem;display:flex}.employee-search-suggest-item.is-active,.employee-search-suggest-item:hover{background:#fff}.employee-search-suggest-copy{flex-direction:column;flex:auto;min-width:0;display:flex}.employee-search-mark{color:inherit;background:#fff3cd;border-radius:.15rem;padding:0 .1rem}.employee-search-chip{color:#5e6278;background:#fff;border:1px solid #e4e6ef;border-radius:999px;padding:.28rem .75rem;font-size:.78rem;font-weight:600}.employee-search-chip:hover{color:#3f4254;border-color:#a1a5b7}.employee-search-chip.is-on{background:var(--hris-brand,var(--eco-primary));border-color:var(--hris-brand,var(--eco-primary));color:#fff}.employee-search-chip-count{background:#fff3;border-radius:999px;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;margin-left:.35rem;font-size:.65rem;display:inline-flex}.employee-search-chip-sep{background:#e4e6ef;width:1px;height:1rem}.employee-search-advanced{background:#fbfcfe;border:1px solid #e4e6ef;border-radius:.85rem;margin-top:.85rem;padding:1.25rem 1.35rem 1.35rem;box-shadow:0 10px 28px #181c320f}.employee-search-advanced-head{border-bottom:1px solid #eff2f5;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:.85rem;display:flex}.employee-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.employee-filter-block{background:#fff;border:1px solid #eff2f5;border-radius:.7rem;min-width:0;padding:.85rem .9rem}.employee-filter-head{color:#3f4254;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.78rem;font-weight:700;display:flex}.employee-filter-clear{color:#7e8299;background:0 0;border:0;padding:0;font-size:.72rem;font-weight:600}.employee-filter-search{margin-bottom:.45rem;position:relative}.employee-filter-search i{color:#a1a5b7;font-size:.75rem;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.employee-filter-search input{background:#fff;border:1px solid #e4e6ef;border-radius:.45rem;outline:none;width:100%;height:34px;padding:0 .7rem 0 1.85rem;font-size:.8rem}.employee-filter-search input:focus{border-color:#3f4254}.employee-filter-list{background:#fff;border:1px solid #eff2f5;border-radius:.5rem;max-height:216px;overflow-y:auto}.employee-filter-option{text-align:left;color:#3f4254;background:0 0;border:0;border-bottom:1px solid #eff2f5;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.42rem .65rem;font-size:.8rem;display:flex}.employee-filter-option:last-child{border-bottom:0}.employee-filter-option:hover{background:#f6f8fc}.employee-filter-option.is-on{background:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 9%, #fff);color:var(--hris-brand,var(--eco-primary));font-weight:600}.employee-filter-option.is-on:after{color:inherit;content:"✓";margin-left:auto;font-size:.75rem;font-weight:700}.employee-filter-count{color:inherit;opacity:.65;flex:none;font-size:.68rem;font-weight:700}.employee-filter-empty{color:#a1a5b7;text-align:center;padding:.7rem;font-size:.75rem}.employee-filter-extra{border-top:1px solid #eff2f5;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.1rem;padding-top:1rem;display:grid}@media (width<=991.98px){.employee-filter-extra{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=575.98px){.employee-filter-extra{grid-template-columns:minmax(0,1fr)}}.employee-filter-chips-label{color:#5e6278;margin-bottom:.4rem;font-size:.75rem;font-weight:700}@media (width<=1399.98px){.employee-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767.98px){.employee-filter-grid{grid-template-columns:1fr}.employee-search-bar{flex-wrap:wrap;min-height:0;overflow:visible}.employee-search-scope{border-bottom:1px solid #e4e6ef;border-right:0;flex:100%;height:42px}.employee-search-field{flex:auto}.employee-search-input{height:44px}.employee-search-submit{flex:100%;height:42px}}.signin-shell{background:#fff;flex:auto;width:100%;min-height:100vh;display:flex}.signin-form-pane{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2.5rem 1.5rem;display:flex}.signin-form-card{width:100%;max-width:420px}.signin-company-name{color:#0f172a;letter-spacing:-.02em;margin:0 0 1.25rem;font-size:1.35rem;font-weight:800;line-height:1.25}.signin-hero{background-color:#60a5fa;width:50%;min-height:100vh;display:none;position:relative;overflow:hidden}.signin-hero--studio{background-color:#f1416c}.signin-hero-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.signin-hero-brand{z-index:2;color:#fff;letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:.8rem;font-size:clamp(1.45rem,2.5vw,2.05rem);font-weight:800;display:flex;position:absolute;top:7%;left:50%;transform:translate(-50%)}.signin-hero-mark{background:#ffffff38;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:flex}.signin-hero-mark i{background:#fff;border-radius:8px;width:8px;height:22px;display:block}.signin-hero-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.signin-hero-option{text-align:left;background:#fff;border:2px solid #e4e6ef;border-radius:14px;width:100%;padding:0;display:block;overflow:hidden}.signin-hero-option.is-selected{border-color:var(--hris-brand,var(--eco-primary));box-shadow:0 0 0 3px color-mix(in srgb, var(--hris-brand,var(--eco-primary)) 18%, transparent)}.signin-hero-option img{object-fit:cover;width:100%;height:108px;display:block}.signin-hero-option span{color:#3f4254;padding:.55rem .75rem .7rem;font-size:.85rem;font-weight:700;display:block}@media (width>=992px){.signin-form-pane{width:50%}.signin-hero{display:block}}.search-select{width:100%;position:relative}.search-select-control{text-align:left;color:#181c32;cursor:pointer;background:#fff;border:1px solid #e4e6ef;border-radius:.475rem;align-items:center;gap:.5rem;width:100%;min-height:42.5px;padding:.55rem .85rem;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}.search-select-control.is-solid{background:#fff;border-color:#0000}.search-select-control:hover:not(.is-disabled){border-color:#b5b5c3}.search-select-control.is-open,.search-select-control:focus-visible{border-color:var(--hris-brand,var(--eco-primary));box-shadow:0 0 0 .25rem color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 15%, transparent);outline:none}.search-select-control.is-invalid{border-color:#f1416c}.search-select-control.is-invalid.is-open,.search-select-control.is-invalid:focus-visible{box-shadow:0 0 0 .25rem #f1416c26}.search-select-control.is-disabled{opacity:.6;cursor:not-allowed}.search-select-value{flex-direction:column;flex:1;min-width:0;font-size:.95rem;font-weight:600;line-height:1.25;display:flex}.search-select-value.is-placeholder{color:#a1a5b7;font-weight:500}.search-select-value-sub{color:#a1a5b7;margin-top:.1rem;font-size:.72rem;font-weight:500}.search-select-value-main{align-items:center;gap:.45rem;min-width:0;display:flex}.search-select-option-hint{color:#009ef7;margin-top:.12rem;font-size:.7rem;font-weight:600}.search-select-pill{letter-spacing:.02em;text-transform:uppercase;color:#009ef7;background:#f1faff;border-radius:.35rem;flex-shrink:0;padding:.12rem .4rem;font-size:.62rem;font-weight:700}.search-select-pill.is-control{margin-left:auto}.search-select-caret{color:#a1a5b7;font-size:.8rem}.search-select-clear{color:#a1a5b7;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;padding:0;font-size:.65rem;display:inline-flex}.search-select-clear:hover{color:#5e6278;background:#eef3f7}.search-select-menu{background:#fff;border:1px solid #e4e6ef;border-radius:.75rem;overflow:hidden;box-shadow:0 8px 30px #0f223a1f}.search-select-search{border-bottom:1px solid #eff2f5;padding:.65rem .75rem;position:relative}.search-select-search i{color:#a1a5b7;font-size:.85rem;position:absolute;top:50%;left:1.2rem;transform:translateY(-50%)}.search-select-search input{color:#181c32;background:#fff;border:0;border-radius:.475rem;outline:none;width:100%;padding:.55rem .75rem .55rem 2.1rem;font-size:.9rem}.search-select-search input:focus{background:#eef6ff}.search-select-list{padding:.35rem 0;overflow-y:auto}.search-select-empty{color:#a1a5b7;padding:.85rem 1rem;font-size:.85rem}.search-select-option{text-align:left;color:#3f4254;background:0 0;border:0;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem;display:flex}.search-select-option-text{flex-direction:column;flex:1;min-width:0;display:flex}.search-select-option-label{color:#181c32;font-size:.9rem;font-weight:600}.search-select-option-sub{color:#a1a5b7;margin-top:.05rem;font-size:.75rem}.search-select-option.is-active{background:#f1faff}.search-select-option.is-active .search-select-option-label{color:#009ef7}.search-select-option.is-selected{background:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 6%, #fff)}.search-select-option.is-selected .search-select-option-label{color:var(--hris-brand,var(--eco-primary))}.search-select-check{color:var(--hris-brand,var(--eco-primary));font-size:1rem}.search-select-group{letter-spacing:.04em;text-transform:uppercase;color:#a1a5b7;border-top:1px solid #eff2f5;padding:.55rem 1rem .25rem;font-size:.7rem;font-weight:700}.search-select-group:first-child{border-top:0;padding-top:.4rem}.org-chart-flow{background:#fff;border:1px solid #e4e6ef;border-radius:.75rem;width:100%;height:min(70vh,640px);min-height:420px;overflow:hidden}.org-flow-card{background:#fff;border:1px solid #e4e6ef;border-radius:.75rem;width:220px;padding:.75rem .85rem;box-shadow:0 0 20px #4c577d0f}.org-flow-card.is-inactive{opacity:.7}.org-flow-avatar{color:#3e97ff;background:#eef6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.7rem;font-weight:700;display:flex}.org-chart-flow .react-flow__node{cursor:grab}.org-chart-flow .react-flow__node.dragging{cursor:grabbing}.org-chart-flow .react-flow__node.org-flow-node--dim{opacity:.28}.org-chart-flow .react-flow__node.org-flow-node--match .org-flow-card{border-color:#ffc700;box-shadow:0 0 0 2px #ffc70047}.org-chart-flow .react-flow__node.org-flow-node--drop-target .org-flow-card{border-color:#3e97ff;box-shadow:0 0 0 3px #3e97ff47}.org-chart-flow .react-flow__node.org-flow-node--drop-invalid .org-flow-card{border-color:#f1416c;box-shadow:0 0 0 3px #f1416c33}.org-chart-flow .react-flow__handle{opacity:0;pointer-events:none;width:8px;height:8px}.org-chart-flow .react-flow__controls{border:1px solid #e4e6ef;border-radius:.5rem;overflow:hidden;box-shadow:0 0 20px #4c577d14}.org-chart-flow .react-flow__minimap{border:1px solid #e4e6ef;border-radius:.5rem;overflow:hidden}.org-chart-flow .react-flow__attribution{background:0 0;font-size:9px}.nara-launcher{z-index:1030;background:var(--hris-brand,var(--eco-primary));width:68px;height:68px;box-shadow:0 12px 32px color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 30%, transparent), 0 0 0 6px color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 10%, transparent);border:3px solid #ffffffeb;border-radius:50%;padding:0;transition:transform .16s,box-shadow .16s;position:fixed;bottom:28px;right:28px;overflow:hidden}.nara-launcher:hover{transform:translateY(-2px)}.nara-launcher:focus-visible{outline-offset:4px;outline:3px solid #181c32}.nara-avatar{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.nara-avatar svg{width:70%;height:70%}.nara-launcher-dot{background:#50cd89;border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;bottom:6px;right:3px}.nara-discovery{z-index:1029;background:#fff;border:1px solid #e4e6ef;border-radius:8px;width:min(300px,100vw - 40px);padding:14px 42px 14px 16px;position:fixed;bottom:108px;right:28px;box-shadow:0 10px 30px #181c3224}.nara-discovery-dismiss{color:#7e8299;background:0 0;border:0;width:28px;height:28px;font-size:20px;position:absolute;top:6px;right:8px}.nara-drawer-backdrop{z-index:1040;background:#181c3247;position:fixed;inset:0}.nara-drawer{background:#fff;flex-direction:column;width:min(720px,64vw);height:100%;display:flex;position:absolute;top:0;right:0;box-shadow:-16px 0 42px #181c3233}.nara-drawer-header{background:#fff;border-bottom:1px solid #e4e6ef;justify-content:space-between;align-items:center;min-height:72px;padding:12px 20px;display:flex}.nara-drawer-header .nara-avatar{width:46px;height:46px;color:var(--hris-brand,var(--eco-primary));background:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 10%, transparent);border-radius:50%;flex:0 0 46px}.nara-drawer-body{flex:1;min-height:0;padding:18px;overflow:auto}.nara-drawer-body>.card{min-height:100%;margin:0}@media (width<=767.98px){.nara-launcher{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:60px;height:60px}.nara-discovery{right:18px;bottom:calc(90px + env(safe-area-inset-bottom))}.nara-drawer{width:100%}.nara-drawer-body{padding:0}.nara-drawer-body>.card{border-radius:0;box-shadow:none!important}}html[data-eco-app=hris],html[data-eco-app=hris] body,body#kt_body,#root,#root>div,[data-testid=authenticated-layout],.app-shell-body,.app-shell-main,.app-shell-main>header,.app-shell-main>main,.dashboard-search-banner,.dashboard-main,.dashboard-page,.dashboard-body,.dashboard-body-main,.dashboard-body-side,.hris-content{background-color:#fff!important;background-image:none!important}html[data-eco-app=hris] .app-shell-main .bg-light,html[data-eco-app=hris] .app-shell-main .bg-body-secondary,html[data-eco-app=hris] .app-shell-main .bg-gray-100,html[data-eco-app=hris] .dashboard-page .progress{background-color:#fff!important}html[data-eco-app=hris] .dashboard-page .progress{border:1px solid var(--eco-border,#eff2f5)}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}