.hrpayroll-shell{min-height:100vh;max-width:100vw;overflow:hidden;font-family:"Montserrat",sans-serif;color:#222020;font-weight:500}.hrpayroll-shell .hrpayroll-main-layout{width:100%;max-width:100vw;max-height:100svh}.hrpayroll-shell .hrpayroll-main{position:relative;height:calc(100svh - 72px);margin-left:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(152,166,187,0.3) transparent}.hrpayroll-shell .hrpayroll-main::-webkit-scrollbar{width:8px;height:8px}.hrpayroll-shell .hrpayroll-main::-webkit-scrollbar-track{background:transparent}.hrpayroll-shell .hrpayroll-main::-webkit-scrollbar-thumb{background-color:rgba(152,166,187,0.3);border:2px solid transparent;border-radius:8px;background-clip:padding-box}@media (max-width:991.98px){.hrpayroll-shell .hrpayroll-main{height:calc(100svh - 63px)}}.hrpayroll-navbar .hrpayroll-navbar-logo{display:flex;align-items:center}.hrpayroll-navbar .hrpayroll-navbar-logo img{display:block;width:82px;height:auto}.hrpayroll-navbar-left{align-self:stretch}.hrpayroll-navbar .hrpayroll-nav{display:flex;align-items:stretch;gap:4px;margin-left:24px;align-self:stretch}.hrpayroll-navbar .hrpayroll-nav-link{position:relative;display:flex;align-items:center;gap:8px;padding:0 14px;border:0;background:transparent;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:#222020;text-decoration:none;white-space:nowrap}.hrpayroll-navbar button.hrpayroll-nav-link:focus{outline:none}.hrpayroll-navbar .hrpayroll-nav-link:hover,.hrpayroll-navbar .hrpayroll-nav-link.active{color:#006462;text-decoration:none}.hrpayroll-navbar .hrpayroll-menu-icon{width:18px;height:18px;flex-shrink:0}.hrpayroll-navbar .hrpayroll-nav-link::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-20px;height:2px;width:0;border-radius:2px 2px 0 0;background:#006462;transition:width 0.2s ease-in-out}.hrpayroll-navbar .hrpayroll-nav-link.active::after{width:100%}@media (max-width:991.98px){.hrpayroll-navbar .hrpayroll-nav-link::after{bottom:-0.9rem}.hrpayroll-navbar .hrpayroll-menu{top:calc(100% + 0.9rem)}}.hrpayroll-navbar .hrpayroll-caret{display:inline-flex;align-items:center}.hrpayroll-navbar .hrpayroll-caret svg{transition:transform 0.2s ease}.hrpayroll-navbar .hrpayroll-caret.open svg{transform:rotate(180deg)}@keyframes hrpayroll-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hrpayroll-navbar .hrpayroll-dd{position:relative;display:flex;align-items:stretch;z-index:1}.hrpayroll-navbar .hrpayroll-nav > a.hrpayroll-nav-link{z-index:1}.hrpayroll-navbar .hrpayroll-menu{position:absolute;top:calc(100% + 20px);left:0;z-index:1;min-width:200px;padding:6px;background:#fff;border:1px solid #e8ecef;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08);animation:hrpayroll-drop 0.18s ease}.hrpayroll-navbar .hrpayroll-menu > a{display:block;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:400;color:#1f1f1f;text-decoration:none;white-space:nowrap}.hrpayroll-navbar .hrpayroll-menu > a:hover,.hrpayroll-navbar .hrpayroll-menu > a.active{background:#f0f7f7;color:#006462}.hrpayroll-navbar .hrpayroll-menu > a.active{font-weight:500}.hrpayroll-navbar .hrpayroll-dd-backdrop{position:fixed;inset:0}.hrpayroll-shell .sidebar-backdrop{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);z-index:1001}body.sidebar-mobile-show .hrpayroll-shell .sidebar-backdrop{display:block}.hrpayroll-title{margin-left:2px;margin-right:14px;line-height:1;font-size:24px;font-weight:600;color:#006462;border-bottom:none;white-space:nowrap;margin-bottom:0}.hrpayroll-shell .sidebar .logo-mini{display:none !important}@media (min-width:992px){.hrpayroll-shell .sidebar{display:none}}@media (max-width:991.98px){.hrpayroll-shell .sidebar{display:flex;flex-direction:column;width:270px;max-width:85vw;position:fixed;top:0 !important;left:0;bottom:0;height:100vh;margin-left:0;margin-top:0;padding-top:0;background:#fff;border-right:1px solid #e2e4e6;overflow:hidden;z-index:1002;transform:translateX(-100%);transition:transform 0.25s ease}body.sidebar-mobile-show .hrpayroll-shell .sidebar{transform:translateX(0)}.hrpayroll-shell .sidebar .sidebar-nav{width:270px;max-width:85vw;margin-left:0;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-left:11px;padding-right:11px}.hrpayroll-shell .sidebar .sidebar-nav .nav{width:auto}body.sidebar-mobile-show .hrpayroll-shell .sidebar .sidebar-nav{transform:translateX(0)}.hrpayroll-shell .sidebar .logo{height:50px;width:auto}.hrpayroll-shell .sidebar .nav-link{border-radius:7px}.hrpayroll-shell .sidebar .nav-link:hover{background-color:#cbdbd9}.hrpayroll-shell .sidebar .nav-link.active,.hrpayroll-shell .sidebar .nav-dropdown.open > .nav-link{color:#006462;font-weight:600;background-color:#e6f0ef}.hrpayroll-shell .sidebar .nav-item.nav-dropdown,.hrpayroll-shell .sidebar .nav-dropdown-items{background-color:transparent}.hrpayroll-shell .sidebar .nav-link.active::after,.hrpayroll-shell .sidebar .nav-dropdown.open > .nav-link::after{content:"";position:absolute;left:0;top:5px;bottom:5px;width:8px;background-color:#006462;border-radius:4px;clip-path:inset(0 5px 0 0)}}.hrpayroll-comingsoon{display:flex;justify-content:center;padding:48px 16px}.hrpayroll-comingsoon-card{max-width:560px;width:100%;text-align:center;background:#fff;border:1px solid #e8ecef;border-radius:12px;padding:40px 32px}.hrpayroll-comingsoon-card h1{font-size:20px;font-weight:700;margin-bottom:8px}.hrpayroll-comingsoon-card p{margin:0;font-size:13px;color:#6b7280}@media (max-width:991.98px){.hrpayroll-navbar .hrpayroll-navbar-logo img{width:64px}.hrpayroll-navbar .hrpayroll-nav{display:none}}.hrpayroll-shell .hrpayroll-trail{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none;background:transparent}.hrpayroll-shell .hrpayroll-trail-item + .hrpayroll-trail-item::before{display:inline-block;padding-right:0.5rem;padding-left:0.5rem;color:#536c79;content:"/"}.hrpayroll-shell .hrpayroll-trail-item.active{color:#536c79}body.theme-dark .hrpayroll-navbar .hrpayroll-nav-link{color:var(--dk-text-secondary) !important}body.theme-dark .hrpayroll-navbar .hrpayroll-nav-link:hover,body.theme-dark .hrpayroll-navbar .hrpayroll-nav-link.active{color:var(--dk-color-accent) !important}body.theme-dark .hrpayroll-navbar .hrpayroll-nav-link::after{background:var(--dk-color-accent) !important}body.theme-dark .hrpayroll-navbar .hrpayroll-menu{background:var(--dk-bg-surface) !important;border-color:var(--dk-border-subtle) !important;box-shadow:0 4px 16px var(--dk-shadow-sm) !important}body.theme-dark .hrpayroll-navbar .hrpayroll-menu > a{color:var(--dk-text-primary) !important}body.theme-dark .hrpayroll-navbar .hrpayroll-menu > a:hover{background:var(--dk-bg-row-hover) !important;color:var(--dk-text-primary) !important}body.theme-dark .hrpayroll-navbar .hrpayroll-menu > a.active{background:var(--dk-color-primary) !important;color:var(--dk-text-white) !important}body.theme-dark .hrpayroll-comingsoon-card{background:var(--dk-bg-surface) !important;border-color:var(--dk-border-subtle) !important}body.theme-dark .hrpayroll-comingsoon-card h1{color:var(--dk-text-primary) !important}body.theme-dark .hrpayroll-comingsoon-card p{color:var(--dk-text-muted) !important}@media (max-width:991.98px){body.theme-dark .hrpayroll-shell .sidebar{background:var(--dk-bg-darkest) !important;border-right-color:var(--dk-border-ghost) !important}}body.theme-dark .hrpayroll-shell .sidebar .nav-link{color:#a7b3b2 !important}body.theme-dark .hrpayroll-shell .sidebar .nav-link:hover{background-color:rgba(255,255,255,0.08) !important;color:var(--dk-text-white) !important}body.theme-dark .hrpayroll-shell .sidebar .nav-link.active,body.theme-dark .hrpayroll-shell .sidebar .nav-dropdown.open > .nav-link{background-color:var(--dk-bg-teal-preview) !important;color:#9fdedc !important;font-weight:600 !important;position:relative;overflow:hidden}body.theme-dark .hrpayroll-shell .sidebar .nav-link.active::after,body.theme-dark .hrpayroll-shell .sidebar .nav-dropdown.open > .nav-link::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#35a09d}@media (max-width:991.98px){body.theme-semi-dark .hrpayroll-shell .sidebar{background-color:#006664 !important;border-right:none !important}}body.theme-semi-dark .hrpayroll-shell .sidebar .nav-link{color:#ffffff !important}body.theme-semi-dark .hrpayroll-shell .sidebar .nav-item.nav-dropdown,body.theme-semi-dark .hrpayroll-shell .sidebar .nav-dropdown-items{background-color:transparent !important}body.theme-semi-dark .hrpayroll-shell .sidebar .nav-link:hover{background-color:rgba(255,255,255,0.08) !important;color:#ffffff !important}body.theme-semi-dark .hrpayroll-shell .sidebar .nav-link.active,body.theme-semi-dark .hrpayroll-shell .sidebar .nav-dropdown.open > .nav-link{background-color:rgba(255,255,255,0.15) !important;color:#ffffff !important;font-weight:600 !important;position:relative;overflow:hidden}body.theme-semi-dark .hrpayroll-shell .sidebar .nav-link.active::after,body.theme-semi-dark .hrpayroll-shell .sidebar .nav-dropdown.open > .nav-link::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#ffffff}body.theme-semi-dark .hrpayroll-shell .sidebar .dot-sidebar{filter:brightness(0) invert(1) opacity(0.7) !important}body.theme-semi-dark .hrpayroll-shell .sidebar .active > .dot-sidebar,body.theme-semi-dark .hrpayroll-shell .sidebar .nav-dropdown.open > .nav-link > .dot-sidebar{filter:brightness(0) invert(1) opacity(1) !important}body.theme-semi-dark .hrpayroll-shell .sidebar .sidebar-theme-toggle{border-top-color:rgba(255,255,255,0.15) !important}body.theme-semi-dark .hrpayroll-shell .sidebar .sidebar-theme-toggle .theme-toggle-btn{color:#ffffff !important}body.theme-semi-dark .hrpayroll-shell .sidebar .sidebar-theme-toggle .theme-toggle-btn:hover{background:rgba(255,255,255,0.12) !important;color:#ffffff !important}body.theme-semi-dark .hrpayroll-shell .sidebar .sidebar-theme-toggle .theme-toggle-btn.active{background:rgba(255,255,255,0.22) !important;color:#ffffff !important}.hrpayroll-shell .hr-jadwal-drag{cursor:grab !important}.hrpayroll-shell .hr-jadwal-drag:active{cursor:grabbing !important}.hrpayroll-shell .no-ng-animate .table-danger-add,.hrpayroll-shell .no-ng-animate .table-danger-remove,.hrpayroll-shell .no-ng-animate .table-danger-add-active,.hrpayroll-shell .no-ng-animate .table-danger-remove-active,.hrpayroll-modal-jadwal .no-ng-animate .table-danger-add,.hrpayroll-modal-jadwal .no-ng-animate .table-danger-remove,.hrpayroll-modal-jadwal .no-ng-animate .table-danger-add-active,.hrpayroll-modal-jadwal .no-ng-animate .table-danger-remove-active{transition:none !important;animation:none !important}.hr-home{display:flex;flex-direction:column;gap:16px}.hr-home-top{display:grid;grid-template-columns:5fr 7fr;gap:16px;align-items:stretch}.hr-home-bottom{display:grid;grid-template-columns:3fr 5fr 4fr;gap:16px;align-items:start}.hr-home-card{background:#fff;border:1px solid #e8ecef;border-radius:12px;padding:16px;min-width:0;display:flex;flex-direction:column}.hr-home-card-title{display:block;font-size:14px;margin-bottom:12px}.hr-home-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.hr-home-card-head .hr-home-card-title{margin:0}.hr-home-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.hr-home-filters .ts-wrapper{min-width:170px;font-size:12px}.hr-home-filters .yearpicker-wrapper .input-form{font-size:12px;padding:6px 10px}.hr-home-calcard{justify-content:stretch}.hr-home-calwrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;align-items:stretch}.hr-home-cal{display:flex;flex-direction:column;min-width:0}.hr-home-cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hr-home-cal-head strong{font-size:14px}.hr-home-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:36px;align-content:start;text-align:center;font-size:12px;flex:none}.hr-home-cal-grid.hr-home-cal-body{flex:1;grid-auto-rows:1fr;align-content:stretch;min-height:216px}.hr-home-cal-grid span{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:4px 0;border-radius:8px;cursor:pointer;transition:background-color 0.15s ease}.hr-home-cal-grid:not(.hr-home-cal-days) span:hover{background:#f3f4f6}.hr-home-cal-grid:not(.hr-home-cal-days) span.hr-home-sel:hover{background:#e6f0ef}.hr-home-cal-days{flex:none}.hr-home-cal-days span{cursor:default;color:#374151}.hr-home-sun{color:#e11d48}.hr-home-dim{opacity:0.35}.hr-home-sel{background:#e6f0ef;color:#006462;font-weight:700}.hr-home-daily{display:flex;flex-direction:column;min-width:0;transition:opacity 0.15s ease}.hr-home-daily.is-loading{opacity:0.55}.hr-home-daily-title{display:block;font-size:14px;margin-bottom:12px}.hr-home-stats{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:12px;flex:1;align-content:stretch;align-items:stretch}.hr-home-stat{border:1px solid #eef1f3;border-radius:10px;padding:12px;min-width:0;display:flex;flex-direction:column;justify-content:center}.hr-home-stat-num{font-size:24px;font-weight:700;color:#006462;line-height:1;min-height:24px}.hr-home-stat-lbl{font-size:11px;color:#6b7280;margin:2px 0 8px}.hr-home-stack{display:flex;align-items:center;min-height:28px}.hr-home-stack img{width:28px;height:28px;flex:none;border-radius:50%;border:2px solid #fff;object-fit:cover;background:#f3f4f6}.hr-home-stack img + img{margin-left:-10px}.hr-home-more{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:50%;background:#f3f4f6;border:2px solid #fff;font-size:10px;margin-left:-10px}.hr-home-legend{display:flex;gap:16px;font-size:11px;color:#6b7280;margin-top:8px;flex-wrap:wrap}.hr-home-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.hr-home-trend-body{height:300px;min-height:300px;max-height:300px;overflow:hidden}.hr-home-loading{height:300px;min-height:300px;max-height:300px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:12px}.hr-home-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:16px;row-gap:6px;border-bottom:1px solid #e5e7eb;margin-bottom:12px}.hr-home-tab{position:relative;border:0;background:transparent;padding:8px 2px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;flex-shrink:0}.hr-home-tab:focus,.hr-home-tab:focus-visible,.hr-home-tab:active{outline:none;box-shadow:none}.hr-home-tab:hover,.hr-home-tab.active{color:#006462}.hr-home-tab::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-1px;height:2px;width:0;border-radius:2px 2px 0 0;background:#006462;transition:width 0.2s ease-in-out}.hr-home-tab.active::after{width:100%}.hr-home-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e5484d;color:#fff;font-size:10px;font-weight:700;margin-left:4px;flex-shrink:0;vertical-align:1px}.hr-home-linkwrap{margin-left:auto;padding-bottom:4px;display:inline-flex;align-items:center}.hr-home-trend #chart-hr-trend{background:linear-gradient(to top,rgba(11,93,91,0.08) 0%,rgba(11,93,91,0) 100%);border-radius:8px}.hr-home-memo-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #f1f3f5;position:relative}.hr-home-memo-item strong{font-size:12px;display:block}.hr-home-memo-item p{font-size:11px;color:#9ca3af;margin:2px 0}.hr-home-memo-item small{font-size:10px;color:#9ca3af}.hr-home-memo-ic{width:32px;height:32px;border-radius:50%;background:#eef5f5;color:#006462;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hr-home-unread{position:absolute;right:0;top:14px;width:7px;height:7px;border-radius:50%;background:#e5484d}.hr-home-center{display:flex;justify-content:center;padding-top:12px}.hr-home-imp-item{padding:10px 0;border-bottom:1px solid #f1f3f5;font-size:12px}@media (max-width:1199.98px){.hr-home-top{grid-template-columns:1fr}.hr-home-bottom{grid-template-columns:1fr 1fr}}@media (max-width:991.98px){.hr-home-bottom{grid-template-columns:1fr}.hr-home-calwrap{grid-template-columns:1fr}}@media (max-width:575.98px){.hr-home-card-head{align-items:flex-start;flex-direction:column}.hr-home-linkwrap{margin-left:0}}body.theme-dark .hr-home-card,body.theme-dark .hr-home-stat{background:var(--dk-bg-surface) !important;border-color:var(--dk-border-subtle) !important}body.theme-dark .hr-home-tab{color:var(--dk-text-muted) !important}body.theme-dark .hr-home-tab:hover,body.theme-dark .hr-home-tab.active{color:var(--dk-color-accent) !important}body.theme-dark .hr-home-tab::after{background:var(--dk-color-accent) !important}.hr-pengaturan-wrap{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:start}.hr-pengaturan-content{min-width:0}.hr-pengaturan-side{position:sticky;top:12px}.hr-pengaturan-panel{border-radius:8px}@media (max-width:991.98px){.hr-pengaturan-wrap{grid-template-columns:1fr}.hr-pengaturan-side{position:static}}body.theme-dark .hr-pengaturan-head{background:var(--dk-bg-surface) !important;border-color:var(--dk-border-subtle) !important;color:var(--dk-color-accent) !important}body.theme-dark .hr-pengaturan-panel .nav-pills .nav-link{color:var(--dk-text-secondary) !important}body.theme-dark .hr-pengaturan-panel .nav-pills .nav-link:hover{color:var(--dk-color-accent) !important}body.theme-dark .hr-pengaturan-panel .nav-pills .nav-link.active{background-color:#006462 !important;color:#fff !important}.hrpayroll-modal-izin .hr-izin-view{display:flex;flex-direction:column;gap:16px}.hrpayroll-modal-izin .hr-izin-person{display:flex;align-items:center;gap:12px}.hrpayroll-modal-izin .hr-izin-person-info{display:flex;flex-direction:column;gap:2px;min-width:0}.hrpayroll-modal-izin .hr-izin-period{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hrpayroll-modal-izin .hr-izin-period-item{display:flex;flex-direction:column;gap:2px}.hrpayroll-modal-izin .hr-izin-period-arrow{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#ffffff;box-shadow:0 0 5px rgba(0,0,0,0.05);color:#1f1f1f;flex-shrink:0}.hrpayroll-modal-izin .hr-izin-total{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background-color:#e6f0ef;color:#006462;font-weight:600;white-space:nowrap}.hrpayroll-modal-izin .hr-izin-divider{margin:0;border:0;border-top:1px solid #e8ecef}.hrpayroll-modal-izin .hr-izin-section{display:flex;flex-direction:column;gap:8px}.hrpayroll-modal-izin .hr-izin-bukti{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;max-width:100%;min-height:64px;padding:12px 24px;border:1px dashed #e8ecef;border-radius:16px;background-color:#ffffff;color:#6c757d;font-weight:500}.hrpayroll-modal-izin .hr-izin-approver{display:flex;align-items:flex-start;gap:8px}.hrpayroll-modal-izin .hr-izin-approver-info{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.hrpayroll-modal-izin .hr-izin-approver-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}body.theme-dark .hrpayroll-modal-izin .hr-izin-period-arrow{background-color:var(--dk-bg-surface) !important;color:var(--dk-text-primary) !important}body.theme-dark .hrpayroll-modal-izin .hr-izin-total{background-color:var(--dk-bg-teal-preview) !important;color:#9fdedc !important}body.theme-dark .hrpayroll-modal-izin .hr-izin-divider{border-top-color:var(--dk-border-subtle) !important}body.theme-dark .hrpayroll-modal-izin .hr-izin-bukti{background-color:var(--dk-bg-surface) !important;border-color:var(--dk-border-subtle) !important;color:var(--dk-text-muted) !important}.hr-person{display:flex;align-items:center;gap:10px;min-width:0}.hr-person-avatar-wrap{position:relative;display:inline-flex;width:32px;height:32px;flex-shrink:0}.hr-person-avatar-wrap-lg{width:44px;height:44px}.hr-person-avatar-wrap-sm{width:40px;height:40px}.hr-person-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.hr-person-avatar-initial{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;background-color:#006462;color:#ffffff;font-size:13px;font-weight:600;text-transform:uppercase}.hr-person-avatar-wrap-lg .hr-person-avatar-initial{font-size:16px}.hr-person-avatar-img{position:absolute;inset:0;background-color:#ffffff}.hr-person-info{display:flex;flex-direction:column;min-width:0}.hr-person-name{color:#222020;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-person-role{color:#8a8d96;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.theme-dark .hr-person-name{color:var(--dk-text-primary)}body.theme-dark .hr-person-role{color:var(--dk-text-muted)}body.theme-dark .hr-person-avatar-img{background-color:var(--dk-bg-surface)}.hrpayroll-modal-checkclock .hr-checkclock-value{display:inline-flex;align-items:center;gap:8px;font-weight:500}.hrpayroll-modal-checkclock .hr-checkclock-icon{color:#6d6f78;flex-shrink:0}.hrpayroll-modal-checkclock .hr-checkclock-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hrpayroll-modal-checkclock .hr-checkclock-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:4px;background-color:#006462;color:#ffffff;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap}.hrpayroll-modal-checkclock .hr-checkclock-tag-out{background-color:#0989c4}.hrpayroll-modal-checkclock .hr-checkclock-tag-soft{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:4px 8px;border-radius:4px;background-color:#e6f0ef;color:#1f1f1f;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap}.hrpayroll-modal-checkclock .hr-checkclock-foto{display:block;width:64px;height:64px;border:1px solid #eee;border-radius:16px;object-fit:cover}body.theme-dark .hrpayroll-modal-checkclock .hr-checkclock-icon{color:var(--dk-text-muted) !important}body.theme-dark .hrpayroll-modal-checkclock .hr-checkclock-tag-soft{background-color:var(--dk-bg-teal-preview) !important;color:#9fdedc !important}body.theme-dark .hrpayroll-modal-checkclock .hr-checkclock-foto{border-color:var(--dk-border-subtle) !important}.hr-penggajian-tab-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background-color:#e5e7eb;color:#6b7280;font-size:12px;font-weight:700;line-height:1;flex-shrink:0}.hr-penggajian-form-card .hr-home-tab{display:inline-flex;align-items:center;gap:8px}.hr-penggajian-form-card .hr-home-tab.active .hr-penggajian-tab-num{background-color:#006462;color:#ffffff}.hr-penggajian-form-card table-component-v3 tfoot td,.hr-penggajian-unduh-modal table-component-v3 tfoot td{background-color:#f3f4f6 !important;color:#1f2937 !important;border-top:1px solid #e5e7eb}.hr-penggajian-form-card table-component-v3 table.table-style tbody tr:last-child td:first-child,.hr-penggajian-form-card table-component-v3 table.table-style tbody tr:last-child td:last-child{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.hr-penggajian-form-card table-component-v3 table.table-style tfoot tr:last-child td:first-child{border-bottom-left-radius:10px}.hr-penggajian-form-card table-component-v3 table.table-style tfoot tr:last-child td:last-child{border-bottom-right-radius:10px}.hr-penggajian-form-card table-component-v3 tfoot td.align-left,.hr-penggajian-form-card table-component-v3 tfoot td.text-left,.hr-penggajian-unduh-modal table-component-v3 tfoot td.align-left,.hr-penggajian-unduh-modal table-component-v3 tfoot td.text-left{text-align:left !important}.hr-penggajian-form-card table-component-v3 tfoot td.align-right,.hr-penggajian-form-card table-component-v3 tfoot td.text-right,.hr-penggajian-unduh-modal table-component-v3 tfoot td.align-right,.hr-penggajian-unduh-modal table-component-v3 tfoot td.text-right{text-align:right !important}.hr-penggajian-unduh-modal{padding:20px 24px}.hr-penggajian-unduh-modal .hr-unduh-step-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background-color:#006462;color:#ffffff;font-size:12px;font-weight:700;line-height:1;flex-shrink:0}.hr-penggajian-unduh-modal .hr-unduh-section{border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px;background-color:#ffffff}.hr-penggajian-unduh-modal .hr-unduh-check-item{display:flex;align-items:center;gap:8px;padding:5px 0;margin:0;font-size:13px;color:#374151;cursor:pointer;font-weight:400}.hr-penggajian-unduh-modal .hr-unduh-check-item input[type="checkbox"]{width:15px;height:15px;accent-color:#006462;cursor:pointer;margin:0}.jb-wrap{border:1px solid #e1e7e8;border-radius:8px;background:#ffffff;overflow:hidden}.jb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #eef2f3;flex-wrap:wrap}.jb-hint{font-size:11px;color:#6b7a7a}.jb-actions{display:flex;gap:6px}.jb-canvas{position:relative;height:calc(100vh - 300px);min-height:380px;overflow:hidden;background:#fbfcfc;cursor:grab;touch-action:none}.jb-canvas.is-panning{cursor:grabbing}.jb-svg{display:block;width:100%;height:100%;user-select:none}.jb-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:12px;color:#6b7a7a;pointer-events:none}.jb-node{cursor:pointer}.jb-node-box{fill:#ffffff;stroke:#cfd8d9;stroke-width:1;transition:fill 0.12s ease,stroke 0.12s ease}.jb-node:hover .jb-node-box{stroke:#006462}.jb-node.is-root .jb-node-box{stroke:#006462;stroke-width:1.5}.jb-node-label{font-size:12px;font-weight:600;fill:#24302f;pointer-events:none}.jb-node-sub{font-size:10px;fill:#6b7a7a;pointer-events:none}.jb-edge{fill:none;stroke:#c3cfd0;stroke-width:1.4}.jb-caret{cursor:pointer}.jb-caret-box{fill:#eef4f3;stroke:#b9cbc9;stroke-width:1}.jb-caret:hover .jb-caret-box{fill:#dcebe8;stroke:#006462}.jb-caret-label{font-size:11px;font-weight:700;fill:#006462;pointer-events:none}.modal-sheet .jb-canvas{height:calc(100vh - 280px)}body.theme-dark .jb-wrap{background:var(--dk-bg-surface);border-color:var(--dk-border-subtle)}body.theme-dark .jb-toolbar{border-bottom-color:var(--dk-border-faint)}body.theme-dark .jb-hint{color:var(--dk-text-muted)}body.theme-dark .jb-canvas{background:var(--dk-bg-dark)}body.theme-dark .jb-state{color:var(--dk-text-muted)}body.theme-dark .jb-node-box{fill:var(--dk-bg-surface-alt);stroke:var(--dk-border-solid)}body.theme-dark .jb-node:hover .jb-node-box{stroke:var(--dk-color-accent)}body.theme-dark .jb-node.is-root .jb-node-box{stroke:var(--dk-color-accent)}body.theme-dark .jb-node-label{fill:var(--dk-text-primary)}body.theme-dark .jb-node-sub{fill:var(--dk-text-muted)}body.theme-dark .jb-edge{stroke:var(--dk-border-strong)}body.theme-dark .jb-caret-box{fill:var(--dk-bg-item-multi);stroke:var(--dk-border-solid)}body.theme-dark .jb-caret:hover .jb-caret-box{fill:var(--dk-bg-hover-teal);stroke:var(--dk-color-accent)}body.theme-dark .jb-caret-label{fill:var(--dk-color-accent)}@media (max-width:767.98px){.jb-canvas,.modal-sheet .jb-canvas{height:calc(100vh - 340px);min-height:320px}.jb-hint{display:none}}