.spinner-wrap{display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.spinner-ring{display:inline-block;border-style:solid;border-color:var(--border-color);border-top-color:var(--init-primary-black, #111827);border-radius:50%;animation:spinner-rotate .7s linear infinite}.spinner-label{font-size:.9rem;color:var(--color-text-muted, #6b7280)}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner-ring{animation-duration:1.6s}}.login-page{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--login-background);text-align:center;padding:var(--space-xl)}.login-logo{width:170px;height:170px;margin-bottom:var(--space-md);object-fit:contain}.login-title{font-size:1.75rem;font-weight:700;color:var(--color-text);margin:0 0 var(--space-xs)}.login-subtitle{font-size:.95rem;color:var(--color-text-muted);margin:0 0 var(--space-lg)}.login-button{background:var(--init-primary-black);color:var(--init-primary-white);border:none;padding:6px 8px;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-xs)}.login-button:hover{background:#000}.arrow{font-weight:400;color:var(--color-primary)}.signed-in{display:flex;flex-direction:column;align-items:center}@media(max-width:640px){.login-page{padding:var(--space-md)}.login-logo{width:120px;height:120px;margin-bottom:var(--space-sm)}.login-title{font-size:1.4rem}.login-subtitle{font-size:.88rem;margin-bottom:var(--space-md)}}@media(max-height:700px){.login-page{padding:var(--space-sm)}.login-logo{width:90px;height:90px;margin-bottom:var(--space-xs)}.login-title{font-size:1.25rem;margin-bottom:4px}.login-subtitle{margin-bottom:var(--space-sm)}}.instruction-manual-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;box-sizing:border-box;height:32px;padding:0 7.5px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-primary);color:var(--color-text);cursor:pointer;font-size:.8rem;font-weight:600;transition:background .2s,border-color .2s}.instruction-manual-trigger:hover,.instruction-manual-trigger:focus-visible{border-color:var(--color-text-muted);background:var(--hover-bg)}.instruction-manual-trigger:focus-visible,.instruction-tour-button:focus-visible{outline:3px solid rgb(82 174 50 / 38%);outline-offset:2px}.instruction-manual-trigger-icon{width:21px;height:21px;flex:0 0 auto}.instruction-tour-layer{position:fixed;inset:0;z-index:2500;overscroll-behavior:none;touch-action:none}.instruction-tour-dismiss-area{position:fixed;inset:0;z-index:2499;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:default}.instruction-tour-backdrop{position:fixed;inset:0;z-index:2500;background:#0f172aad;pointer-events:none}.instruction-tour-mask{position:fixed;inset:0;z-index:2500;width:100vw;height:100vh;pointer-events:none}.instruction-tour-cutout{x:var(--tour-x);y:var(--tour-y);width:var(--tour-width);height:var(--tour-height);rx:var(--tour-radius);ry:var(--tour-radius);transition:x .38s cubic-bezier(.22,1,.36,1),y .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),height .38s cubic-bezier(.22,1,.36,1),rx .38s cubic-bezier(.22,1,.36,1),ry .38s cubic-bezier(.22,1,.36,1)}.instruction-tour-highlight{position:fixed;z-index:2501;box-sizing:border-box;border:3px solid var(--init-primary-green);border-radius:11px;box-shadow:0 0 0 6px #52ae3238,0 10px 32px #0f172a38;pointer-events:none;transition:top .38s cubic-bezier(.22,1,.36,1),left .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),height .38s cubic-bezier(.22,1,.36,1),border-radius .38s cubic-bezier(.22,1,.36,1)}.instruction-tour-tooltip{position:fixed;inset:auto;z-index:2502;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;max-height:min(620px,calc(100vh - 24px));max-height:min(620px,calc(100dvh - 24px));overflow:hidden;border:1px solid rgb(82 174 50 / 22%);border-radius:15px;background:var(--surface-elevated);box-shadow:0 20px 56px #0f172a52;color:var(--color-text);animation:instruction-tour-enter .2s ease-out}.instruction-tour-tooltip:before,.instruction-tour-tooltip:after{position:absolute;left:var(--tour-arrow-left, 50%);width:0;height:0;border-right:9px solid transparent;border-left:9px solid transparent;content:""}.instruction-tour-tooltip.is-below:before{top:-10px;border-bottom:10px solid rgb(82 174 50 / 28%)}.instruction-tour-tooltip.is-below:after{top:-8px;border-bottom:9px solid var(--surface-elevated)}.instruction-tour-tooltip.is-above:before{bottom:-10px;border-top:10px solid rgb(82 174 50 / 28%)}.instruction-tour-tooltip.is-above:after{bottom:-8px;border-top:9px solid var(--surface-secondary)}.instruction-tour-tooltip.is-centered:before,.instruction-tour-tooltip.is-centered:after,.instruction-tour-tooltip.is-floating:before,.instruction-tour-tooltip.is-floating:after{display:none}.instruction-tour-progress{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;padding:.85rem 1rem 0}.instruction-tour-progress span{height:4px;border-radius:999px;background:var(--border-color)}.instruction-tour-progress span.is-complete{background:var(--init-primary-green)}.instruction-tour-body{min-height:0;overflow-y:auto;padding:1rem 1.2rem 1.15rem;scrollbar-gutter:stable}.instruction-tour-step-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.45rem}.instruction-tour-step-meta span{color:var(--init-primary-green);font-size:.7rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.instruction-tour-step-meta strong{color:var(--color-text-muted);font-size:.72rem;font-weight:650}.instruction-tour-body h2{margin:0;color:var(--color-text);font-size:1.22rem;line-height:1.25}.instruction-tour-body h2:focus{outline:none}.instruction-tour-body>p{margin:.65rem 0 0;color:var(--color-text-muted);font-size:.92rem;line-height:1.58}.instruction-tour-body ul{display:grid;gap:.45rem;margin:.85rem 0 0;padding:.75rem .8rem .75rem 1.8rem;border-radius:9px;background:#52ae3214}.instruction-tour-body li{padding-left:.15rem;color:var(--color-text-muted);font-size:.84rem;line-height:1.46}.instruction-tour-body li::marker{color:var(--init-primary-green)}.instruction-tour-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--border-color);border-radius:0 0 15px 15px;background:var(--surface-secondary)}.instruction-tour-footer>div{display:flex;gap:.55rem}.instruction-tour-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:72px;min-height:34px;padding:6px 12px;border-radius:7px;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:650;transition:border-color .2s,background .2s,color .2s,transform .2s}.instruction-tour-button:disabled{cursor:not-allowed;opacity:.42}.instruction-tour-button-quiet{border:1px solid transparent;background:transparent;color:var(--color-text-muted)}.instruction-tour-button-quiet:hover{background:var(--surface-primary);color:var(--color-text)}.instruction-tour-button-secondary{border:1px solid var(--border-color);background:var(--surface-primary);color:var(--color-text)}.instruction-tour-button-secondary:hover:not(:disabled){border-color:var(--color-text-muted);background:var(--hover-bg)}.instruction-tour-button-primary{border:1px solid var(--init-primary-green);background:var(--init-primary-green);box-shadow:0 5px 14px #52ae322e;color:#fff}.instruction-tour-button-primary:hover{border-color:#438f2a;background:#438f2a;transform:translateY(-1px)}@keyframes instruction-tour-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:560px){.instruction-manual-trigger{height:30px;padding:0 5.5px;font-size:.72rem}.instruction-manual-trigger-icon{width:19px;height:19px}.instruction-tour-highlight{border-radius:9px}.instruction-tour-tooltip{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);border-radius:13px}.instruction-tour-body{padding:.9rem 1rem 1rem}.instruction-tour-body h2{font-size:1.1rem}.instruction-tour-body>p{font-size:.86rem}.instruction-tour-footer{padding:.65rem .75rem}.instruction-tour-button{min-width:64px;padding-right:9px;padding-left:9px}}@media(max-width:380px){.instruction-tour-progress{gap:3px;padding-right:.75rem;padding-left:.75rem}.instruction-tour-body{padding-right:.85rem;padding-left:.85rem}.instruction-tour-step-meta{align-items:flex-start;flex-direction:column;gap:.2rem}.instruction-tour-footer{display:grid;grid-template-columns:1fr;align-items:stretch}.instruction-tour-footer>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.instruction-tour-footer .instruction-tour-button{width:100%}}@media(max-height:700px){.instruction-tour-tooltip{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.instruction-tour-progress{padding-top:.65rem}.instruction-tour-body{padding-top:.75rem;padding-bottom:.85rem}.instruction-tour-footer{padding-top:.6rem;padding-bottom:.6rem}}@media(max-height:520px){.instruction-tour-progress{padding-top:.5rem}.instruction-tour-body{padding-top:.6rem;padding-bottom:.65rem}.instruction-tour-body h2{font-size:1rem}.instruction-tour-body>p,.instruction-tour-body li{font-size:.8rem}.instruction-tour-footer{padding-top:.45rem;padding-bottom:.45rem}.instruction-tour-button{min-height:30px}}@media(prefers-reduced-motion:reduce){.instruction-manual-trigger,.instruction-tour-cutout,.instruction-tour-highlight,.instruction-tour-button{transition:none}.instruction-tour-tooltip{animation:none}}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--surface-page)}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--init-primary-black)}.app-brand{display:flex;align-items:center;gap:.6rem}.brand-logo{height:38px;width:auto}.brand-title{font-weight:600;color:#fff}.app-panel-label{font-size:.75rem;font-weight:600;color:#fff;padding:3px 8px;border:1px solid rgba(255,255,255,.4);border-radius:999px;margin-left:.3rem}.app-user{position:relative;display:flex;align-items:center;gap:.6rem}.app-header-actions{display:flex;align-items:center;gap:.6rem}.app-header-menu-trigger,.app-header-menu-overlay,.app-header-profile,.app-header-signout{display:none}.app-theme-picker{display:flex;align-items:center;min-inline-size:0;margin:0;padding:2px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#ffffff14}.app-theme-legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-theme-button{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-width:30px;min-height:28px;padding:4px 6px;border:0;border-radius:6px;background:transparent;color:#d1d5db;cursor:pointer}.app-theme-button:hover{background:#ffffff1f;color:#fff}.app-theme-button[aria-pressed=true]{background:var(--init-primary-white);color:var(--init-primary-black)}.app-theme-button:focus-visible{outline:2px solid var(--init-primary-orange);outline-offset:2px}.app-theme-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-theme-button svg circle{fill:none}.app-theme-label{display:none}.app-user .instruction-manual-trigger,.app-user .app-mode-button{height:32px}.app-mode-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;box-sizing:border-box;height:32px;border:1px solid var(--border-color);border-radius:6px;padding:0 8px;background:var(--surface-primary);color:var(--color-text);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s}.app-mode-button-icon{width:22px;height:22px;flex:0 0 auto;object-fit:contain}:root[data-theme=dark] .instruction-manual-trigger-icon,:root[data-theme=dark] .app-mode-button-icon,:root[data-theme=dark] .app-account-signout-icon{filter:invert(1)}.app-mode-button:hover{background:var(--hover-bg);border-color:var(--color-text-muted)}.app-avatar{width:32px;height:32px;border-radius:50%;background:#75be5b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;overflow:hidden;flex-shrink:0}.app-avatar img{width:100%;height:100%;object-fit:cover}.app-user-name{font-size:.9rem;color:#edece5}.app-account{position:relative}.app-account-trigger{display:flex;align-items:center;gap:.6rem;padding:.25rem;border:none;border-radius:999px;background:transparent;color:var(--color-text);cursor:pointer;transition:box-shadow .15s}.app-account-trigger:hover .app-avatar,.app-account-trigger:focus-visible .app-avatar,.app-account-trigger[aria-expanded=true] .app-avatar{box-shadow:0 0 0 3px #0000001f}.app-account-overlay{position:fixed;inset:0;z-index:40}.app-account-menu{position:absolute;top:calc(100% + .6rem);right:0;z-index:50;width:240px;background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);box-shadow:0 10px 30px var(--overlay-shadow);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.app-account-menu-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-bottom:.75rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-color);width:100%}.app-avatar-lg{width:48px;height:48px;font-size:1.1rem}.app-account-menu-name{font-weight:600;color:var(--color-text);text-align:center}.app-avatar-edit{position:relative;display:inline-block;cursor:pointer}.app-avatar-edit img{width:100%;height:100%;border-radius:50%;object-fit:cover}.app-avatar-edit-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00000073;color:#fff;opacity:0;transition:opacity .15s}.app-avatar-edit-overlay svg{width:16px;height:16px}.app-avatar-edit:hover .app-avatar-edit-overlay,.app-avatar-edit:focus-within .app-avatar-edit-overlay{opacity:1}.app-account-menu-email{font-size:.8rem;color:var(--color-text-muted);text-align:center;word-break:break-all}.app-account-signout{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;border:1px solid var(--border-color);border-radius:6px;padding:6px 8px;background:var(--surface-primary);color:var(--color-text);cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.app-account-signout-icon{width:21px;height:21px;flex:0 0 auto}.app-account-signout:hover{background:var(--hover-bg);border-color:var(--color-text-muted)}.app-content{flex:1;padding:2rem;max-width:1350px;margin:0 auto;width:100%;box-sizing:border-box}@media(max-width:1024px){.app-topbar{padding:.5rem 1rem}.app-content{padding:1.25rem}.brand-title{font-size:.9rem}.app-header-actions{position:absolute;top:calc(100% + .65rem);right:0;z-index:50;display:none;width:min(320px,calc(100vw - 1.5rem));box-sizing:border-box;padding:.75rem;flex-direction:column;align-items:stretch;gap:.7rem;border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);background:var(--surface-secondary);box-shadow:0 10px 30px var(--overlay-shadow)}.app-header-actions.is-open{display:flex}.app-account{display:none}.app-header-menu-overlay{position:fixed;inset:0;z-index:40;display:block;padding:0;border:0;background:#0000008c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.app-header-menu-trigger{display:inline-flex;width:32px;height:32px;padding:7px 6px;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:#ffffff14;color:#fff;cursor:pointer}.app-header-menu-trigger:hover,.app-header-menu-trigger:focus-visible,.app-header-menu-trigger[aria-expanded=true]{background:#ffffff29}.app-header-menu-trigger:focus-visible{outline:2px solid var(--init-primary-orange);outline-offset:2px}.app-header-menu-trigger[aria-expanded=true]{position:relative;z-index:50}.app-header-menu-trigger span{display:block;width:100%;height:2px;border-radius:999px;background:currentColor}.app-header-actions .app-theme-picker{order:2;width:100%;box-sizing:border-box;padding:3px;border-color:var(--border-strong);background:var(--surface-muted)}.app-header-actions .app-theme-button{flex:1;min-height:38px;color:var(--color-text-muted)}.app-header-actions .app-theme-button:hover{background:var(--hover-bg);color:var(--color-text)}.app-header-actions .app-theme-button[aria-pressed=true]{background:var(--init-primary-white);box-shadow:0 0 0 2px var(--border-strong);color:var(--init-primary-black)}.app-header-actions .app-theme-label{display:inline}.app-header-actions .instruction-manual-trigger,.app-header-actions .app-mode-button{width:100%;height:38px;border-color:var(--border-strong);background:var(--surface-primary)}.app-header-actions .app-mode-button{order:3}.app-header-actions .instruction-manual-trigger{order:4}.app-header-profile{order:1;display:flex;padding:.9rem;flex-direction:column;align-items:center;gap:.45rem;border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);background:var(--surface-primary)}.app-header-profile .app-avatar-lg{width:56px;height:56px;font-size:1.2rem}.app-header-profile .app-account-menu-name{margin-top:.2rem;font-size:1rem}.app-header-profile .app-account-menu-email{max-width:100%;font-size:.82rem}.app-header-signout{order:5;display:inline-flex;min-height:40px;border-color:var(--border-strong)}.app-account-menu{width:220px}}@media(max-width:480px){.app-topbar{padding:.5rem .75rem;gap:.5rem}.app-brand{gap:.4rem;min-width:0}.brand-logo{height:30px}.brand-title,.app-panel-label{display:none}.app-user{gap:.4rem}.app-user .instruction-manual-trigger,.app-user .app-mode-button{height:38px}.app-mode-button{padding:0 7px;font-size:.72rem}.app-mode-button-icon{width:20px;height:20px}.app-content{padding:.85rem}.app-account-menu{width:calc(100vw - 1.5rem);max-width:260px;right:-.5rem}}@media(min-width:1025px){.app-header-actions{position:static;display:flex;width:auto;padding:0;flex-direction:row;align-items:center;gap:.6rem;border:0;background:transparent;box-shadow:none}.app-header-profile,.app-header-signout,.app-header-menu-trigger,.app-header-menu-overlay{display:none}.app-account{display:block}.app-header-actions .app-theme-picker{width:auto;padding:2px;border-color:#ffffff47;background:#ffffff14}.app-header-actions .app-theme-button{min-height:28px;flex:0 0 auto;color:#d1d5db}.app-header-actions .app-theme-button:hover{background:#ffffff1f;color:#fff}.app-header-actions .app-theme-button[aria-pressed=true]{background:var(--init-primary-white);box-shadow:none;color:var(--init-primary-black)}.app-header-actions .app-theme-label{display:none}.app-header-actions .instruction-manual-trigger,.app-header-actions .app-mode-button{width:auto;height:32px}}.absence-history-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-default, 16px);padding:1.25rem 1.5rem}@media(max-width:1024px){.absence-history-card{padding:1rem}}.absence-history-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.85rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-color)}.absence-history-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-muted)}.absence-history-heading{display:flex;align-items:center;gap:.65rem}.absence-history-count{padding:.2rem .55rem;border:1px solid var(--border-color);border-radius:999px;background:var(--surface-secondary);font-size:.76rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.create-request-button{display:inline-flex;align-items:center;gap:2px;background:var(--init-primary-black);color:#fff;padding:6px 8px;border-radius:6px;text-decoration:none;font-weight:500;font-size:.9rem;border:none;cursor:pointer;transition:all .2s}.create-request-button svg{width:14px;height:14px;color:#fff}.create-request-button:hover{background:var(--init-secondary-dark-grey, #2b2e34)}.absence-history-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--surface-secondary);-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:var(--radius-md, 8px)}.absence-history-table-scroll-hint{display:none}.absence-history-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.absence-history-page-info{font-size:.85rem;color:var(--color-text-muted)}.hr-pagination-btn{padding:6px 8px;border:1px solid var(--border-color);background:var(--surface-primary);border-radius:6px;font-weight:600;font-size:.8rem;font-family:inherit;cursor:pointer;color:var(--color-text)}.absence-history-table{width:100%;min-width:1090px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.88rem}.absence-history-table th,.absence-history-table td{padding:.8rem .6rem;border-bottom:1px solid var(--border-color);background:var(--surface-secondary);text-align:center;vertical-align:middle;white-space:nowrap}.absence-history-table td{background:inherit}.absence-history-table th{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.absence-history-table th:nth-child(1),.absence-history-table td:nth-child(1){width:16%}.absence-history-table th:nth-child(2),.absence-history-table td:nth-child(2){width:15%}.absence-history-table th:nth-child(3),.absence-history-table td:nth-child(3){width:14%}.absence-history-table th:nth-child(4),.absence-history-table td:nth-child(4){width:12%}.absence-history-table th:nth-child(5),.absence-history-table td:nth-child(5){width:9%}.absence-history-table th:nth-child(6),.absence-history-table td:nth-child(6){width:15%}.absence-history-table td:nth-child(6){overflow:hidden;text-overflow:ellipsis}.absence-history-table th:nth-child(7),.absence-history-table td:nth-child(7){width:9%}.absence-history-table th:nth-child(8),.absence-history-table td:nth-child(8){width:10%}.absence-history-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.absence-history-table th.sortable:hover{background-color:var(--hover-bg)}.absence-history-table th.sortable.active{color:var(--color-text);background-color:var(--hover-bg)}.absence-history-th-inner{display:flex;align-items:center;justify-content:center;gap:.3em}.absence-history-th-label{white-space:nowrap}.absence-history-sort-arrow{flex-shrink:0;display:inline-block;width:1em;text-align:center}.absence-history-filter-toggle{display:none}.absence-history-filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;align-items:flex-end}.absence-history-filter-group{display:flex;flex-direction:column;gap:.35rem}.absence-history-filter-label{font-size:.78rem;font-weight:600;color:var(--color-text-muted);padding-left:2px}.absence-history-filter-select{padding:.4rem .65rem;border:1px solid var(--border-strong);border-radius:6px;font-size:.82rem;font-family:inherit;color:var(--color-text);background:var(--input-bg);transition:border-color .2s;width:170px}.absence-history-filter-select:focus{outline:none;border-color:#9ca3af}.absence-history-table tbody tr:hover{background:var(--hover-bg)}.absence-history-table tbody tr:nth-child(2n){background:var(--surface-secondary)}.absence-history-blank-row:hover{background:transparent}.absence-history-muted{display:inline-flex;align-items:center;min-height:30px;color:var(--color-text-muted)}.status-draft{border:1px solid var(--color-text-muted);color:var(--color-text-muted);background:transparent}.status-open{border:1px solid #6b7280;color:var(--text-secondary);background:transparent}.status-unknown{background:var(--surface-muted);color:var(--color-text-muted)}.absence-history-btn{font-size:.8rem;font-weight:600;border-radius:6px;padding:6px 8px;cursor:pointer;border:1px solid transparent;transition:all .2s}.absence-history-btn:disabled{cursor:not-allowed;opacity:.6}.absence-history-btn-primary{background:var(--init-primary-orange);color:#fff}.absence-history-btn-primary:hover:not(:disabled){background:var(--init-secondary-orange);box-shadow:var(--shadow-btn)}.absence-history-btn-secondary{background:var(--surface-primary);color:var(--color-text);border-color:var(--border-color);margin-top:.5rem}.absence-history-table .absence-history-btn-secondary{margin-top:0}.absence-history-btn-danger{background:var(--init-primary-orange);color:#fff}.absence-history-btn-danger:hover:not(:disabled){background:var(--init-secondary-orange);box-shadow:var(--shadow-btn)}.absence-history-actions{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;width:106px;min-height:30px;margin:0 auto}.absence-history-icon-hidden{visibility:hidden;pointer-events:none}.absence-history-pdf-links{display:flex;justify-content:center;align-items:center;gap:.75rem;min-height:30px}.absence-history-pdf-link{appearance:none;display:inline-block;padding:4px 8px;background:transparent;font-size:.8rem;font-weight:600;text-decoration:none;border:1px solid var(--color-text);border-radius:6px;color:var(--color-text);white-space:nowrap;transition:background .15s;cursor:pointer}.absence-history-pdf-link:hover{background:#0000000d}.absence-history-actions .absence-history-btn{margin-top:0}.absence-history-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:var(--radius-md, 8px);background:transparent;cursor:pointer;transition:background .15s,border-color .15s}.absence-history-icon-btn svg{width:20px;height:20px}.absence-history-icon-btn:disabled{cursor:not-allowed;opacity:.5}.absence-history-icon-edit{color:var(--text-primary)}.absence-history-icon-edit:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-color)}.absence-history-icon-delete{color:#ff4500}.absence-history-icon-delete:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-color)}.absence-history-icon-submit{color:var(--text-primary)}.absence-history-icon-submit:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-color)}.absence-history-status{font-size:.9rem;color:var(--color-text-muted)}.absence-history-loading{display:flex;align-items:center;justify-content:center;padding:2rem 0}.absence-history-error{color:#b91c1c}.absence-history-dialog-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:#11182773}.absence-history-dialog{width:min(100%,28rem);padding:1.5rem;border-radius:var(--radius-default, 16px);background:var(--surface-elevated);box-shadow:0 20px 45px #11182733}.absence-history-dialog h2{margin:0;color:var(--color-text);font-size:1.1rem}.absence-history-dialog p{margin:.75rem 0 1.25rem;color:var(--color-text-muted)}.absence-history-success{color:#15803d}.absence-delete-modal{width:min(100%,420px);margin:auto;border:none;border-radius:var(--radius-default, 16px);padding:1.5rem;background:var(--surface-elevated);box-shadow:0 20px 50px #0003}.absence-delete-modal::backdrop{background:#00000073}.absence-delete-notification{position:fixed;bottom:1.25rem;right:1.25rem;z-index:1100;width:min(calc(100% - 2rem),420px);border:1px solid var(--border-strong);border-radius:var(--radius-default, 16px);background:var(--surface-elevated);box-shadow:0 16px 40px #00000026;padding:1rem;display:flex;gap:.85rem;align-items:flex-end}.absence-delete-notification-content{flex:1}.absence-delete-modal h2{margin:0 0 .75rem;font-size:1.25rem}.absence-delete-notification h2{margin:0 0 .75rem;font-size:1rem}.absence-delete-modal p{margin:0;color:var(--color-text-muted);line-height:1.5}.absence-submit-warning{display:block;margin-top:.85rem;padding:.75rem 1rem;background:var(--status-warning-bg);border:1px solid var(--status-warning-border);border-radius:var(--radius-md, 8px);color:var(--status-warning-text);font-size:.9rem;font-weight:500}.absence-submit-warning .warning-with-icon{display:grid;grid-template-columns:48px 1fr;column-gap:.75rem;align-items:center}.absence-submit-warning .warning-with-icon>span{display:block;line-height:1.45}.absence-submit-warning .warning-icon{width:48px;height:48px;flex:0 0 48px;color:currentColor;fill:currentColor;display:block}.absence-delete-notification p{margin:0;color:var(--color-text-muted);line-height:1.5}.absence-delete-notification .absence-history-btn-secondary{margin-top:0}@media(max-width:1024px){.absence-history-header{flex-wrap:wrap;gap:.75rem}.absence-history-heading{width:100%;justify-content:space-between}.absence-history-header .create-request-button{width:100%;min-height:38px;justify-content:center}.absence-history-filter-toggle{display:flex;align-items:center;gap:.5rem;width:100%;margin-bottom:.85rem;padding:.65rem .75rem;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface-primary);color:var(--color-text);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600}.absence-history-filter-toggle:hover,.absence-history-filter-toggle:focus-visible{border-color:var(--color-text-muted);background:var(--hover-bg)}.absence-history-filter-toggle:focus-visible{outline:2px solid var(--init-primary-green);outline-offset:2px}.absence-history-filter-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.absence-history-filter-toggle-chevron{width:14px;height:14px;margin-left:auto;flex:0 0 auto;object-fit:contain;opacity:.62}:root[data-theme=dark] .absence-history-filter-toggle-chevron{filter:invert(1);opacity:.82}.absence-history-filters{display:none;width:100%;min-width:0;flex-direction:column;align-items:stretch;gap:.85rem}.absence-history-filters.is-open{display:flex}.absence-history-filter-group,.absence-history-filter-select{width:100%;min-width:0;box-sizing:border-box}.absence-history-table-scroll-hint{display:block;margin:0 0 .45rem;color:var(--color-text-muted);font-size:.72rem;text-align:right}.absence-history-table th:first-child,.absence-history-table td:first-child{position:sticky;left:-1px;z-index:1;width:13%;text-align:center;box-shadow:1px 0 0 var(--border-color)}.absence-history-table th:first-child:before,.absence-history-table td:first-child:before{position:absolute;top:0;bottom:0;left:-3px;width:3px;background:inherit;content:"";pointer-events:none}.absence-history-table th:first-child{z-index:2;background:var(--surface-secondary);white-space:normal;line-height:1.25}.absence-history-table tbody tr:nth-child(odd) td:first-child{background:var(--surface-primary)}.absence-history-table tbody tr:nth-child(2n) td:first-child{background:var(--surface-secondary)}.absence-history-table tbody tr:hover td:first-child{background:var(--hover-bg)}}@media(max-width:640px){.absence-delete-notification{bottom:1rem;right:1rem;left:1rem;width:auto;align-items:stretch;flex-direction:column}}.absence-delete-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.absence-delete-actions .absence-history-btn{font-size:.9rem;font-weight:600;padding:6px 8px}.absence-delete-actions .absence-history-btn-secondary{margin-top:0}.absence-delete-actions .absence-history-btn-secondary:hover:not(:disabled){background:var(--hover-bg);border-color:var(--color-text-muted)}.absence-delete-actions .absence-history-btn-danger:hover:not(:disabled){background:#d16624;box-shadow:none}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--surface-elevated);border-radius:var(--radius-default, 16px);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--surface-elevated)}.modal-header h2{margin:0;font-size:1.25rem;color:var(--color-text);font-weight:700}.modal-close{background:none;border:none;font-size:1.75rem;color:var(--color-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:var(--color-text)}.absence-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--color-text)}.form-group input[type=date],.form-group input[type=text],.form-group select,.form-group textarea{padding:.75rem;border:1px solid #9ca3af;border-radius:var(--radius-md, 8px);font-size:.9rem;font-family:inherit;color:var(--color-text);background:var(--input-bg);transition:border-color .2s}.form-group input[type=date]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--init-primary-orange);box-shadow:0 0 0 3px #ef7d001a}.input-readonly{background:var(--surface-muted);color:var(--color-text-muted);cursor:not-allowed}.form-group textarea{resize:none;min-height:64px}.form-error{padding:.75rem 1rem;background:var(--status-error-bg);border:1px solid var(--status-error-border);border-radius:var(--radius-md, 8px);color:var(--status-error-text);font-size:.9rem;font-weight:500}.form-warning{padding:.75rem 1rem;background:var(--status-warning-bg);border:1px solid var(--status-warning-border);border-radius:var(--radius-md, 8px);color:var(--status-warning-text);font-size:.9rem;font-weight:500}.warning-with-icon{display:grid;grid-template-columns:48px 1fr;column-gap:.75rem;align-items:center}.warning-with-icon>span{display:block;line-height:1.45}.warning-icon{width:48px;height:48px;flex:0 0 48px;color:currentColor;fill:currentColor;display:block}.statutory-block-warning{padding:.75rem 1rem;background:var(--status-info-bg);border:1px solid var(--status-info-border);border-radius:var(--radius-md, 8px);color:var(--status-info-text);font-size:.9rem;line-height:1.4}.field-error{margin-top:.25rem;padding:.625rem .75rem;background:var(--status-error-bg);border:1px solid var(--status-error-border);border-radius:var(--radius-md, 8px);color:var(--status-error-text);font-size:.85rem;font-weight:500}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-primary,.btn-secondary{padding:6px 8px;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:var(--init-primary-orange);color:#fff}.btn-primary:hover:not(:disabled){background:#d16624;box-shadow:none}.btn-primary:disabled{background:var(--init-secondary-light-grey);cursor:not-allowed}.btn-secondary{background:var(--surface-primary);color:var(--color-text);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--hover-bg);border-color:var(--color-text-muted)}.btn-secondary:disabled{color:var(--color-text-muted);cursor:not-allowed}@media(max-width:640px){.form-row{grid-template-columns:1fr}.modal-content{max-width:100%;max-height:100vh}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}@media(max-width:480px){.modal-header,.absence-form{padding:1rem}}.statutory-leave-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.statutory-leave-card{position:relative;background:var(--surface-elevated);border-radius:var(--radius-default, 16px);padding:1.75rem;max-width:560px;width:100%;box-shadow:0 8px 30px #0003}.statutory-leave-close{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-muted, #6b7280);font-size:1.3rem;line-height:1;cursor:pointer;transition:background .15s}.statutory-leave-close:hover{background:var(--hover-bg);color:var(--color-text, #111827)}.statutory-leave-header{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:.75rem}.statutory-leave-icon{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.statutory-leave-header h2{margin:0;font-size:1.05rem;line-height:1.35;color:var(--color-text, #111827);white-space:nowrap}.statutory-leave-body{margin:0 0 1.25rem;color:var(--color-text-muted, #4b5563);font-size:.92rem;line-height:1.5}.statutory-leave-actions{display:flex;gap:.75rem}.statutory-leave-primary{background:#75be5b;color:#fff;border:1px solid transparent;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600}.statutory-leave-primary:hover{background:#52ae32;box-shadow:none}.statutory-leave-secondary{background:transparent;border:1px solid var(--border-strong);color:var(--color-text, #111827);padding:6px 8px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600}.statutory-leave-secondary:hover{background:var(--hover-bg);border-color:var(--color-text-muted)}@media(max-width:480px){.statutory-leave-card{padding:1.25rem}.statutory-leave-header h2{white-space:normal}.statutory-leave-actions{flex-direction:column}}.profile-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-default, 16px);padding:1.4rem 1.6rem;margin-bottom:0}.dashboard-requests{margin-top:30px}.profile-top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.profile-header{display:flex;align-items:center;gap:1.1rem}.profile-avatar{width:58px;height:58px;border-radius:50%;background:#75be5b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{color:var(--color-text);font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.profile-fields{display:flex;gap:2.5rem;flex-wrap:wrap}.profile-field{display:flex;flex-direction:column;gap:.15rem}.profile-field-label{font-size:.72rem;color:var(--color-text-muted)}.profile-field-value{font-size:.85rem;color:var(--color-text);font-weight:500;overflow-wrap:anywhere}.profile-field-value.placeholder{color:#9ca3af;font-style:italic;font-weight:400}.profile-stats{display:flex;align-items:center;flex-shrink:0}.profile-stat{padding:0 1.6rem;border-right:1px solid var(--init-secondary-light-grey)}.profile-stat:last-child{border-right:none}.profile-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.profile-stat-label{font-size:.78rem;color:var(--color-text-muted);margin-top:.2rem}.requests-table{width:100%;border-collapse:collapse}.requests-table td{padding:.75rem 0;border-bottom:1px solid var(--border-color);font-size:.9rem}.status-cell{text-align:right}.status-pill{display:inline-block;min-width:68px;padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600;text-align:center}.status-submitted,.status-reopened{border:1px solid #d16624;color:#d16624;background:transparent}.status-approved{background:transparent;border:1px solid #75be5b;color:#75be5b}.status-rejected{background:var(--status-error-bg);color:var(--status-error-text)}.requests-empty{color:var(--color-text-muted);font-size:.9rem}.employee-report-button{background:#75be5b;color:#fff;border:none;padding:.65rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap}.employee-report-button:hover:not(:disabled){background:#62a84b}.employee-report-button:disabled{cursor:not-allowed;opacity:.65}.employee-vacation-report{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem 1rem;align-items:center;margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid var(--init-secondary-light-grey)}.employee-vacation-report-copy{display:flex;flex-direction:column;gap:.2rem;color:var(--color-text)}.employee-vacation-report-copy span,.employee-vacation-report-result{color:var(--color-text-muted);font-size:.8rem}.employee-vacation-report-result{grid-column:1 / -1;min-height:1.2rem}.employee-vacation-report-error{color:#b91c1c}.employee-vacation-report-buttons{display:flex;flex-wrap:wrap;gap:.65rem}.dashboard-notification{position:fixed;bottom:1.25rem;right:1.25rem;z-index:1100;width:min(calc(100% - 2rem),420px);border:1px solid var(--border-strong);border-radius:var(--radius-default, 16px);background:var(--surface-elevated);box-shadow:0 16px 40px #00000026;padding:1rem;display:flex;gap:.85rem;align-items:flex-end}.dashboard-notification-content{flex:1}.dashboard-notification h2{margin:0 0 .75rem;font-size:1rem}.dashboard-notification p{margin:0;color:var(--color-text-muted);line-height:1.5}.dashboard-notification-dismiss{margin-top:0;font-size:.8rem;font-weight:600;border-radius:6px;padding:6px 8px;cursor:pointer;border:1px solid var(--border-color);background:var(--surface-primary);color:var(--color-text);transition:all .2s}.dashboard-notification-dismiss:hover{background:var(--hover-bg);border-color:var(--color-text-muted)}@media(max-width:640px){.employee-vacation-report{grid-template-columns:1fr}.employee-vacation-report-result{grid-column:1}.employee-report-button{width:100%}.dashboard-notification{bottom:1rem;right:1rem;left:1rem;width:auto;align-items:stretch;flex-direction:column}}@media(max-width:1024px){.profile-card{padding:1.1rem 1.25rem;margin-bottom:2rem}.profile-top{flex-direction:column;align-items:flex-start;gap:1.25rem}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:.65rem}.profile-stat{min-width:0;min-height:82px;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);background:var(--surface-secondary)}.profile-stat:last-child{border-right:1px solid var(--border-color)}.profile-stat-label{line-height:1.25}.dashboard-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem}}@media(max-width:480px){.profile-header{flex-direction:column;align-items:flex-start;gap:.75rem}.profile-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(88px,.7fr);width:100%;gap:.85rem 1rem}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.profile-stat{display:flex;min-height:88px;padding:.8rem;flex-direction:column;justify-content:center}.profile-stat:first-child{grid-column:1 / -1;min-height:72px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.85rem}.profile-stat:first-child .profile-stat-value{font-size:1.85rem}.profile-stat:first-child .profile-stat-label{margin-top:0;font-size:.82rem}.dashboard-actions{justify-content:flex-start}.create-request-button{width:100%;text-align:center}}.user-card{display:flex;align-items:center;gap:1.1rem;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-default, 16px);padding:1.4rem 1.6rem;margin-bottom:0}.user-avatar{width:58px;height:58px;border-radius:50%;background:var(--init-primary-green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{color:var(--color-text);font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.user-fields{display:flex;flex-wrap:wrap;gap:2.5rem}.user-field{display:flex;flex-direction:column;gap:.15rem}.field-label{font-size:.72rem;color:var(--color-text-muted)}.field-value{font-size:.85rem;color:var(--color-text);font-weight:500;overflow-wrap:anywhere}.field-value.placeholder{color:#9ca3af;font-style:italic;font-weight:400}@media(max-width:1024px){.user-card{flex-direction:column;align-items:flex-start;padding:1.1rem 1.25rem;margin-bottom:2rem;gap:.9rem}.user-fields{gap:1.25rem}.user-card>div:last-child,.user-fields{width:100%;min-width:0}}.hr-admin-hero{padding:2rem;border-radius:var(--radius-default, 16px);background:var(--init-primary-black);color:var(--init-primary-white);margin-bottom:1.5rem}.hr-admin-eyebrow{margin:0;color:var(--color-text-muted);font-size:1.1rem;font-weight:600}.hr-admin-hero h1{margin:.5rem 0;font-size:clamp(1.75rem,4vw,2.5rem)}.hr-admin-hero p{max-width:38rem;margin:0;color:#d1d5db;line-height:1.6}.hr-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.hr-admin-card{min-height:10rem;padding:1.25rem;border:1px solid var(--border-color);background:var(--surface-primary);border-radius:var(--radius-default, 16px)}.hr-admin-card-label{display:block;color:var(--color-text-muted);font-size:.8rem;font-family:inherit;font-weight:600}.hr-admin-card strong{display:block;margin:.75rem 0 .35rem;color:var(--init-primary-orange);font-size:1.5rem}.hr-admin-card p{margin:0;color:var(--color-text-muted);font-size:.9rem;line-height:1.5}@media(max-width:1024px)and (min-width:721px){.hr-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.hr-admin-grid{grid-template-columns:1fr}}@media(max-width:1024px){.hr-admin-hero{padding:1.25rem}}@media(max-width:480px){.hr-admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.hr-admin-tab{white-space:nowrap}}.hr-admin-requests{min-width:0;box-sizing:border-box;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-default, 16px);padding:1.25rem 1.5rem;margin-top:30px}.hr-admin-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.85rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.hr-admin-refresh{border:1px solid var(--border-color);border-radius:6px;padding:6px 8px;background:var(--surface-primary);color:var(--color-text);cursor:pointer;font-weight:600}.hr-admin-refresh:disabled{cursor:wait;opacity:.6}.hr-admin-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.hr-admin-tab{padding:.75rem 1.25rem;border:none;background:transparent;color:var(--color-text);font-weight:600;font-size:.9rem;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;margin-bottom:-1px}.hr-admin-tab:hover{color:var(--color-text);background:var(--hover-bg)}.hr-admin-tab.active{color:var(--color-text);border-bottom-color:var(--color-text)}.hr-admin-empty{color:var(--color-text-muted)}.hr-admin-loading{display:flex;align-items:center;justify-content:center;padding:2rem 0}.hr-admin-error{color:#b91c1c}.hr-admin-filter-toggle{display:none}.hr-admin-filters{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:flex-end}.hr-admin-filter-group{display:flex;flex-direction:column;gap:.35rem}.hr-admin-filter-label{font-size:.78rem;font-weight:600;color:var(--color-text-muted);padding-left:2px}.hr-admin-filter-input,.hr-admin-filter-select{padding:.4rem .65rem;border:1px solid var(--border-strong);border-radius:6px;font-size:.82rem;font-family:inherit;color:var(--color-text);background:var(--input-bg);transition:border-color .2s;width:170px}.hr-admin-filter-input:focus,.hr-admin-filter-select:focus{outline:none;border-color:#9ca3af}.hr-admin-filter-input::placeholder{color:#d1d5db}.hr-admin-clear-filters{padding:6px 8px;border:1px solid var(--border-strong);border-radius:6px;font-size:.82rem;font-weight:600;background:var(--surface-primary);color:var(--color-text);cursor:pointer;transition:all .2s;white-space:nowrap}.hr-admin-clear-filters:hover{background:var(--hover-bg);border-color:#9ca3af}.hr-admin-clear-filters:active{background:var(--surface-muted)}.hr-admin-table-wrap{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--surface-secondary);-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:var(--radius-md, 8px)}.hr-admin-table-scroll-hint{display:none}.hr-admin-table{width:100%;min-width:1090px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.88rem}.hr-admin-table--generated{min-width:1160px}.hr-admin-table tbody tr:hover{background:var(--hover-bg)}.hr-admin-table tbody tr:nth-child(2n){background:var(--surface-secondary)}.hr-blank-row:hover{background:transparent}.hr-admin-table th,.hr-admin-table td{padding:.8rem .6rem;border-bottom:1px solid var(--border-color);text-align:center;vertical-align:middle;white-space:nowrap}.hr-admin-table th{background:var(--surface-secondary);color:var(--color-text-muted);font-size:.85rem;font-weight:600}.hr-admin-table th strong{font-weight:600}.hr-admin-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.hr-admin-table th.sortable:hover{background-color:var(--hover-bg)}.hr-admin-table th.sortable.active{color:var(--color-text);background-color:var(--hover-bg)}.hr-admin-table th:nth-child(1),.hr-admin-table td:nth-child(1){width:7%}.hr-admin-table th:nth-child(2),.hr-admin-table td:nth-child(2){width:15%}.hr-admin-table td:nth-child(2){overflow:hidden;text-overflow:ellipsis}.hr-admin-table th:nth-child(3),.hr-admin-table td:nth-child(3){width:13%}.hr-admin-table th:nth-child(4),.hr-admin-table td:nth-child(4){width:10%}.hr-admin-table th:nth-child(5),.hr-admin-table td:nth-child(5){width:10%}.hr-admin-table th:nth-child(6),.hr-admin-table td:nth-child(6){width:8%;text-align:center}.hr-admin-table th:nth-child(7),.hr-admin-table td:nth-child(7){width:9%;text-align:center}.hr-admin-table th:nth-child(8),.hr-admin-table td:nth-child(8){width:9%;text-align:center}.hr-admin-table th:nth-child(9),.hr-admin-table td:nth-child(9){width:9%;text-align:center}.hr-admin-table th:nth-child(10),.hr-admin-table td:nth-child(10){width:10%;text-align:center;vertical-align:middle}.hr-admin-table--generated th:nth-child(10),.hr-admin-table--generated td:nth-child(10){width:15%}.hr-ledger-input{width:80px;padding:calc(.35rem - 2px) .5rem;border:1px solid var(--border-strong);border-radius:4px;font-size:.85rem;font-family:inherit;color:var(--color-text);background:var(--input-bg);text-align:center;transition:border-color .2s}.hr-ledger-input:focus{outline:none;border-color:#9ca3af}.hr-ledger-input:disabled{background:var(--surface-muted);cursor:not-allowed}.hr-ledger-input::placeholder{color:#d1d5db}.hr-ledger-display{display:inline-block;width:75px;text-align:center;font-family:monospace;font-weight:400}.hr-date-display{display:inline-block;width:100px;text-align:center;font-weight:400}.hr-date-input{width:115px;padding:.35rem .4rem;border:1px solid var(--border-strong);border-radius:4px;font-size:.8rem;color:var(--color-text);background:var(--input-bg)}.hr-date-input:focus{outline:none;border-color:#9ca3af}.hr-date-input:disabled{background:var(--surface-muted)}.hr-actions-cell{display:flex;justify-content:center;align-items:center;gap:.5rem}.hr-pdf-links{display:flex;gap:.4rem;flex-wrap:nowrap;align-items:center;justify-content:center}.hr-pdf-link{appearance:none;display:inline-block;padding:4px 8px;background:transparent;font-size:.8rem;font-weight:600;text-decoration:none;border:1px solid var(--color-text);border-radius:6px;color:var(--color-text);white-space:nowrap;transition:background .15s;cursor:pointer}.hr-pdf-link:hover{background:#0000000d}.hr-pdf-link-request,.hr-pdf-link-approval{color:var(--color-text)}.hr-pdf-link-missing{color:#9ca3af;font-size:.9rem}.hr-btn-generate{min-width:72px;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap;padding:4px 8px;background:var(--init-primary-black);color:#fff}.hr-btn-generate:hover:not(:disabled){background:var(--init-secondary-dark-grey)}.hr-btn-generate:disabled{background:#e5e7eb;border-color:transparent;color:#9ca3af;cursor:not-allowed}.hr-popup{margin:auto;border:none;background:var(--surface-elevated);border-radius:8px;padding:2rem;box-shadow:0 10px 40px #00000026;max-width:500px;width:90%;animation:slideUp .3s ease-out}.hr-popup::backdrop{background:#00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hr-popup-title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);text-align:center}.hr-popup-message{margin:0 0 1.5rem;font-size:.95rem;color:var(--text-secondary);line-height:1.6}.hr-popup-message p{margin:0 0 1rem}.hr-popup-details{background:var(--surface-secondary);padding:1rem;border-radius:6px;border-left:3px solid var(--init-primary-orange)}.hr-popup-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem}.hr-popup-label{color:var(--text-muted);font-weight:500}.hr-popup-actions{display:flex;gap:.75rem;justify-content:flex-end}.hr-popup-btn{padding:6px 8px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.hr-popup-btn-cancel{background:var(--surface-muted);color:var(--text-primary)}.hr-popup-btn-cancel:hover{background:var(--hover-bg)}.hr-popup-btn-confirm{background:var(--init-primary-orange);color:#fff}.hr-popup-btn-confirm:hover{background:#d97706}.hr-popup-btn-close{background:var(--init-primary-black);color:#fff}.hr-popup-btn-close:hover{background:var(--init-secondary-dark-grey, #2b2e34)}.hr-popup--generate .hr-popup-btn{border:1px solid transparent}.hr-popup--generate .hr-popup-btn-cancel{background:var(--surface-primary);color:var(--color-text);border-color:var(--border-color)}.hr-popup--generate .hr-popup-btn-cancel:hover{background:var(--hover-bg);border-color:var(--color-text-muted)}.hr-popup--generate .hr-popup-btn-confirm:hover{background:var(--init-secondary-dark-grey, #2b2e34);box-shadow:none}.hr-popup--generate-error{border:1px solid var(--status-error-border)}.hr-popup--generate-error .hr-popup-title{color:var(--text-primary)}.hr-popup--generate-error .hr-popup-message{margin:0 0 1.5rem;padding:1rem;background:var(--status-error-bg);border:1px solid var(--status-error-border);border-left:3px solid #dc2626;border-radius:6px;color:var(--status-error-text)}.hr-popup--generate-error .hr-popup-message p{margin:0;color:var(--status-error-text)}.hr-popup-error-with-icon{display:grid;grid-template-columns:48px 1fr;column-gap:.75rem;align-items:center}.hr-popup-error-icon{width:48px;height:48px;display:block;color:var(--status-error-text);fill:currentColor;flex:0 0 48px}.hr-popup-error-with-icon>span{display:block;line-height:1.45}.hr-popup--generate-error .hr-popup-btn-close{background:var(--init-primary-black)}.hr-popup--generate-error .hr-popup-btn-close:hover{background:var(--init-secondary-dark-grey, #2b2e34);box-shadow:none}.hr-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.hr-pagination-btn{padding:6px 8px;border:1px solid var(--border-color);background:var(--surface-primary);border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;color:var(--color-text)}.hr-pagination-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--color-text-muted)}.hr-pagination-btn:disabled{color:#9ca3af;cursor:not-allowed}.hr-pagination-info{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap}@media(max-width:1024px){.hr-admin-requests{padding:1rem}.hr-admin-section-header{flex-wrap:wrap;align-items:flex-start}.hr-admin-filter-toggle{display:flex;align-items:center;gap:.5rem;width:100%;margin-bottom:.85rem;padding:.65rem .75rem;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface-primary);color:var(--color-text);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600}.hr-admin-filter-toggle:hover,.hr-admin-filter-toggle:focus-visible{border-color:var(--color-text-muted);background:var(--hover-bg)}.hr-admin-filter-toggle:focus-visible{outline:2px solid var(--init-primary-green);outline-offset:2px}.hr-admin-filter-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.hr-admin-filter-toggle-chevron{width:14px;height:14px;margin-left:auto;flex:0 0 auto;object-fit:contain;opacity:.62}:root[data-theme=dark] .hr-admin-filter-toggle-chevron{filter:invert(1);opacity:.82}.hr-admin-filters{display:none;width:100%;min-width:0;flex-direction:column;align-items:stretch;gap:.85rem}.hr-admin-filters.is-open{display:flex}.hr-admin-filter-group,.hr-admin-filter-input,.hr-admin-filter-select,.hr-admin-clear-filters{width:100%;min-width:0;box-sizing:border-box}.hr-admin-table-scroll-hint{display:block;margin:0 0 .45rem;color:var(--color-text-muted);font-size:.72rem;text-align:right}.hr-admin-table th:first-child,.hr-admin-table td:first-child{position:sticky;left:-1px;z-index:1;box-shadow:1px 0 0 var(--border-color)}.hr-admin-table th:first-child:before,.hr-admin-table td:first-child:before{position:absolute;top:0;bottom:0;left:-3px;width:3px;background:inherit;content:"";pointer-events:none}.hr-admin-table th:first-child{z-index:2;background:var(--surface-secondary)}.hr-admin-table tbody tr:nth-child(odd) td:first-child{background:var(--surface-primary)}.hr-admin-table tbody tr:nth-child(2n) td:first-child{background:var(--surface-secondary)}.hr-admin-table tbody tr:hover td:first-child{background:var(--hover-bg)}}@media(max-width:480px){.hr-admin-filters{flex-direction:column;align-items:stretch}.hr-admin-clear-filters{padding:7px 10px;font-size:.76rem}.hr-popup{padding:1.25rem}}.idle-warning-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.idle-warning-card{background:var(--surface-elevated);border-radius:var(--radius-default, 16px);padding:2rem;max-width:360px;width:100%;text-align:center;box-shadow:0 8px 30px #0003}@media(max-width:480px){.idle-warning-card{padding:1.5rem}}.idle-warning-card h2{margin:0 0 .5rem;font-size:1.2rem;color:var(--color-text)}.idle-warning-card p{margin:0 0 1.5rem;color:var(--color-text-muted);font-size:.9rem}.idle-warning-actions{display:flex;flex-direction:column;gap:.6rem}.idle-warning-actions .login-button{border:1px solid transparent;padding:6px 8px;border-radius:6px;font-size:.9rem;font-weight:600}.idle-warning-actions .login-button:hover{background:var(--init-secondary-dark-grey, #2b2e34);box-shadow:none}.idle-logout-now{background:transparent;border:1px solid var(--border-color);color:var(--color-text-muted);padding:6px 8px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600}.idle-logout-now:hover{background:var(--hover-bg);border-color:var(--color-text-muted)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}img,svg{max-width:100%}:root{--init-primary-orange: #ef7d00;--init-primary-black: #000000;--init-primary-grey: #43454a;--init-primary-warm-grey: #edede5;--init-primary-white: #ffffff;--init-primary-green: #52ae32;--init-secondary-dark-grey: #2b2e34;--init-secondary-light-grey: #b3b3b3;--init-secondary-orange: #d16624;--init-orange-80: #f29733;--init-orange-60: #f5b166;--init-orange-40: #f9cb99;--color-primary: var(--init-primary-orange);--color-primary-hover: var(--init-orange-80);--color-text: var(--init-secondary-dark-grey);--color-text-muted: var(--init-primary-grey);--color-error: #c53030;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--radius-default: 16px;--radius-md: 8px;--shadow-btn: none}:root,:root[data-theme=light]{color-scheme:light;--surface-page: #f1f0ed;--login-background: #ffffff;--surface-primary: #ffffff;--surface-secondary: #f9fafb;--surface-muted: #f3f4f6;--surface-elevated: #ffffff;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #6b7280;--border-color: #e5e7eb;--border-strong: #d1d5db;--input-bg: #ffffff;--hover-bg: #f3f4f6;--overlay-shadow: rgba(0, 0, 0, .12);--status-error-bg: #fef2f2;--status-error-border: #fecaca;--status-error-text: #b91c1c;--status-warning-bg: #fff7ed;--status-warning-border: #fdba74;--status-warning-text: #9a3412;--status-info-bg: #eff6ff;--status-info-border: #93c5fd;--status-info-text: #1e40af;--color-text: var(--text-primary);--color-text-muted: var(--text-muted)}:root[data-theme=dark]{color-scheme:dark;--surface-page: #202326;--login-background: #202326;--surface-primary: #282c31;--surface-secondary: #2e3339;--surface-muted: #363c44;--surface-elevated: #32383f;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-color: #464d57;--border-strong: #57606a;--input-bg: #252a30;--hover-bg: #394049;--overlay-shadow: rgba(0, 0, 0, .4);--status-error-bg: #3b2024;--status-error-border: #7f3038;--status-error-text: #fca5a5;--status-warning-bg: #3d2a16;--status-warning-border: #8a541e;--status-warning-text: #fdba74;--status-info-bg: #172b4d;--status-info-border: #315b8a;--status-info-text: #93c5fd;--color-text: var(--text-primary);--color-text-muted: var(--text-muted)}@font-face{font-family:Outfit;src:url(/assets/Outfit-VariableFont_wght-CZATbZtn.woff2) format("woff2-variations"),url(/assets/Outfit-VariableFont_wght-CZATbZtn.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}body{margin:0;font-family:Outfit,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden;background:var(--surface-page);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}button,input,select,textarea,optgroup{font-family:inherit}