:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.login-transition-overlay{z-index:99999;box-sizing:border-box;-webkit-user-select:none;user-select:none;pointer-events:auto;cursor:default;background:radial-gradient(circle at 50% 45%,#fff 0%,#f8fafc 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;display:flex;position:fixed;inset:0}.login-transition-overlay.fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards loginOverlayFadeIn}.login-transition-overlay.fade-out{animation:.4s forwards loginOverlayFadeOut}@keyframes loginOverlayFadeIn{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@keyframes loginOverlayFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.01)}}.login-transition-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:720px;display:flex}.login-transition-video-wrapper{aspect-ratio:16/9;background-color:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:660px;display:flex;position:relative;overflow:hidden}.login-transition-video{object-fit:contain;pointer-events:none;background-color:#fff;width:100%;height:100%;transition:opacity .25s}.login-transition-video.hidden{opacity:0;position:absolute}.login-transition-video.visible{opacity:1}.login-transition-fallback-card{aspect-ratio:16/9;box-sizing:border-box;background:0 0;justify-content:center;align-items:center;width:100%;max-width:480px;padding:1.5rem;display:flex}.login-transition-fallback-card.initial-loading{width:100%;height:100%;margin:auto;position:absolute;inset:0}.login-transition-logo{object-fit:contain;background:0 0;width:auto;max-width:220px;height:120px;animation:1.8s ease-in-out infinite logoPulse}@keyframes logoPulse{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.login-transition-status{flex-direction:column;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.login-transition-message{color:#0f172a;letter-spacing:-.01em;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.0625rem;font-weight:600}.login-transition-role-badge{color:#1d4ed8;letter-spacing:.02em;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.login-transition-progress-track{background-color:#e2e8f0;border-radius:9999px;width:150px;height:3px;margin-top:.25rem;position:relative;overflow:hidden}.login-transition-progress-bar{background:linear-gradient(90deg,#2563eb 0%,#06b6d4 100%);border-radius:9999px;width:45%;height:100%;animation:1.4s ease-in-out infinite progressSlide;position:absolute}@keyframes progressSlide{0%{left:-45%}50%{width:60%;left:40%}to{width:45%;left:100%}}@media (prefers-reduced-motion:reduce){.login-transition-overlay.fade-in,.login-transition-overlay.fade-out{transition:opacity .2s;animation:none}.login-transition-logo{animation:none;transform:none}.login-transition-progress-bar{background:#2563eb;width:100%;animation:none;left:0}}@media (width<=640px){.login-transition-overlay{padding:1rem}.login-transition-video-wrapper{border-radius:8px;max-width:100%}.login-transition-logo{max-width:220px}.login-transition-message{font-size:.95rem}.login-transition-status{margin-top:1rem}.login-transition-progress-track{width:120px}}body:has(.login-page){text-align:left;background-color:#f8fafc;border-inline:none;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;transition:background-color .4s}#root:has(.login-page){text-align:left;background-color:#f8fafc;border-inline:none;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;transition:background-color .4s}body:has(.login-page[data-theme=dark]){background-color:#070b14}#root:has(.login-page[data-theme=dark]){background-color:#070b14}.login-page{box-sizing:border-box;text-align:left;background-color:#f8fafc;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:1.5rem 1rem;transition:background-color .4s,color .3s;display:flex;position:relative;overflow:hidden}.login-page[data-theme=dark]{color:#f8fafc;background-color:#070b14}.login-page:before{content:"";filter:blur(40px);pointer-events:none;z-index:1;background:radial-gradient(circle,#2563eb14 0%,#06b6d40a 40%,#0000 70%);width:650px;max-width:95vw;height:650px;max-height:95vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-page[data-theme=dark]:before{background:radial-gradient(circle,#06b6d41f 0%,#2563eb12 40%,#0000 70%)}.login-neural-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.login-theme-toggle{z-index:30;cursor:pointer;-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:.45rem;padding:.45rem .9rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex;position:absolute;top:1.25rem;right:1.25rem;transform:translateZ(0)}.login-theme-icon{flex-shrink:0;width:15px;height:15px}.login-page[data-theme=light] .login-theme-toggle{color:#334155;background:#ffffffd9;border:1px solid #e2e8f0e6;box-shadow:0 4px 14px #0f172a12}.login-page[data-theme=light] .login-theme-toggle:hover{color:#0f172a;background:#fff;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 6px 18px #0f172a1f}.login-page[data-theme=dark] .login-theme-toggle{color:#e2e8f0;background:#0f172ad9;border:1px solid #ffffff26;box-shadow:0 4px 16px #00000080}.login-page[data-theme=dark] .login-theme-toggle:hover{color:#fff;background:#1e293bf2;border-color:#38bdf880;transform:translateY(-1px);box-shadow:0 6px 20px #06b6d440}.login-card{z-index:10;box-sizing:border-box;border-radius:1.25rem;width:100%;max-width:440px;padding:2.25rem 2rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;transform:translateZ(0)}.login-page[data-theme=light] .login-card{-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border:1px solid #fffc;box-shadow:0 20px 45px -10px #0f172a14,0 0 0 1px #e2e8f0b3}.login-page[data-theme=dark] .login-card{-webkit-backdrop-filter:blur(20px);background:#0f172ad9;border:1px solid #ffffff1f;box-shadow:0 25px 60px -15px #000000b3,0 0 0 1px #38bdf833}.login-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.75rem;display:flex}.login-brand-logo{object-fit:contain;width:auto;max-width:100%;height:68px;box-shadow:none;background:0 0;border:none;margin-bottom:.875rem;display:block}.login-org-name{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.login-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.5rem;font-weight:700;line-height:1.25}.login-subtitle{color:#64748b;max-width:320px;margin:0;font-size:.875rem;line-height:1.45}.login-form,.login-field-group{flex-direction:column;width:100%;display:flex}.login-label{color:#334155;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}.login-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.login-input-icon{color:#94a3b8;pointer-events:none;z-index:2;width:18px;height:18px;transition:color .2s;position:absolute;left:.95rem}.login-input-wrapper:focus-within .login-input-icon{color:#2563eb}.login-page[data-theme=dark] .login-input-wrapper:focus-within .login-input-icon{color:#38bdf8}.login-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.625rem;width:100%;min-height:48px;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.login-input.login-input-with-icon{padding-left:2.65rem}.login-input::placeholder{color:#94a3b8}.login-input:hover:not(:disabled){border-color:#94a3b8}.login-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3.5px #2563eb29}.login-input-error{border-color:#dc2626!important}.login-input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3.5px #dc262626!important}.login-error-message{color:#dc2626;align-items:center;gap:.375rem;margin:.45rem 0 0;font-size:.8125rem;line-height:1.35;display:flex}.login-alert-icon{flex-shrink:0;width:15px;height:15px}.login-otp-header-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.login-otp-badge{color:#2563eb;background:#2563eb1a;border-radius:9999px;align-items:center;gap:.25rem;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.login-info-box{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.625rem;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;font-size:.8438rem;line-height:1.45;display:flex}.login-info-icon{color:#2563eb;flex-shrink:0;width:16px;height:16px;margin-top:.125rem}.login-submit-button{color:#fff;letter-spacing:.015em;cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:.625rem;justify-content:center;align-items:center;width:100%;height:46px;min-height:46px;max-height:46px;margin-top:1.35rem;padding:0 1.25rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #2563eb59}.login-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb6b}.login-submit-button:active:not(:disabled){transform:scale(.99)}.login-submit-button:disabled{opacity:.8;cursor:not-allowed;box-shadow:none;transform:none}.login-button-content{color:#fff;justify-content:center;align-items:center;gap:.625rem;font-size:.9375rem;font-weight:600;line-height:1;display:inline-flex}.login-spinner{vertical-align:middle;flex-shrink:0;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;max-height:18px;animation:.75s linear infinite login-spinner-rotate;display:inline-block}@keyframes login-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-otp-actions{gap:.75rem;margin-top:1rem;display:flex}.login-action-btn{cursor:pointer;color:inherit;background:0 0;border:1px solid #cbd5e1;border-radius:.5rem;flex:1;padding:.625rem;font-size:.8125rem;font-weight:500;transition:all .2s}.login-action-btn:hover:not(:disabled){color:#2563eb;border-color:#2563eb}.login-security-message{color:#64748b;text-align:center;justify-content:center;align-items:center;gap:.4rem;margin-top:1.25rem;font-size:.7813rem;line-height:1.4;display:flex}.login-shield-icon{color:#94a3b8;flex-shrink:0;width:14px;height:14px}.login-footer{text-align:center;border-top:1px solid #f1f5f9;margin-top:1.5rem;padding-top:1.15rem}.login-footer p{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.7188rem;font-weight:600}.login-page[data-theme=dark] .login-org-name{color:#38bdf8}.login-page[data-theme=dark] .login-title{color:#f8fafc}.login-page[data-theme=dark] .login-subtitle{color:#94a3b8}.login-page[data-theme=dark] .login-label{color:#cbd5e1}.login-page[data-theme=dark] .login-input{color:#f8fafc;background-color:#030712b3;border-color:#334155}.login-page[data-theme=dark] .login-input:hover:not(:disabled){border-color:#475569}.login-page[data-theme=dark] .login-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3.5px #38bdf833}.login-page[data-theme=dark] .login-input::placeholder{color:#64748b}.login-page[data-theme=dark] .login-submit-button{background:linear-gradient(135deg,#0284c7,#2563eb);box-shadow:0 4px 18px #06b6d459}.login-page[data-theme=dark] .login-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#1d4ed8);box-shadow:0 6px 22px #06b6d473}.login-page[data-theme=dark] .login-otp-badge{color:#38bdf8;background:#38bdf826}.login-page[data-theme=dark] .login-info-box{color:#93c5fd;background-color:#1e3a8a4d;border-color:#3b82f666}.login-page[data-theme=dark] .login-action-btn{color:#94a3b8;border-color:#334155}.login-page[data-theme=dark] .login-action-btn:hover:not(:disabled){color:#38bdf8;border-color:#38bdf8}.login-page[data-theme=dark] .login-footer{border-top-color:#ffffff14}.login-page[data-theme=dark] .login-footer p{color:#64748b}@media (width<=480px){.login-card{border-radius:1rem;padding:1.75rem 1.25rem}.login-title{font-size:1.35rem}}.logout-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:9999;background-color:#0f172aa6;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out logoutModalFadeIn;display:flex;position:fixed;inset:0}.logout-modal-dialog{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:100%;max-width:440px;animation:.2s cubic-bezier(.16,1,.3,1) logoutModalScaleUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014}.logout-modal-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex;position:relative}.logout-modal-icon-badge{color:#dc2626;background-color:#fee2e2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.logout-modal-icon{width:20px;height:20px}.logout-modal-title{color:#0f172a;letter-spacing:-.01em;flex:1;margin:0;font-size:1.125rem;font-weight:600}.logout-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:.25rem;font-size:1.5rem;line-height:1;transition:color .15s,background-color .15s;display:flex}.logout-modal-close-btn:hover:not(:disabled){color:#334155;background-color:#f1f5f9}.logout-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.logout-modal-body{padding:1.5rem 1.5rem 1.25rem}.logout-modal-message{color:#475569;margin:0;font-size:.95rem;line-height:1.5}.logout-modal-footer{background-color:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem 1.25rem;display:flex}.logout-modal-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.logout-modal-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.logout-modal-btn:disabled{opacity:.6;cursor:not-allowed}.logout-modal-btn-cancel{color:#334155;background-color:#fff;border-color:#cbd5e1}.logout-modal-btn-cancel:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.logout-modal-btn-confirm{color:#fff;background-color:#dc2626}.logout-modal-btn-confirm:hover:not(:disabled){background-color:#b91c1c}@keyframes logoutModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes logoutModalScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=480px){.logout-modal-dialog{max-width:100%}.logout-modal-footer{flex-direction:column-reverse;gap:.5rem}.logout-modal-btn{width:100%}}.portal-navbar{z-index:30;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 1rem;display:flex;position:sticky;top:0}.navbar-left{align-items:center;gap:.75rem;display:flex}.navbar-hamburger-btn{color:#1f2937;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;transition:background-color .15s,color .15s;display:flex}.navbar-hamburger-btn:hover{color:#111827;background-color:#f3f4f6}.navbar-hamburger-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.hamburger-icon{width:22px;height:22px}.navbar-brand{-webkit-user-select:none;user-select:none;align-items:center;gap:.625rem;display:flex}.navbar-brand-logo{object-fit:contain;width:auto;max-width:44px;height:36px;box-shadow:none;background:0 0;border:none;flex-shrink:0;transition:transform .15s;display:block}@media (width<=640px){.navbar-brand-logo{max-width:36px;height:30px}}.navbar-brand-text{color:#1f2937;letter-spacing:-.01em;white-space:nowrap;font-size:1.0625rem;font-weight:700}.navbar-right{align-items:center;gap:.875rem;display:flex}.navbar-user-profile{-webkit-user-select:none;user-select:none;border-radius:.5rem;align-items:center;gap:.625rem;padding:.25rem .5rem;display:flex}.navbar-avatar{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;display:flex}.avatar-user-icon{width:20px;height:20px}.navbar-user-details{text-align:left;flex-direction:column;display:flex}.navbar-employee-name{color:#111827;font-size:.875rem;font-weight:600;line-height:1.25}.navbar-employee-role{color:#6b7280;font-size:.75rem;line-height:1.2}.navbar-logout-btn{color:#64748b;cursor:pointer;background-color:#0000;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.375rem;padding:.4rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.navbar-logout-btn:hover{color:#dc2626;background-color:#fee2e2;border-color:#fecaca}.navbar-logout-icon{width:15px;height:15px}@media (width>=1024px){.portal-navbar{padding:0 1.5rem}.navbar-hamburger-btn{display:none}}@media (width<=639px){.portal-navbar{padding:0 .75rem}.navbar-user-details{display:none}.navbar-user-profile{padding:0}.navbar-brand-text{font-size:.9375rem}}@media (width<=360px){.navbar-brand-text{font-size:.875rem}.navbar-right{gap:.5rem}}.sidebar-backdrop{z-index:45;opacity:0;pointer-events:none;background-color:#11182773;transition:opacity .25s;display:block;position:fixed;inset:0}.sidebar-backdrop-visible{opacity:1;pointer-events:auto}.portal-sidebar{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;display:flex;overflow-y:auto}.sidebar-mobile-header{box-sizing:border-box;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:64px;min-height:64px;padding:0 1rem;display:flex}.sidebar-brand-title{color:#1f2937;font-size:1rem;font-weight:700}.sidebar-close-btn{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;transition:background-color .15s,color .15s;display:flex}.sidebar-close-btn:hover{color:#111827;background-color:#f3f4f6}.sidebar-close-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.sidebar-close-btn svg{width:22px;height:22px}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.sidebar-nav-list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav-item-wrapper{margin:0;padding:0}.sidebar-nav-item{color:#4b5563;box-sizing:border-box;border-radius:.5rem;align-items:center;gap:.75rem;min-height:44px;padding:.625rem .875rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.sidebar-nav-item:hover{color:#111827;background-color:#f3f4f6}.sidebar-nav-item:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.sidebar-nav-item-active{color:#2563eb;background-color:#eff6ff;font-weight:600;position:relative}.sidebar-nav-item-active:before{content:"";background-color:#2563eb;border-radius:0 2px 2px 0;width:3px;position:absolute;top:15%;bottom:15%;left:0}.sidebar-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-icon-wrapper svg{width:20px;height:20px}.sidebar-label{white-space:nowrap;letter-spacing:-.01em}.sidebar-footer{border-top:1px solid #e5e7eb;padding:.75rem}.sidebar-logout-btn{color:#4b5563;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;min-height:44px;padding:.625rem .875rem;font-family:inherit;font-size:.9375rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.sidebar-logout-btn:hover{color:#dc2626;background-color:#fef2f2}.sidebar-logout-btn:focus-visible{outline-offset:2px;outline:2px solid #dc2626}@media (width<=1023px){.portal-sidebar{z-index:50;width:280px;max-width:80vw;height:100dvh;box-shadow:none;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.portal-sidebar-open{transform:translate(0);box-shadow:4px 0 24px #00000026}}@media (width>=1024px){.sidebar-backdrop,.sidebar-mobile-header{display:none}.portal-sidebar{width:256px;min-width:256px;height:calc(100dvh - 64px);position:sticky;top:64px;box-shadow:none!important;transform:none!important}}body:has(.employee-layout){text-align:left;background-color:#f5f7fa;border-inline:none;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0}#root:has(.employee-layout){text-align:left;background-color:#f5f7fa;border-inline:none;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0}.employee-layout{box-sizing:border-box;text-align:left;background-color:#f5f7fa;flex-direction:column;width:100%;min-height:100dvh;display:flex}.employee-layout-body{box-sizing:border-box;flex:1;width:100%;min-height:calc(100dvh - 64px);display:flex;position:relative}.employee-main-content{box-sizing:border-box;background-color:#f5f7fa;flex:1;width:100%;min-width:0;padding:1.25rem 1rem;overflow-y:auto}@media (width<=360px){.employee-main-content{padding:.75rem}}@media (width>=768px){.employee-main-content{padding:1.5rem}}@media (width>=1024px){.employee-main-content{padding:2rem 2.25rem}}.employee-dashboard-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:1200px;margin:0 auto;display:flex}.dashboard-welcome-header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;display:flex}.dashboard-welcome-titles{flex-direction:column;gap:.25rem;min-width:0;display:flex}.dashboard-welcome-title{color:#111827;letter-spacing:-.02em;word-break:break-word;margin:0;font-size:1.5rem;font-weight:700}.dashboard-welcome-subtitle{color:#6b7280;margin:0;font-size:.875rem;line-height:1.4}.dashboard-header-badge{color:#4b5563;white-space:nowrap;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #0000000a}.dashboard-header-badge svg{color:#2563eb;flex-shrink:0;width:16px;height:16px}.employee-summary-grid,.dashboard-summary-cards{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;width:100%;min-width:0;display:grid}.employee-stat-card,.summary-stat-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0d9;border-radius:1rem;flex-direction:column;justify-content:space-between;width:100%;min-width:0;padding:1.375rem 1.25rem 1.125rem;transition:all .24s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px -2px #0f172a0d,0 2px 6px -1px #0f172a05}.employee-stat-card:before,.summary-stat-card:before{content:"";background:0 0;height:3px;transition:background .2s;position:absolute;top:0;left:0;right:0}.stat-emerald-card:before{background:#059669}.stat-rose-card:before{background:#f43f5e}.employee-stat-card-interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.employee-stat-card-interactive:hover{transform:translateY(-4px);box-shadow:0 16px 36px -6px #0f172a1f,0 6px 14px -2px #0f172a0d}.stat-emerald-card:hover{border-color:#6ee7b7;box-shadow:0 16px 36px -6px #05966933,0 6px 16px -2px #0596691a}.stat-rose-card:hover{border-color:#fda4af;box-shadow:0 16px 36px -6px #e11d4833,0 6px 16px -2px #e11d481a}.employee-stat-card-interactive:hover .employee-stat-icon-wrapper,.employee-stat-card-interactive:hover .summary-card-icon-badge{transform:scale(1.08)}.employee-stat-card-interactive:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.employee-stat-top,.summary-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.employee-stat-label,.summary-card-title{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.8125rem;font-weight:600}.employee-stat-icon-wrapper,.summary-card-icon-badge{border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex}.employee-stat-icon-wrapper svg,.summary-card-icon-badge svg{width:22px;height:22px}.stat-emerald{color:#059669;background-color:#ecfdf5}.stat-rose{color:#e11d48;background-color:#fff1f2}.employee-stat-content,.summary-card-content{flex-direction:column;min-width:0;display:flex}.employee-stat-value,.summary-main-val{color:#0f172a;letter-spacing:-.02em;margin-bottom:.375rem;font-size:2rem;font-weight:700;line-height:1.15}.val-unit{color:#64748b;margin-left:.25rem;font-size:.9375rem;font-weight:500}.employee-stat-badge-row{margin:.25rem 0 .5rem}.employee-stat-bottom-row{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.employee-stat-footer,.summary-sub-val{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.employee-card-hover-hint{color:#94a3b8;opacity:.8;white-space:nowrap;font-size:.75rem;font-weight:600;transition:all .15s}.employee-stat-card-interactive:hover .employee-card-hover-hint{opacity:1;color:#2563eb;transform:translate(2px)}.summary-today-row{align-items:center;margin-bottom:.25rem;display:flex}.dashboard-section-card{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;width:100%;min-width:0;padding:1.5rem;box-shadow:0 1px 3px #0000000a}.dashboard-card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;margin-bottom:1.25rem;padding-bottom:.875rem;display:flex}.card-header-titles{flex-direction:column;gap:.125rem;min-width:0;display:flex}.dashboard-card-title{color:#1f2937;letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.dashboard-section-header-icon{vertical-align:middle;flex-shrink:0}.dashboard-section-header-icon.icon-blue{color:#2563eb}.dashboard-section-header-icon.icon-green{color:#16a34a}.dashboard-section-header-icon.icon-purple{color:#7c3aed}.dashboard-section-header-icon.icon-amber{color:#d97706}.dashboard-card-subtitle{color:#6b7280;margin:0;font-size:.8125rem}.view-all-link{color:#2563eb;white-space:nowrap;flex-shrink:0;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s}.view-all-link:hover{color:#1d4ed8;text-decoration:underline}.overview-data-grid{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem 1.25rem;width:100%;min-width:0;display:grid}.overview-data-field{box-sizing:border-box;flex-direction:column;gap:.3125rem;width:100%;min-width:0;display:flex}.overview-field-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.overview-field-value{color:#111827;overflow-wrap:anywhere;word-break:break-word;font-size:.9375rem;font-weight:600}.status-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.375rem;width:fit-content;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.dashboard-columns-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;width:100%;min-width:0;display:grid}.latest-payslip-container{flex-direction:column;gap:1rem;width:100%;display:flex}.payslip-highlight-banner{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:.625rem;justify-content:space-between;align-items:center;padding:1.125rem 1.25rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.payslip-highlight-left{flex-direction:column;gap:.25rem;display:flex}.payslip-period-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:500}.payslip-net-amount-row{align-items:center;gap:.625rem;display:flex}.payslip-net-icon-pill{color:#4ade80;background:#22c55e33;border:1px solid #4ade804d;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.payslip-net-amount{color:#fff;letter-spacing:-.02em;font-size:1.625rem;font-weight:700}.payslip-net-sublabel{color:#cbd5e1;font-size:.75rem}.payslip-status-pill{color:#34d399;background-color:#10b98133;border:1px solid #10b9814d;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.payslip-stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;width:100%;display:grid}.payslip-stat-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.payslip-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.6875rem;font-weight:600}.payslip-stat-val{color:#1e293b;font-size:.9375rem;font-weight:700}.payslip-val-deduction{color:#dc2626}.payslip-action-buttons{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.payslip-btn-action{cursor:pointer;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.payslip-btn-action svg{flex-shrink:0;width:16px;height:16px}.payslip-btn-view:hover{background-color:#dbeafe;border-color:#93c5fd}.payslip-btn-download:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8}.payslip-btn-download:disabled{opacity:.65;cursor:not-allowed}.pf-summary-grid{flex-direction:column;gap:.875rem;display:flex}.pf-summary-field{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.75rem 1rem;display:flex}.pf-summary-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.pf-summary-value{color:#111827;font-family:monospace;font-size:.9375rem;font-weight:600}.att-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;margin-bottom:0;display:grid}.att-metric-box,.leave-metric-box{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.625rem;flex-direction:column;justify-content:flex-start;min-width:0;min-height:auto;padding:.875rem .85rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.att-metric-box:hover,.leave-metric-box:hover{background-color:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px -2px #0f172a14}.att-metric-top{justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.375rem;display:flex}.att-metric-lbl{color:#475569;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:.75rem;font-weight:700}.att-metric-icon-pill{border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.att-metric-icon-pill svg{width:14px;height:14px}.icon-pill-present{color:#16a34a;background-color:#ecfdf5;border:1px solid #bbf7d0}.icon-pill-absent{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.icon-pill-halfday{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a}.icon-pill-leave{color:#7c3aed;background-color:#faf5ff;border:1px solid #ddd6fe}.icon-pill-neutral{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0}.icon-pill-unmarked{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a}.att-metric-num{letter-spacing:-.01em;margin-bottom:.15rem;font-size:1.5rem;font-weight:700;line-height:1.15}.att-metric-sub{color:#64748b;white-space:nowrap;font-size:.75rem;font-weight:500}.att-metric-pill{text-align:center;border:1px solid #0000;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.625rem .375rem;display:flex}.att-metric-present{color:#059669;background-color:#ecfdf5;border-color:#a7f3d0}.att-metric-absent{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}.att-metric-half{color:#d97706;background-color:#fffbeb;border-color:#fde68a}.att-metric-leave{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.att-metric-wfh{color:#0d9488;background-color:#f0fdfa;border-color:#99f6e4}.att-metric-holiday{color:#7c3aed;background-color:#f5f3ff;border-color:#ddd6fe}.att-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.att-badge-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.att-badge-present{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.att-badge-absent{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.att-badge-half-day{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a}.att-badge-leave{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe}.att-badge-wfh{color:#0d9488;background-color:#f0fdfa;border:1px solid #99f6e4}.att-badge-holiday{color:#7c3aed;background-color:#f5f3ff;border:1px solid #ddd6fe}.att-badge-default{color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb}.leave-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;margin-bottom:0;display:grid}.dashboard-columns-grid-overview{grid-template-columns:repeat(2,minmax(0,1fr));align-items:flex-start;gap:1.5rem;display:grid}.dashboard-attendance-overview-card,.dashboard-leave-overview-card{flex-direction:column;min-height:auto;display:flex}.dashboard-leave-overview-card .leave-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;margin-bottom:0;display:grid}.dashboard-leave-overview-card .leave-metric-box{box-sizing:border-box;flex-direction:column;justify-content:flex-start;min-height:auto;padding:.875rem .85rem;display:flex}.leave-strip-item{text-align:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.625rem .5rem;display:flex}.leave-strip-num{color:#111827;font-size:1.125rem;font-weight:700}.leave-strip-lbl{color:#6b7280;margin-top:.125rem;font-size:.6875rem;font-weight:500}.status-indicator-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.leave-badge-approved{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.leave-badge-pending{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a}.leave-badge-rejected{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.leave-badge-cancelled{color:#6b7280;background-color:#f3f4f6;border:1px solid #e5e7eb}.leave-badge-default{color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb}.recent-list-container{flex-direction:column;gap:.625rem;display:flex}.recent-list-heading{color:#4b5563;text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.8125rem;font-weight:600}.recent-att-list,.recent-leave-list{flex-direction:column;gap:.5rem;display:flex}.recent-att-row{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.625rem .75rem;display:flex}.recent-att-date{color:#1f2937;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}.recent-att-cal-icon{color:#6b7280;display:inline-flex}.recent-att-cal-icon svg{width:14px;height:14px}.recent-leave-row{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.recent-leave-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.recent-leave-top{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.leave-type-pill{color:#3730a3;background-color:#e0e7ff;border-radius:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:700}.leave-dates-text{color:#1f2937;font-size:.8125rem;font-weight:600}.leave-days-count{color:#6b7280;font-weight:500}.recent-leave-reason{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;max-width:320px;margin:0;font-size:.75rem;overflow:hidden}.recent-list-empty{color:#9ca3af;text-align:center;margin:0;padding:1rem 0;font-size:.8125rem}.recent-documents-list{flex-direction:column;gap:.625rem;width:100%;display:flex}.recent-doc-row{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;transition:background-color .15s,border-color .15s;display:flex}.recent-doc-row:hover{background-color:#f3f4f6;border-color:#d1d5db}.recent-doc-info{align-items:center;gap:.75rem;min-width:0;display:flex}.recent-doc-icon{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;display:flex}.recent-doc-icon svg{width:16px;height:16px}.recent-doc-text{flex-direction:column;gap:.125rem;min-width:0;display:flex}.recent-doc-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.recent-doc-file{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.recent-doc-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.recent-doc-view-btn{color:#374151;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.recent-doc-view-btn:hover{color:#111827;background-color:#f3f4f6;border-color:#9ca3af}.recent-doc-download-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.recent-doc-download-btn:hover:not(:disabled){color:#2563eb;background-color:#f3f4f6;border-color:#9ca3af}.recent-doc-download-btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon-svg{flex-shrink:0;width:14px;height:14px}.quick-access-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;display:grid}.quick-access-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.75rem;min-width:0;padding:.75rem .875rem;text-decoration:none;transition:all .15s;display:flex}.quick-access-card:hover{background-color:#fff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #2563eb14}.quick-access-icon-box{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;display:flex}.quick-access-icon-box svg{width:18px;height:18px}.quick-access-content{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.quick-access-title{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.quick-access-desc{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.quick-access-chevron{color:#9ca3af;flex-shrink:0;width:16px;height:16px;transition:transform .15s,color .15s}.quick-access-card:hover .quick-access-chevron{color:#2563eb;transform:translate(2px)}.dashboard-empty-card{text-align:center;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex}.dashboard-empty-icon{color:#6b7280;background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.75rem;display:flex}.dashboard-empty-icon svg{width:22px;height:22px}.dashboard-empty-title{color:#1f2937;margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.dashboard-empty-desc{color:#6b7280;max-width:360px;margin:0;font-size:.8125rem;line-height:1.4}.dashboard-error-banner{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.dashboard-error-icon{color:#dc2626;flex-shrink:0}.dashboard-error-icon svg{width:28px;height:28px}.dashboard-error-content{flex-direction:column;gap:.375rem;display:flex}.dashboard-error-title{color:#991b1b;margin:0;font-size:1rem;font-weight:700}.dashboard-error-desc{color:#7f1d1d;margin:0;font-size:.875rem}.dashboard-retry-btn{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:.375rem;align-self:flex-start;margin-top:.5rem;padding:.4375rem 1rem;font-size:.8125rem;font-weight:600;transition:background-color .15s}.dashboard-retry-btn:hover{background-color:#b91c1c}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:.375rem;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dashboard-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dashboard-modal-window{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;width:100%;max-width:860px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003}.dashboard-modal-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.dashboard-modal-header-titles{flex-direction:column;gap:.125rem;min-width:0;display:flex}.dashboard-modal-title{color:#111827;margin:0;font-size:1.0625rem;font-weight:700}.dashboard-modal-file{color:#6b7280;font-size:.75rem}.dashboard-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem;font-size:1.5rem;line-height:1}.dashboard-modal-close:hover{color:#111827}.dashboard-modal-body{background-color:#f3f4f6;flex:1;justify-content:center;align-items:center;min-height:480px;display:flex;position:relative;overflow:hidden}.dashboard-preview-iframe{border:none;width:100%;height:100%;min-height:480px;display:block}.modal-state-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.modal-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-state-text{color:#6b7280;margin:0;font-size:.875rem}.modal-error-icon{color:#dc2626}.modal-error-icon svg{width:36px;height:36px}.modal-error-title{color:#991b1b;margin:0;font-size:1rem;font-weight:600}.modal-error-desc{color:#6b7280;margin:0;font-size:.8125rem}.dashboard-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.dashboard-modal-download-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #2563eb;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:background-color .15s;display:inline-flex}.dashboard-modal-download-btn:hover:not(:disabled){background-color:#1d4ed8}.dashboard-modal-download-btn svg{width:15px;height:15px}.dashboard-modal-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .15s}.dashboard-modal-btn:hover{color:#111827;background-color:#f3f4f6;border-color:#9ca3af}.birthday-section-card{box-sizing:border-box;width:100%;min-width:0}.birthday-today-highlight-banner{box-sizing:border-box;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fde68a;border-radius:.5rem;align-items:center;gap:1rem;min-width:0;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 3px #f59e0b1a}.birthday-today-sparkle{flex-shrink:0;font-size:2rem;line-height:1}.birthday-today-info{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.birthday-today-item{flex-direction:column;gap:.125rem;min-width:0;display:flex}.birthday-today-greeting{color:#92400e;letter-spacing:-.01em;word-break:break-word;margin:0;font-size:1rem;font-weight:700}.birthday-today-sub{color:#b45309;word-break:break-word;margin:0;font-size:.8125rem;font-weight:500}.employee-bday-grid,.birthday-cards-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.125rem;width:100%;display:grid}.employee-bday-card,.birthday-card{-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;justify-content:space-between;gap:.875rem;padding:1.125rem 1.25rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05}.employee-bday-card:hover,.birthday-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 18px #0f172a0f,0 2px 6px #0f172a05}.employee-bday-card:hover .employee-bday-name,.birthday-card:hover .birthday-card-name{color:#2563eb}.employee-bday-card-today,.birthday-card-active-today{background:linear-gradient(#fffefb 0%,#fff 100%);border-color:#fcd34d;box-shadow:0 3px 10px #f59e0b14}.employee-bday-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.employee-bday-date{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.employee-bday-cake-icon{color:#f59e0b}.employee-bday-today-pill{color:#92400e;background-color:#fef3c7;border:1px solid #fde68a;border-radius:9999px;align-items:center;padding:.2rem .55rem;font-size:.725rem;font-weight:700;display:inline-flex}.employee-bday-upcoming-pill{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;padding:.2rem .5rem;font-size:.725rem;font-weight:500;display:inline-flex}.employee-bday-celebrated-pill,.employee-bday-completed-pill{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;width:auto;padding:.2rem .55rem;font-size:.725rem;font-weight:600;display:inline-flex}.employee-bday-card.employee-bday-card-celebrated,.employee-bday-card.employee-bday-card-completed{background-color:#fff;border-color:#e2e8f0}.employee-bday-avatar.avatar-completed{color:#15803d;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#bbf7d0}.employee-bday-card-body{align-items:center;gap:.875rem;min-width:0;display:flex}.employee-bday-avatar{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9375rem;font-weight:700;display:flex}.employee-bday-avatar.avatar-today{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#fcd34d}.employee-bday-details{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.employee-bday-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;font-weight:600;transition:color .15s;overflow:hidden}.employee-bday-role{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8125rem;overflow:hidden}.employee-bday-id-sub{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:.25rem;margin-top:.15rem;padding:.1rem .4rem;font-family:monospace;font-size:.725rem;font-weight:500;display:inline-block}.employee-bday-card-footer{border-top:1px solid #f1f5f9;width:100%;padding-top:.75rem}.employee-bday-wishes-pill{color:#92400e;box-sizing:border-box;text-align:center;background-color:#fef3c7;border:1px solid #fde68a;border-radius:.5rem;justify-content:center;align-items:center;width:100%;padding:.4rem .75rem;font-size:.775rem;font-weight:600;display:flex}.employee-bday-team-pill{color:#64748b;box-sizing:border-box;text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;justify-content:center;align-items:center;width:100%;padding:.35rem .75rem;font-size:.75rem;font-weight:500;display:flex}.employee-bday-celebrated-footer{color:#047857;box-sizing:border-box;text-align:center;background-color:#f0fdf4;border:1px dashed #bbf7d0;border-radius:.5rem;justify-content:center;align-items:center;width:100%;padding:.35rem .75rem;font-size:.75rem;font-weight:500;display:flex}.birthday-empty-state{text-align:center;box-sizing:border-box;background-color:#f9fafb;border:1px dashed #e5e7eb;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;padding:2.5rem 1.5rem;display:flex}.birthday-empty-icon{margin-bottom:.75rem;font-size:2.25rem;line-height:1}.birthday-empty-title{color:#374151;margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.birthday-empty-desc{color:#6b7280;max-width:360px;margin:0;font-size:.8125rem}@media (width<=1024px){.employee-summary-grid,.dashboard-summary-cards,.overview-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns-grid,.dashboard-columns-grid-overview{grid-template-columns:1fr}.att-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-bday-grid,.birthday-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.employee-dashboard-page{gap:1rem}.dashboard-welcome-header{flex-direction:column;align-items:flex-start}.employee-summary-grid,.dashboard-summary-cards{grid-template-columns:1fr;gap:.75rem}.overview-data-grid{grid-template-columns:1fr;gap:.875rem}.quick-access-grid,.payslip-stats-row{grid-template-columns:1fr}.payslip-action-buttons{flex-direction:column}.payslip-btn-action{width:100%}.att-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.leave-metric-box,.dashboard-leave-overview-card .leave-metric-box{padding:.625rem .5rem}.dashboard-section-card{padding:1.125rem 1rem}.recent-doc-row{flex-direction:column;align-items:stretch;gap:.625rem}.recent-doc-actions{justify-content:flex-end}.recent-leave-row{flex-direction:column;align-items:flex-start}.employee-bday-grid,.birthday-cards-grid{grid-template-columns:1fr}.birthday-today-highlight-banner{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.875rem 1rem}}.gaintpro-bday-banner{box-sizing:border-box;background:linear-gradient(135deg,#fffdfa 0%,#fef3c7 100%);border:1px solid #fde68a;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1rem 1.25rem;animation:.3s ease-out gaintproModalFadeIn;display:flex;box-shadow:0 2px 8px #f59e0b14}.gaintpro-bday-banner-left{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.gaintpro-bday-banner-icon{flex-shrink:0;font-size:2.25rem;line-height:1}.gaintpro-bday-banner-text{flex-direction:column;gap:.2rem;min-width:0;display:flex}.gaintpro-bday-banner-title{color:#92400e;margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.gaintpro-bday-banner-desc{color:#b45309;margin:0;font-size:.875rem;line-height:1.4}.gaintpro-bday-banner-btn{color:#92400e;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #f59e0b;border-radius:.5rem;align-items:center;gap:.35rem;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 1px 3px #f59e0b26}.gaintpro-bday-banner-btn:hover{background-color:#fef3c7;border-color:#d97706;transform:translateY(-1px);box-shadow:0 3px 8px #f59e0b38}.gaintpro-bday-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;box-sizing:border-box;background-color:#0f172a99;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.gaintpro-bday-modal-box{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:1rem;width:100%;max-width:520px;animation:.28s cubic-bezier(.16,1,.3,1) gaintproModalFadeIn;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #0000000a}.gaintpro-bday-modal-accent-bar{background:linear-gradient(90deg,#2563eb 0%,#3b82f6 50%,#60a5fa 100%);width:100%;height:4px}.gaintpro-bday-modal-close-btn{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:inherit;font-size:1.25rem;line-height:1;transition:all .15s;display:flex;position:absolute;top:1rem;right:1rem}.gaintpro-bday-modal-close-btn:hover{color:#ef4444;background-color:#fee2e2;border-color:#fca5a5}.gaintpro-bday-modal-body{text-align:center;flex-direction:column;align-items:center;padding:2.25rem 2rem 2rem;display:flex}.gaintpro-bday-modal-badge{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #fcd34d;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:1rem;display:flex;box-shadow:0 4px 14px #f59e0b2e}.gaintpro-bday-cake-icon{font-size:2rem;line-height:1}.gaintpro-bday-company-tag{letter-spacing:.06em;text-transform:uppercase;color:#1d4ed8;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.gaintpro-bday-modal-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 .75rem;font-size:1.35rem;font-weight:800;line-height:1.3}.gaintpro-bday-modal-message{color:#334155;margin:0 0 1.25rem;font-size:.9375rem;line-height:1.6}.gaintpro-bday-modal-note-box{text-align:left;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;margin-bottom:1.25rem;padding:1rem 1.25rem}.gaintpro-bday-modal-note-text{color:#475569;margin:0 0 .5rem;font-size:.875rem;line-height:1.55}.gaintpro-bday-modal-note-sub{color:#475569;margin:0;font-size:.875rem;line-height:1.55}.gaintpro-bday-modal-signoff{flex-direction:column;align-items:center;gap:.25rem;margin-bottom:1.5rem;display:flex}.gaintpro-bday-sig-lead{color:#64748b;font-size:.8125rem;font-style:italic}.gaintpro-bday-sig-team{color:#0f172a;letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.gaintpro-bday-modal-footer{justify-content:center;width:100%;display:flex}.gaintpro-bday-modal-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 2.25rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 4px 12px #2563eb40}.gaintpro-bday-modal-action-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.gaintpro-bday-modal-action-btn:active{transform:translateY(0)}@keyframes gaintproModalFadeIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=640px){.gaintpro-bday-banner{flex-direction:column;align-items:flex-start;gap:.875rem}.gaintpro-bday-banner-btn{justify-content:center;width:100%}.gaintpro-bday-modal-body{padding:1.75rem 1.25rem 1.5rem}.gaintpro-bday-modal-title{font-size:1.2rem}.gaintpro-bday-modal-action-btn{width:100%}}.employee-profile-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;max-width:1100px;margin:0 auto;padding-bottom:3rem;display:flex}.profile-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.profile-header-titles{flex-direction:column;gap:.25rem;display:flex}.profile-page-title{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.625rem;font-weight:700}.profile-page-subtitle{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.profile-toast-notification{color:#065f46;background-color:#ecfdf5;border:1px solid #6ee7b7;border-radius:.5rem;align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 2px 4px #0000000d}.profile-toast-notification svg{color:#10b981;flex-shrink:0;width:18px;height:18px}.profile-error-banner{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500;display:flex}.profile-error-banner svg{color:#dc2626;flex-shrink:0;width:18px;height:18px}.profile-error-close-btn{color:#991b1b;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.25rem;font-size:1.25rem;line-height:1}.profile-loading-card,.profile-error-card{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3.5rem 1.5rem;display:flex}.profile-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.profile-error-icon-wrap{color:#dc2626;background-color:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.profile-error-icon-wrap svg{width:24px;height:24px}.profile-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #1d4ed8;border-radius:.5rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s}.profile-btn-primary:hover{background-color:#1d4ed8}.profile-btn-secondary{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s}.profile-btn-secondary:hover{color:#0f172a;background-color:#f1f5f9}.profile-summary-card{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:2rem;display:grid;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.profile-photo-wrapper{border-radius:50%;flex-shrink:0;width:130px;height:130px;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000000d}.profile-photo-img{object-fit:cover;box-sizing:border-box;border:4px solid #fff;border-radius:50%;width:100%;height:100%;display:block}.profile-avatar-placeholder{color:#fff;letter-spacing:-.05em;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;font-weight:700;display:flex}.profile-photo-camera-btn{color:#fff;cursor:pointer;z-index:5;background-color:#2563eb;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:4px;right:4px;box-shadow:0 2px 4px #00000026}.profile-photo-camera-btn:hover{background-color:#1d4ed8;transform:scale(1.08)}.profile-photo-camera-btn svg{width:18px;height:18px}.profile-summary-details{flex-direction:column;gap:.75rem;display:flex}.profile-summary-main{flex-direction:column;gap:.375rem;display:flex}.profile-employee-name{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.profile-meta-row{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.profile-employee-id-pill{color:#1d4ed8;letter-spacing:.02em;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;align-items:center;padding:.25rem .625rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;font-weight:700;display:inline-flex}.profile-meta-separator{color:#cbd5e1;font-size:.75rem}.profile-meta-text{color:#475569;font-size:.9375rem;font-weight:500}.profile-change-photo-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;align-self:flex-start;align-items:center;gap:.5rem;padding:.4375rem .875rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.profile-change-photo-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.profile-change-photo-btn svg{color:#64748b;width:15px;height:15px}.profile-status-wrap{flex-direction:column;align-items:flex-end;gap:.625rem;display:flex}.profile-status-pill{text-transform:capitalize;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.profile-status-pill.status-active{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.profile-status-pill.status-inactive,.profile-status-pill.status-suspended{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca}.profile-location-text{color:#64748b;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;display:inline-flex}.profile-cards-stack{flex-direction:column;gap:1.5rem;width:100%;display:flex}.profile-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.75rem;box-shadow:0 1px 3px #0000000a}.profile-card-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:.875rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.card-header-icon{color:#2563eb;background-color:#eff6ff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.card-header-icon svg{width:20px;height:20px}.profile-card-title{color:#0f172a;margin:0 0 .125rem;font-size:1.0625rem;font-weight:700}.profile-card-desc{color:#64748b;font-size:.8125rem;display:block}.profile-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem;display:grid}.profile-field-group{flex-direction:column;gap:.375rem;display:flex}.profile-field-group.full-width{grid-column:1/-1}.profile-field-label{color:#475569;justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.readonly-badge{text-transform:uppercase;color:#94a3b8;background-color:#f8fafc;border-radius:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:700}.profile-field-readonly{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;min-height:42px;padding:.625rem .875rem;font-size:.9375rem;display:flex}.profile-field-readonly.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.status-pill-inline{text-transform:capitalize;border-radius:9999px;align-items:center;padding:.2rem .625rem;font-size:.8125rem;font-weight:600;display:inline-flex}.status-pill-inline.status-active{color:#15803d;background-color:#dcfce7}.status-pill-inline.status-inactive,.status-pill-inline.status-suspended{color:#b91c1c;background-color:#fee2e2}.photo-preview-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172aa6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.photo-preview-modal-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.875rem;flex-direction:column;gap:1.25rem;width:100%;max-width:440px;padding:1.75rem;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.photo-preview-modal-header{justify-content:space-between;align-items:center;display:flex}.photo-preview-modal-title{color:#0f172a;margin:0;font-size:1.125rem;font-weight:700}.photo-preview-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1}.photo-preview-modal-close:hover{color:#0f172a}.photo-preview-crop-container{background-color:#f8fafc;border:3px solid #3b82f6;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #3b82f633}.photo-preview-crop-container img{object-fit:cover;width:100%;height:100%}.photo-preview-modal-desc{color:#64748b;text-align:center;margin:0;font-size:.875rem;line-height:1.4}.photo-preview-modal-actions{justify-content:flex-end;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.photo-uploading-spinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin-right:.375rem;animation:.8s linear infinite spin;display:inline-block}.profile-empty-state-notice{text-align:center;color:#64748b;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:.5rem;padding:1.5rem;font-size:.9375rem;font-weight:500}.profile-empty-state-notice p{margin:0}@media (width<=768px){.profile-summary-card{text-align:center;grid-template-columns:1fr;justify-items:center;gap:1.25rem;padding:1.5rem}.profile-summary-details{align-items:center}.profile-meta-row{justify-content:center}.profile-change-photo-btn{align-self:center}.profile-status-wrap{align-items:center}.profile-fields-grid{grid-template-columns:1fr}}@media (width<=480px){.profile-photo-wrapper{width:110px;height:110px}.profile-avatar-placeholder{font-size:2rem}.profile-photo-camera-btn{width:34px;height:34px}.profile-employee-name{font-size:1.25rem}.profile-card{padding:1.25rem 1rem}}.employee-documents-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;display:flex}.documents-page-header{flex-direction:column;gap:.25rem;display:flex}.documents-page-title{color:#111827;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.documents-page-subtitle{color:#6b7280;margin:0;font-size:.875rem;line-height:1.4}.documents-notice-banner{color:#1e40af;box-sizing:border-box;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:flex}.documents-notice-content{align-items:center;gap:.5rem;display:flex}.documents-notice-icon{color:#2563eb;flex-shrink:0;width:18px;height:18px}.documents-notice-dismiss{color:#1e40af;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;font-size:1.25rem;line-height:1;display:flex}.documents-notice-dismiss:hover{background-color:#1e40af1a}.documents-notice-dismiss:focus-visible{outline:2px solid #2563eb}.documents-controls-card{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.documents-search-wrapper{flex:1;min-width:260px}.search-input-container{align-items:center;width:100%;display:flex;position:relative}.search-input-icon{color:#9ca3af;pointer-events:none;width:18px;height:18px;position:absolute;left:.875rem}.documents-search-input{color:#111827;box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;height:42px;padding:.5rem 2.25rem .5rem 2.5rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.documents-search-input::placeholder{color:#9ca3af}.documents-search-input:hover{border-color:#9ca3af}.documents-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.search-clear-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;font-size:1.25rem;line-height:1;display:flex;position:absolute;right:.625rem}.search-clear-btn:hover{color:#4b5563}.documents-category-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.category-filter-btn{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s}.category-filter-btn:hover{color:#111827;background-color:#f3f4f6}.category-filter-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.category-filter-active{font-weight:600;color:#fff!important;background-color:#2563eb!important;border-color:#2563eb!important}.documents-sections-wrapper{flex-direction:column;gap:2rem;display:flex}.document-category-section{flex-direction:column;gap:1rem;display:flex}.category-section-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.category-section-title{color:#1f2937;letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.category-section-count{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;background-color:#f3f4f6;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.documents-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.document-card{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.document-card:hover{border-color:#bfdbfe;box-shadow:0 4px 6px -1px #0000000d}.document-card-top{align-items:flex-start;gap:.875rem;display:flex}.document-icon-badge{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:flex;position:relative}.document-svg-icon{width:22px;height:22px}.document-badge-ext{color:#fff;letter-spacing:.04em;text-transform:uppercase;background-color:#dc2626;border-radius:3px;padding:1px 4px;font-size:.5625rem;font-weight:700;position:absolute;bottom:-4px;right:-4px}.document-text-container{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.document-title{color:#111827;word-break:break-word;margin:0;font-size:.9375rem;font-weight:600;line-height:1.35}.document-filename{color:#6b7280;word-break:break-all;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.document-meta-details{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:.375rem;margin-top:1rem;padding:.75rem 0;display:flex}.document-meta-item{justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.8125rem;display:flex}.document-meta-label{color:#6b7280;font-weight:500}.document-meta-value{color:#1f2937;text-align:right;word-break:break-word;font-weight:600}.document-card-actions{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.document-btn{cursor:pointer;box-sizing:border-box;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.375rem;min-height:40px;padding:.4375rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn-action-icon{width:15px;height:15px}.document-btn-view{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe}.document-btn-view:hover{background-color:#dbeafe}.document-btn-view:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.document-btn-download{color:#374151;background-color:#fff;border:1px solid #d1d5db}.document-btn-download:hover{color:#111827;background-color:#f9fafb;border-color:#9ca3af}.document-btn-download:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.documents-empty-state{text-align:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000a}.empty-state-svg{width:28px;height:28px}.empty-state-reset-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.5rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background-color .15s}.empty-state-reset-button:hover{background-color:#1d4ed8}.empty-state-reset-button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.doc-modal-backdrop{z-index:100;box-sizing:border-box;background-color:#11182780;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.doc-modal-window{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.doc-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.doc-modal-headings{flex-direction:column;gap:.25rem;min-width:0;display:flex}.doc-modal-title{color:#111827;word-break:break-word;margin:0;font-size:1.125rem;font-weight:700}.doc-modal-file{color:#6b7280;word-break:break-all;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem}.doc-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;font-size:1.5rem;line-height:1;display:flex}.doc-modal-close:hover{color:#111827}.doc-modal-close:focus-visible{outline:2px solid #2563eb}.doc-modal-content{padding:2rem 1.5rem}.doc-preview-placeholder-box{text-align:center;flex-direction:column;align-items:center;display:flex}.doc-placeholder-icon{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.75rem;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:1rem;display:flex}.doc-placeholder-icon svg{width:28px;height:28px}.doc-placeholder-title{color:#111827;margin:0 0 .5rem;font-size:1rem;font-weight:600}.doc-placeholder-desc{color:#6b7280;max-width:360px;margin:0 0 1.25rem;font-size:.875rem;line-height:1.45}.doc-placeholder-pill{color:#4b5563;background-color:#f3f4f6;border-radius:9999px;padding:.375rem .875rem;font-size:.75rem;font-weight:600}.doc-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;padding:1rem 1.5rem;display:flex}.doc-modal-close-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background-color .15s,border-color .15s}.doc-modal-close-btn:hover{color:#111827;background-color:#f3f4f6;border-color:#9ca3af}.doc-modal-close-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (width<=1023px){.documents-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (width<=767px){.documents-controls-card{flex-direction:column;align-items:stretch;padding:1rem}.documents-search-wrapper{min-width:100%}.documents-category-filters{width:100%;padding-bottom:.25rem;overflow-x:auto}.category-filter-btn{text-align:center;flex:1;min-height:40px;padding:.4rem .5rem}.documents-grid{grid-template-columns:1fr;gap:1rem}.document-card{padding:1rem}.document-btn{min-height:44px}.doc-modal-content{padding:1.5rem 1rem}}@media (width<=360px){.category-filter-btn{font-size:.75rem}.document-title{font-size:.875rem}.document-btn{padding:.375rem .5rem;font-size:.75rem}}.employee-pf-details-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;display:flex}.pf-page-header{flex-direction:column;gap:.25rem;display:flex}.pf-page-title{color:#111827;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.pf-page-subtitle{color:#6b7280;margin:0;font-size:.875rem;line-height:1.4}.pf-notice-card{box-sizing:border-box;background-color:#fff;border:1px solid #bfdbfe;border-left:4px solid #2563eb;border-radius:.5rem;align-items:flex-start;gap:.875rem;padding:1.125rem 1.25rem;display:flex;box-shadow:0 1px 3px #00000008}.pf-notice-icon-box{color:#2563eb;flex-shrink:0;width:20px;height:20px;margin-top:.125rem}.pf-notice-icon-box svg{width:20px;height:20px}.pf-notice-body{flex-direction:column;gap:.25rem;display:flex}.pf-notice-primary{color:#1f2937;margin:0;font-size:.875rem;font-weight:600;line-height:1.4}.pf-notice-secondary{color:#4b5563;margin:0;font-size:.8125rem;line-height:1.4}.pf-section-container{flex-direction:column;gap:1rem;display:flex}.pf-section-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.pf-section-title{color:#1f2937;letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.pf-section-meta{color:#6b7280;font-size:.75rem;font-weight:500}.pf-metrics-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.pf-metric-card{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;gap:.375rem;padding:1.25rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.pf-metric-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000000d}.pf-metric-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.pf-metric-amount{color:#111827;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.pf-metric-desc{color:#9ca3af;margin-top:.25rem;font-size:.75rem}.pf-metric-card-total{background-color:#eff6ff;border-color:#bfdbfe}.pf-metric-card-total:hover{border-color:#93c5fd}.pf-metric-card-total .pf-metric-label{color:#1e40af}.pf-metric-card-total .pf-metric-amount{color:#1d4ed8}.pf-metric-card-total .pf-metric-desc{color:#2563eb}.pf-section-card{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000a}.pf-card-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.pf-card-title-group{align-items:center;gap:.75rem;display:flex}.pf-card-icon-badge{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;min-height:38px;display:flex}.pf-card-icon-badge svg{width:20px;height:20px}.pf-card-title{color:#1f2937;letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.pf-card-subtitle{color:#6b7280;margin:.125rem 0 0;font-size:.8125rem}.pf-data-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem 1.25rem;display:grid}.pf-data-field{flex-direction:column;gap:.3125rem;min-width:0;display:flex}.pf-data-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.pf-data-value{color:#111827;word-break:break-word;overflow-wrap:break-word;font-size:.9375rem;font-weight:600;line-height:1.4}.pf-data-mono{letter-spacing:.04em;color:#1f2937;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.status-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.375rem;padding:.3125rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.status-badge-active{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.status-badge-pending .status-badge-dot{background-color:#f59e0b}.status-badge-neutral{color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb}.status-badge-neutral .status-badge-dot{background-color:#9ca3af}.pf-data-not-configured{color:#6b7280;font-style:italic;font-weight:500}.status-badge-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px}@media (width<=1023px){.pf-metrics-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.pf-data-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem 1rem}}@media (width<=767px){.pf-metrics-grid{grid-template-columns:1fr;gap:.875rem}.pf-data-grid{grid-template-columns:1fr;gap:1.125rem}.pf-section-card{padding:1.25rem 1rem}.pf-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.pf-metric-amount{font-size:1.35rem}}@media (width<=360px){.pf-notice-card{padding:.875rem}.pf-metric-card{padding:1rem}.pf-card-title{font-size:1rem}}.employee-leaves-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:100%;margin:0;display:flex}.leaves-page-header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;display:flex}.leaves-header-titles{flex-direction:column;gap:.25rem;display:flex}.leaves-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}.leaves-page-subtitle{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.leaves-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.leaves-apply-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.5rem;align-items:center;gap:.5rem;min-height:38px;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background-color .15s,box-shadow .15s,transform 50ms;display:inline-flex;box-shadow:0 1px 2px #2563eb33}.leaves-apply-button:hover{background-color:#1d4ed8;box-shadow:0 3px 5px -1px #2563eb4d}.leaves-apply-button:active{background-color:#1e40af;transform:translateY(1px)}.leaves-btn-icon{width:15px;height:15px}.leaves-notice-banner{box-sizing:border-box;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.notice-success{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}.notice-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.leaves-notice-content{align-items:center;gap:.5rem;display:flex}.leaves-notice-icon{flex-shrink:0;width:18px;height:18px}.leaves-notice-dismiss{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1}.leaves-notice-dismiss:hover{opacity:1}.compact-leave-summary-section{flex-direction:column;gap:.5rem;width:100%;display:flex}.compact-summary-header{justify-content:space-between;align-items:center;padding:0 .25rem;display:flex}.compact-summary-title-group{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.compact-summary-heading{text-transform:uppercase;letter-spacing:.05em;color:#475569;margin:0;font-size:.8125rem;font-weight:700}.compact-summary-policy{color:#64748b;font-size:.75rem;font-weight:500}.compact-balance-strip{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.625rem;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid;overflow:hidden;box-shadow:0 1px 3px #0000000a}@media (width<=900px){.compact-balance-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.compact-balance-strip{grid-template-columns:1fr}}.compact-balance-col{background-color:#fff;border-right:1px solid #f1f5f9;flex-direction:column;min-width:0;padding:1rem 1.25rem;transition:background-color .15s;display:flex}.compact-balance-col:last-child{border-right:none}.compact-balance-col:hover{background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 20px -4px #0f172a14}.compact-col-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.compact-col-label{color:#475569;white-space:nowrap;font-size:.8125rem;font-weight:600}.compact-probation-badge{color:#b45309;white-space:nowrap;background-color:#fffbeb;border:1px solid #fde68a;border-radius:9999px;padding:.1rem .45rem;font-size:.6875rem;font-weight:600}.compact-metric-row{align-items:baseline;gap:.35rem;margin-bottom:.2rem;display:flex}.compact-metric-number{letter-spacing:-.02em;font-size:1.75rem;font-weight:800;line-height:1}.compact-metric-unit{color:#64748b;font-size:.8125rem;font-weight:500}.text-slate{color:#64748b}.compact-col-subtext{color:#64748b;white-space:nowrap;text-overflow:ellipsis;align-items:center;min-height:1.15rem;font-size:.75rem;display:flex;overflow:hidden}.compact-pending-tag{color:#d97706;font-weight:600}.compact-col-footer-note{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;border-top:1px dashed #f1f5f9;margin-top:.5rem;padding-top:.45rem;font-size:.6875rem;overflow:hidden}.leave-history-section{flex-direction:column;gap:.75rem;width:100%;display:flex}.section-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.section-title-left{align-items:center;gap:.5rem;display:flex}.leaves-section-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.leaves-count-badge{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;padding:.15rem .55rem;font-size:.75rem;font-weight:600}.leaves-controls-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-width:0;max-width:100%;padding:.75rem 1rem;display:flex;box-shadow:0 1px 2px #00000008}.leaves-search-box{flex:200px;align-items:center;min-width:0;max-width:100%;display:flex;position:relative}.search-input-svg{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;left:.75rem}.leaves-search-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;width:100%;height:38px;padding:.4rem 2rem .4rem 2.25rem;font-family:inherit;font-size:.8125rem;transition:all .15s}.leaves-search-input:focus{background-color:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.leaves-search-input::placeholder{color:#94a3b8}.leaves-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1.125rem;line-height:1;position:absolute;right:.5rem}.leaves-clear-btn:hover{color:#475569}.leaves-filter-selectors{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.leaves-select-input{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;height:38px;padding:.375rem 1.75rem .375rem .75rem;font-family:inherit;font-size:.8125rem;transition:border-color .15s}.leaves-select-input:focus{border-color:#2563eb;outline:none}.leaves-reset-filters-btn{color:#475569;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:.375rem;height:38px;padding:0 .875rem;font-size:.8125rem;font-weight:600;transition:all .15s}.leaves-reset-filters-btn:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.leave-table-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;width:100%;min-width:0;max-width:100%;overflow:hidden;box-shadow:0 1px 2px #00000008}.leave-table-container{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.leave-compact-table{border-collapse:collapse;text-align:left;table-layout:fixed;box-sizing:border-box;width:100%;font-size:.8125rem}.col-leave-type{width:20%}.col-leave-dates{width:30%}.col-leave-days{text-align:center;width:14%}.col-leave-status{width:20%}.col-leave-actions{text-align:right;width:16%}.leave-compact-table thead th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;box-sizing:border-box;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.625rem 1.125rem;font-size:.75rem;font-weight:600}.leave-compact-table tbody td{color:#0f172a;vertical-align:middle;box-sizing:border-box;border-bottom:1px solid #f1f5f9;min-width:0;padding:.65rem 1.125rem}.leave-compact-table tbody tr:last-child td{border-bottom:none}.leave-compact-table tbody tr:hover{background-color:#f8fafc}.leave-type-cell{flex-direction:column;min-width:0;line-height:1.35;display:flex}.leave-type-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.reclassified-tag{color:#d97706;white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;font-weight:500;overflow:hidden}.leave-date-range{color:#1e293b;word-break:normal;font-size:.8125rem;font-weight:500;line-height:1.35;display:inline-block}.leave-days-count{color:#334155;white-space:nowrap;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:.25rem;padding:.15rem .4rem;font-size:.75rem;font-weight:600;display:inline-block}.leave-reason-wrapper{align-items:center;gap:.35rem;width:100%;min-width:0;line-height:1.35;display:flex}.leave-reason-text{color:#475569;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;flex:auto;min-width:0;font-size:.8125rem;overflow:hidden}.leave-reason-text:hover{color:#2563eb;text-decoration:underline}.reason-expand-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.6875rem;text-decoration:underline}.attachment-chip{color:#1d4ed8;cursor:pointer;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:2px 5px;font-size:.6875rem;display:inline-flex}.attachment-chip:hover{background-color:#dbeafe}.leave-action-cell{justify-content:flex-end;align-items:center;gap:.35rem;width:100%;min-width:0;display:flex}.leave-cancel-btn{color:#dc2626;cursor:pointer;white-space:nowrap;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.25rem;padding:.2rem .45rem;font-family:inherit;font-size:.6875rem;font-weight:600;transition:all .15s}.leave-cancel-btn:hover:not(:disabled){background-color:#fee2e2;border-color:#fca5a5}.leave-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.view-details-subtle-btn{color:#334155;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;justify-content:center;align-items:center;padding:.3rem .65rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.view-details-subtle-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8;box-shadow:0 1px 3px #00000014}.view-details-subtle-btn.full-width{width:100%}.leave-status-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.18rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-indicator-dot{border-radius:50%;width:6px;height:6px}.status-badge-approved{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.status-badge-approved .status-indicator-dot{background-color:#10b981}.status-badge-pending{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a}.status-badge-pending .status-indicator-dot{background-color:#f59e0b}.status-badge-rejected{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.status-badge-rejected .status-indicator-dot{background-color:#ef4444}.status-badge-cancelled{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1}.status-badge-cancelled .status-indicator-dot{background-color:#94a3b8}.status-badge-cancellation-requested{color:#c2410c;background-color:#fff7ed;border:1px solid #fed7aa}.status-badge-cancellation-requested .status-indicator-dot{background-color:#f97316}.leave-status-cell{flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;min-width:0;display:flex}.leave-admin-cancellation-box{box-sizing:border-box;background-color:#fff1f2;border:1px solid #fecdd3;border-radius:.25rem;flex-direction:column;gap:.15rem;width:100%;min-width:0;max-width:100%;padding:.25rem .45rem;display:flex}.cancellation-admin-label{color:#be123c;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:700;line-height:1.2;display:inline-flex}.cancellation-admin-reason{color:#881337;word-break:break-word;overflow-wrap:break-word;font-size:.6875rem;line-height:1.3}.cancellation-reason-title{color:#9f1239;font-weight:700}.leave-employee-cancellation-tag{color:#475569;white-space:nowrap;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.25rem;padding:.1rem .45rem;font-size:.6875rem;font-weight:500;display:inline-flex}.cancellation-emp-dot{background-color:#94a3b8;border-radius:50%;flex-shrink:0;width:5px;height:5px}.leave-admin-cancellation-box.mobile-callout,.leave-employee-cancellation-tag.mobile-callout{width:100%;max-width:100%;margin-top:.35rem}.leave-mobile-cards{box-sizing:border-box;flex-direction:column;gap:.75rem;width:100%;padding:.875rem;display:none}.leave-mobile-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;gap:.5rem;width:100%;min-width:0;padding:.875rem;display:flex}.mobile-card-top{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.5rem;display:flex}.mobile-type-group{flex-direction:column;min-width:0;display:flex}.mobile-type-name{color:#0f172a;font-size:.875rem;font-weight:700}.mobile-reclassified-tag{color:#d97706;font-size:.6875rem}.mobile-card-row{justify-content:space-between;align-items:flex-start;gap:.75rem;min-width:0;font-size:.8125rem;display:flex}.mobile-card-label{color:#64748b;flex-shrink:0;font-weight:500}.mobile-card-value{color:#0f172a;text-align:right;word-break:break-word;overflow-wrap:break-word;max-width:70%}.mobile-attachment-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8125rem;text-decoration:underline}.mobile-card-footer{border-top:1px solid #f1f5f9;margin-top:.35rem;padding-top:.5rem}.mobile-card-actions-row{align-items:center;gap:.5rem;width:100%;display:flex}.mobile-action-btn{text-align:center;box-sizing:border-box;border-radius:.375rem;flex:1;justify-content:center;align-items:center;padding:.45rem .75rem;font-size:.8125rem;display:inline-flex}.leave-pagination-bar{box-sizing:border-box;background-color:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.125rem;display:flex}.leave-pagination-info{color:#64748b;-webkit-user-select:none;user-select:none;font-size:.8125rem;font-weight:500}.leave-pagination-controls{align-items:center;gap:.5rem;display:flex}.leave-page-nav-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;align-items:center;gap:.35rem;padding:.375rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:500;line-height:1.25;transition:all .15s;display:inline-flex}.leave-page-nav-btn svg{flex-shrink:0;width:14px;height:14px}.leave-page-nav-btn:hover:not(:disabled){color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.leave-page-nav-btn:disabled{opacity:.5;cursor:not-allowed;color:#94a3b8;background-color:#f8fafc;border-color:#e2e8f0}.leave-page-numbers{align-items:center;gap:.25rem;display:flex}.leave-page-num-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 .5rem;font-family:inherit;font-size:.8125rem;font-weight:500;line-height:1;transition:all .15s;display:inline-flex}.leave-page-num-btn:hover:not(:disabled):not(.active){color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.leave-page-num-btn.active{color:#fff;background-color:#2563eb;border-color:#2563eb;font-weight:600;box-shadow:0 1px 2px #2563eb33}.leave-page-num-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.leave-pagination-bar{flex-direction:column;align-items:center;gap:.75rem;padding:.75rem 1rem}.leave-pagination-controls{justify-content:space-between;width:100%}}.leaves-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;box-sizing:border-box;background-color:#0f172a8c;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.leaves-modal-container{box-sizing:border-box;background-color:#fff;border-radius:.5rem;flex-direction:column;width:100%;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.leaves-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.leaves-modal-title{color:#0f172a;margin:0;font-size:1.125rem;font-weight:700}.leaves-modal-subtitle{color:#64748b;margin-top:2px;font-size:.75rem;display:block}.leaves-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;font-size:1.5rem;line-height:1;display:flex}.leaves-modal-close-btn:hover{color:#0f172a;background-color:#f1f5f9}.leaves-modal-body,.leaves-modal-form{box-sizing:border-box;padding:1.25rem;overflow-y:auto}.leaves-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.leaves-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background-color .15s}.leaves-btn-primary:hover:not(:disabled){background-color:#1d4ed8}.leaves-btn-primary:disabled{opacity:.5;cursor:not-allowed}.leaves-btn-secondary{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .15s}.leaves-btn-secondary:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9}.leaves-btn-warning{color:#fff;cursor:pointer;background-color:#ea580c;border:1px solid #ea580c;border-radius:.375rem;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1.15rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #ea580c33}.leaves-btn-warning:hover:not(:disabled){background-color:#c2410c;border-color:#c2410c}.leaves-btn-warning:disabled{opacity:.5;cursor:not-allowed}.leaves-form-field{flex-direction:column;gap:.375rem;margin-bottom:.875rem;display:flex}.leaves-field-label{color:#334155;font-size:.8125rem;font-weight:600}.leaves-field-input,.leaves-field-select,.leaves-field-textarea{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.8125rem;transition:border-color .15s}.leaves-field-input:focus,.leaves-field-select:focus,.leaves-field-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.leaves-form-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.leaves-calc-preview-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;margin-bottom:.875rem;padding:.625rem .875rem;font-size:.8125rem}.calc-row{justify-content:space-between;align-items:center;display:flex}.calc-lbl{color:#475569;font-weight:600}.calc-val{color:#0f172a;font-weight:700}.calc-sub{color:#64748b;margin-top:2px;font-size:.6875rem}.leaves-restriction-banner{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a;border-radius:.375rem;margin-bottom:.875rem;padding:.625rem .875rem;font-size:.75rem}.restriction-content{align-items:flex-start;gap:.5rem;display:flex}.restriction-content p{margin:2px 0 0}.restriction-alt{font-weight:600;margin-top:3px!important}.leaves-form-error-banner{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;margin-bottom:.875rem;padding:.625rem .875rem;font-size:.75rem}.selected-file-info{color:#059669;justify-content:space-between;align-items:center;margin-top:4px;font-size:.75rem;display:flex}.remove-file-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.field-hint-text{color:#64748b;margin-top:2px;font-size:.6875rem}.leave-details-modal-box{border-radius:.625rem;width:100%;max-width:620px;box-shadow:0 20px 25px -5px #0000001f,0 8px 10px -6px #00000014}.leave-details-modal-body{box-sizing:border-box;flex-direction:column;gap:1.25rem;max-height:calc(85vh - 125px);padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.details-section{flex-direction:column;gap:.5rem;width:100%;display:flex}.details-section-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:.35rem;display:flex}.details-section-title{text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin:0;font-size:.75rem;font-weight:700}.details-status-display{flex-wrap:wrap;align-items:center;gap:.75rem;padding:.35rem 0;display:flex}.details-status-attribution{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;padding:.2rem .55rem;font-size:.75rem;font-weight:500}.details-info-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem 1.25rem;width:100%;display:grid}.details-grid-item{flex-direction:column;gap:.25rem;min-width:0;display:flex}.details-grid-item.full-width{grid-column:1/-1}.details-item-label{text-transform:uppercase;letter-spacing:.03em;color:#64748b;font-size:.6875rem;font-weight:600}.details-item-value{color:#0f172a;word-break:break-word;font-size:.875rem;line-height:1.4}.details-reason-content{color:#334155;white-space:pre-wrap;word-break:break-word;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;padding:.75rem .875rem;font-size:.8125rem;line-height:1.5}.details-callout-box{box-sizing:border-box;border-radius:.375rem;flex-direction:column;gap:.45rem;width:100%;padding:.875rem 1rem;font-size:.8125rem;display:flex}.details-callout-header{text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:.45rem;margin-bottom:.15rem;font-size:.8125rem;font-weight:700;display:flex}.cancel-callout{color:#881337;background-color:#fff1f2;border:1px solid #fecdd3}.cancel-callout .details-callout-header{color:#be123c}.reject-callout{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.reject-callout .details-callout-header{color:#b91c1c}.approve-callout{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}.approve-callout .details-callout-header{color:#15803d}.neutral-callout{color:#334155;background-color:#f8fafc;border:1px solid #e2e8f0}.neutral-callout .details-callout-header{color:#475569}.pending-callout{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a}.pending-callout .details-callout-header{color:#b45309}.info-callout{color:#0369a1;background-color:#f0f9ff;border:1px solid #bae6fd}.callout-meta-row{align-items:baseline;gap:.5rem;font-size:.8125rem;display:flex}.callout-meta-lbl{color:inherit;opacity:.85;flex-shrink:0;min-width:90px;font-size:.75rem;font-weight:600}.callout-meta-val{color:inherit;font-size:.8125rem}.callout-body{border-top:1px solid #00000014;flex-direction:column;gap:.25rem;margin-top:.35rem;padding-top:.45rem;display:flex}.callout-body-label{text-transform:uppercase;letter-spacing:.03em;opacity:.9;font-size:.6875rem;font-weight:700}.callout-body-text{word-break:break-word;white-space:pre-wrap;margin:0;font-size:.8125rem;line-height:1.5}.callout-note-text{margin:.25rem 0 0;font-size:.8125rem;line-height:1.45}.callout-footer-note{opacity:.85;margin-top:.25rem;font-size:.75rem}.details-attachment-btn{color:#1d4ed8;cursor:pointer;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;align-items:center;gap:.45rem;width:fit-content;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:background-color .15s;display:inline-flex}.details-attachment-btn:hover{background-color:#dbeafe}.leave-modal-cancel-btn{color:#dc2626;cursor:pointer;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;padding:.5rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .15s}.leave-modal-cancel-btn:hover:not(:disabled){background-color:#fee2e2;border-color:#fca5a5}.leave-modal-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.text-emerald{color:#059669}.italic{font-style:italic}.leaves-empty-state{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex;box-shadow:0 1px 2px #00000008}.empty-state-icon-box{color:#94a3b8;background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.75rem;display:flex}.empty-state-heading{color:#0f172a;margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.empty-state-text{color:#64748b;margin:0 0 1rem;font-size:.8125rem}.empty-state-reset-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.375rem;padding:.4rem 1rem;font-size:.8125rem;font-weight:600}@media (width<=1023px){.compact-balance-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-balance-col{border-bottom:1px solid #f1f5f9}.compact-balance-col:nth-child(2n){border-right:none}.compact-balance-col:last-child{border-bottom:none}}@media (width<=879px){.leaves-controls-card{flex-direction:column;align-items:stretch;gap:.75rem}.leaves-search-box{width:100%;min-width:0}.leaves-filter-selectors{flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.leaves-select-input{flex:140px;min-width:0}.leaves-reset-filters-btn{flex:none}.leave-table-container{display:none}.leave-mobile-cards{display:flex}}@media (width<=767px){.leaves-page-header{flex-direction:column;align-items:stretch}.leaves-header-actions{width:100%}.leaves-apply-button{justify-content:center;width:100%}.compact-summary-header{flex-direction:column;align-items:flex-start;gap:.25rem}.compact-balance-col{padding:.75rem .875rem}.compact-metric-number{font-size:1.5rem}.compact-col-label{font-size:.75rem}.compact-col-subtext{font-size:.6875rem}.compact-col-footer-note{display:none}.leaves-form-grid,.details-modal-grid,.details-info-grid{grid-template-columns:1fr}}@media (width<=539px){.leaves-filter-selectors{flex-direction:column;align-items:stretch}.leaves-select-input,.leaves-reset-filters-btn{width:100%}.mobile-card-actions-row{flex-direction:column}}.emp-attendance-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:1280px;margin:0 auto;display:flex}.emp-att-header-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;width:100%;min-width:0;padding:1.25rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000a}.emp-att-header-info{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.emp-att-title-group{flex-direction:column;gap:.25rem;min-width:0;display:flex}.emp-att-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:700;line-height:1.25}.emp-att-subtitle{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.emp-att-month-controls{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.375rem;display:flex}.emp-att-nav-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.emp-att-nav-btn:hover{color:#0f172a;background-color:#f1f5f9;border-color:#cbd5e1}.emp-att-nav-btn svg{width:16px;height:16px}.emp-att-current-month{color:#0f172a;justify-content:center;align-items:center;gap:.5rem;min-width:150px;padding:0 .75rem;font-size:.9375rem;font-weight:600;display:flex}.emp-att-current-month svg{color:#2563eb;flex-shrink:0;width:16px;height:16px}.emp-att-refresh-btn{color:#2563eb;cursor:pointer;background-color:#fff;border:1px solid #bfdbfe;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.emp-att-refresh-btn:hover:not(:disabled){color:#1d4ed8;background-color:#eff6ff;border-color:#93c5fd}.emp-att-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.emp-att-refresh-btn svg{width:14px;height:14px}@keyframes empAttSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.emp-att-spin{animation:1s linear infinite empAttSpin}.emp-att-month-chips{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.emp-att-chip{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s}.emp-att-chip:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.emp-att-chip.active{color:#fff;background-color:#2563eb;border-color:#2563eb;font-weight:600;box-shadow:0 2px 4px #2563eb33}.emp-att-summary-section{box-sizing:border-box;width:100%;min-width:0}.emp-att-summary-grid{box-sizing:border-box;grid-template-columns:repeat(5,minmax(0,1fr));gap:.875rem;width:100%;display:grid}@media (width<=1200px){.emp-att-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (width<=640px){.emp-att-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}.emp-att-stat-card{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #e2e8f0e6;border-radius:.875rem;flex-direction:column;min-width:0;padding:1.125rem 1rem;transition:all .24s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px -2px #0f172a0d,0 2px 6px -1px #0f172a05}.emp-att-stat-card:before{content:"";height:3.5px;transition:height .2s,opacity .2s;position:absolute;top:0;left:0;right:0}.emp-att-stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px -6px #0f172a1f,0 6px 14px -2px #0f172a0d}.emp-att-stat-card:hover:before{height:5px}.emp-att-stat-card:hover .stat-number{transform:scale(1.04)}.stat-number{transition:transform .2s}.stat-border-primary:before{background-color:#2563eb}.stat-border-green:before{background-color:#16a34a}.stat-border-office:before{background-color:#15803d}.stat-border-wfh:before{background-color:#059669}.stat-border-red:before{background-color:#dc2626}.stat-border-amber:before{background-color:#d97706}.stat-border-lop:before{background-color:#b45309}.stat-border-blue:before{background-color:#3b82f6}.stat-border-teal:before{background-color:#0d9488}.stat-border-yellow:before{background-color:#ca8a04}.stat-border-purple:before{background-color:#7c3aed}.stat-border-indigo:before{background-color:#4f46e5}.stat-border-primary:hover{border-color:#93c5fd;box-shadow:0 16px 34px -4px #2563eb3d,0 6px 14px -2px #2563eb1f}.stat-border-green:hover{border-color:#86efac;box-shadow:0 16px 34px -4px #16a34a3d,0 6px 14px -2px #16a34a1f}.stat-border-office:hover{border-color:#86efac;box-shadow:0 16px 34px -4px #15803d3d,0 6px 14px -2px #15803d1f}.stat-border-wfh:hover{border-color:#6ee7b7;box-shadow:0 16px 34px -4px #0596693d,0 6px 14px -2px #0596691f}.stat-border-yellow:hover{border-color:#fde047;box-shadow:0 16px 34px -4px #ca8a043d,0 6px 14px -2px #ca8a041f}.stat-border-red:hover{border-color:#fecdd3;box-shadow:0 16px 34px -4px #dc26263d,0 6px 14px -2px #dc26261f}.stat-border-amber:hover{border-color:#fcd34d;box-shadow:0 16px 34px -4px #d977063d,0 6px 14px -2px #d977061f}.stat-border-lop:hover{border-color:#fed7aa;box-shadow:0 16px 34px -4px #b453093d,0 6px 14px -2px #b453091f}.stat-border-purple:hover{border-color:#c4b5fd;box-shadow:0 16px 34px -4px #7c3aed3d,0 6px 14px -2px #7c3aed1f}.stat-border-indigo:hover{border-color:#c7d2fe;box-shadow:0 16px 34px -4px #4f46e53d,0 6px 14px -2px #4f46e51f}.stat-border-blue:hover{border-color:#93c5fd;box-shadow:0 16px 34px -4px #3b82f63d,0 6px 14px -2px #3b82f61f}.stat-border-teal:hover{border-color:#99f6e4;box-shadow:0 16px 34px -4px #0d94883d,0 6px 14px -2px #0d94881f}.stat-subtext{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;line-height:1.3;overflow:hidden}.text-office{color:#15803d}.text-wfh-green{color:#059669}.text-lop{color:#b45309}.text-indigo{color:#4f46e5}.emp-att-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;width:100%;min-width:0;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.emp-att-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.emp-att-card-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.emp-att-card-desc{color:#64748b;font-size:.8125rem}.emp-att-count-badge{color:#2563eb;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.emp-calendar-container{box-sizing:border-box;width:100%;padding:1.25rem 1.5rem;overflow-x:auto}.emp-calendar-header-row{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;margin-bottom:.5rem;display:grid}.emp-calendar-col-header{color:#475569;text-transform:uppercase;letter-spacing:.04em;background-color:#f8fafc;border-radius:.375rem;padding:.5rem .25rem;font-size:.8125rem;font-weight:600}.emp-calendar-col-header.is-sunday{color:#dc2626;background-color:#fef2f2}.emp-calendar-days-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;display:grid}.emp-calendar-day-cell{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;justify-content:space-between;min-height:80px;padding:.5rem;transition:all .15s;display:flex}.emp-calendar-day-cell:hover:not(.is-empty){border-color:#94a3b8;box-shadow:0 2px 6px #0000000d}.emp-calendar-day-cell.is-empty{background-color:#f8fafc;border-style:dashed;border-color:#f1f5f9}.cal-day-top{justify-content:space-between;align-items:center;display:flex}.cal-day-number{color:#0f172a;font-size:.875rem;font-weight:700}.cal-day-bottom{justify-content:flex-start;margin-top:auto;display:flex}.cal-status-pill{white-space:nowrap;text-overflow:ellipsis;border-radius:.25rem;align-items:center;gap:.25rem;max-width:100%;padding:.2rem .45rem;font-size:.6875rem;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.cal-status-code{display:none}.cal-status-full{display:inline}.att-status-present{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.att-status-absent{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca}.att-status-leave{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.att-status-wfh{color:#1d4ed8;background-color:#dbeafe;border:1px solid #bfdbfe}.att-status-halfday{color:#a16207;background-color:#fef9c3;border:1px solid #fef08a}.att-status-holiday{color:#6d28d9;background-color:#ede9fe;border:1px solid #ddd6fe}.att-status-weekoff{color:#4338ca;background-color:#e0e7ff;border:1px solid #c7d2fe}.att-status-unmarked{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0}.att-status-present-cell{border-top:3px solid #16a34a}.att-status-absent-cell{border-top:3px solid #dc2626}.att-status-leave-cell{border-top:3px solid #d97706}.att-status-wfh-cell{border-top:3px solid #2563eb}.att-status-halfday-cell{border-top:3px solid #eab308}.att-status-holiday-cell{border-top:3px solid #8b5cf6}.att-status-weekoff-cell{border-top:3px solid #6366f1}.emp-att-legend-bar{box-sizing:border-box;background-color:#f8fafc;border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:1rem;padding:.875rem 1.5rem;display:flex}.legend-title{color:#475569;font-size:.8125rem;font-weight:700}.legend-items{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.legend-item{color:#475569;align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot-present{background-color:#16a34a}.dot-absent{background-color:#dc2626}.dot-leave{background-color:#d97706}.dot-wfh{background-color:#2563eb}.dot-halfday{background-color:#eab308}.dot-holiday{background-color:#8b5cf6}.dot-weekoff{background-color:#6366f1}.emp-att-table-container{box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.emp-att-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.emp-att-table thead th{color:#475569;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.875rem 1.25rem;font-weight:600}.emp-att-table tbody td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem}.emp-att-table tbody tr:hover{background-color:#f8fafc}.emp-status-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.emp-marked-by-pill{color:#64748b;background-color:#f1f5f9;border-radius:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.emp-att-empty-state{text-align:center;color:#94a3b8;font-style:italic;padding:2.5rem 1rem!important}.emp-att-pagination-bar{box-sizing:border-box;background-color:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;display:flex}.emp-att-pagination-info{color:#64748b;-webkit-user-select:none;user-select:none;font-size:.8125rem;font-weight:500}.emp-att-pagination-controls{align-items:center;gap:.5rem;display:flex}.emp-att-page-nav-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;align-items:center;gap:.35rem;padding:.375rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:500;line-height:1.25;transition:all .15s;display:inline-flex}.emp-att-page-nav-btn svg{flex-shrink:0;width:14px;height:14px}.emp-att-page-nav-btn:hover:not(:disabled){color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.emp-att-page-nav-btn:disabled{opacity:.5;cursor:not-allowed;color:#94a3b8;background-color:#f8fafc;border-color:#e2e8f0}.emp-att-page-numbers{align-items:center;gap:.25rem;display:flex}.emp-att-page-num-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 .5rem;font-family:inherit;font-size:.8125rem;font-weight:500;line-height:1;transition:all .15s;display:inline-flex}.emp-att-page-num-btn:hover:not(:disabled):not(.active){color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.emp-att-page-num-btn.active{color:#fff;background-color:#2563eb;border-color:#2563eb;font-weight:600;box-shadow:0 1px 2px #2563eb33}.emp-att-page-num-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.emp-att-pagination-bar{flex-direction:column;align-items:center;gap:.75rem;padding:.75rem 1rem}.emp-att-pagination-controls{justify-content:space-between;width:100%}}@media (width>=1024px) and (width<=1279px){.emp-att-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=768px) and (width<=1023px){.emp-att-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.emp-att-header-info{flex-direction:column;align-items:flex-start}.emp-att-month-controls{justify-content:space-between;width:100%}}@media (width<=767px){.emp-attendance-page{gap:1.25rem}.emp-att-header-card{padding:1.25rem}.emp-att-title{font-size:1.375rem}.emp-att-header-info{flex-direction:column;align-items:stretch}.emp-att-month-controls{justify-content:space-between;width:100%}.emp-att-current-month{min-width:auto;font-size:.875rem}.emp-att-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.emp-att-stat-card{padding:.875rem}.emp-att-stat-card:last-child{grid-column:1/-1}.stat-number{font-size:1.375rem}.emp-calendar-container{padding:1rem}.emp-calendar-days-grid,.emp-calendar-header-row{gap:.25rem}.emp-calendar-day-cell{border-radius:.375rem;min-height:58px;padding:.25rem}.cal-day-number{font-size:.75rem}.cal-status-full{display:none}.cal-status-code{font-size:.625rem;display:inline}.cal-status-pill{padding:.15rem .3rem}.emp-att-legend-bar{gap:.625rem;padding:.75rem 1rem}.legend-items{gap:.625rem}.legend-item{font-size:.75rem}.emp-att-card-header{padding:1rem 1.25rem}.emp-att-table thead th,.emp-att-table tbody td{padding:.75rem 1rem}}@media (width<=414px){.emp-att-header-card{padding:1rem}.emp-att-title{font-size:1.25rem}.emp-att-month-chips{gap:.375rem}.emp-att-chip{padding:.25rem .625rem;font-size:.75rem}.emp-att-summary-grid{grid-template-columns:1fr}.emp-att-stat-card:last-child{grid-column:auto}.emp-calendar-container{padding:.75rem}.emp-calendar-day-cell{min-height:50px;padding:.2rem}.emp-calendar-col-header{padding:.25rem .1rem;font-size:.6875rem}}.emp-att-view-holidays-btn{color:#1d4ed8;cursor:pointer;white-space:nowrap;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb14}.emp-att-view-holidays-btn:hover{color:#1e40af;background-color:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.emp-att-view-holidays-btn svg{width:15px;height:15px}.emp-holiday-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;box-sizing:border-box;background-color:#0f172a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.emp-holiday-modal{box-sizing:border-box;background-color:#fff;border-radius:.875rem;flex-direction:column;width:100%;max-width:760px;max-height:88vh;animation:.2s cubic-bezier(.16,1,.3,1) empHolidayModalFade;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001f,0 10px 10px -5px #0000000a}@keyframes empHolidayModalFade{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.emp-holiday-modal-header{background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:.75rem;padding:1.125rem 1.5rem;display:flex}.emp-holiday-modal-title-group{flex-direction:column;gap:.15rem;display:flex}.emp-holiday-modal-title-row{align-items:center;gap:.75rem;display:flex}.emp-holiday-header-icon{color:#2563eb;background-color:#eff6ff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.emp-holiday-header-icon svg{width:18px;height:18px}.emp-holiday-modal-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.1875rem;font-weight:700}.emp-holiday-modal-subtitle{color:#64748b;margin:.125rem 0 0;font-size:.8125rem}.emp-holiday-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.35rem .5rem;font-size:1.25rem;line-height:1;transition:all .15s}.emp-holiday-modal-close-btn:hover{color:#0f172a;background-color:#f1f5f9}.emp-holiday-controls-bar{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.emp-holiday-controls-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.emp-holiday-controls-right{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.emp-holiday-year-nav{align-items:center;gap:.375rem;display:flex}.emp-holiday-year-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:inline-flex}.emp-holiday-year-btn:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.emp-holiday-year-btn svg{width:14px;height:14px}.emp-holiday-year-select{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;outline:none;padding:.35rem .65rem;font-size:.8125rem;font-weight:600;transition:border-color .15s}.emp-holiday-year-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.emp-holiday-filter-group{align-items:center;display:flex}.emp-holiday-month-select{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;outline:none;padding:.35rem .65rem;font-size:.8125rem;font-weight:500;transition:border-color .15s}.emp-holiday-month-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.emp-holiday-search-box{flex:1;align-items:center;min-width:200px;max-width:270px;display:flex;position:relative}.emp-holiday-search-icon{color:#94a3b8;pointer-events:none;width:14px;height:14px;position:absolute;left:.65rem}.emp-holiday-search-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;outline:none;width:100%;padding:.35rem 1.75rem .35rem 2rem;font-size:.8125rem;transition:all .15s}.emp-holiday-search-input::placeholder{color:#94a3b8}.emp-holiday-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.emp-holiday-search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.15rem .3rem;font-size:.75rem;line-height:1;position:absolute;right:.4rem}.emp-holiday-search-clear-btn:hover{color:#0f172a;background-color:#f1f5f9}.emp-holiday-reset-filters-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.emp-holiday-reset-filters-btn:hover{color:#1d4ed8;background-color:#dbeafe;border-color:#93c5fd}.emp-holiday-modal-body{background-color:#f8fafc;flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.emp-holiday-loading-state,.emp-holiday-error-state,.emp-holiday-empty-state{text-align:center;background-color:#fff;border:1px dashed #e2e8f0;border-radius:.625rem;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.emp-holiday-state-text{color:#64748b;margin:.75rem 0 0;font-size:.9375rem;font-weight:500}.emp-holiday-error-icon svg{color:#dc2626;width:36px;height:36px;margin-bottom:.5rem}.emp-holiday-error-text{color:#991b1b;margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.emp-holiday-error-subtext{color:#64748b;margin:0 0 .875rem;font-size:.8125rem}.emp-holiday-retry-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.375rem;padding:.45rem 1.125rem;font-size:.8125rem;font-weight:600;transition:background-color .15s}.emp-holiday-retry-btn:hover{background-color:#1d4ed8}.emp-holiday-empty-icon svg{color:#94a3b8;width:40px;height:40px;margin-bottom:.75rem}.emp-holiday-empty-title{color:#1e293b;margin:0 0 .35rem;font-size:1rem;font-weight:700}.emp-holiday-empty-desc{color:#64748b;margin:0;font-size:.875rem}.emp-holiday-list-container{flex-direction:column;gap:1.25rem;display:flex}.emp-holiday-month-section{flex-direction:column;gap:.5rem;display:flex}.emp-holiday-month-heading{align-items:center;gap:.5rem;display:flex}.emp-holiday-month-dot{background-color:#2563eb;border-radius:50%;width:8px;height:8px}.emp-holiday-month-text{color:#1e293b;margin:0;font-size:.9375rem;font-weight:700}.emp-holiday-month-count{color:#2563eb;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.emp-holiday-table-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:.625rem;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.emp-holiday-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.emp-holiday-table th{z-index:2;color:#475569;text-transform:uppercase;letter-spacing:.04em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.75rem;font-weight:700;position:sticky;top:0}.emp-holiday-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.8125rem 1rem}.emp-holiday-table tr:nth-child(2n) td{background-color:#fcfdfe}.emp-holiday-table tr:last-child td{border-bottom:none}.emp-holiday-table tr:hover td{background-color:#eff6ff!important}.emp-holiday-td-date{white-space:nowrap}.emp-holiday-date-wrapper{align-items:center;gap:.5rem;display:flex}.emp-holiday-calendar-icon{color:#2563eb;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.emp-holiday-calendar-icon svg{width:15px;height:15px}.emp-holiday-date-value{color:#0f172a;white-space:nowrap;font-weight:600}.emp-holiday-td-day{white-space:nowrap}.emp-holiday-day-badge{color:#1d4ed8;white-space:nowrap;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-block}.emp-holiday-td-name{min-width:180px}.emp-holiday-name-block{flex-direction:column;gap:.2rem;display:flex}.emp-holiday-name-text{color:#0f172a;word-break:break-word;font-size:.875rem;font-weight:600;line-height:1.35}.emp-holiday-desc-text{color:#64748b;word-break:break-word;font-size:.75rem;line-height:1.35}.emp-holiday-modal-footer{background-color:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1.5rem;display:flex}.emp-holiday-footer-note{color:#64748b;font-size:.8125rem}.emp-holiday-footer-note strong{color:#0f172a}.emp-holiday-close-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #2563eb;border-radius:.375rem;padding:.45rem 1.25rem;font-size:.8125rem;font-weight:600;transition:all .15s}.emp-holiday-close-btn:hover{background-color:#1d4ed8;border-color:#1d4ed8}@media (width<=640px){.emp-holiday-modal{max-height:94vh}.emp-holiday-modal-header{padding:1rem 1.25rem}.emp-holiday-controls-bar{flex-direction:column;align-items:stretch;padding:.75rem 1.25rem}.emp-holiday-controls-left,.emp-holiday-controls-right{justify-content:space-between;width:100%}.emp-holiday-search-box{max-width:none}.emp-holiday-modal-body{padding:1rem 1.25rem}.emp-holiday-table th,.emp-holiday-table td{padding:.65rem .75rem;font-size:.8125rem}}.employee-payslips-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:1200px;margin:0 auto;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.payslips-page-header{flex-direction:column;gap:.25rem;display:flex}.payslips-header-badge{text-transform:uppercase;letter-spacing:.05em;color:#2563eb;align-items:center;gap:.375rem;margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:inline-flex}.payslips-page-title{color:#111827;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.payslips-page-subtitle{color:#6b7280;margin:0;font-size:.875rem;line-height:1.4}.payslips-notice-banner{color:#1e40af;box-sizing:border-box;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:flex}.payslips-notice-content{align-items:center;gap:.5rem;display:flex}.payslips-notice-icon{color:#2563eb;flex-shrink:0;width:18px;height:18px}.payslips-notice-dismiss{color:#1e40af;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;font-size:1.25rem;line-height:1;display:flex}.payslips-notice-dismiss:hover{background-color:#1e40af1a}.payslips-notice-dismiss:focus-visible{outline:2px solid #2563eb}.payslips-controls-card{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.payslips-filters-group{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.payslips-filter-item{align-items:center;gap:.5rem;display:flex}.payslips-filter-label{color:#4b5563;white-space:nowrap;font-size:.8125rem;font-weight:600}.payslips-select{color:#1f2937;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;background-size:1rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;min-width:130px;padding:.5rem 2rem .5rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.payslips-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.payslips-count-badge{color:#6b7280;margin-left:auto;font-size:.8125rem;font-weight:500}.payslips-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem;display:grid}.payslip-card{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;padding:1.25rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 1px 3px #0000000a}.payslip-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.payslip-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.875rem;display:flex}.payslip-period-info{align-items:center;gap:.625rem;display:flex}.payslip-calendar-icon{color:#2563eb;background-color:#eff6ff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.payslip-calendar-icon svg{width:20px;height:20px}.payslip-period-headings{flex-direction:column;display:flex}.payslip-period-month{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:700}.payslip-period-filename{color:#64748b;margin:0;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem}.payslip-status-badge{text-transform:capitalize;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.payslip-status-badge.processed{color:#1d4ed8;background-color:#eff6ff;border:1px solid #dbeafe}.payslip-status-badge.available,.payslip-status-badge.paid{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.payslip-status-badge.processing,.payslip-status-badge.pending{color:#1d4ed8;background-color:#eff6ff;border:1px solid #dbeafe}.payslip-status-badge.payroll-not-processed-yet,.payslip-status-badge.payroll-not-processed{color:#b45309;background-color:#fffbeb;border:1px solid #fde68a}.payslip-status-badge.voided{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca}.payslip-metrics-grid{background-color:#f8fafc;border-radius:.5rem;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem;padding:.75rem;display:grid}.payslip-metric-item{flex-direction:column;gap:.125rem;display:flex}.payslip-metric-label{color:#64748b;font-size:.75rem;font-weight:500}.payslip-metric-value{color:#0f172a;font-size:.9375rem;font-weight:700}.payslip-salary-summary{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.payslip-salary-row{justify-content:space-between;align-items:baseline;font-size:.8125rem;display:flex}.payslip-salary-label{color:#64748b;font-weight:500}.payslip-salary-value{color:#1e293b;font-weight:600}.payslip-salary-row.net-salary-row{border-top:1px dashed #e2e8f0;margin-top:.375rem;padding-top:.5rem}.payslip-salary-row.net-salary-row .payslip-salary-label{color:#0f172a;font-size:.875rem;font-weight:700}.payslip-salary-row.net-salary-row .payslip-salary-value{color:#15803d;font-size:1.0625rem;font-weight:800}.payslip-meta-fallback{color:#64748b;background-color:#f8fafc;border-radius:.5rem;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding:.75rem;font-size:.8125rem;display:flex}.payslip-unprocessed-card{background-color:#fffbeb;border:1px solid #fde68a;border-radius:.5rem;flex-direction:column;gap:.375rem;margin-bottom:1rem;padding:.875rem 1rem;display:flex}.payslip-unprocessed-header{align-items:center;gap:.5rem;display:flex}.payslip-unprocessed-icon{color:#b45309;flex-shrink:0;align-items:center;width:18px;height:18px;display:flex}.payslip-unprocessed-icon svg{width:100%;height:100%}.payslip-unprocessed-title{color:#92400e;margin:0;font-size:.8125rem;font-weight:700}.payslip-unprocessed-text{color:#78350f;margin:0;font-size:.75rem;line-height:1.45}.payslip-unavailable-notice{color:#64748b;text-align:center;box-sizing:border-box;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;font-size:.8125rem;display:flex}.payslip-unavailable-icon{color:#94a3b8;flex-shrink:0;width:16px;height:16px}.payslip-card-actions{align-items:center;gap:.75rem;margin-top:auto;display:flex}.payslip-btn{cursor:pointer;box-sizing:border-box;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.375rem;min-height:40px;padding:.4375rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.payslip-btn svg{width:16px;height:16px}.payslip-btn-view{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe}.payslip-btn-view:hover{background-color:#dbeafe}.payslip-btn-view:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.payslip-btn-download{color:#374151;background-color:#fff;border:1px solid #d1d5db}.payslip-btn-download:hover{color:#111827;background-color:#f9fafb;border-color:#9ca3af}.payslip-btn-download:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.payslips-state-card{text-align:center;box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 1.5rem;display:flex}.payslips-state-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;display:flex}.payslips-state-icon svg{width:28px;height:28px}.payslips-state-icon.loading{color:#2563eb;background-color:#eff6ff}.payslips-state-icon.empty{color:#9ca3af;background-color:#f3f4f6}.payslips-state-icon.error{color:#dc2626;background-color:#fef2f2}.payslips-state-title{color:#111827;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.payslips-state-subtitle{color:#6b7280;max-width:380px;margin:0;font-size:.875rem;line-height:1.5}.payslips-retry-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.5rem;margin-top:1.25rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:background-color .15s}.payslips-retry-btn:hover{background-color:#1d4ed8}.payslips-retry-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.payslips-pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem 0;display:flex}.payslips-page-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 .75rem;font-size:.875rem;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.payslips-page-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.payslips-page-btn.active{color:#fff;background-color:#2563eb;border-color:#2563eb;font-weight:600}.payslips-page-btn:disabled{opacity:.5;cursor:not-allowed}.payslip-modal-backdrop{z-index:9999;box-sizing:border-box;background-color:#0f172aa6;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out payslipFadeIn;display:flex;position:fixed;inset:0}@keyframes payslipFadeIn{0%{opacity:0}to{opacity:1}}.payslip-modal-window{box-sizing:border-box;background-color:#fff;border-radius:.75rem;flex-direction:column;width:95%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}.payslip-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.payslip-modal-headings{flex-direction:column;min-width:0;display:flex}.payslip-modal-title{color:#111827;word-break:break-word;margin:0;font-size:1.125rem;font-weight:700}.payslip-modal-file{color:#6b7280;word-break:break-all;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem}.payslip-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;font-size:1.5rem;line-height:1;display:flex}.payslip-modal-close:hover{color:#111827}.payslip-modal-content{background-color:#525659;flex:1;position:relative;overflow:auto}.payslip-preview-frame{border:none;width:100%;height:65vh;min-height:480px;display:block}.payslip-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}@media (width<=768px){.payslips-controls-card,.payslips-filters-group{flex-direction:column;align-items:stretch}.payslips-filter-item{flex-direction:column;align-items:flex-start}.payslips-select{width:100%}.payslips-count-badge{text-align:right;margin-left:0}.payslips-grid{grid-template-columns:1fr}.payslip-preview-frame{height:55vh;min-height:360px}}@media (width<=480px){.employee-payslips-page{gap:1rem}.payslips-page-title{font-size:1.25rem}.payslip-card{padding:1rem}.payslip-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.payslip-metrics-grid{grid-template-columns:1fr 1fr}.payslip-card-actions{flex-direction:column}.payslip-btn{width:100%}}.employee-exit-page{box-sizing:border-box;max-width:1040px;margin:0 auto;padding:1.75rem 2rem}.employee-exit-header{margin-bottom:1.75rem}.employee-exit-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 .375rem;font-size:22px;font-weight:700}.employee-exit-subtitle{color:#64748b;margin:0;font-size:15px;line-height:1.5}.employee-exit-alert{border-radius:8px;flex-direction:column;gap:.25rem;margin-bottom:1.5rem;padding:.875rem 1.125rem;font-size:14px;line-height:1.5;display:flex}.alert-info{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.employee-exit-loading-card{text-align:center;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:3.5rem 2rem;box-shadow:0 1px 3px #0000000a}.employee-exit-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;margin:0 auto 1rem;animation:.75s linear infinite exit-spin}@keyframes exit-spin{to{transform:rotate(360deg)}}.employee-exit-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.75rem;padding:1.75rem;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}.employee-exit-section-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 .375rem;font-size:20px;font-weight:600}.employee-exit-section-desc{color:#64748b;margin:0 0 1.5rem;font-size:14px;line-height:1.5}.card-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.header-status-action{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.employee-exit-form{margin-top:.5rem}.form-grid-2{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-group{margin-bottom:1.25rem}.form-label{color:#334155;margin-bottom:.5rem;font-size:14px;font-weight:600;display:block}.form-input,.form-textarea{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.6875rem .875rem;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.form-input-readonly{color:#64748b;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.form-textarea{resize:vertical;min-height:96px;line-height:1.5}.form-hint{color:#64748b;margin-top:.375rem;font-size:13px;display:block}.form-actions-bar{border-top:1px solid #f1f5f9;justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem;display:flex}.btn-submit-resignation{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;padding:.6875rem 1.375rem;font-size:14px;font-weight:600;transition:background-color .15s,transform 50ms}.btn-submit-resignation:hover:not(:disabled){background-color:#1d4ed8}.btn-submit-resignation:active:not(:disabled){transform:translateY(1px)}.btn-submit-resignation:disabled{opacity:.6;cursor:not-allowed}.btn-withdraw-secondary{color:#b91c1c;cursor:pointer;background-color:#fff;border:1px solid #fca5a5;border-radius:6px;padding:.4375rem .875rem;font-size:13px;font-weight:500;transition:all .15s}.btn-withdraw-secondary:hover:not(:disabled){background-color:#fef2f2;border-color:#f87171}.btn-withdraw-secondary:disabled{opacity:.6;cursor:not-allowed}.status-badge-lg{white-space:nowrap;border-radius:9999px;align-items:center;padding:.375rem .875rem;font-size:13px;font-weight:600;display:inline-flex}.badge-review{color:#3730a3;background-color:#e0e7ff;border:1px solid #c7d2fe}.badge-approved{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.badge-notice-period{color:#1e40af;background-color:#dbeafe;border:1px solid #93c5fd}.badge-declined{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.badge-completed{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}.badge-withdrawn{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}.status-explainer-banner{background-color:#f8fafc;border-left:4px solid #2563eb;border-radius:0 6px 6px 0;margin-bottom:1.5rem;padding:.75rem 1rem}.status-explainer-banner p{color:#334155;margin:0;font-size:14px;line-height:1.5}.exit-details-grid{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.25rem;margin-bottom:1.5rem;padding:1.125rem;display:grid}.detail-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:12px;font-weight:600}.detail-value{color:#0f172a;font-size:15px;font-weight:500;line-height:1.4}.text-pending-date{color:#b45309;font-size:14px;font-style:italic}.detail-reason-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:1rem 1.125rem}.detail-reason-text{color:#334155;white-space:pre-wrap;margin:.375rem 0 0;font-size:14px;line-height:1.6}.admin-remarks-box{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:1rem;padding:1rem 1.125rem}.admin-remarks-text{color:#1e40af;margin:.375rem 0 0;font-size:14px;font-weight:500;line-height:1.6}.it-overall-badge{white-space:nowrap;border-radius:9999px;padding:.375rem .875rem;font-size:13px;font-weight:600}.it-overall-cleared{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.it-overall-waived{color:#0369a1;background-color:#eff6ff;border:1px solid #bae6fd}.it-overall-pending{color:#b45309;background-color:#fffbeb;border:1px solid #fde68a}.it-empty-box{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:2.5rem 1.5rem}.it-empty-box p{margin:0;font-size:15px;font-weight:500}.it-checklist-wrapper{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.25rem;overflow-x:auto}.it-checklist-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.it-checklist-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-size:13px;font-weight:600}.it-checklist-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.875rem 1rem}.it-checklist-table tbody tr:last-child td{border-bottom:none}.it-item-cell{align-items:center;gap:.625rem;display:flex}.it-check-indicator{color:#2563eb;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;font-weight:700;display:inline-flex}.it-item-name{color:#1e293b;font-weight:500}.it-item-badge{text-transform:capitalize;border-radius:9999px;padding:.25rem .625rem;font-size:12px;font-weight:600;display:inline-block}.badge-cleared{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.badge-pending{color:#b45309;background-color:#fffbeb;border:1px solid #fde68a}.badge-na{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0}.it-item-remarks{color:#475569;font-size:13px}.text-dash{color:#94a3b8}.it-notes-callout{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1rem;padding:.875rem 1rem;font-size:14px}.it-notes-callout strong{margin-bottom:.25rem;font-weight:600;display:block}.it-notes-callout p{margin:0;line-height:1.5}.it-clearance-notice{color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;font-size:13px;line-height:1.5;display:flex}.notice-icon{flex-shrink:0;margin-top:1px;font-size:15px}.employee-docs-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.doc-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex;box-shadow:0 1px 3px #00000008}.doc-card-available{border-color:#bbf7d0}.doc-card-locked{background-color:#fafbfc}.doc-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.doc-type-icon{font-size:22px}.doc-status-badge{border-radius:9999px;padding:.25rem .625rem;font-size:12px;font-weight:600}.badge-available{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.badge-scheduled{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.doc-card-title{color:#0f172a;margin:0 0 .375rem;font-size:16px;font-weight:600}.doc-card-desc{color:#64748b;margin:0 0 1.25rem;font-size:13px;line-height:1.5}.doc-card-actions{margin-top:auto}.btn-group-docs{gap:.5rem;display:flex}.btn-doc-view{color:#1d4ed8;cursor:pointer;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;flex:1;padding:.5rem .875rem;font-size:13px;font-weight:500;transition:all .15s}.btn-doc-view:hover:not(:disabled){background-color:#dbeafe}.btn-doc-download{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;flex:1;padding:.5rem .875rem;font-size:13px;font-weight:500;transition:background-color .15s}.btn-doc-download:hover:not(:disabled){background-color:#1d4ed8}.btn-doc-view:disabled,.btn-doc-download:disabled{opacity:.6;cursor:not-allowed}.locked-badge-indicator{color:#64748b;box-sizing:border-box;background-color:#f1f5f9;border:1px dashed #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:.5rem .75rem;font-size:12px;font-weight:500;display:flex}.empty-docs-container{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:1.5rem}.empty-docs-container p{margin:0;font-size:14px;line-height:1.6}.employee-exit-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background-color:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.employee-exit-modal{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:480px;padding:1.75rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.modal-summary-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.125rem}.summary-row{color:#475569;justify-content:space-between;margin-bottom:.625rem;font-size:14px;display:flex}.summary-row strong{color:#0f172a;font-weight:600}.summary-row:last-child{margin-bottom:0}.summary-row-reason{border-top:1px solid #e2e8f0;flex-direction:column;gap:.25rem;margin-top:.75rem;padding-top:.75rem}.summary-row-reason p{color:#1e293b;white-space:pre-wrap;margin:0;line-height:1.5}.modal-actions-row{justify-content:flex-end;gap:.75rem;display:flex}.btn-modal-cancel{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:.5625rem 1.125rem;font-size:14px;font-weight:500;transition:background-color .15s}.btn-modal-cancel:hover:not(:disabled){background-color:#e2e8f0}.btn-modal-confirm{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:.5625rem 1.25rem;font-size:14px;font-weight:600;transition:background-color .15s}.btn-modal-confirm:hover:not(:disabled){background-color:#1d4ed8}.btn-modal-danger{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;padding:.5625rem 1.25rem;font-size:14px;font-weight:600;transition:background-color .15s}.btn-modal-danger:hover:not(:disabled){background-color:#dc2626}.btn-modal-cancel:disabled,.btn-modal-confirm:disabled,.btn-modal-danger:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.employee-exit-page{padding:1.25rem 1rem}.employee-exit-card{padding:1.25rem}.form-grid-2{grid-template-columns:1fr;gap:0}.card-header-row{flex-direction:column;align-items:flex-start}.header-status-action{justify-content:space-between;width:100%}.exit-details-grid{grid-template-columns:1fr;gap:1rem}}@media (width<=480px){.employee-exit-title{font-size:20px}.employee-exit-section-title{font-size:18px}.btn-group-docs{flex-direction:column}}.post-exit-container{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.post-exit-header{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.post-exit-header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.875rem 1.5rem;display:flex}.post-exit-branding{align-items:center;gap:.875rem;display:flex}.post-exit-logo-img{object-fit:contain;width:auto;max-width:48px;height:40px;box-shadow:none;background:0 0;border:none;flex-shrink:0;transition:transform .15s;display:block}.post-exit-logo-mark{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;font-weight:800;display:flex;box-shadow:0 2px 4px #0284c740}.post-exit-company-meta{flex-direction:column;display:flex}.post-exit-company-title{color:#0f172a;letter-spacing:.25px;margin:0;font-size:.9375rem;font-weight:700}.post-exit-portal-tag{color:#64748b;font-size:.75rem;font-weight:500}.post-exit-user-actions{align-items:center;gap:1.25rem;display:flex}.post-exit-user-badge{align-items:center;gap:.75rem;display:flex}.post-exit-user-avatar{color:#475569;background:#e2e8f0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9375rem;font-weight:700;display:flex;box-shadow:0 1px 2px #00000014}.post-exit-user-info{flex-direction:column;line-height:1.3;display:flex}.post-exit-user-name{color:#1e293b;font-size:.875rem;font-weight:600}.post-exit-user-id{color:#64748b;font-size:.75rem}.status-exited-pill{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:.1rem .4rem;font-size:.6875rem;font-weight:600;display:inline-block}.post-exit-btn-logout{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;padding:.45rem .9rem;font-size:.8125rem;font-weight:600;transition:all .15s ease-in-out}.post-exit-btn-logout:hover{background:#fef2f2;border-color:#f87171}.post-exit-notice-wrapper{box-sizing:border-box;width:100%;max-width:1200px;margin:1.5rem auto 0;padding:0 1.5rem}.post-exit-banner{background:linear-gradient(135deg,#f0fdf4 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:10px;align-items:flex-start;gap:1rem;padding:1.125rem 1.25rem;display:flex}.post-exit-banner-icon{font-size:1.5rem;line-height:1}.post-exit-banner-text h3{color:#0369a1;margin:0 0 .25rem;font-size:.9375rem;font-weight:700}.post-exit-banner-text p{color:#334155;margin:0;font-size:.8125rem;line-height:1.45}.post-exit-main{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:1.5rem auto;padding:0 1.5rem}.post-exit-tabs{border-bottom:2px solid #e2e8f0;gap:.5rem;margin-bottom:1.5rem;display:flex}.post-exit-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.post-exit-tab-btn:hover{color:#0f172a}.post-exit-tab-btn.active{color:#0284c7;border-bottom-color:#0284c7}.tab-icon{font-size:1rem}.tab-count{color:#0369a1;background:#e0f2fe;border-radius:9999px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.section-title{color:#0f172a;margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.section-subtitle{color:#64748b;margin:0;font-size:.8125rem}.post-exit-loading-state,.post-exit-empty-state,.post-exit-error-box{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1.5rem;padding:3rem 2rem}.spinner{border:3px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;width:32px;height:32px;margin:0 auto .875rem;animation:.8s linear infinite spin}.empty-icon{margin-bottom:.75rem;font-size:2.5rem}.post-exit-empty-state h3{color:#1e293b;margin:0 0 .5rem;font-size:1rem;font-weight:700}.post-exit-empty-state p{color:#64748b;max-width:500px;margin:0 auto;font-size:.875rem;line-height:1.5}.btn-retry{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:6px;margin-top:1rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600}.exit-docs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.exit-doc-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.exit-doc-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #00000014}.exit-doc-card-top{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}.exit-doc-type-icon{font-size:1.75rem}.badge-released{color:#059669;text-transform:uppercase;letter-spacing:.5px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:.2rem .5rem;font-size:.6875rem;font-weight:700}.exit-doc-title{color:#0f172a;margin:0 0 .375rem;font-size:1rem;font-weight:700}.exit-doc-filename{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin:0 0 1rem;font-family:monospace;font-size:.75rem;overflow:hidden}.exit-doc-meta{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;flex-direction:column;gap:.375rem;margin-bottom:1.25rem;padding:.75rem;display:flex}.meta-item{justify-content:space-between;font-size:.75rem;display:flex}.meta-label{color:#64748b}.meta-value{color:#1e293b;font-weight:600}.meta-value.available{color:#059669}.exit-doc-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:auto;display:grid}.btn-view{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:.55rem;font-size:.8125rem;font-weight:600;transition:all .15s}.btn-view:hover{color:#0f172a;background:#e2e8f0}.btn-download{color:#fff;cursor:pointer;background:#0284c7;border:1px solid #0284c7;border-radius:6px;padding:.55rem;font-size:.8125rem;font-weight:600;transition:all .15s}.btn-download:hover{background:#0369a1;border-color:#0369a1}.btn-download:disabled{opacity:.6;cursor:not-allowed}.fnf-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:1rem;padding:1.25rem}.fnf-summary-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.fnf-summary-header h3{color:#0f172a;margin:0;font-size:.9375rem;font-weight:700}.badge-settled{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:.2rem .5rem;font-size:.6875rem;font-weight:700}.fnf-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.fnf-summary-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;flex-direction:column;padding:.75rem 1rem;display:flex}.fnf-summary-item.highlight{background:#f0fdf4;border-color:#bbf7d0}.fnf-label{color:#64748b;margin-bottom:.25rem;font-size:.75rem}.fnf-value{color:#1e293b;font-size:.9375rem;font-weight:700}.fnf-value.net-amt{color:#15803d;font-size:1.125rem}.payslip-filters{gap:.75rem;display:flex}.filter-select{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:.45rem .75rem;font-size:.8125rem}.filter-select:focus{border-color:#0284c7}.payslips-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.post-exit-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.post-exit-table th{color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.875rem 1rem;font-size:.8125rem;font-weight:600}.post-exit-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:.875rem 1rem}.post-exit-table tr:last-child td{border-bottom:none}.post-exit-table tr:hover td{background:#fafafa}.pay-period-cell{flex-direction:column;display:flex}.pay-period-month{color:#0f172a;font-weight:600}.pay-period-year{color:#64748b;font-size:.75rem}.net-salary-cell{color:#047857;font-weight:700}.filename-cell{color:#64748b;font-family:monospace;font-size:.75rem}.table-actions{justify-content:flex-end;gap:.5rem;display:flex}.btn-table-view{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.btn-table-view:hover{color:#0f172a;background:#e2e8f0}.btn-table-download{color:#fff;cursor:pointer;background:#0284c7;border:1px solid #0284c7;border-radius:4px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.btn-table-download:hover{background:#0369a1}.preview-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;box-sizing:border-box;background-color:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.preview-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}.preview-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.preview-modal-header h3{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.modal-header-actions{align-items:center;gap:.75rem;display:flex}.modal-btn-download{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:6px;padding:.4rem .85rem;font-size:.8125rem;font-weight:600}.modal-btn-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:1.25rem}.modal-btn-close:hover{color:#0f172a;background:#e2e8f0}.preview-modal-body{background:#f1f5f9;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.pdf-preview-iframe{border:none;width:100%;height:100%}.modal-loading-indicator,.modal-error-indicator{text-align:center;padding:2rem}.post-exit-footer{text-align:center;color:#64748b;background:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding:1.25rem 1.5rem;font-size:.75rem}.post-exit-footer p{margin:0}@media (width<=640px){.post-exit-header-inner{flex-direction:column;align-items:flex-start;gap:.875rem}.post-exit-logo-img{max-width:38px;height:32px}.post-exit-user-actions{justify-content:space-between;width:100%}.section-header{flex-direction:column;align-items:flex-start}.payslip-filters{width:100%}.filter-select{flex:1}.exit-doc-actions{grid-template-columns:1fr}}body:has(.admin-layout){text-align:left;background-color:#f8fafc;border-inline:none;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0}#root:has(.admin-layout){text-align:left;background-color:#f8fafc;border-inline:none;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0}.admin-layout{box-sizing:border-box;text-align:left;background-color:#f8fafc;flex-direction:column;width:100%;min-height:100dvh;display:flex}.admin-navbar{z-index:30;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;height:64px;min-height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0}.admin-navbar-left{align-items:center;gap:.75rem;min-width:0;display:flex}.admin-hamburger-btn{color:#1e293b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;transition:background-color .15s,color .15s;display:none}.admin-hamburger-btn:hover{color:#0f172a;background-color:#f1f5f9}.admin-hamburger-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.admin-hamburger-icon{width:22px;height:22px}.admin-header-brand{-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.625rem;min-width:0;display:flex}.admin-navbar-brand-logo{object-fit:contain;width:auto;max-width:44px;height:36px;box-shadow:none;background:0 0;border:none;flex-shrink:0;transition:transform .15s;display:block}@media (width<=640px){.admin-navbar-brand-logo{max-width:36px;height:30px}}.admin-navbar-brand-text{color:#0f172a;letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;font-size:1.0625rem;font-weight:700}.admin-brand-portal-tag{text-transform:uppercase;letter-spacing:.05em;color:#2563eb;white-space:nowrap;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;flex-shrink:0;padding:.15rem .5rem;font-size:.6875rem;font-weight:700;display:inline-block}.admin-navbar-right{align-items:center;gap:.875rem;display:flex}.admin-navbar-user-profile{-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:.5rem;align-items:center;gap:.625rem;padding:.25rem .5rem;transition:background-color .15s;display:flex}.admin-navbar-user-profile:hover{background-color:#eff6ffb3}.admin-navbar-avatar-wrapper{display:inline-flex;position:relative}.admin-navbar-avatar{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1.5px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;min-height:38px;display:flex;position:relative;overflow:hidden}.admin-navbar-avatar-img{object-fit:cover;object-position:center;border-radius:50%;width:100%;height:100%;display:block}.admin-navbar-avatar-initials{letter-spacing:-.01em;color:#1d4ed8;font-size:.875rem;font-weight:700}.admin-navbar-camera-badge{color:#fff;cursor:pointer;background-color:#2563eb;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:transform .15s,background-color .15s;display:flex;position:absolute;bottom:-2px;right:-3px;box-shadow:0 1px 3px #0003}.admin-navbar-camera-badge:hover{background-color:#1d4ed8;transform:scale(1.1)}.admin-navbar-camera-badge svg{width:10px;height:10px}.admin-navbar-user-details{text-align:left;flex-direction:column;display:flex}.admin-navbar-name{color:#0f172a;font-size:.875rem;font-weight:600;line-height:1.25}.admin-navbar-role{color:#64748b;font-size:.75rem;line-height:1.2}.admin-header-logout-btn{color:#64748b;cursor:pointer;background-color:#0000;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.375rem;padding:.4rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.admin-header-logout-btn:hover{color:#dc2626;background-color:#fee2e2;border-color:#fecaca}.admin-header-logout-icon{width:15px;height:15px}@media (width<=640px){.admin-header-logout-label{display:none}.admin-header-logout-btn{padding:.4rem}}.admin-layout-body{box-sizing:border-box;flex:1;width:100%;min-height:calc(100dvh - 64px);display:flex;position:relative}.admin-sidebar{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;display:flex;overflow-y:auto}.admin-sidebar-mobile-header{box-sizing:border-box;border-bottom:1px solid #e2e8f0;justify-content:flex-end;align-items:center;height:64px;min-height:64px;padding:0 1rem;display:flex}.admin-sidebar-close-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;transition:background-color .15s,color .15s;display:flex}.admin-sidebar-close-btn:hover{color:#0f172a;background-color:#f1f5f9}.admin-sidebar-close-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.admin-sidebar-close-btn svg{width:22px;height:22px}.admin-sidebar-nav{box-sizing:border-box;flex:1;min-height:0;padding:1rem .75rem;overflow-y:auto}.admin-sidebar-nav-list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.admin-sidebar-nav-item-wrapper{margin:0;padding:0}.admin-sidebar-nav-item{color:#475569;box-sizing:border-box;border-radius:.5rem;align-items:center;gap:.75rem;min-height:44px;padding:.625rem .875rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.admin-sidebar-nav-item:hover{color:#0f172a;background-color:#f1f5f9}.admin-sidebar-nav-item:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.admin-sidebar-nav-item-active{color:#2563eb;background-color:#eff6ff;font-weight:600;position:relative}.admin-sidebar-nav-item-active:before{content:"";background-color:#2563eb;border-radius:0 2px 2px 0;width:3px;position:absolute;top:15%;bottom:15%;left:0}.admin-sidebar-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.admin-sidebar-icon-wrapper svg{width:20px;height:20px}.admin-sidebar-label{white-space:nowrap;letter-spacing:-.01em}.admin-sidebar-footer{box-sizing:border-box;border-top:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:.375rem;padding:.75rem;display:flex}.admin-sidebar-action-btn{color:#475569;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;min-height:44px;padding:.625rem .875rem;font-family:inherit;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.admin-sidebar-action-btn:hover{color:#0f172a;background-color:#f1f5f9}.admin-sidebar-action-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.admin-logout-btn:hover{color:#dc2626;background-color:#fef2f2}.admin-logout-btn:focus-visible{outline-offset:2px;outline:2px solid #dc2626}.admin-main-content{box-sizing:border-box;background-color:#f8fafc;flex:1;width:100%;min-width:0;padding:1.25rem 1rem;overflow-y:auto}.admin-sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:45;opacity:0;pointer-events:none;background-color:#0f172a73;transition:opacity .25s;display:block;position:fixed;inset:0}.admin-sidebar-backdrop-visible{opacity:1;pointer-events:auto}@media (width<=1023px){.admin-navbar{padding:0 1rem}.admin-hamburger-btn{display:flex}.admin-sidebar{z-index:50;width:280px;max-width:80vw;height:100dvh;box-shadow:none;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.admin-sidebar-open{transform:translate(0);box-shadow:4px 0 24px #0f172a26}.admin-sidebar-mobile-header{display:flex}}@media (width>=1024px){.admin-navbar{padding:0 1.5rem}.admin-hamburger-btn,.admin-sidebar-backdrop,.admin-sidebar-mobile-header{display:none}.admin-sidebar{width:256px;min-width:256px;height:calc(100dvh - 64px);position:sticky;top:64px;box-shadow:none!important;transform:none!important}.admin-main-content{padding:2rem 2.25rem}}@media (width>=768px) and (width<=1023px){.admin-main-content{padding:1.5rem}}@media (width<=639px){.admin-navbar{padding:0 .75rem}.admin-header-brand{gap:.5rem}.admin-navbar-logo-badge{border-radius:6px;width:30px;height:30px}.admin-navbar-logo-icon{width:16px;height:16px}.admin-navbar-user-details{display:none}.admin-navbar-user-profile{padding:0}.admin-brand-portal-tag{padding:.1rem .375rem;font-size:.625rem;display:inline-block!important}.admin-navbar-brand-text{font-size:.875rem}.admin-main-content{padding:1rem .75rem}}@media (width<=360px){.admin-navbar{padding:0 .5rem}.admin-hamburger-btn{width:32px;min-width:32px;height:32px;min-height:32px}.admin-header-brand{gap:.375rem}.admin-navbar-brand-text{font-size:.75rem}.admin-brand-portal-tag{padding:.08rem .3rem;font-size:.5625rem}.admin-navbar-avatar{width:32px;min-width:32px;height:32px;min-height:32px}.admin-navbar-right{gap:.375rem}.admin-main-content{padding:.75rem .5rem}}.admin-profile-modal-card{background-color:#fff;border-radius:.75rem;flex-direction:column;animation:.2s ease-out adminModalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes adminModalFadeIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.admin-profile-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.125rem 1.5rem;display:flex}.admin-profile-modal-title{color:#0f172a;margin:0;font-size:1.125rem;font-weight:700}.admin-profile-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem;font-size:1.5rem;line-height:1}.admin-profile-modal-close:hover{color:#0f172a}.admin-profile-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.admin-profile-modal-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;padding:.75rem 1rem;font-size:.875rem}.admin-profile-avatar-center{text-align:center;flex-direction:column;align-items:center;display:flex}.admin-profile-large-avatar-wrapper{margin-bottom:.75rem;display:inline-block;position:relative}.admin-profile-large-avatar{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #2563eb26}.admin-profile-large-avatar-img{object-fit:cover;object-position:center;border-radius:50%;width:100%;height:100%;display:block}.admin-profile-large-initials{color:#1d4ed8;letter-spacing:-.02em;font-size:2rem;font-weight:700}.admin-profile-large-camera-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s,background-color .15s;display:flex;position:absolute;bottom:2px;right:2px;box-shadow:0 2px 4px #0003}.admin-profile-large-camera-btn:hover{background-color:#1d4ed8;transform:scale(1.1)}.admin-profile-large-camera-btn svg{width:14px;height:14px}.admin-profile-photo-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.25rem;display:flex}.admin-btn-sm{cursor:pointer;border:1px solid #0000;border-radius:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.admin-btn-danger-outline{color:#dc2626;background-color:#fff;border-color:#fca5a5;transition:all .15s}.admin-btn-danger-outline:hover{background-color:#fef2f2;border-color:#dc2626}.admin-profile-photo-hint{color:#64748b;margin-top:.375rem;font-size:.75rem}.admin-profile-info-grid{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.admin-profile-info-row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.admin-profile-info-label{color:#64748b;font-weight:500}.admin-profile-info-value{color:#0f172a;font-weight:600}.admin-mono-badge{background-color:#e2e8f0;border-radius:.25rem;padding:.125rem .375rem;font-family:monospace;font-size:.8125rem}.admin-role-badge{color:#1e40af;background-color:#dbeafe;border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.admin-profile-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;padding:1rem 1.5rem;display:flex}.admin-preview-crop-circle{border:3px solid #2563eb;border-radius:50%;width:120px;height:120px;margin:.5rem auto 1rem;overflow:hidden;box-shadow:0 4px 12px #2563eb33}.admin-preview-crop-circle img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.admin-preview-file-meta{color:#334155;margin:0 0 .5rem;font-size:.8125rem}.admin-preview-desc{color:#64748b;margin:0;font-size:.8125rem;line-height:1.4}.admin-photo-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite adminSpin;display:inline-block}@keyframes adminSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-floating-toast{color:#fff;z-index:9999;background-color:#0f172a;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;animation:.2s ease-out adminToastSlideUp;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 10px 15px -3px #0003}.admin-floating-toast svg{color:#22c55e;width:18px;height:18px}@keyframes adminToastSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-dashboard-page{box-sizing:border-box;flex-direction:column;gap:1.75rem;width:100%;min-width:0;max-width:1280px;margin:0 auto;display:flex}.admin-page-header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;display:flex}.admin-page-title-group{flex-direction:column;gap:.25rem;min-width:0;display:flex}.admin-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:700;line-height:1.25}.admin-page-subtitle{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.admin-date-badge{color:#475569;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;display:flex;box-shadow:0 1px 2px #0000000a}.admin-badge-icon{color:#64748b;width:16px;height:16px}.admin-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-btn-secondary{color:#334155;background-color:#fff;border-color:#cbd5e1}.admin-btn-secondary:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.admin-toast-banner{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;animation:.2s fadeIn;display:flex;box-shadow:0 2px 4px #0000000a}.admin-toast-banner svg{color:#16a34a;flex-shrink:0;width:18px;height:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-summary-grid{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;width:100%;min-width:0;display:grid}.admin-stat-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0d9;border-radius:1rem;flex-direction:column;min-width:0;padding:1.375rem 1.25rem 1.125rem;transition:all .24s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px -2px #0f172a0d,0 2px 6px -1px #0f172a05}.admin-stat-card:before{content:"";background:0 0;height:3px;transition:background .2s;position:absolute;top:0;left:0;right:0}.stat-blue-card:before{background:#3b82f6}.stat-green-card:before{background:#10b981}.stat-amber-card:before{background:#f59e0b}.stat-purple-card:before{background:#8b5cf6}.admin-stat-card-interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-stat-card-interactive:hover{transform:translateY(-4px);box-shadow:0 16px 36px -6px #0f172a1f,0 6px 14px -2px #0f172a0d}.stat-blue-card:hover{border-color:#93c5fd;box-shadow:0 16px 36px -6px #2563eb33,0 6px 16px -2px #2563eb1a}.stat-green-card:hover{border-color:#86efac;box-shadow:0 16px 36px -6px #16a34a33,0 6px 16px -2px #16a34a1a}.stat-amber-card:hover{border-color:#fcd34d;box-shadow:0 16px 36px -6px #d9770633,0 6px 16px -2px #d977061a}.stat-purple-card:hover{border-color:#d8b4fe;box-shadow:0 16px 36px -6px #7c3aed33,0 6px 16px -2px #7c3aed1a}.admin-stat-card-interactive:hover .admin-stat-icon-wrapper{transform:scale(1.08)}.admin-stat-card-interactive:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.admin-stat-icon-wrapper{border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex}.stat-purple{color:#7c3aed;background-color:#faf5ff}.admin-stat-value{color:#0f172a;letter-spacing:-.02em;margin-bottom:.375rem;font-size:2.125rem;font-weight:700;line-height:1.15}.admin-stat-bottom-row{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.admin-card-hover-hint{color:#94a3b8;opacity:.8;white-space:nowrap;font-size:.75rem;font-weight:600;transition:all .15s}.admin-stat-card-interactive:hover .admin-card-hover-hint{opacity:1;color:#2563eb;transform:translate(2px)}.admin-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0d9;border-radius:1rem;width:100%;min-width:0;padding:1.5rem;transition:box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .2s,transform .22s;box-shadow:0 4px 20px -2px #0f172a0f,0 2px 6px -1px #0f172a05}.admin-card:hover{box-shadow:0 10px 28px -4px #0f172a17,0 4px 10px -2px #0f172a0a}.admin-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.admin-card-header-left{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.admin-card-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.admin-card-subtitle{color:#64748b;margin:0;font-size:.8125rem}.admin-card-action-link{color:#2563eb;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:0;font-family:inherit;font-size:.875rem;font-weight:600;transition:color .15s,transform .15s}.admin-card-action-link:hover{color:#1d4ed8;text-decoration:underline;transform:translate(2px)}.admin-badge{border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.admin-badge-neutral{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}.admin-equal-cards-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;width:100%;min-width:0;display:grid}.admin-middle-grid{box-sizing:border-box;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.25rem;width:100%;min-width:0;display:grid}.admin-department-breakdown{flex-direction:column;gap:1rem;display:flex}.admin-dept-row{flex-direction:column;gap:.375rem;display:flex}.admin-dept-row-interactive{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:.5rem;padding:.5rem .625rem;transition:all .18s cubic-bezier(.16,1,.3,1)}.admin-dept-row-interactive:hover{background-color:#f8fafc;border-color:#e2e8f0;transform:translate(3px)}.admin-dept-arrow{color:#94a3b8;opacity:.6;flex-shrink:0;transition:all .15s}.admin-dept-row-interactive:hover .admin-dept-arrow{opacity:1;color:#2563eb;transform:translate(3px)}.admin-dept-info{justify-content:space-between;align-items:center;display:flex}.admin-dept-name-group{align-items:center;gap:.5rem;display:flex}.admin-dept-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.admin-dept-name{color:#1e293b;font-size:.875rem;font-weight:600}.admin-dept-counts{align-items:center;gap:.375rem;display:flex}.admin-dept-count{color:#0f172a;font-size:.8125rem;font-weight:600}.admin-dept-percentage{color:#64748b;font-size:.8125rem}.admin-progress-track{background-color:#f1f5f9;border-radius:9999px;width:100%;height:8px;overflow:hidden}.admin-progress-fill{border-radius:9999px;height:100%;transition:width .4s}.admin-quick-actions-list{flex-direction:column;gap:.625rem;display:flex}.admin-action-item{cursor:pointer;text-align:left;box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.625rem;align-items:center;gap:.875rem;width:100%;padding:.875rem 1rem;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.admin-action-item:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:translate(3px);box-shadow:0 4px 14px #0f172a0d}.admin-action-item:hover .admin-action-icon{transform:scale(1.08)}.admin-action-item:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.admin-action-icon{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.admin-action-icon svg{width:18px;height:18px}.action-blue{color:#2563eb;background-color:#eff6ff}.action-green{color:#16a34a;background-color:#f0fdf4}.action-purple{color:#7c3aed;background-color:#faf5ff}.action-amber{color:#d97706;background-color:#fffbeb}.admin-action-content{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.admin-action-title{color:#0f172a;font-size:.875rem;font-weight:600}.admin-action-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.admin-action-arrow{color:#94a3b8;flex-shrink:0;width:16px;height:16px;transition:transform .15s}.admin-action-item:hover .admin-action-arrow{color:#475569;transform:translate(3px)}.admin-table-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:.5rem;width:100%;max-width:100%;overflow-x:auto}.admin-table thead th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.admin-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .12s}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tbody tr:hover{background-color:#f8fafc}.admin-tr-interactive{cursor:pointer;transition:background-color .15s}.admin-tr-interactive:hover{background-color:#f1f5f9!important}.admin-tr-interactive:hover .admin-user-name-strong{color:#2563eb}.admin-table td{color:#334155;vertical-align:middle;white-space:nowrap;padding:.875rem 1rem}.text-warning{color:#b45309!important}.admin-id-badge{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;padding:.15rem .45rem;font-family:monospace;font-size:.8125rem;font-weight:600;display:inline-block}.admin-user-cell{align-items:center;gap:.625rem;display:flex}.admin-user-avatar-small{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.admin-user-name-strong{color:#0f172a;font-weight:600}.admin-dept-tag{color:#475569;background-color:#f1f5f9;border-radius:.375rem;padding:.2rem .5rem;font-size:.8125rem;font-weight:500;display:inline-block}.admin-status-badge{border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-active{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}.status-active .status-dot{background-color:#16a34a}.status-inactive{color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0}.status-inactive .status-dot{background-color:#94a3b8}.status-pending .status-dot{background-color:#d97706}.status-approved .status-dot{background-color:#16a34a}.status-rejected .status-dot{background-color:#dc2626}.admin-leave-type-pill{color:#0f172a;font-weight:500}.admin-btn-action-view{color:#1d4ed8;cursor:pointer;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;padding:.375rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .15s}.admin-btn-action-view:hover{color:#fff;background-color:#2563eb;border-color:#2563eb}.admin-period-selector{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex;box-shadow:0 1px 2px #0000000a}.admin-period-label{color:#64748b;margin-left:.25rem;font-size:.8125rem;font-weight:600}.admin-select{color:#1e293b;cursor:pointer;background-color:#0000;border:1px solid #cbd5e1;border-radius:.375rem;outline:none;padding:.3rem .6rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:border-color .15s}.admin-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.admin-metrics-7col{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;width:100%;display:grid}.admin-metrics-6col{grid-template-columns:repeat(6,minmax(0,1fr));gap:.875rem;width:100%;display:grid}.admin-metrics-4col{grid-template-columns:repeat(4,minmax(0,1fr));gap:.875rem;width:100%;display:grid}.admin-equal-cards-grid .admin-metrics-4col{grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem}.admin-metrics-3col{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;width:100%;display:grid}.admin-metric-box{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;gap:.35rem;min-width:0;padding:.75rem .625rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.admin-metric-box-interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-metric-box-interactive:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0f172a14}.admin-metric-box-interactive:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.admin-metric-top{justify-content:space-between;align-items:flex-start;gap:.25rem;min-width:0;min-height:2.25rem;display:flex}.admin-metric-icon-pill{border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;transition:transform .18s;display:inline-flex}.admin-metric-box-interactive:hover .admin-metric-icon-pill{transform:scale(1.1)}.icon-pill-teal{color:#0d9488;background-color:#ccfbf1}.icon-pill-present{color:#059669;background-color:#ecfdf5}.icon-pill-absent{color:#e11d48;background-color:#fff1f2}.icon-pill-halfday{color:#d97706;background-color:#fffbeb}.icon-pill-leave{color:#4f46e5;background-color:#eef2ff}.icon-pill-wfh{color:#0d9488;background-color:#f0fdfa;border:1px solid #99f6e4}.icon-pill-unmarked{color:#ca8a04;background-color:#fefce8}.icon-pill-blue{color:#2563eb;background-color:#eff6ff}.icon-pill-purple{color:#7c3aed;background-color:#faf5ff}.icon-pill-neutral{color:#64748b;background-color:#f1f5f9}.admin-metric-box-totalpresent:hover{background-color:#f0fdfa;border-color:#99f6e4}.admin-metric-box-present:hover{background-color:#f0fdf4;border-color:#a7f3d0}.admin-metric-box-absent:hover{background-color:#fff1f2;border-color:#fecdd3}.admin-metric-box-halfday:hover{background-color:#fffbeb;border-color:#fde68a}.admin-metric-box-leave:hover{background-color:#eef2ff;border-color:#c7d2fe}.admin-metric-box-wfh:hover{background-color:#f0fdfa;border-color:#99f6e4}.admin-metric-box-unmarked:hover{background-color:#fefce8;border-color:#fde047}.admin-metric-box-highlight{background-color:#fffbeb;border-color:#fde68a}.admin-metric-box-highlight .admin-metric-value{color:#b45309}.admin-metric-box-success{background-color:#f0fdf4;border-color:#bbf7d0}.admin-metric-box-success .admin-metric-value{color:#15803d}.admin-metric-label{color:#334155;text-transform:none;white-space:normal;letter-spacing:-.01em;word-break:normal;overflow-wrap:break-word;flex:1;min-width:0;font-size:.72rem;font-weight:600;line-height:1.25}.admin-metric-value{color:#0f172a;margin:.1rem 0;font-size:1.45rem;font-weight:700;line-height:1.15}.admin-metric-subtext-row{justify-content:space-between;align-items:center;gap:.2rem;min-width:0;margin-top:auto;display:flex}.admin-metric-subtext{color:#64748b;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;flex:1;min-width:0;font-size:.6875rem;font-weight:500;overflow:hidden}.admin-metric-hint{color:#94a3b8;flex-shrink:0;font-size:.75rem;font-weight:700;transition:transform .15s,color .15s}.admin-metric-box-interactive:hover .admin-metric-hint{color:#2563eb;transform:translate(3px)}.admin-financial-grid{border-top:1px dashed #e2e8f0;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem;padding-top:1.25rem;display:grid}.admin-financial-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;gap:.375rem;padding:1rem 1.125rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.admin-financial-card-interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-financial-card-interactive:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 8px 20px #0f172a14}.admin-financial-card.net-salary-card{background-color:#f0fdf4;border-color:#86efac}.admin-financial-card.net-salary-card .admin-financial-val{color:#15803d;font-size:1.375rem}.admin-financial-card.net-salary-card:hover{border-color:#4ade80;box-shadow:0 8px 20px #16a34a1f}.admin-financial-header{justify-content:space-between;align-items:center;display:flex}.admin-financial-icon-wrap{border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .18s;display:inline-flex}.admin-financial-card-interactive:hover .admin-financial-icon-wrap{transform:scale(1.1)}.icon-wrap-blue{color:#2563eb;background-color:#eff6ff}.icon-wrap-danger{color:#dc2626;background-color:#fef2f2}.icon-wrap-success{color:#16a34a;background-color:#f0fdf4}.admin-financial-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.admin-financial-val{color:#0f172a;font-size:1.25rem;font-weight:700}.admin-financial-action-hint{color:#94a3b8;margin-top:.25rem;font-size:.6875rem;font-weight:600;transition:all .15s}.admin-financial-card-interactive:hover .admin-financial-action-hint{color:#2563eb;transform:translate(2px)}.admin-financial-card.net-salary-card:hover .admin-financial-action-hint{color:#15803d}.admin-empty-state-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2.5rem 1.5rem;display:flex}.admin-empty-state-icon{color:#94a3b8;background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.25rem;display:flex}.admin-empty-state-icon svg{width:22px;height:22px}.admin-empty-state-title{color:#334155;margin:0;font-size:.9375rem;font-weight:600}.admin-empty-state-desc{color:#64748b;max-width:380px;margin:0;font-size:.8125rem}.admin-state-loading-box,.admin-state-error-box{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 1.5rem;display:flex}.admin-state-spinner{color:#2563eb;width:44px;height:44px;animation:1s linear infinite adminSpin}.admin-retry-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.5rem;margin-top:.5rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background-color .15s}.admin-retry-btn:hover{background-color:#1d4ed8}.admin-birthday-card{box-sizing:border-box;width:100%;min-width:0}.admin-bday-header-title-row{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.admin-bday-icon-circle{color:#d97706;background-color:#fef3c7;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.admin-bday-count-badge{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-bday-clean-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.125rem;width:100%;display:grid}.admin-bday-clean-card{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;justify-content:space-between;gap:.875rem;padding:1.125rem 1.25rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05}.admin-bday-clean-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 18px #0f172a0f,0 2px 6px #0f172a05}.admin-bday-clean-card:hover .admin-bday-clean-name{color:#2563eb}.admin-bday-clean-card-today{background:linear-gradient(#fffdfa 0%,#fff 100%);border-color:#fde68a;box-shadow:0 2px 8px #f59e0b14}.admin-bday-clean-card-today:before{content:"";background:#f59e0b;border-top-left-radius:.75rem;border-top-right-radius:.75rem;height:3px;position:absolute;top:0;left:0;right:0}.admin-bday-clean-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.admin-bday-clean-date{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-bday-clean-cake{color:#f59e0b}.admin-bday-clean-today-pill{color:#92400e;background-color:#fef3c7;border:1px solid #fde68a;border-radius:9999px;align-items:center;padding:.2rem .55rem;font-size:.725rem;font-weight:700;display:inline-flex}.admin-bday-clean-upcoming-pill{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;padding:.2rem .5rem;font-size:.725rem;font-weight:500;display:inline-flex}.admin-bday-clean-celebrated-pill{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;padding:.2rem .55rem;font-size:.725rem;font-weight:600;display:inline-flex}.admin-bday-clean-card.admin-bday-clean-card-celebrated{background-color:#f8fafc;border-color:#e2e8f0}.admin-bday-clean-card-body{align-items:center;gap:.875rem;min-width:0;display:flex}.admin-bday-clean-avatar{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9375rem;font-weight:700;display:flex}.admin-bday-clean-avatar.avatar-today{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#fcd34d}.admin-bday-clean-details{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.admin-bday-clean-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;font-weight:600;transition:color .15s;overflow:hidden}.admin-bday-clean-role{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8125rem;overflow:hidden}.admin-bday-clean-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.65rem;display:flex}.admin-bday-clean-meta{flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0;display:flex}.admin-bday-clean-link{color:#2563eb;white-space:nowrap;font-size:.775rem;font-weight:600;transition:transform .15s}.admin-bday-clean-card:hover .admin-bday-clean-link{transform:translate(2px)}.admin-payroll-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-payroll-controls-bar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-payroll-selectors{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}.admin-payroll-select-wrapper{align-items:center;display:flex}.admin-select-payroll-month{min-width:120px}.admin-select-payroll-year{min-width:80px}.admin-view-payroll-btn{height:34px;padding:.4rem .75rem;font-size:.8125rem}.admin-payroll-loading-indicator{color:#64748b;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.admin-payroll-status-bar{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.625rem .875rem;display:flex}.admin-payroll-status-left{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.admin-payroll-meta-tag{color:#334155;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;align-items:center;padding:.2rem .5rem;font-size:.8125rem;font-weight:600;display:inline-flex}.admin-payroll-batch-tag{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:.375rem;align-items:center;padding:.2rem .45rem;font-family:monospace;font-size:.75rem;font-weight:600;display:inline-flex}.admin-payroll-payslip-count-tag{color:#2563eb;font-size:.8125rem;font-weight:600}.admin-payroll-payslips-block{border-top:1px dashed #e2e8f0;margin-top:1.5rem;padding-top:1.25rem}.admin-payroll-payslips-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.875rem;display:flex}.admin-payroll-payslips-title{color:#0f172a;margin:0;font-size:1rem;font-weight:700;line-height:1.3}.admin-payroll-payslips-subtitle{color:#64748b;margin:.15rem 0 0;font-size:.8125rem}.admin-payslip-ready-badge{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.375rem;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-payslip-pending-badge{color:#94a3b8;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;align-items:center;padding:.15rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.admin-payroll-row-actions{justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.admin-action-btn-sm{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.25rem;padding:.3rem .55rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-btn-view{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.admin-btn-view:hover:not(:disabled){color:#1e40af;background-color:#dbeafe;border-color:#93c5fd}.admin-btn-download{color:#334155;background-color:#f8fafc;border-color:#cbd5e1}.admin-btn-download:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.admin-action-btn-sm:disabled{opacity:.45;cursor:not-allowed;color:#94a3b8;background-color:#f8fafc;border-color:#e2e8f0}.admin-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1280px){.admin-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px) and (width<=1279px){.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-metrics-7col{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=768px) and (width<=1023px){.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-equal-cards-grid{grid-template-columns:1fr;gap:1.25rem}.admin-middle-grid{grid-template-columns:1fr}.admin-metrics-7col,.admin-metrics-6col{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-metrics-4col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.admin-dashboard-page{gap:1.25rem}.admin-page-header{flex-direction:column;align-items:stretch}.admin-header-actions{flex-direction:column;align-items:stretch;width:100%}.admin-date-badge{justify-content:center}.admin-period-selector{box-sizing:border-box;justify-content:space-between;width:100%}.admin-btn-secondary{width:100%}.admin-summary-grid{grid-template-columns:1fr;gap:.875rem}.admin-equal-cards-grid,.admin-middle-grid{grid-template-columns:1fr;gap:1.25rem}.admin-metrics-7col,.admin-metrics-6col,.admin-metrics-4col{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-financial-grid{grid-template-columns:1fr}.admin-card{padding:1.125rem}.admin-stat-card{padding:1rem}.admin-stat-value{font-size:1.75rem}.admin-bday-cards-grid{grid-template-columns:1fr}.admin-bday-spotlight-item{flex-direction:column;align-items:flex-start}.admin-bday-spotlight-action{width:100%}.admin-bday-wish-btn,.admin-bday-profile-btn{flex:1;justify-content:center}.admin-payroll-card-header{flex-direction:column;align-items:stretch;gap:.75rem}.admin-payroll-controls-bar{flex-direction:column;align-items:stretch;width:100%}.admin-payroll-selectors{box-sizing:border-box;justify-content:space-between;width:100%}.admin-select-payroll-month,.admin-select-payroll-year{flex:1}.admin-view-payroll-btn{width:100%}}@media (width<=414px){.admin-page-title{font-size:1.375rem}.admin-metrics-7col,.admin-metrics-6col,.admin-metrics-4col{grid-template-columns:1fr}.admin-table thead th,.admin-table td{padding:.625rem .75rem}.admin-card-header{flex-direction:column;align-items:flex-start}.admin-card-action-link{align-self:flex-start}}.custom-dob-picker{width:100%;font-family:inherit;position:relative}.custom-dob-input-wrap{box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;align-items:center;width:100%;height:38px;padding:0 .625rem;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.custom-dob-input-wrap:hover{border-color:#94a3b8}.custom-dob-input-wrap.focused{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.custom-dob-cal-icon{color:#64748b;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-right:.375rem;transition:color .15s;display:flex}.custom-dob-cal-icon:hover{color:#2563eb}.custom-dob-text-input{color:#0f172a;letter-spacing:.02em;background:0 0;border:none;outline:none;flex:1;width:100%;padding:0;font-size:.8125rem}.custom-dob-text-input::placeholder{color:#94a3b8;letter-spacing:normal}.custom-dob-actions{flex-shrink:0;align-items:center;gap:.25rem;margin-left:.375rem;display:flex}.custom-dob-age-badge{color:#1d4ed8;white-space:nowrap;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;padding:.0625rem .375rem;font-size:.6875rem;font-weight:600;display:inline-flex}.custom-dob-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.0625rem .1875rem;font-size:.9375rem;line-height:1;transition:all .15s;display:flex}.custom-dob-clear-btn:hover{color:#ef4444;background-color:#fee2e2}.custom-dob-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.1875rem;transition:all .15s;display:flex}.custom-dob-toggle-btn:hover{color:#0f172a;background-color:#f1f5f9}.custom-dob-popover{z-index:1050;box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;width:250px;padding:.5rem .625rem;animation:.15s ease-out dobFadeIn;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 20px -5px #0000001f,0 4px 6px -2px #0000000d}@keyframes dobFadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.custom-dob-header{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.custom-dob-header-title{align-items:center;gap:.25rem;display:flex}.custom-dob-pill-btn{color:#1e293b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.25rem;align-items:center;gap:.15rem;padding:.15rem .375rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.custom-dob-pill-btn:hover{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.custom-dob-pill-btn.active{color:#fff;background-color:#2563eb;border-color:#2563eb}.custom-dob-nav-btn{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.25rem;justify-content:center;align-items:center;padding:.15rem .25rem;transition:all .15s;display:flex}.custom-dob-nav-btn:hover{color:#0f172a;background-color:#e2e8f0}.custom-dob-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:.125rem;display:grid}.custom-dob-weekday{color:#94a3b8;text-transform:uppercase;padding:.0625rem 0;font-size:.625rem;font-weight:700}.custom-dob-days-grid{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.custom-dob-day-cell{color:#1e293b;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;height:25px;padding:0;font-size:.75rem;font-weight:500;transition:all .1s;display:flex}.custom-dob-day-cell:hover:not(:disabled){color:#1d4ed8;background-color:#eff6ff}.custom-dob-day-cell.other-month{color:#cbd5e1;cursor:default}.custom-dob-day-cell.today{color:#2563eb;font-weight:700;position:relative}.custom-dob-day-cell.today:after{content:"";background-color:#2563eb;border-radius:50%;width:3px;height:3px;position:absolute;bottom:1px}.custom-dob-day-cell.selected{font-weight:700;color:#fff!important;background-color:#2563eb!important}.custom-dob-day-cell.selected:after{display:none}.custom-dob-selection-grid{grid-template-columns:repeat(3,1fr);gap:.25rem;margin:.25rem 0;display:grid}.custom-dob-grid-btn{color:#334155;cursor:pointer;text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.25rem;padding:.35rem .125rem;font-size:.75rem;font-weight:600;transition:all .12s}.custom-dob-grid-btn:hover{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.custom-dob-grid-btn.selected{color:#fff;background-color:#2563eb;border-color:#2563eb}.custom-dob-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:.375rem;padding-top:.375rem;display:flex}.custom-dob-footer-age{color:#0369a1;font-size:.6875rem;font-weight:600}.custom-dob-footer-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;transition:all .12s}.custom-dob-footer-btn:hover{color:#0f172a;background-color:#f1f5f9}.wizard-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172aa6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.wizard-modal-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.wizard-modal-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.wizard-title-block{flex-direction:column;gap:.25rem;display:flex}.wizard-modal-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.wizard-modal-subtitle{color:#64748b;margin:0;font-size:.875rem;font-weight:500}.wizard-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.25rem .5rem;font-size:1.75rem;line-height:1;transition:color .15s,background-color .15s}.wizard-close-btn:hover{color:#0f172a;background-color:#e2e8f0}.wizard-stepper{scrollbar-width:thin;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-start;align-items:center;gap:.5rem;max-width:100%;padding:.75rem 1.25rem;display:flex;overflow-x:auto;overflow-y:hidden!important}.wizard-stepper::-webkit-scrollbar{height:5px}.wizard-stepper::-webkit-scrollbar-track{background:#f8fafc}.wizard-stepper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.wizard-stepper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.wizard-step-node{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.375rem .625rem;transition:all .2s;display:flex}.wizard-step-node:hover:not(:disabled){background-color:#f1f5f9}.step-node-badge{color:#64748b;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:1.625rem;height:1.625rem;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.step-node-text{color:#64748b;font-size:.8125rem;font-weight:600;transition:color .2s}.wizard-step-node.active .step-node-badge{color:#fff;background-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.wizard-step-node.active .step-node-text{color:#2563eb}.wizard-step-node.completed .step-node-badge{color:#fff;background-color:#059669}.wizard-step-node.completed .step-node-text{color:#059669}.wizard-alert-banner{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;align-items:center;gap:.75rem;margin:1rem 1.75rem 0;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.wizard-alert-banner svg{flex-shrink:0;width:1.25rem;height:1.25rem}.wizard-modal-body{flex:1;padding:1.5rem 1.75rem;overflow-y:auto}.wizard-step-content{animation:.2s ease-in-out fadeIn}.wizard-section-heading{color:#0f172a;margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.wizard-section-desc{color:#64748b;margin:0 0 1.25rem;font-size:.875rem}.wizard-form-grid{grid-template-columns:repeat(2,1fr);gap:1rem 1.25rem;display:grid}.wizard-field-group{flex-direction:column;gap:.375rem;display:flex}.wizard-field-full{grid-column:1/-1}.wizard-field-label{color:#334155;align-items:center;font-size:.875rem;font-weight:600;display:flex}.wizard-field-label .required{color:#dc2626;margin-left:2px;font-weight:700}.wizard-field-input,.wizard-field-select,.wizard-field-textarea{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;outline:none;width:100%;padding:.625rem .875rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.wizard-field-input:focus,.wizard-field-select:focus,.wizard-field-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.wizard-field-hint{color:#64748b;margin-top:.125rem;font-size:.75rem}.wizard-file-input{color:#475569;font-size:.875rem}.wizard-file-pill{color:#334155;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:.375rem;align-items:center;gap:.5rem;margin-top:.25rem;padding:.25rem .5rem;font-size:.75rem;display:inline-flex}.wizard-remove-file{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1}.wizard-checkbox-banner{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.wizard-checkbox-label{color:#1e293b;cursor:pointer;align-items:center;gap:.625rem;font-size:.875rem;font-weight:600;display:flex}.wizard-checkbox-input{cursor:pointer;border-radius:.25rem;width:1.125rem;height:1.125rem}.wizard-checkbox-note{color:#64748b;margin:.5rem 0 0 1.75rem;font-size:.8125rem}.wizard-calc-summary-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #cbd5e1;border-radius:.5rem;margin-top:1.5rem;padding:1.25rem}.calc-summary-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.calc-summary-title{color:#1e293b;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700}.calc-badge{color:#1d4ed8;text-transform:uppercase;background-color:#dbeafe;border-radius:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.calc-summary-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.calc-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.calc-item-highlight{background-color:#eff6ff;border-color:#93c5fd}.calc-item-label{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:600}.calc-item-val{color:#0f172a;font-size:1.125rem;font-weight:700}.text-deduction{color:#dc2626!important}.text-net{color:#059669!important}.calc-note{color:#64748b;margin-top:.75rem;font-size:.75rem;display:block}.wizard-doc-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.wizard-doc-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;justify-content:space-between;gap:.75rem;padding:1rem;transition:border-color .15s;display:flex}.wizard-doc-card:hover{border-color:#cbd5e1}.doc-card-info{justify-content:space-between;align-items:center;display:flex}.doc-card-title{color:#1e293b;font-size:.875rem;font-weight:600}.doc-card-badge{color:#64748b;background-color:#f1f5f9;border-radius:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600}.doc-upload-btn{color:#475569;cursor:pointer;box-sizing:border-box;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:.375rem;justify-content:center;align-items:center;gap:.375rem;width:100%;padding:.5rem .875rem;font-size:.8125rem;transition:all .15s;display:inline-flex}.doc-upload-btn:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.doc-upload-svg{width:1rem;height:1rem}.hidden-file-input{display:none}.doc-file-selected{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.375rem;align-items:center;gap:.625rem;padding:.5rem .75rem;display:flex}.doc-file-icon{color:#16a34a;flex-shrink:0;width:1.25rem;height:1.25rem}.doc-file-meta{flex-direction:column;flex:1;display:flex;overflow:hidden}.doc-file-name{color:#166534;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.doc-file-size{color:#15803d;font-size:.6875rem}.doc-file-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:1.25rem;line-height:1}.wizard-review-sections{flex-direction:column;gap:1rem;display:flex}.review-section-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem 1.25rem}.review-card-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.review-card-header h4{color:#0f172a;margin:0;font-size:.9375rem;font-weight:700}.review-edit-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:.125rem .25rem;font-size:.8125rem;font-weight:600;text-decoration:underline}.review-edit-btn:hover{color:#1d4ed8}.review-card-grid{grid-template-columns:repeat(2,1fr);gap:.5rem 1rem;display:grid}.review-label{color:#64748b;font-size:.8125rem;font-weight:500}.review-value{color:#0f172a;margin-left:.25rem;font-size:.8125rem;font-weight:600}.status-badge{color:#1e40af;background-color:#dbeafe;border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem}.review-card-docs{flex-wrap:wrap;gap:.5rem;display:flex}.review-doc-tag{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.text-muted{color:#94a3b8;font-style:italic}.wizard-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.75rem;display:flex}.wizard-btn{cursor:pointer;border:1px solid #0000;border-radius:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s}.wizard-btn:disabled{opacity:.6;cursor:not-allowed}.wizard-btn-secondary{color:#334155;background-color:#fff;border-color:#cbd5e1}.wizard-btn-secondary:hover:not(:disabled){background-color:#f1f5f9;border-color:#94a3b8}.wizard-btn-primary{color:#fff;background-color:#2563eb}.wizard-btn-primary:hover:not(:disabled){background-color:#1d4ed8}.wizard-btn-submit{background-color:#059669}.wizard-btn-submit:hover:not(:disabled){background-color:#047857}@media (width<=768px){.wizard-form-grid,.wizard-doc-grid,.calc-summary-grid,.review-card-grid{grid-template-columns:1fr}.wizard-modal-header,.wizard-modal-body,.wizard-modal-footer{padding-left:1rem;padding-right:1rem}}.wizard-step-header-row{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.annexure-badge-pill{color:#fff;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%);border-radius:9999px;align-items:center;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #2563eb33}.compensation-package-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;margin-bottom:1.5rem;padding:1.25rem}.package-card-header{flex-direction:column;gap:.25rem;margin-bottom:.875rem;display:flex}.package-card-title{color:#1e293b;font-size:.875rem;font-weight:700}.package-card-hint{color:#64748b;font-size:.8125rem}.package-pills-grid{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.package-pill{color:#334155;cursor:pointer;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:all .15s ease-in-out;display:flex}.package-pill:hover{background-color:#f1f5f9;border-color:#94a3b8}.package-pill-active{box-shadow:0 0 0 1px #2563eb;color:#1d4ed8!important;background-color:#eff6ff!important;border-color:#2563eb!important}.package-pill-ctc{color:#475569;background:#e2e8f0;border-radius:.25rem;padding:.1rem .4rem;font-size:.75rem}.package-pill-active .package-pill-ctc{color:#1e40af;background:#dbeafe}.ctc-input-row{border-top:1px dashed #cbd5e1;align-items:flex-end;gap:1rem;padding-top:1rem;display:flex}.ctc-recalc-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#2563eb;border:none;border-radius:.375rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;transition:background-color .15s}.ctc-recalc-btn:hover{background-color:#1d4ed8}.compensation-section-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1.5rem;padding:1.25rem}.section-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.section-card-title{color:#0f172a;margin:0;font-size:.9375rem;font-weight:700}.section-card-subtitle{color:#64748b;font-size:.75rem}.section-subtotal-badge{white-space:nowrap;border-radius:.375rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:700}.badge-green{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0}.badge-blue{color:#1e40af;background-color:#dbeafe;border:1px solid #bfdbfe}.badge-red{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.annexure-table-card{background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;margin-top:1.5rem;padding:1.25rem;box-shadow:0 4px 6px -1px #0000000d}.annexure-table-header{border-bottom:1.5px solid #0f172a;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.875rem;display:flex}.annexure-table-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.annexure-table-subtitle{color:#64748b;font-size:.8125rem}.annexure-net-callout{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:.375rem;padding:.4rem .875rem;font-size:.875rem;font-weight:800}.annexure-table-responsive{overflow-x:auto}.annexure-table{border-collapse:collapse;color:#1e293b;width:100%;font-size:.875rem}.annexure-table th,.annexure-table td{border:1px solid #cbd5e1;padding:.625rem .875rem}.annexure-table thead th{color:#0f172a;background-color:#f1f5f9;font-weight:700}.amount-cell{text-align:right;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.annexure-subtotal-row{background-color:#f8fafc;font-weight:700}.annexure-ctc-row{color:#1e40af;background-color:#eff6ff;font-weight:800;border-top:2px solid #3b82f6!important;border-bottom:2px solid #3b82f6!important}.annexure-deduction-row{color:#991b1b;background-color:#fef2f2;font-weight:700}.annexure-net-row{color:#15803d;background-color:#f0fdf4;font-size:.9375rem;font-weight:800;border-top:2px solid #22c55e!important;border-bottom:2px solid #22c55e!important}.annexure-footnotes{border-top:1px dashed #cbd5e1;margin-top:1rem;padding-top:.75rem}.annexure-footnotes p{color:#64748b;margin:.25rem 0;font-size:.75rem;font-style:italic}.admin-employees-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:100%;margin:0;display:flex}.admin-employees-header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;display:flex}.admin-header-title-block{flex-direction:column;gap:.25rem;min-width:0;display:flex}.admin-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-employees-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:700;line-height:1.25}.admin-total-badge{color:#1d4ed8;white-space:nowrap;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-employees-subtitle{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.admin-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background-color:#2563eb;border:1px solid #2563eb;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5625rem 1.125rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb26}.admin-btn-primary:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.admin-btn-svg{width:18px;height:18px}.admin-filters-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-search-wrapper{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.admin-filter-controls{flex-shrink:0;align-items:center;gap:1rem;display:flex}.admin-filter-group{align-items:center;gap:.5rem;display:flex}.admin-filter-label{color:#475569;white-space:nowrap;font-size:.8125rem;font-weight:500}.admin-filter-select{color:#1e293b;cursor:pointer;appearance:auto;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;height:40px;padding:.375rem 2rem .375rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:border-color .15s}.admin-filter-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.admin-card.admin-employees-table-card,.admin-employees-table-card{min-height:280px;padding:0;overflow:visible!important}.admin-employees-table-card .admin-table-container{width:100%;overflow:visible!important}.admin-employees-table-card .admin-table{table-layout:auto;width:100%;overflow:visible!important}.admin-card.admin-accounts-card,.admin-accounts-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;min-width:0;max-width:100%;min-height:260px;margin-bottom:2rem;padding:0;box-shadow:0 1px 3px #0000000a;overflow:visible!important}.admin-accounts-header{box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;display:flex}.admin-accounts-title-group{flex-direction:column;gap:.25rem;min-width:0;display:flex}.admin-accounts-card-title{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:600;line-height:1.3}.admin-accounts-card-subtitle{color:#64748b;margin:0;font-size:.8125rem;line-height:1.4}.admin-accounts-table-container{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding-bottom:.75rem;overflow:visible!important}.admin-accounts-table{table-layout:fixed;border-collapse:collapse;text-align:left;box-sizing:border-box;width:100%;max-width:100%;margin:0;overflow:visible!important}.admin-accounts-table thead tr{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.admin-accounts-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;vertical-align:middle;box-sizing:border-box;text-overflow:ellipsis;background-color:#f8fafc;padding:.75rem .625rem;font-size:.75rem;font-weight:600;overflow:hidden}.admin-accounts-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.admin-accounts-table tbody tr:last-child{border-bottom:none}.admin-accounts-table tbody tr:hover{background-color:#f8fafc}.admin-accounts-table td{vertical-align:middle;box-sizing:border-box;padding:.75rem .625rem;overflow:visible}.admin-accounts-table td.text-right,.admin-accounts-table th.text-right{text-align:right}.admin-accounts-col-id{width:13%}.admin-accounts-col-name{width:20%}.admin-accounts-col-role{width:12%}.admin-accounts-col-status{width:13%}.admin-accounts-col-date{width:17%}.admin-accounts-col-actions{width:25%}.admin-account-id-badge{color:#475569;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:.375rem;align-items:center;max-width:100%;padding:.1875rem .4375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;font-weight:600;line-height:1.25;display:inline-flex;overflow:hidden}.admin-account-id-badge.admin-account-id-unassigned{color:#92400e;background-color:#fef3c7;border-color:#fde68a;font-family:inherit;font-weight:500}.admin-account-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;padding:0;font-size:.9375rem;font-weight:600;line-height:1.35;display:block;overflow:hidden}.admin-account-role-badge{color:#4338ca;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;background-color:#eef2ff;border:1px solid #e0e7ff;border-radius:.375rem;align-items:center;max-width:100%;padding:.1875rem .4375rem;font-size:.75rem;font-weight:600;line-height:1.25;display:inline-flex;overflow:hidden}.admin-account-status-pill{vertical-align:middle;white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;max-width:100%;padding:.2rem .5rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.admin-account-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.admin-account-status-pill.status-active{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0}.admin-account-status-pill.status-active .admin-account-status-dot{background-color:#22c55e}.admin-account-status-pill.status-inactive{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca}.admin-account-status-pill.status-inactive .admin-account-status-dot{background-color:#ef4444}.admin-account-date{color:#475569;white-space:nowrap;vertical-align:middle;text-overflow:ellipsis;max-width:100%;font-size:.8125rem;font-weight:400;display:block;overflow:hidden}.admin-account-actions{white-space:nowrap;vertical-align:middle;justify-content:flex-end;align-items:center;gap:.35rem;max-width:100%;display:inline-flex}.admin-account-btn{cursor:pointer;white-space:nowrap;border-radius:.375rem;flex-shrink:0;padding:.25rem .5rem;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1.25;transition:all .15s}.admin-account-btn-view{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.admin-account-btn-view:hover{color:#1e40af;background-color:#dbeafe;border-color:#93c5fd}.admin-account-btn-edit{color:#334155;background-color:#f8fafc;border:1px solid #cbd5e1}.admin-account-btn-edit:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.admin-account-you-badge{color:#475569;white-space:nowrap;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:.375rem;flex-shrink:0;align-items:center;padding:.2rem .45rem;font-size:.6875rem;font-weight:600;line-height:1.2;display:inline-flex}.admin-account-btn-more{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;min-height:26px;padding:0;line-height:1;transition:all .15s;display:inline-flex}.admin-account-btn-more:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.admin-account-btn-more svg{width:14px;height:14px}.admin-accounts-mobile-list{display:none}@media (width>=768px) and (width<=1023px){.admin-accounts-table th,.admin-accounts-table td{padding:.625rem .45rem}.admin-account-actions{gap:.25rem}.admin-account-btn{padding:.2rem .4rem;font-size:.6875rem}.admin-account-btn-more{width:24px;min-width:24px;height:24px;min-height:24px}.admin-account-you-badge{padding:.15rem .35rem;font-size:.6875rem}}@media (width<=767px){.admin-accounts-table-container{display:none!important}.admin-accounts-mobile-list{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;gap:.75rem;width:100%;padding:.875rem;display:flex!important}.admin-account-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.625rem;flex-direction:column;gap:.75rem;width:100%;padding:.875rem 1rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-account-card-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.admin-account-card-name-col{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.admin-account-card-name-col .admin-account-name{max-width:100%}.admin-account-card-top-action{flex-shrink:0;align-items:center;display:flex}.admin-account-card-body{box-sizing:border-box;background-color:#f8fafc;border:1px solid #edf2f7;border-radius:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;width:100%;padding:.625rem .75rem;display:grid}.admin-account-meta-item{flex-direction:column;gap:.2rem;min-width:0;display:flex}.admin-account-meta-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:600}.admin-account-card-footer{align-items:center;gap:.5rem;padding-top:.125rem;display:flex}.admin-account-card-footer .admin-account-btn{text-align:center;flex:1;justify-content:center;padding:.45rem .75rem;font-size:.8125rem;display:flex}}@media (width<=480px){.admin-account-card-body{grid-template-columns:1fr 1fr}.admin-account-card-body .admin-account-meta-item:nth-child(3){grid-column:span 2}}.admin-table-header-meta{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.admin-results-count{color:#64748b;font-size:.8125rem}.admin-results-count strong{color:#0f172a}.admin-reset-filters-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8125rem;font-weight:600}.admin-reset-filters-btn:hover{text-decoration:underline}.admin-email-text{color:#475569;font-size:.8125rem}.admin-workmode-badge{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-family:inherit;font-size:.75rem;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.admin-workmode-badge svg{flex-shrink:0;width:13px;height:13px}.admin-workmode-badge.workmode-wfh{color:#047857;background-color:#ecfdf5;border-color:#a7f3d0}.admin-workmode-badge.workmode-wfh:hover{background-color:#d1fae5;border-color:#6ee7b7;transform:translateY(-1px);box-shadow:0 1px 3px #04785726}.admin-workmode-badge.workmode-wfh svg{color:#059669}.admin-workmode-badge.workmode-wfo{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.admin-workmode-badge.workmode-wfo:hover{background-color:#dbeafe;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 1px 3px #1d4ed826}.admin-workmode-badge.workmode-wfo svg{color:#2563eb}.admin-row-actions{align-items:center;gap:.375rem;display:inline-flex;position:relative}.admin-action-btn-pill{cursor:pointer;white-space:nowrap;border-radius:.375rem;padding:.3125rem .625rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .15s}.admin-action-view{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.admin-action-view:hover{color:#fff;background-color:#2563eb;border-color:#2563eb}.admin-action-edit{color:#334155;background-color:#f8fafc;border:1px solid #cbd5e1}.admin-action-edit:hover{color:#0f172a;background-color:#e2e8f0}.admin-action-role{color:#6d28d9;background-color:#ede9fe;border:1px solid #ddd6fe}.admin-action-role:hover{color:#5b21b6;background-color:#ddd6fe;border-color:#c4b5fd}.admin-dropdown-wrapper{z-index:10;display:inline-block;position:relative}.admin-dropdown-wrapper.is-open{z-index:9999}:is(.admin-accounts-table tr:has(.admin-dropdown-wrapper.is-open),.admin-table tr:has(.admin-dropdown-wrapper.is-open)){z-index:999;position:relative}.admin-action-btn-more{color:#64748b;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:.375rem;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.admin-action-btn-more:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.admin-action-btn-more svg{width:16px;height:16px}.admin-action-dropdown-menu{z-index:9999;transform-origin:100% 0;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;flex-direction:column;gap:.125rem;min-width:175px;padding:.375rem;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}.admin-action-dropdown-menu.menu-up{transform-origin:100% 100%;top:auto;bottom:calc(100% + 4px);box-shadow:0 -10px 25px -5px #00000026,0 -8px 10px -6px #0000001a}.admin-dropdown-menu-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:background-color .12s;display:flex}.admin-dropdown-menu-item:hover{background-color:#f1f5f9}.admin-dropdown-menu-item svg{color:#64748b;flex-shrink:0;width:15px;height:15px}.text-danger,.text-danger svg{color:#dc2626!important}.text-success,.text-success svg{color:#16a34a!important}.admin-empty-table-cell{text-align:center;padding:3rem 1rem!important}.admin-empty-state{color:#64748b;flex-direction:column;align-items:center;gap:.5rem;display:flex}.admin-empty-state svg{color:#cbd5e1;width:44px;height:44px}.admin-pagination-wrapper{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.admin-page-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 .5rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-page-btn:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.admin-page-nav{padding:0 .75rem}.admin-delete-modal-container{max-width:580px;max-height:85vh}@keyframes scaleUp{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.admin-modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.125rem 1.5rem;display:flex}.admin-modal-body-scrollable{box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;min-height:0;padding:1.5rem;overflow:hidden auto}.admin-modal-body-scrollable::-webkit-scrollbar{width:6px}.admin-modal-body-scrollable::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.admin-modal-body-scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.admin-modal-body-scrollable::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-modal-form{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;min-height:0;padding:1.5rem;display:flex;overflow-y:auto}.admin-form-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.admin-form-field{flex-direction:column;gap:.375rem;min-width:0;display:flex}.admin-field-input,.admin-field-select{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;height:38px;padding:.375rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.admin-field-input:focus,.admin-field-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.admin-modal-footer{box-sizing:border-box;background-color:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}@media (width<=767px){.admin-employees-header{flex-direction:column;align-items:stretch}.admin-add-btn{width:100%}.admin-filters-card{flex-direction:column;align-items:stretch}.admin-search-wrapper{width:100%;min-width:0}.admin-filter-controls,.admin-filter-group{flex-direction:column;align-items:stretch;width:100%}.admin-filter-select{width:100%}.admin-form-grid{grid-template-columns:1fr}.admin-pagination-wrapper{flex-direction:column;align-items:center;gap:1rem}.admin-modal-overlay{padding:.5rem}.admin-modal-container,.admin-delete-modal-container{border-radius:.5rem;width:100%;max-height:90vh}.admin-modal-header{padding:.875rem 1rem}.admin-modal-body-scrollable{padding:1rem .875rem}.admin-modal-footer{flex-wrap:wrap;padding:.75rem 1rem}}@media (width<=414px){.admin-employees-title{font-size:1.375rem}.admin-table thead th,.admin-table td{padding:.625rem .75rem}.admin-pagination-controls{justify-content:center;width:100%}.admin-page-nav{padding:0 .5rem;font-size:.75rem}}.admin-id-badge-clickable{transition:all .15s}.admin-id-badge-clickable:hover{color:#1d4ed8;background-color:#dbeafe;border-color:#93c5fd}.admin-user-cell-clickable{cursor:pointer}.admin-user-cell-clickable:hover .admin-user-name-strong{color:#2563eb;text-decoration:underline}.admin-employee-details-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:1280px;margin:0 auto;display:flex}.admin-details-page-header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;display:flex}.admin-details-header-left{flex-direction:column;gap:.625rem;min-width:0;display:flex}.admin-back-link-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;width:fit-content;padding:0;font-family:inherit;font-size:.875rem;font-weight:600;transition:color .15s;display:inline-flex}.admin-back-link-btn:hover{color:#1d4ed8;text-decoration:underline}.admin-back-arrow{display:none}.admin-details-title-wrap{flex-direction:column;gap:.25rem;display:flex}.admin-details-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:700;line-height:1.25}.admin-details-page-subtitle{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.admin-details-header-right{align-items:center;gap:.75rem;display:flex}.admin-edit-header-btn{box-shadow:0 1px 3px #2563eb33}.admin-btn-icon-svg{width:16px;height:16px}.admin-details-toast{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;animation:.2s detailsFadeIn;display:flex;box-shadow:0 2px 4px #0000000a}.admin-details-toast svg{color:#16a34a;flex-shrink:0;width:18px;height:18px}@keyframes detailsFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-summary-header-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:1.5rem;width:100%;min-width:0;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-summary-avatar-circle{color:#1d4ed8;letter-spacing:-.02em;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;min-width:72px;height:72px;min-height:72px;font-size:1.5rem;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #2563eb26}.admin-summary-avatar-img{object-fit:cover;object-position:center;border-radius:50%;width:100%;height:100%;display:block}.admin-summary-avatar-wrapper{flex-shrink:0;display:inline-flex;position:relative}.admin-summary-avatar-camera-btn{color:#fff;cursor:pointer;z-index:5;background-color:#2563eb;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:inline-flex;position:absolute;bottom:0;right:-2px;box-shadow:0 2px 4px #00000026}.admin-summary-avatar-camera-btn:hover{background-color:#1d4ed8;transform:scale(1.08)}.admin-summary-avatar-camera-btn svg{width:14px;height:14px}.admin-avatar-menu-backdrop{z-index:40;background:0 0;position:fixed;inset:0}.admin-avatar-action-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.125rem;min-width:160px;padding:.375rem;animation:.15s ease-out fadeInDown;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-avatar-menu-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.admin-avatar-menu-item:hover{color:#0f172a;background-color:#f1f5f9}.admin-avatar-menu-item svg{flex-shrink:0;width:15px;height:15px}.admin-avatar-menu-danger{color:#dc2626}.admin-avatar-menu-danger:hover{color:#b91c1c;background-color:#fef2f2}.admin-summary-content{flex-direction:column;flex:1;gap:.375rem;min-width:0;display:flex}.admin-summary-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.admin-summary-name-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-summary-name{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}.admin-summary-roles{color:#64748b;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.admin-summary-designation{color:#334155;font-weight:600}.admin-summary-bullet{color:#cbd5e1}.admin-summary-department{color:#64748b}.admin-summary-contact-row{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:.25rem;display:flex}.admin-summary-contact-item{color:#475569;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.admin-summary-contact-item svg{color:#94a3b8;flex-shrink:0;width:16px;height:16px}.admin-details-sections-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;width:100%;min-width:0;display:grid}.admin-info-card{flex-direction:column;display:flex}.admin-info-fields-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem;display:grid}.admin-info-field{flex-direction:column;gap:.25rem;min-width:0;display:flex}.admin-field-full{grid-column:1/-1}.admin-info-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.admin-info-value{color:#0f172a;word-break:break-word;font-size:.9375rem;font-weight:500}.admin-documents-card{flex-direction:column;display:flex}.admin-docs-list{flex-direction:column;gap:.75rem;display:flex}.admin-documents-card{flex-direction:column;gap:1.25rem;display:flex}.admin-docs-toolbar{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.625rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.admin-docs-search-wrapper{flex:1;min-width:240px;max-width:400px;position:relative}.admin-docs-search-icon{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.admin-docs-search-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;height:38px;padding:.45rem 2rem .45rem 2.25rem;font-family:inherit;font-size:.84375rem;transition:border-color .15s,box-shadow .15s}.admin-docs-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.admin-docs-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem;font-size:1.125rem;line-height:1;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.admin-docs-search-clear:hover{color:#475569}.admin-docs-filter-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.admin-docs-filter-btn:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.admin-docs-filter-btn.active{color:#fff;background-color:#2563eb;border-color:#2563eb;font-weight:600}.admin-docs-pill-count{background-color:#00000014;border-radius:9999px;padding:.1rem .375rem;font-size:.6875rem}.admin-docs-filter-btn.active .admin-docs-pill-count{color:#fff;background-color:#ffffff40}.admin-doc-category-group{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.admin-doc-category-group:first-of-type{margin-top:0}.admin-category-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.admin-category-title{color:#0f172a;margin:0;font-size:1rem;font-weight:600}.admin-category-count{color:#64748b;background-color:#f1f5f9;border-radius:9999px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}@media (width<=1100px){.admin-docs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.admin-docs-grid{grid-template-columns:1fr}}.admin-document-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;justify-content:space-between;min-height:230px;padding:1.25rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.admin-document-card:hover{border-color:#93c5fd;box-shadow:0 4px 6px -1px #0000000f}.document-filename{color:#64748b;word-break:break-word;overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.4}.status-unavailable-badge{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:9999px;align-items:center;gap:.35rem;padding:.15rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.status-unavailable-dot{background-color:#dc2626;border-radius:50%;width:6px;height:6px}.admin-document-card .document-card-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.admin-document-card .document-btn{cursor:pointer;white-space:nowrap;box-sizing:border-box;border:1px solid #0000;border-radius:.375rem;flex:1 1 0;justify-content:center;align-items:center;gap:.25rem;min-width:68px;min-height:34px;padding:.45rem .5rem;font-family:inherit;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.document-btn-delete{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}.document-btn-delete:hover:not(:disabled){color:#b91c1c;background-color:#fee2e2;border-color:#fca5a5}.document-btn-delete:disabled{opacity:.5;cursor:not-allowed;color:#cbd5e1;background-color:#f8fafc;border-color:#e2e8f0}.admin-docs-empty-state{text-align:center;box-sizing:border-box;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.admin-docs-empty-icon{color:#2563eb;background-color:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;display:flex}.admin-docs-empty-icon svg{width:28px;height:28px}.admin-pf-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.admin-pf-stat-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.875rem;display:flex}.admin-pf-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.admin-pf-stat-val{color:#0f172a;font-size:1rem;font-weight:600}.admin-leave-cards-container{flex-direction:column;gap:.75rem;display:flex}.admin-leave-subcard{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;gap:.625rem;padding:.875rem 1rem;transition:border-color .15s;display:flex}.subcard-blue{border-left:4px solid #2563eb}.subcard-green{border-left:4px solid #16a34a}.subcard-amber{border-left:4px solid #f59e0b}.admin-leave-subcard-header{justify-content:space-between;align-items:center;display:flex}.admin-leave-type-name{color:#0f172a;font-size:.875rem;font-weight:600}.admin-leave-remaining-pill{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.admin-leave-upl-badge{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a;border-radius:9999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.admin-leave-subcard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.single-metric{grid-template-columns:1fr}.admin-leave-metric{background-color:#f8fafc;border-radius:.375rem;flex-direction:column;padding:.375rem .5rem;display:flex}.metric-val{color:#0f172a;font-size:1.125rem;font-weight:700;line-height:1.2}.metric-lbl{color:#64748b;text-transform:uppercase;font-size:.6875rem;font-weight:500}.admin-recent-leaves-table-card{flex-direction:column;display:flex}.admin-leave-type-name-strong{color:#0f172a;font-weight:600}.admin-actions-card{flex-direction:column;display:flex}.admin-action-buttons-wrap{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-action-trigger-btn{cursor:pointer;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5625rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-action-trigger-btn svg{width:16px;height:16px}.btn-action-primary{color:#fff;background-color:#2563eb;border-color:#2563eb}.btn-action-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.btn-action-neutral{color:#334155;background-color:#fff;border-color:#cbd5e1}.btn-action-neutral:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.btn-action-danger{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}.btn-action-danger:hover{color:#fff;background-color:#dc2626;border-color:#dc2626}.admin-btn-sm{padding:.375rem .75rem;font-size:.8125rem}.admin-confirm-body{text-align:center;flex-direction:column;align-items:center;gap:.625rem;padding:1.5rem 1.5rem .5rem;display:flex}.admin-confirm-icon-wrap{color:#dc2626;background-color:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.25rem;display:flex}.admin-confirm-message{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:600}.admin-confirm-subtext{color:#64748b;margin:0;font-size:.875rem}.admin-btn-danger{color:#fff;cursor:pointer;background-color:#dc2626;border:1px solid #dc2626;border-radius:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background-color .15s}.admin-doc-preview-modal{max-width:680px}.admin-preview-content{background-color:#f8fafc;max-height:50vh;padding:1.5rem;overflow-y:auto}.admin-preview-simulated-sheet{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;gap:.75rem;padding:2.25rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.admin-preview-sheet-header{border-bottom:2px solid #2563eb;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.75rem;display:flex}.sheet-org{color:#0f172a;font-size:.9375rem;font-weight:700}.sheet-doc-type{color:#2563eb;letter-spacing:.05em;font-size:.75rem;font-weight:600}.sheet-title{color:#0f172a;margin:.25rem 0 .5rem;font-size:1.25rem;font-weight:700}.sheet-text{color:#334155;margin:0;font-size:.875rem;line-height:1.5}.sheet-watermark{color:#94a3b81f;pointer-events:none;white-space:nowrap;letter-spacing:.1em;font-size:3rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}@media (width<=1023px){.admin-details-sections-grid{grid-template-columns:1fr}}@media (width<=767px){.admin-employee-details-page{gap:1.25rem}.admin-details-page-header{flex-direction:column;align-items:stretch}.admin-edit-header-btn{width:100%}.admin-summary-header-card{text-align:center;flex-direction:column;align-items:center;padding:1.25rem}.admin-summary-content{align-items:center;width:100%}.admin-summary-title-row{flex-direction:column;align-items:center;gap:.5rem}.admin-summary-roles{justify-content:center}.admin-summary-contact-row{flex-direction:column;align-items:center;gap:.5rem}.admin-info-fields-grid,.admin-pf-stats-grid{grid-template-columns:1fr}.admin-action-buttons-wrap{flex-direction:column}.admin-action-trigger-btn{justify-content:center;width:100%}.admin-doc-item{flex-direction:column;align-items:flex-start}.admin-doc-right{justify-content:space-between;width:100%}}@media (width<=414px){.admin-details-page-title{font-size:1.375rem}.admin-summary-name{font-size:1.25rem}.admin-summary-avatar-circle{width:60px;min-width:60px;height:60px;min-height:60px;font-size:1.25rem}.admin-summary-avatar-camera-btn{width:24px;height:24px;bottom:-2px;right:-2px}.admin-summary-avatar-camera-btn svg{width:12px;height:12px}.admin-doc-right{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-doc-actions{width:100%}.admin-doc-btn{text-align:center;flex:1}}.admin-status-badge .status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.admin-status-badge.status-active{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0}.admin-status-badge.status-active .status-dot{background-color:#16a34a}.admin-status-badge.status-inactive,.admin-status-badge.status-exited,.admin-status-badge.status-terminated{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.admin-status-badge.status-inactive .status-dot,.admin-status-badge.status-exited .status-dot,.admin-status-badge.status-terminated .status-dot{background-color:#dc2626}.admin-status-badge.status-suspended{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a}.admin-status-badge.status-suspended .status-dot{background-color:#d97706}.admin-status-badge.status-neutral{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0}.admin-status-badge.status-neutral .status-dot{background-color:#64748b}.admin-edit-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;max-width:1100px;margin:0 auto;padding-bottom:3rem;display:flex}.admin-edit-header-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-edit-back-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-edit-back-btn:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.admin-edit-header-titles{flex-direction:column;gap:.25rem;display:flex}.admin-edit-page-title{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.625rem;font-weight:700}.admin-edit-page-subtitle{color:#64748b;margin:0;font-size:.875rem}.admin-edit-identity-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.25rem 1.75rem;display:flex;box-shadow:0 1px 3px #0000000d}.admin-edit-identity-left{align-items:center;gap:1.25rem;display:flex}.admin-edit-identity-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.25rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #3b82f633}.admin-edit-identity-avatar img{object-fit:cover;width:100%;height:100%}.admin-edit-identity-info{flex-direction:column;gap:.25rem;display:flex}.admin-edit-identity-name{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.admin-edit-identity-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-edit-id-badge{color:#1e40af;background-color:#dbeafe;border-radius:.375rem;padding:.2rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;font-weight:700}.admin-edit-meta-separator{color:#94a3b8;font-size:.875rem}.admin-edit-meta-sub{color:#475569;font-size:.875rem;font-weight:500}.admin-edit-identity-right{align-items:center;gap:1rem;display:flex}.admin-edit-status-badge{border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.admin-edit-status-badge.status-active{color:#15803d;background-color:#dcfce7}.admin-edit-status-badge.status-inactive,.admin-edit-status-badge.status-suspended{color:#b91c1c;background-color:#fee2e2}.admin-edit-status-badge.status-probation{color:#b45309;background-color:#fef3c7}.admin-edit-stepper{scrollbar-width:thin;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex;overflow-x:auto;box-shadow:0 1px 2px #00000008}.admin-edit-step-btn{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:inherit;transition:all .2s;display:flex}.admin-edit-step-btn:hover{background-color:#f8fafc}.admin-edit-step-btn.active{background-color:#eff6ff}.admin-edit-step-circle{color:#64748b;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8125rem;font-weight:700;transition:all .2s;display:flex}.admin-edit-step-btn.completed .admin-edit-step-circle{color:#fff;background-color:#10b981}.admin-edit-step-btn.active .admin-edit-step-circle{color:#fff;background-color:#2563eb}.admin-edit-step-label{color:#64748b;font-size:.875rem;font-weight:600}.admin-edit-step-btn.active .admin-edit-step-label{color:#1e40af}.admin-edit-step-btn.completed .admin-edit-step-label{color:#0f172a}.admin-edit-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-edit-step-header{border-bottom:1px solid #f1f5f9;padding-bottom:1rem}.admin-edit-step-title{color:#0f172a;margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.admin-edit-step-desc{color:#64748b;margin:0;font-size:.875rem}.admin-edit-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem;display:grid}.admin-edit-form-grid.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-edit-full-width{grid-column:1/-1}.admin-edit-form-group{flex-direction:column;gap:.375rem;display:flex}.admin-edit-label{color:#334155;justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.admin-edit-req-star{color:#ef4444;margin-left:.25rem}.admin-edit-readonly-badge{text-transform:uppercase;color:#64748b;background-color:#f1f5f9;border-radius:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:700}.admin-edit-input,.admin-edit-select,.admin-edit-textarea{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:all .15s}.admin-edit-input:focus,.admin-edit-select:focus,.admin-edit-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.admin-edit-input:disabled,.admin-edit-input.read-only{color:#64748b;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.admin-edit-field-note{color:#64748b;margin-top:.125rem;font-size:.75rem}.admin-edit-calc-banner{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1.25rem;display:grid}.admin-edit-calc-stat-label{text-transform:uppercase;color:#64748b;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.admin-edit-calc-stat-val{color:#0f172a;font-size:1.25rem;font-weight:700}.admin-edit-calc-stat-val.net-pay{color:#16a34a}.admin-edit-calc-stat-val.deductions{color:#dc2626}.admin-doc-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;width:100%;display:grid}@media (width<=768px){.admin-doc-grid{grid-template-columns:1fr;gap:1rem}}.admin-doc-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.625rem;flex-direction:column;justify-content:space-between;min-width:0;padding:1.25rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.admin-doc-card-header{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;margin-bottom:.875rem;display:flex}.admin-doc-card-title-group{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.admin-doc-type-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;display:inline-flex}.admin-doc-card-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:.9375rem;font-weight:600;overflow:hidden}.admin-doc-badge{text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;border-radius:9999px;flex-shrink:0;padding:.2rem .55rem;font-size:.6875rem;font-weight:600}.admin-doc-badge.uploaded{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.admin-doc-badge.selected{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.admin-doc-badge.not-uploaded{color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0}.admin-doc-card-body{flex-direction:column;flex:1;justify-content:flex-end;min-width:0;display:flex}.admin-doc-uploaded-state{flex-direction:column;gap:.75rem;min-width:0;display:flex}.admin-doc-file-info-row{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.75rem;min-width:0;padding:.75rem .875rem;display:flex;overflow:hidden}.admin-doc-file-icon-box{color:#2563eb;background-color:#eff6ff;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.125rem;display:flex}.admin-doc-file-meta{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex;overflow:hidden}.admin-doc-file-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.875rem;font-weight:600;display:block;overflow:hidden}.admin-doc-file-subtext{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.admin-doc-actions-row{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.admin-doc-btn{color:#334155;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;justify-content:center;align-items:center;gap:.375rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;line-height:1.25;transition:all .15s;display:inline-flex}.admin-doc-btn:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.admin-doc-btn:focus-visible{outline-offset:1px;outline:2px solid #2563eb}.admin-doc-btn.view-btn:hover{color:#2563eb;background-color:#eff6ff;border-color:#93c5fd}.admin-doc-btn.download-btn:hover{color:#0d9488;background-color:#f0fdfa;border-color:#99f6e4}.admin-doc-btn.replace-btn:hover{color:#4f46e5;background-color:#eef2ff;border-color:#c7d2fe}.admin-doc-btn.remove-btn{color:#dc2626;background-color:#fffaf0;border-color:#fecaca}.admin-doc-btn.remove-btn:hover{color:#b91c1c;background-color:#fee2e2;border-color:#fca5a5}.admin-doc-btn:disabled{opacity:.6;cursor:not-allowed}.admin-doc-replacement-banner{color:#1e40af;background-color:#eff6ff;border:1px dashed #60a5fa;border-radius:.375rem;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:.5rem .75rem;font-size:.75rem;display:flex}.admin-doc-replacement-info{align-items:center;gap:.375rem;min-width:0;display:flex;overflow:hidden}.admin-doc-replacement-info .replacement-tag{color:#1d4ed8;white-space:nowrap;font-weight:700}.admin-doc-replacement-info .replacement-filename{color:#1e3a8a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.admin-doc-replacement-info .replacement-size{color:#3b82f6;white-space:nowrap}.admin-doc-cancel-replace-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:.125rem .25rem;font-size:.75rem;font-weight:600}.admin-doc-cancel-replace-btn:hover{text-decoration:underline}.admin-doc-empty-state{flex-direction:column;width:100%;min-width:0;display:flex}.admin-doc-upload-dropzone{text-align:center;background-color:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-width:0;padding:1.25rem 1rem;transition:all .15s;display:flex}.admin-doc-upload-dropzone:hover{background-color:#f0f7ff;border-color:#3b82f6}.admin-doc-upload-icon-circle{color:#2563eb;background-color:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:.125rem;font-size:1.125rem;display:flex}.admin-doc-choose-file-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#2563eb;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;gap:.375rem;padding:.4rem .875rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,box-shadow .15s;display:inline-flex}.admin-doc-choose-file-btn:hover{background-color:#1d4ed8}.admin-doc-choose-file-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.admin-doc-helper-text{color:#64748b;text-align:center;margin:0;font-size:.6875rem}.admin-doc-selected-box{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding:.75rem .875rem;display:flex;overflow:hidden}.admin-doc-remove-selected-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .25rem;font-size:1.25rem;font-weight:700;line-height:1}.admin-doc-remove-selected-btn:hover{color:#b91c1c}.admin-doc-visually-hidden-input{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.admin-edit-btn-danger{cursor:pointer;color:#fff;background-color:#ef4444;border:1px solid #ef4444;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s}.admin-edit-btn-danger:hover{background-color:#dc2626;border-color:#dc2626}.admin-edit-btn-danger:disabled{opacity:.6;cursor:not-allowed}.admin-edit-upload-box{background-color:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:1rem 1.25rem;transition:all .15s;display:flex}.admin-edit-upload-box:hover{background-color:#f1f5f9;border-color:#94a3b8}.admin-edit-file-pill{color:#1e40af;text-overflow:ellipsis;white-space:nowrap;background-color:#dbeafe;border-radius:.375rem;align-items:center;gap:.5rem;max-width:100%;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex;overflow:hidden}.admin-edit-file-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-weight:700}.admin-edit-review-summary{flex-direction:column;gap:1.5rem;display:flex}.admin-edit-diff-box{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:1rem 1.25rem}.admin-edit-diff-title{color:#166534;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.875rem;font-weight:700;display:flex}.admin-edit-diff-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.admin-edit-diff-card{background-color:#fff;border:1px solid #bbf7d0;border-radius:.375rem;padding:.625rem .875rem;font-size:.8125rem}.admin-edit-diff-label{color:#475569;margin-bottom:.25rem;font-weight:600}.admin-edit-diff-vals{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-edit-old-val{color:#991b1b;background-color:#fee2e2;border-radius:.25rem;padding:.125rem .375rem;text-decoration:line-through}.admin-edit-new-val{color:#166534;background-color:#dcfce7;border-radius:.25rem;padding:.125rem .375rem;font-weight:700}.admin-edit-no-diff{color:#64748b;text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;font-size:.875rem}.admin-edit-review-section{border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden}.admin-edit-review-section-header{color:#334155;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.875rem;font-weight:700}.admin-edit-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1rem;padding:1rem;display:grid}.admin-edit-review-item{flex-direction:column;gap:.25rem;font-size:.8125rem;display:flex}.admin-edit-review-item-label{color:#64748b}.admin-edit-review-item-val{color:#0f172a;font-weight:600}.admin-edit-actions-bar{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.admin-edit-btn-group{align-items:center;gap:.75rem;display:flex}.admin-edit-btn-secondary{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s}.admin-edit-btn-secondary:hover{color:#0f172a;background-color:#f1f5f9}.admin-edit-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #2563eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb33}.admin-edit-btn-primary:hover:not(:disabled){background-color:#1d4ed8;border-color:#1e40af}.admin-edit-btn-primary:disabled{opacity:.65;cursor:not-allowed}.admin-edit-btn-save{background-color:#16a34a;border-color:#15803d}.admin-edit-btn-save:hover:not(:disabled){background-color:#15803d;border-color:#166534}.admin-edit-error-banner{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500;display:flex}.admin-edit-toast{color:#065f46;background-color:#ecfdf5;border:1px solid #6ee7b7;border-radius:.5rem;align-items:center;gap:.625rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 4px 6px -1px #0000000d}.admin-edit-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.admin-edit-modal-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;max-width:480px;padding:1.75rem;box-shadow:0 20px 25px -5px #0000001a}.admin-edit-modal-title{color:#0f172a;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.admin-edit-modal-desc{color:#64748b;margin:0 0 1.5rem;font-size:.875rem;line-height:1.5}.admin-edit-modal-footer{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.admin-edit-discard-btn{color:#fff;background-color:#dc2626;border-color:#b91c1c}.admin-edit-discard-btn:hover{background-color:#b91c1c}.admin-edit-preview-modal{flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex}.admin-edit-preview-body{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex:1;justify-content:center;align-items:center;min-height:400px;margin:1rem 0;display:flex;overflow:hidden}.admin-edit-preview-body iframe,.admin-edit-preview-body img{object-fit:contain;border:none;width:100%;height:500px}.admin-edit-skeleton-card{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.admin-edit-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (width<=768px){.admin-edit-form-grid,.admin-edit-form-grid.grid-3,.admin-edit-calc-banner,.admin-edit-review-grid{grid-template-columns:1fr}.admin-edit-identity-card{flex-direction:column;align-items:flex-start}.admin-edit-stepper{justify-content:flex-start}}.admin-documents-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:1280px;margin:0 auto;display:flex}.admin-docs-header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;display:flex}.admin-docs-title-group{flex-direction:column;gap:.25rem;min-width:0;display:flex}.admin-docs-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:700;line-height:1.25}.admin-docs-subtitle{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.admin-upload-trigger-btn{box-shadow:0 1px 3px #2563eb33}.admin-docs-toast{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;animation:.2s docsFadeIn;display:flex;box-shadow:0 2px 4px #0000000a}.admin-docs-toast svg{color:#16a34a;flex-shrink:0;width:18px;height:18px}@keyframes docsFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-docs-summary-grid{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;width:100%;min-width:0;display:grid}.admin-doc-stat-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;min-width:0;padding:1.25rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 1px 3px #0000000a}.admin-doc-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0f}.admin-docs-table-card{padding:0;overflow:visible}.admin-doc-name-cell{align-items:center;gap:.625rem;display:flex}.admin-doc-mini-icon{color:#2563eb;background-color:#eff6ff;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.admin-doc-mini-icon svg{width:18px;height:18px}.admin-doc-title-text{color:#0f172a;font-weight:600}.admin-emp-link-btn{color:#0f172a;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:.875rem;font-weight:600;transition:color .15s}.admin-emp-link-btn:hover{color:#2563eb;text-decoration:underline}.admin-id-badge-interactive{cursor:pointer;border:1px solid #bfdbfe;transition:all .15s}.admin-id-badge-interactive:hover{color:#fff;background-color:#2563eb;border-color:#2563eb}.status-missing{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a}.status-missing .status-dot{background-color:#d97706}.admin-action-download{color:#334155;background-color:#f8fafc;border:1px solid #cbd5e1}.admin-action-download:hover:not(:disabled){color:#0f172a;background-color:#e2e8f0}.admin-action-btn-pill:disabled{opacity:.45;cursor:not-allowed}.admin-doc-preview-modal-shell{max-width:680px}.admin-doc-modal-header-info{align-items:center;gap:.75rem;display:flex}.admin-doc-icon-badge{color:#2563eb;background-color:#eff6ff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.admin-doc-icon-badge svg{width:20px;height:20px}.admin-doc-modal-subtitle{color:#64748b;font-size:.8125rem;display:block}.admin-doc-modal-body{box-sizing:border-box;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.admin-doc-metadata-grid{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem;padding:1rem 1.25rem;display:grid}.admin-doc-meta-item{flex-direction:column;gap:.2rem;min-width:0;display:flex}.doc-meta-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:600}.doc-meta-val{color:#0f172a;font-size:.875rem;font-weight:600}.doc-meta-emp-link{color:#2563eb;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:.875rem;font-weight:600;transition:color .15s}.doc-meta-emp-link:hover{color:#1d4ed8;text-decoration:underline}.admin-preview-viewer-box{text-align:center;box-sizing:border-box;background-color:#fff;border:2px dashed #cbd5e1;border-radius:.5rem;justify-content:center;align-items:center;padding:2.5rem 1.5rem;display:flex}.admin-preview-viewer-inner{flex-direction:column;align-items:center;max-width:440px;display:flex}.admin-preview-pdf-icon-wrap{color:#2563eb;background-color:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.75rem;display:flex}.admin-preview-pdf-icon-wrap svg{width:28px;height:28px}.admin-preview-viewer-title{color:#0f172a;margin:0 0 .375rem;font-size:1.125rem;font-weight:700}.admin-preview-viewer-msg{color:#334155;margin:0 0 .5rem;font-size:.875rem;font-weight:500;line-height:1.4}.admin-preview-viewer-subnote{color:#94a3b8;font-size:.75rem;line-height:1.35}.admin-field-textarea{color:#0f172a;box-sizing:border-box;resize:vertical;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.admin-field-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.admin-dept-selector-wrap{flex-direction:column;gap:.375rem;display:flex}.admin-dept-radio-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-dept-radio-label{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.admin-dept-radio-label:hover{background-color:#f1f5f9;border-color:#94a3b8}.admin-dept-radio-label.active{color:#1d4ed8;background-color:#eff6ff;border-color:#3b82f6;font-weight:600}.admin-dept-radio-input{cursor:pointer;accent-color:#2563eb;margin:0}.admin-combobox-wrapper{width:100%;position:relative}.admin-combobox-input-wrap{align-items:center;width:100%;display:flex;position:relative}.admin-combobox-search-icon{color:#94a3b8;pointer-events:none;width:1rem;height:1rem;position:absolute;left:.75rem}.admin-combobox-input{box-sizing:border-box;width:100%;padding-left:2.25rem!important;padding-right:2rem!important}.admin-combobox-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;font-size:1.25rem;line-height:1;transition:color .15s;display:flex;position:absolute;right:.625rem}.admin-combobox-clear-btn:hover{color:#ef4444}.admin-selected-emp-badge{color:#166534;word-break:break-word;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.375rem;align-items:center;gap:.5rem;margin-top:.375rem;padding:.375rem .625rem;font-size:.8125rem;display:flex}.admin-selected-emp-check{color:#16a34a;font-weight:700}.admin-selected-emp-text{flex:1}.admin-selected-emp-dept{color:#15803d;font-weight:600}.admin-selected-emp-hint{color:#64748b;margin-top:.25rem;font-size:.75rem}.admin-combobox-dropdown{z-index:60;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;max-height:220px;margin-top:.25rem;padding:.25rem 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.admin-combobox-option{cursor:pointer;color:#1e293b;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.8125rem;transition:background-color .1s;display:flex}.admin-combobox-option:hover{background-color:#f1f5f9}.admin-combobox-option.selected{color:#1d4ed8;background-color:#eff6ff;font-weight:600}.admin-combobox-option-content{flex-wrap:wrap;align-items:center;gap:.375rem;min-width:0;display:flex}.admin-combobox-option-name{color:#0f172a;font-weight:500}.admin-combobox-option-sep{color:#94a3b8}.admin-combobox-option-id{color:#475569}.admin-combobox-option-dept{text-transform:uppercase;border-radius:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;display:inline-block}.admin-combobox-option-dept.dept-it{color:#1d4ed8;background-color:#dbeafe}.admin-combobox-option-dept.dept-non-it{color:#475569;background-color:#f1f5f9}.admin-combobox-check{color:#2563eb;margin-left:.5rem;font-weight:700}.admin-combobox-empty-option{text-align:center;color:#64748b;padding:1rem;font-size:.8125rem;font-style:italic}.admin-emp-cards-grid{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;width:100%;display:grid}@media (width<=1024px){.admin-emp-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.admin-emp-cards-grid{grid-template-columns:1fr}}.admin-emp-card{box-sizing:border-box;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:all .15s;display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.admin-emp-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 8px 16px -4px #2563eb14,0 2px 4px -2px #0000000d}.admin-emp-card:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.admin-emp-card-header{align-items:center;gap:.875rem;display:flex}.admin-emp-card-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:1.125rem;font-weight:700;display:flex;box-shadow:0 2px 4px #2563eb33}.admin-emp-card-titles{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.admin-emp-card-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:700;line-height:1.3;overflow:hidden}.admin-emp-card-id{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.25rem;align-self:flex-start;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:600}.admin-emp-card-meta{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:.375rem;margin-top:.875rem;padding:.875rem 0;display:flex}.admin-emp-meta-item{justify-content:space-between;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.admin-emp-meta-item .meta-lbl{color:#64748b;font-weight:500}.admin-emp-meta-item .meta-val{color:#1e293b;text-align:right;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.admin-emp-card-footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.875rem;display:flex}.admin-emp-status-pill{border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-pill-active{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.status-pill-inactive{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.admin-emp-card-action{color:#2563eb;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;transition:transform .15s,color .15s;display:inline-flex}.admin-emp-card:hover .admin-emp-card-action{color:#1d4ed8;transform:translate(3px)}.admin-emp-card-action svg{width:14px;height:14px;transition:transform .15s}.admin-emp-card:hover .admin-emp-card-action svg{transform:translate(2px)}.admin-emp-dir-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1.5rem;font-size:.875rem;display:flex}.admin-emp-dir-empty{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3.5rem 1.5rem;display:flex}.admin-emp-dir-empty .empty-title{color:#0f172a;margin:0;font-size:1.125rem;font-weight:700}.admin-emp-dir-empty .empty-desc{color:#64748b;max-width:450px;margin:0;font-size:.875rem;line-height:1.5}@media (width>=1024px) and (width<=1279px){.admin-docs-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px) and (width<=1023px){.admin-docs-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filter-controls{flex-wrap:wrap}}@media (width<=767px){.admin-documents-page{gap:1.25rem}.admin-docs-header{flex-direction:column;align-items:stretch}.admin-upload-trigger-btn{width:100%}.admin-docs-summary-grid{grid-template-columns:1fr;gap:.875rem}.admin-doc-metadata-grid{grid-template-columns:1fr;gap:.75rem}.admin-preview-viewer-box{padding:1.5rem 1rem}}@media (width<=414px){.admin-docs-title{font-size:1.375rem}.admin-doc-modal-header-info{flex-direction:column;align-items:flex-start;gap:.375rem}}.admin-emp-docs-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;display:flex}.admin-docs-nav-bar{justify-content:space-between;align-items:center;display:flex}.doc-back-link{color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.doc-back-link:hover{color:#111827;background-color:#e5e7eb;border-color:#d1d5db}.doc-back-link svg{width:16px;height:16px}.admin-emp-header-card{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-emp-info-wrap{align-items:center;gap:1.25rem;min-width:0;display:flex}.admin-emp-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;justify-content:center;align-items:center;width:56px;min-width:56px;height:56px;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 2px 4px #2563eb33}.admin-emp-details{flex-direction:column;gap:.35rem;display:flex}.admin-emp-name-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-emp-name{color:#111827;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:700}.admin-emp-id-badge{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;padding:.2rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:600}.admin-emp-status-badge{border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-emp-status-badge.status-active{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.admin-emp-status-badge.status-inactive{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.admin-emp-meta-row{color:#6b7280;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.admin-emp-meta-item{align-items:center;gap:.35rem;display:inline-flex}.admin-emp-meta-sep{color:#d1d5db}.admin-emp-header-actions{align-items:center;gap:.75rem;display:flex}.admin-btn-upload-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #2563eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb1a}.admin-btn-upload-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.admin-btn-upload-primary svg{width:16px;height:16px}.admin-docs-controls-card{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-docs-search-wrapper{flex:1;min-width:260px}.admin-search-input-container{align-items:center;width:100%;display:flex;position:relative}.admin-search-input-icon{color:#9ca3af;pointer-events:none;width:18px;height:18px;position:absolute;left:.875rem}.admin-documents-search-input{color:#111827;box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;height:42px;padding:.5rem 2.25rem .5rem 2.5rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.admin-documents-search-input::placeholder{color:#9ca3af}.admin-documents-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.admin-search-clear-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;font-size:1.25rem;line-height:1;display:flex;position:absolute;right:.625rem}.admin-docs-category-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-category-pill{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.admin-category-pill:hover{color:#111827;background-color:#f3f4f6}.admin-category-pill.active{color:#fff;background-color:#2563eb;border-color:#2563eb;font-weight:600}.admin-pill-badge{color:#4b5563;background-color:#f3f4f6;border-radius:9999px;padding:.125rem .375rem;font-size:.75rem;font-weight:600}.admin-category-pill.active .admin-pill-badge{color:#fff;background-color:#ffffff40}.admin-docs-sections-wrapper{flex-direction:column;gap:2rem;display:flex}.admin-doc-category-section{flex-direction:column;gap:1rem;display:flex}.admin-cat-section-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.admin-cat-section-title{color:#1f2937;letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.admin-cat-section-count{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;background-color:#f3f4f6;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.admin-docs-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=1024px){.admin-docs-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.admin-docs-grid{grid-template-columns:1fr}}.admin-doc-card{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.admin-doc-card:hover{border-color:#bfdbfe;box-shadow:0 4px 6px -1px #0000000d}.admin-doc-card-top{align-items:flex-start;gap:.875rem;display:flex}.admin-doc-badge-wrap{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:flex;position:relative}.admin-doc-badge-wrap svg{width:22px;height:22px}.admin-doc-ext-tag{color:#fff;letter-spacing:.04em;text-transform:uppercase;background-color:#dc2626;border-radius:3px;padding:1px 4px;font-size:.5625rem;font-weight:700;position:absolute;bottom:-4px;right:-4px}.admin-doc-text-container{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.admin-doc-card-title{color:#111827;word-break:break-word;margin:0;font-size:.9375rem;font-weight:600;line-height:1.35}.admin-doc-card-filename{color:#6b7280;word-break:break-all;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.admin-doc-card-meta{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:.375rem;margin-top:1rem;padding:.75rem 0;display:flex}.admin-doc-meta-row{justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.8125rem;display:flex}.admin-doc-meta-lbl{color:#6b7280;font-weight:500}.admin-doc-meta-val{color:#1f2937;text-align:right;word-break:break-word;font-weight:600}.admin-doc-status-dot{border-radius:50%;width:7px;height:7px;margin-right:.35rem;display:inline-block}.admin-doc-status-dot.available{background-color:#10b981}.admin-doc-status-dot.unavailable{background-color:#ef4444}.admin-doc-card-actions{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.admin-doc-btn{cursor:pointer;border:1px solid #0000;border-radius:.375rem;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .625rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-doc-btn svg{width:14px;height:14px}.admin-doc-btn-view{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.admin-doc-btn-view:hover{color:#1d4ed8;background-color:#dbeafe}.admin-doc-btn-download{color:#374151;background-color:#f3f4f6;border-color:#d1d5db}.admin-doc-btn-download:hover{color:#111827;background-color:#e5e7eb}.admin-doc-btn-delete{color:#e11d48;background-color:#fff1f2;border-color:#fecdd3;flex:none;padding:.5rem}.admin-doc-btn-delete:hover{color:#be123c;background-color:#ffe4e6}.admin-docs-empty-card{text-align:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3.5rem 1.5rem;display:flex}.admin-docs-empty-icon{color:#9ca3af;width:48px;height:48px;margin-bottom:.5rem}.admin-docs-empty-title{color:#111827;margin:0;font-size:1.125rem;font-weight:600}.admin-docs-empty-desc{color:#6b7280;max-width:400px;margin:0;font-size:.875rem;line-height:1.5}.admin-docs-loading-spinner{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1rem;display:flex}.admin-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.admin-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.admin-modal-card{background-color:#fff;border-radius:.75rem;flex-direction:column;width:100%;max-width:540px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.admin-modal-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.admin-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.admin-btn-sec{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500}.admin-btn-sec:hover{background-color:#f3f4f6}.admin-btn-danger{color:#fff;cursor:pointer;background-color:#dc2626;border:1px solid #dc2626;border-radius:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600}.admin-btn-danger:hover{background-color:#b91c1c}.admin-delete-warning-box{color:#9f1239;background-color:#fff1f2;border:1px solid #fecdd3;border-radius:.5rem;gap:.75rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.4;display:flex}.admin-delete-warning-box svg{color:#e11d48;flex-shrink:0;width:18px;height:18px}.admin-toast-popup{color:#fff;z-index:2000;background-color:#111827;border-radius:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;animation:.2s fadeIn;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 10px 15px -3px #0000001a}.admin-pf-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:1280px;margin:0 auto;display:flex}.admin-pf-header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;display:flex}.admin-pf-title-group{flex-direction:column;gap:.25rem;min-width:0;display:flex}.admin-pf-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:700;line-height:1.25}.admin-pf-subtitle{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.admin-pf-toast{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;animation:.2s pfFadeIn;display:flex;box-shadow:0 2px 4px #0000000a}.admin-pf-toast svg{color:#16a34a;flex-shrink:0;width:18px;height:18px}@keyframes pfFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-pf-summary-grid{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;width:100%;min-width:0;display:grid}.admin-pf-stat-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;min-width:0;padding:1.25rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 1px 3px #0000000a}.admin-pf-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0f}.stat-neutral{color:#64748b;background-color:#f1f5f9}.admin-pf-table-card{padding:0;overflow:visible}.text-contrib{color:#1e293b;font-weight:600}.admin-pf-overview-card{flex-direction:column;display:flex}.admin-contribution-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:.5rem;display:grid}.admin-contribution-box{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.625rem;flex-direction:column;gap:.375rem;padding:1.25rem;display:flex}.box-blue{border-left:4px solid #2563eb}.box-purple{border-left:4px solid #7c3aed}.box-green{border-left:4px solid #16a34a}.contrib-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.contrib-value{color:#0f172a;font-size:1.5rem;font-weight:700;line-height:1.2}.contrib-period{color:#64748b;font-size:.8125rem;font-weight:500}.contrib-desc{color:#64748b;font-size:.8125rem}.admin-pf-modal-shell{max-width:640px}.admin-pf-modal-header-info{align-items:center;gap:.75rem;display:flex}.admin-pf-modal-body{box-sizing:border-box;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.admin-pf-modal-section{flex-direction:column;gap:.875rem;display:flex}.admin-pf-section-title{color:#0f172a;letter-spacing:-.01em;border-bottom:1px solid #e2e8f0;margin:0;padding-bottom:.375rem;font-size:.9375rem;font-weight:700}.admin-pf-section-grid{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem 1.25rem;padding:1rem 1.25rem;display:grid}.admin-pf-item{flex-direction:column;gap:.2rem;min-width:0;display:flex}.pf-item-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:600}.pf-item-val{color:#0f172a;font-size:.875rem}.admin-field-readonly{cursor:not-allowed;color:#475569!important;background-color:#f1f5f9!important;border-color:#e2e8f0!important}@media (width>=1024px) and (width<=1279px){.admin-pf-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px) and (width<=1023px){.admin-pf-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-contribution-stats-grid{grid-template-columns:1fr}}@media (width<=767px){.admin-pf-page{gap:1.25rem}.admin-pf-header{flex-direction:column;align-items:stretch}.admin-pf-header .admin-btn{width:100%}.admin-pf-summary-grid{grid-template-columns:1fr;gap:.875rem}.admin-contribution-stats-grid{grid-template-columns:1fr}.admin-pf-section-grid{grid-template-columns:1fr;gap:.75rem}}@media (width<=414px){.admin-pf-title{font-size:1.375rem}.contrib-value{font-size:1.25rem}.admin-pf-modal-header-info{flex-direction:column;align-items:flex-start;gap:.375rem}}.admin-leaves-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:100%;margin:0;display:flex;overflow-x:hidden}.admin-leaves-header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.admin-leaves-title-group{flex-direction:column;gap:.25rem;min-width:0;display:flex}.admin-leaves-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}.admin-leaves-subtitle{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.admin-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-btn{cursor:pointer;white-space:nowrap;border-radius:.5rem;align-items:center;gap:.375rem;min-height:36px;padding:.45rem .8rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-btn-secondary{color:#334155;background-color:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0000000a}.admin-btn-primary{color:#fff;background-color:#2563eb;border:1px solid #2563eb;font-weight:600;box-shadow:0 1px 2px #2563eb33}.admin-btn-primary:hover:not(:disabled){color:#fff;background-color:#1d4ed8;border-color:#1d4ed8}.admin-btn-danger{color:#fff;background-color:#dc2626;border:1px solid #dc2626;font-weight:600;box-shadow:0 1px 2px #dc262633}.admin-btn-danger:hover:not(:disabled){color:#fff;background-color:#b91c1c;border-color:#b91c1c}.admin-btn-danger:disabled{opacity:.5;cursor:not-allowed}.admin-btn-warning{color:#fff;background-color:#ea580c;border:1px solid #ea580c;font-weight:600;box-shadow:0 1px 2px #ea580c33}.admin-btn-warning:hover:not(:disabled){color:#fff;background-color:#c2410c;border-color:#c2410c}.admin-btn-warning:disabled,.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-icon{width:14px;height:14px}.admin-leaves-toast{color:#166534;box-sizing:border-box;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-size:.8125rem;font-weight:500;animation:.2s adminToastFadeIn;display:flex;box-shadow:0 2px 4px #0000000a}.admin-leaves-toast svg{color:#16a34a;flex-shrink:0;width:16px;height:16px}@keyframes adminToastFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-leaves-summary-grid{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;width:100%;display:grid}.admin-leaves-stat-card{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #e2e8f0e6;border-radius:.875rem;flex-direction:column;min-width:0;padding:1.125rem 1.25rem;transition:all .24s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px -2px #0f172a0d,0 2px 6px -1px #0f172a05}.admin-leaves-stat-card:before{content:"";height:3.5px;transition:height .2s,opacity .2s;position:absolute;top:0;left:0;right:0}.admin-leaves-stat-card.card-amber:before{background-color:#f59e0b}.admin-leaves-stat-card.card-green:before{background-color:#10b981}.admin-leaves-stat-card.card-red:before{background-color:#ef4444}.admin-leaves-stat-card.card-blue:before{background-color:#2563eb}.admin-leaves-stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px -6px #0f172a1f,0 6px 14px -2px #0f172a0d}.admin-leaves-stat-card:hover:before{height:5px}.admin-leaves-stat-card.card-amber:hover{border-color:#fcd34d;box-shadow:0 16px 34px -4px #f59e0b3d,0 6px 14px -2px #f59e0b1f}.admin-leaves-stat-card.card-green:hover{border-color:#86efac;box-shadow:0 16px 34px -4px #10b9813d,0 6px 14px -2px #10b9811f}.admin-leaves-stat-card.card-red:hover{border-color:#fecdd3;box-shadow:0 16px 34px -4px #ef44443d,0 6px 14px -2px #ef44441f}.admin-leaves-stat-card.card-blue:hover{border-color:#93c5fd;box-shadow:0 16px 34px -4px #2563eb3d,0 6px 14px -2px #2563eb1f}.admin-leaves-stat-card:hover .admin-stat-icon-wrapper{transform:scale(1.1)rotate(2deg)}.admin-stat-icon-wrapper{transition:transform .24s cubic-bezier(.16,1,.3,1),background-color .2s}.admin-leaves-stat-card.card-active{transform:translateY(-2px);background:linear-gradient(#fff 0%,#f8fafc 100%)!important;border-color:#2563eb!important;box-shadow:0 0 0 2px #2563eb4d,0 12px 24px -4px #2563eb2e!important}.admin-stat-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.admin-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.admin-stat-icon-wrapper{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.admin-stat-icon-wrapper svg{width:16px;height:16px}.stat-amber{color:#d97706;background-color:#fffbeb}.stat-green{color:#16a34a;background-color:#f0fdf4}.stat-red{color:#dc2626;background-color:#fef2f2}.stat-blue{color:#2563eb;background-color:#eff6ff}.admin-stat-value{color:#0f172a;margin-bottom:.25rem;font-size:1.625rem;font-weight:800;line-height:1.1}.admin-stat-footer{color:#64748b;font-size:.6875rem}.admin-leaves-page .admin-card,.admin-requests-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;min-width:0;max-width:100%;overflow:hidden;box-shadow:0 1px 3px #00000008}.admin-card-header{background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.admin-card-tabs{align-items:center;gap:.5rem;display:flex}.admin-card-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.875rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-card-tab-btn:hover{color:#0f172a}.admin-card-tab-btn.tab-active{color:#2563eb;border-bottom-color:#2563eb}.tab-count-badge{color:#475569;background-color:#f1f5f9;border-radius:9999px;padding:.1rem .45rem;font-size:.6875rem;font-weight:600}.admin-card-tab-btn.tab-active .tab-count-badge{color:#1d4ed8;background-color:#eff6ff}.admin-controls-bar{background-color:#fff;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.admin-search-field{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.admin-search-icon{color:#94a3b8;pointer-events:none;width:15px;height:15px;position:absolute;left:.75rem}.admin-search-input{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;height:36px;padding:.4rem 1.875rem .4rem 2.25rem;font-family:inherit;font-size:.8125rem;transition:all .15s}.admin-search-input:focus{background-color:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.admin-search-input::placeholder{color:#94a3b8}.admin-search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1.125rem;line-height:1;position:absolute;right:.5rem}.admin-search-clear-btn:hover{color:#475569}.admin-filter-selectors{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-filter-select{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;height:36px;padding:.35rem 1.75rem .35rem .75rem;font-family:inherit;font-size:.8125rem;transition:border-color .15s}.admin-filter-select:focus{border-color:#2563eb;outline:none}.admin-reset-btn{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:.5rem;height:36px;padding:0 .75rem;font-size:.8125rem;font-weight:600;transition:all .15s}.admin-reset-btn:hover{color:#0f172a;background-color:#e2e8f0}.admin-table-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto}.admin-compact-table{border-collapse:collapse;text-align:left;table-layout:auto;width:100%;font-size:.8125rem}.admin-compact-table thead th{color:#475569;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.admin-compact-table tbody td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.8125rem 1rem}.admin-table-row:last-child td{border-bottom:none}.admin-table-row:hover{background-color:#f8fafc}.admin-emp-cell{flex-direction:column;gap:.125rem;display:flex}.admin-emp-name-btn{color:#0f172a;cursor:pointer;text-align:left;background:0 0;border:none;width:fit-content;padding:0;font-family:inherit;font-size:.8125rem;font-weight:600;transition:color .15s}.admin-emp-name-btn:hover{color:#2563eb;text-decoration:underline}.admin-emp-subline{color:#64748b;align-items:center;gap:.35rem;font-size:.6875rem;display:flex}.admin-emp-id-tag{color:#334155;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:3px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600}.admin-emp-dept{color:#64748b}.admin-dates-cell{flex-direction:column;gap:.125rem;display:flex}.admin-dates-range{color:#1e293b;white-space:nowrap;font-weight:500}.admin-requested-on{color:#94a3b8;font-size:.6875rem}.admin-type-cell{flex-direction:column;gap:.125rem;display:flex}.admin-type-badge{border-radius:.25rem;align-items:center;width:fit-content;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.type-pl{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.type-half-day-pl,.type-half-day-paid-leave{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0}.type-sick-leave{color:#b45309;background-color:#fffbeb;border:1px solid #fde68a}.type-upl{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1}.type-half-day-upl,.type-half-day-unpaid-leave{color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0}.admin-reclass-sub{color:#d97706;font-size:.6875rem;font-weight:500}.admin-days-pill{color:#0f172a;background-color:#f1f5f9;border-radius:.25rem;padding:.15rem .45rem;font-size:.75rem;font-weight:600;display:inline-block}.admin-cal-sub{color:#94a3b8;margin-top:1px;font-size:.6875rem;display:block}.admin-status-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-approved{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.status-pending{color:#92400e;background-color:#fef3c7;border:1px solid #fde68a}.status-rejected{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.status-cancelled{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1}.status-cancellation-requested{color:#c2410c;background-color:#fff7ed;border:1px solid #fed7aa}.btn-approve-cancel{color:#059669;background-color:#ecfdf5;border-color:#a7f3d0}.btn-approve-cancel:hover:not(:disabled){color:#047857;background-color:#d1fae5;border-color:#6ee7b7}.btn-decline-cancel{color:#475569;background-color:#f8fafc;border-color:#cbd5e1}.btn-decline-cancel:hover:not(:disabled){color:#1e293b;background-color:#f1f5f9;border-color:#94a3b8}.admin-actions-cell{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:.35rem;display:inline-flex}.admin-btn-pill{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.375rem;padding:.25rem .55rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s}.btn-approve{color:#fff;background-color:#16a34a}.btn-approve:hover:not(:disabled){background-color:#15803d}.btn-approve:disabled{opacity:.4;cursor:not-allowed;background-color:#94a3b8}.btn-reclassify{color:#d97706;background-color:#fff;border-color:#fde68a}.btn-reclassify:hover{background-color:#fffbeb;border-color:#f59e0b}.btn-reject{color:#dc2626;background-color:#fff;border-color:#fecaca}.btn-reject:hover{background-color:#fef2f2;border-color:#ef4444}.btn-cancel-approved{color:#e11d48;background-color:#fff1f2;border-color:#fecdd3}.btn-cancel-approved:hover:not(:disabled){color:#be123c;background-color:#ffe4e6;border-color:#fda4af}.btn-details{color:#334155;background-color:#f8fafc;border-color:#cbd5e1}.btn-details:hover{color:#0f172a;background-color:#f1f5f9}.admin-table-empty{text-align:center;padding:3rem 1rem}.admin-empty-state{flex-direction:column;align-items:center;gap:.375rem;display:flex}.admin-empty-title{color:#0f172a;margin:0;font-size:.9375rem;font-weight:600}.admin-empty-desc{color:#64748b;margin:0;font-size:.8125rem}.admin-pagination-wrapper{background-color:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.admin-pagination-info{color:#64748b;font-size:.75rem}.admin-pagination-controls{align-items:center;gap:.35rem;display:flex}.admin-page-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;min-width:30px;height:30px;padding:0 .5rem;font-size:.75rem;font-weight:600;transition:all .15s}.admin-page-btn:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9}.admin-page-active{color:#fff!important;background-color:#2563eb!important;border-color:#2563eb!important}.admin-page-btn:disabled{opacity:.5;cursor:not-allowed}.admin-mobile-cards{flex-direction:column;gap:.75rem;padding:.875rem;display:none}.admin-mobile-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;gap:.5rem;padding:.875rem;display:flex}.mobile-card-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.5rem;padding-top:.5rem;display:flex}.flex-1{text-align:center;flex:1}.admin-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;box-sizing:border-box;background-color:#0f172a8c;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out adminModalFadeIn;display:flex;position:fixed;inset:0}.admin-modal-container{box-sizing:border-box;background-color:#fff;border-radius:.75rem;flex-direction:column;width:100%;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a}.admin-modal-subtitle{color:#64748b;margin-top:2px;font-size:.75rem;display:block}.admin-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;font-size:1.5rem;line-height:1;display:flex}.admin-modal-close-btn:hover{color:#0f172a;background-color:#f1f5f9}.admin-modal-body{box-sizing:border-box;flex-direction:column;gap:.875rem;padding:1.25rem;display:flex;overflow-y:auto}.admin-modal-alert{border-radius:.375rem;padding:.625rem .875rem;font-size:.75rem;line-height:1.4}.alert-warning{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a}.alert-danger{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.admin-details-grid{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.admin-detail-meta{flex-direction:column;gap:.2rem;display:flex}.admin-detail-meta.full-span{grid-column:1/-1}.meta-lbl{text-transform:uppercase;letter-spacing:.03em;color:#64748b;font-size:.6875rem;font-weight:600}.meta-val{color:#0f172a;font-size:.8125rem}.admin-reason-box{color:#334155;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;padding:.625rem .75rem;font-size:.8125rem;line-height:1.4}.admin-download-btn{color:#1d4ed8;cursor:pointer;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;align-items:center;gap:.375rem;width:fit-content;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-download-btn:hover{background-color:#dbeafe}.admin-remarks-box{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a;border-radius:.375rem;padding:.625rem .75rem;font-size:.8125rem}.admin-summary-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;flex-direction:column;gap:.35rem;padding:.625rem .875rem;font-size:.8125rem;display:flex}.admin-summary-row{justify-content:space-between;align-items:center;display:flex}.summary-lbl{color:#64748b}.summary-val{color:#0f172a}.admin-confirm-message{color:#334155;margin:0;font-size:.875rem}.admin-form-field{flex-direction:column;gap:.35rem;display:flex}.admin-field-textarea,.admin-field-select{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.8125rem}.admin-field-textarea:focus,.admin-field-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.admin-form-error-banner{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;padding:.5rem .75rem;font-size:.75rem}.admin-ledger-wrapper{max-height:420px;padding:1rem;overflow-y:auto}.admin-ledger-table{border-collapse:collapse;width:100%;font-size:.8125rem}.admin-ledger-table thead th{text-align:left;color:#475569;border-bottom:2px solid #e2e8f0;padding:.5rem;font-size:.75rem;font-weight:600}.admin-ledger-table tbody td{border-bottom:1px solid #f1f5f9;padding:.5rem}.admin-ledger-date{white-space:nowrap;color:#64748b}.admin-tx-badge{border-radius:4px;padding:2px 6px;font-size:.6875rem;font-weight:600}.admin-ledger-desc{color:#475569}.admin-ledger-loading{text-align:center;color:#64748b;padding:2rem}.font-medium{font-weight:500}.text-success{color:#16a34a}@media (width<=1023px){.admin-leaves-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.admin-leaves-header{flex-direction:column;align-items:stretch}.admin-header-actions{width:100%}.admin-header-actions .admin-btn{flex:1;justify-content:center}.admin-leaves-summary-grid{grid-template-columns:1fr}.admin-controls-bar{flex-direction:column;align-items:stretch}.admin-search-field{width:100%;min-width:100%}.admin-filter-selectors{flex-direction:column;align-items:stretch;width:100%}.admin-filter-select,.admin-reset-btn{width:100%}.admin-table-container{display:none}.admin-mobile-cards{display:flex}.admin-details-grid{grid-template-columns:1fr}}.admin-btn-spinner{border:2px solid #00000026;border-top-color:#0f172a;border-radius:50%;width:14px;height:14px;animation:.75s linear infinite admin-spin;display:inline-block}@keyframes admin-spin{to{transform:rotate(360deg)}}.badge-probation{color:#92400e;white-space:nowrap;background-color:#fef3c7;border:1px solid #fde68a;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-eligible{color:#047857;white-space:nowrap;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-schedule-5{color:#0369a1;white-space:nowrap;background-color:#e0f2fe;border-radius:4px;align-items:center;padding:2px 6px;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-schedule-6{color:#475569;white-space:nowrap;background-color:#f1f5f9;border-radius:4px;align-items:center;padding:2px 6px;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-pending-tag{color:#c2410c;background-color:#fff7ed;border-radius:4px;align-items:center;padding:1px 6px;font-size:.75rem;font-weight:600;display:inline-flex}.summary-stat-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.summary-stat-box{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem}.summary-stat-box-label{color:#64748b;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.summary-stat-box-val{color:#0f172a;font-size:1.25rem;font-weight:700}.summary-details-table-wrapper{border:1px solid #e2e8f0;border-radius:.5rem;max-height:260px;overflow-y:auto}.summary-details-table{border-collapse:collapse;width:100%;font-size:.8125rem}.summary-details-table th{text-align:left;color:#475569;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:.5rem .75rem;font-weight:600}.summary-details-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:.5rem .75rem}.summary-details-table tr:last-child td{border-bottom:none}.admin-attendance-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:1280px;margin:0 auto;display:flex}.admin-attendance-toast{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;animation:.2s attToastIn;display:flex;box-shadow:0 2px 4px #0000000a}.admin-attendance-toast svg{color:#16a34a;flex-shrink:0;width:18px;height:18px}@keyframes attToastIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-att-header-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;gap:1.25rem;width:100%;min-width:0;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-att-header-top{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.admin-att-title-group{flex-direction:column;gap:.25rem;min-width:0;display:flex}.admin-att-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:700;line-height:1.25}.admin-att-subtitle{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.admin-att-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-att-top-btn{white-space:nowrap;cursor:pointer;box-sizing:border-box;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;height:38px;padding:0 1.125rem;font-size:.8125rem;font-weight:600;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.admin-att-top-btn svg{flex-shrink:0;width:16px;height:16px}.admin-att-btn-holiday{color:#334155;background-color:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0000000a}.admin-att-btn-holiday svg{color:#7c3aed}.admin-att-btn-holiday:hover:not(:disabled){color:#6d28d9;background-color:#faf5ff;border-color:#c4b5fd;transform:translateY(-1px);box-shadow:0 2px 4px #7c3aed1f}.admin-att-btn-holiday:active:not(:disabled){transform:translateY(0)}.admin-att-btn-smart{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #1d4ed8;box-shadow:0 1px 3px #2563eb40}.admin-att-btn-smart svg{color:#fff}.admin-att-btn-smart:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border-color:#1e40af;transform:translateY(-1px);box-shadow:0 3px 6px #2563eb59}.admin-att-btn-smart:active:not(:disabled){transform:translateY(0)}.admin-att-btn-smart:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.admin-btn-mark-all{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #2563eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb26}.admin-btn-mark-all:hover{background-color:#1d4ed8;border-color:#1d4ed8;box-shadow:0 2px 4px #2563eb40}.admin-btn-mark-all svg{width:16px;height:16px}.admin-btn-mark-holiday{color:#fff;cursor:pointer;background-color:#7c3aed;border:1px solid #7c3aed;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #7c3aed26}.admin-btn-mark-holiday:hover{background-color:#6d28d9;border-color:#6d28d9;box-shadow:0 2px 4px #7c3aed40}.admin-btn-mark-holiday svg{width:16px;height:16px}.admin-att-date-bar{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.admin-att-date-picker-wrap{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-att-date-lbl{color:#334155;font-size:.875rem;font-weight:600}.admin-att-date-controls{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.375rem;padding:.25rem .375rem;display:flex}.admin-att-day-nav-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:inline-flex}.admin-att-day-nav-btn:hover{color:#0f172a;background-color:#f1f5f9;border-color:#cbd5e1}.admin-att-day-nav-btn svg{width:16px;height:16px}.admin-att-day-today-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem .625rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-att-day-today-btn:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.admin-att-date-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;outline:none;padding:.35rem .625rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.admin-att-date-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.admin-att-formatted-date{color:#1e293b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.45rem .875rem;font-size:.9375rem;font-weight:600;display:flex}.admin-att-formatted-date svg{color:#2563eb;flex-shrink:0;width:16px;height:16px}.admin-att-summary-section{box-sizing:border-box;width:100%}.admin-att-summary-grid{box-sizing:border-box;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;width:100%;display:grid}.admin-att-stat-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0e6;border-radius:.875rem;flex-direction:column;min-width:0;padding:1.25rem 1.125rem;transition:all .24s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px -2px #0f172a0d,0 2px 6px -1px #0f172a05}.admin-att-stat-card:before{content:"";height:3.5px;transition:height .2s,opacity .2s;position:absolute;top:0;left:0;right:0}.border-top-slate:before{background-color:#475569}.border-top-orange:before{background-color:#f97316}.border-top-teal:before{background-color:#0d9488}.border-top-green:before{background-color:#16a34a}.border-top-red:before{background-color:#dc2626}.border-top-amber:before{background-color:#d97706}.border-top-blue:before{background-color:#2563eb}.border-top-yellow:before{background-color:#ca8a04}.border-top-purple:before{background-color:#9333ea}.border-top-violet:before{background-color:#7c3aed}.admin-att-stat-card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-att-stat-card-clickable:hover{transform:translateY(-4px);box-shadow:0 16px 36px -6px #0f172a1f,0 6px 14px -2px #0f172a0d}.admin-att-stat-card-clickable:hover:before{height:4.5px}.border-top-teal:hover{border-color:#99f6e4;box-shadow:0 16px 34px -4px #0d94883d,0 6px 14px -2px #0d94881f}.border-top-green:hover{border-color:#86efac;box-shadow:0 16px 34px -4px #16a34a3d,0 6px 14px -2px #16a34a1f}.border-top-blue:hover{border-color:#93c5fd;box-shadow:0 16px 34px -4px #2563eb3d,0 6px 14px -2px #2563eb1f}.border-top-red:hover{border-color:#fecdd3;box-shadow:0 16px 34px -4px #dc26263d,0 6px 14px -2px #dc26261f}.border-top-amber:hover{border-color:#fcd34d;box-shadow:0 16px 34px -4px #d977063d,0 6px 14px -2px #d977061f}.border-top-yellow:hover{border-color:#fde047;box-shadow:0 16px 34px -4px #ca8a043d,0 6px 14px -2px #ca8a041f}.border-top-slate:hover{border-color:#cbd5e1;box-shadow:0 16px 34px -4px #47556938,0 6px 14px -2px #4755691a}.border-top-orange:hover{border-color:#fed7aa;box-shadow:0 16px 34px -4px #f973163d,0 6px 14px -2px #f973161f}.border-top-purple:hover{border-color:#d8b4fe;box-shadow:0 16px 34px -4px #9333ea3d,0 6px 14px -2px #9333ea1f}.border-top-violet:hover{border-color:#c4b5fd;box-shadow:0 16px 34px -4px #7c3aed3d,0 6px 14px -2px #7c3aed1f}.admin-att-stat-card-active{transform:translateY(-2px);background:linear-gradient(#fff 0%,#f8fafc 100%)!important;border-color:#2563eb!important;box-shadow:0 0 0 2px #2563eb4d,0 12px 24px -4px #2563eb2e!important}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.375rem;font-size:.75rem;font-weight:600;overflow:hidden}.stat-value-group{align-items:baseline;gap:.25rem;margin-bottom:.25rem;display:flex}.stat-number{color:#0f172a;letter-spacing:-.02em;font-size:1.625rem;font-weight:700;line-height:1.1}.stat-unit{color:#94a3b8;font-size:.75rem;font-weight:500}.stat-subtext{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.stat-dept-breakdown{flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.25rem;display:flex}.dept-badge-it{color:#1d4ed8;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:4px;align-items:center;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;line-height:1.2;display:inline-flex}.dept-badge-nonit{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;align-items:center;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;line-height:1.2;display:inline-flex}.text-teal{color:#0d9488}.text-blue{color:#2563eb}.text-purple{color:#9333ea}.text-violet{color:#7c3aed}.text-orange{color:#ea580c}.admin-att-filter-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000a}.admin-att-filter-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.875rem;display:grid}.admin-att-search-wrap{align-items:center;width:100%;display:flex;position:relative}.admin-att-search-wrap svg{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;left:.875rem}.admin-att-search-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;padding:.55rem 2.25rem .55rem 2.5rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.admin-att-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.admin-att-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.125rem;line-height:1;position:absolute;right:.625rem}.admin-att-clear-btn:hover{color:#0f172a}.admin-att-select-wrap{width:100%}.admin-att-select{color:#0f172a;box-sizing:border-box;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;padding:.55rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.admin-att-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.admin-att-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;width:100%;min-width:0;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.admin-att-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.card-title-group{flex-direction:column;gap:.2rem;display:flex}.admin-att-card-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.admin-att-card-desc{color:#64748b;font-size:.8125rem}.admin-att-meta-badges{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-att-badge-pill{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.admin-att-unmarked-pill{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.admin-att-table-container{box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.admin-att-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.admin-att-table thead th{color:#475569;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.875rem 1.25rem;font-weight:600}.admin-att-table tbody td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem}.admin-att-table tbody tr:hover{background-color:#f8fafc}.admin-att-id-badge{color:#2563eb;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:.375rem;padding:.2rem .5rem;font-size:.8125rem}.admin-att-emp-cell{align-items:center;gap:.75rem;display:flex}.admin-att-avatar{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8125rem;font-weight:700;display:flex}.admin-att-emp-text{flex-direction:column;min-width:0;display:flex}.admin-att-emp-name{color:#0f172a;white-space:nowrap}.admin-att-emp-email{color:#94a3b8;white-space:nowrap}.admin-att-status-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.8125rem;font-weight:600;line-height:1.25;display:inline-flex}.status-dot{background-color:currentColor;border-radius:50%;width:7px;height:7px}.admin-att-status-present{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.admin-att-status-absent{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca}.admin-att-status-leave{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.admin-att-status-wfh{color:#0f766e;background-color:#f0fdfa;border:1px solid #99f6e4}.admin-att-status-halfday{color:#a16207;background-color:#fef9c3;border:1px solid #fef08a}.admin-att-status-holiday{color:#6d28d9;background-color:#ede9fe;border:1px solid #ddd6fe}.admin-att-status-weekoff{color:#7e22ce;background-color:#f3e8ff;border:1px solid #e9d5ff}.admin-att-status-unmarked{color:#64748b;background-color:#f1f5f9;border:1px solid #cbd5e1}.admin-att-wfo-override-pill{color:#15803d;letter-spacing:.01em;background-color:#f0fdf4;border:1px solid #86efac;border-radius:9999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.admin-att-wfh-override-pill{color:#0f766e;letter-spacing:.01em;background-color:#f0fdfa;border:1px solid #99f6e4;border-radius:9999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.admin-att-remarks-cell{vertical-align:middle;min-width:220px;max-width:420px}.admin-att-remarks-text{color:#334155;word-break:break-word;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:.4rem .75rem;font-size:.8125rem;line-height:1.45;display:inline-block;box-shadow:0 1px 2px #00000005}.admin-att-remarks-dash{color:#94a3b8;font-size:.875rem}.admin-att-action-btn{cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;padding:.35rem .75rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-mark{color:#fff;background-color:#2563eb;border:1px solid #2563eb}.btn-mark:hover{background-color:#1d4ed8;border-color:#1d4ed8}.btn-edit{color:#334155;background-color:#f8fafc;border:1px solid #cbd5e1}.btn-edit:hover{color:#1d4ed8;background-color:#eff6ff;border-color:#93c5fd}.admin-att-empty-state{text-align:center;color:#94a3b8;font-style:italic;padding:2.5rem 1rem!important}.admin-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-sizing:border-box;background-color:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.15s attFadeIn;display:flex;position:fixed;inset:0}@keyframes attFadeIn{0%{opacity:0}to{opacity:1}}.admin-modal-container{box-sizing:border-box;background-color:#fff;border-radius:.75rem;flex-direction:column;width:100%;max-width:600px;max-height:calc(100vh - 40px);animation:.15s attScaleUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a}@keyframes attScaleUp{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.admin-confirm-modal{max-width:480px}.admin-modal-header{box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.125rem 1.5rem;display:flex}.admin-att-modal-subtitle{color:#64748b;font-size:.8125rem;display:block}.admin-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1;transition:color .15s}.admin-att-modal-form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.admin-confirm-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;text-align:center;flex-direction:column;flex:auto;align-items:center;min-height:0;display:flex;overflow-y:auto}.admin-confirm-body::-webkit-scrollbar{width:6px}.admin-confirm-body::-webkit-scrollbar-track{background:#f8fafc}.admin-confirm-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.admin-confirm-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-confirm-icon-wrap{color:#dc2626;background-color:#fef2f2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.25rem;display:flex}.icon-green{color:#16a34a!important;background-color:#f0fdf4!important}.icon-purple{color:#7c3aed!important;background-color:#ede9fe!important}.icon-amber{color:#d97706!important;background-color:#fef3c7!important}.admin-confirm-icon-wrap svg{width:28px;height:28px}.admin-confirm-message{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:600;line-height:1.4}.admin-att-read-box{box-sizing:border-box;text-align:left;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;gap:.4rem;width:100%;padding:.75rem .875rem;display:flex}.admin-att-detail-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.25rem;font-size:.8125rem;display:flex}.admin-att-detail-row:last-child{border-bottom:none;padding-bottom:0}.att-lbl{color:#64748b;font-weight:500}.att-val{color:#0f172a}.admin-form-field{box-sizing:border-box;flex-direction:column;gap:.375rem;width:100%;display:flex}.admin-field-label{color:#334155;font-size:.8125rem;font-weight:600}.text-required{color:#dc2626}.admin-field-select,.admin-field-textarea{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.admin-field-select:focus,.admin-field-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.admin-modal-footer{box-sizing:border-box;background-color:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:0;padding:1rem 1.5rem;display:flex}.admin-btn{cursor:pointer;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.admin-btn-secondary{color:#334155;background-color:#fff;border:1px solid #cbd5e1}.admin-btn-secondary:hover{color:#0f172a;background-color:#f8fafc}.admin-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #2563eb;border-radius:.375rem;padding:.5rem 1.125rem;font-size:.875rem;font-weight:600;transition:all .15s}.admin-btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.admin-btn-success{background-color:#16a34a!important;border-color:#16a34a!important}.admin-btn-success:hover{background-color:#15803d!important}.admin-btn-holiday{color:#fff!important;background-color:#7c3aed!important;border-color:#7c3aed!important}.admin-btn-holiday:hover{background-color:#6d28d9!important;border-color:#6d28d9!important}.admin-btn-warning{color:#fff!important;background-color:#d97706!important;border-color:#d97706!important}.admin-btn-warning:hover{background-color:#b45309!important;border-color:#b45309!important}@media (width>=1024px) and (width<=1279px){.admin-att-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px) and (width<=1023px){.admin-att-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-att-filter-grid{grid-template-columns:1fr 1fr}.admin-att-search-wrap{grid-column:1/-1}}@media (width<=767px){.admin-attendance-page{gap:1.25rem}.admin-att-header-card{padding:1.25rem}.admin-att-title{font-size:1.375rem}.admin-att-header-top{flex-direction:column;align-items:stretch}.admin-att-header-actions{width:100%}.admin-att-header-actions .admin-att-top-btn,.admin-att-header-actions .admin-btn-mark-all,.admin-att-header-actions .admin-btn-mark-holiday{flex:1;justify-content:center;min-width:140px}.admin-att-date-bar{flex-direction:column;align-items:stretch}.admin-att-date-picker-wrap{justify-content:space-between;width:100%}.admin-att-date-controls{flex:1;justify-content:space-between}.admin-att-date-input{flex:1;min-width:0}.admin-att-formatted-date{justify-content:center}.admin-att-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.admin-att-stat-card{padding:.875rem}.stat-number{font-size:1.375rem}.admin-att-filter-grid{grid-template-columns:1fr}.admin-att-card-header{padding:1rem 1.25rem}.admin-att-table thead th,.admin-att-table tbody td{padding:.75rem 1rem}.admin-modal-overlay{padding:12px}.admin-modal-container{border-radius:.5rem;max-width:100%;max-height:calc(100vh - 24px)}.admin-modal-header{padding:.875rem 1rem}.admin-confirm-body{gap:.625rem;padding:1.25rem 1rem .75rem}.admin-modal-footer{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}}@media (width<=414px){.admin-att-header-card{padding:1rem}.admin-att-title{font-size:1.25rem}.admin-att-summary-grid{grid-template-columns:1fr}.admin-modal-overlay{padding:8px}.admin-modal-container{max-height:calc(100vh - 16px)}.admin-modal-footer .admin-btn,.admin-modal-footer .admin-btn-primary,.admin-modal-footer .admin-btn-secondary{text-align:center;flex:auto;justify-content:center}}.admin-btn-smart-att{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #1d4ed8;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 4px #2563eb33}.admin-btn-smart-att:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.admin-btn-smart-att svg{width:16px;height:16px}.admin-att-checkbox{cursor:pointer;accent-color:#2563eb;border:1px solid #cbd5e1;border-radius:4px;width:16px;height:16px}.admin-att-row-selected td{background-color:#eff6ff!important}.admin-att-floating-bulk-bar{z-index:1000;color:#fff;white-space:nowrap;background:#0f172a;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:.75rem;padding:.625rem 1.125rem;animation:.2s cubic-bezier(.16,1,.3,1) bulkBarSlideUp;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #0f172a66,0 8px 10px -6px #0f172a33}@keyframes bulkBarSlideUp{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.admin-att-bulk-count{align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}.admin-att-bulk-count-badge{color:#fff;background:#2563eb;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.admin-att-bulk-divider{background:#fff3;width:1px;height:20px}.admin-att-bulk-actions{align-items:center;gap:.375rem;display:flex}.admin-att-bulk-label{color:#94a3b8;margin-right:.25rem;font-size:.75rem}.admin-att-bulk-btn{cursor:pointer;color:#fff;border:none;border-radius:9999px;align-items:center;padding:.3125rem .625rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-att-bulk-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.btn-bulk-present{background:#16a34a}.btn-bulk-wfh{background:#0d9488}.btn-bulk-absent{background:#dc2626}.btn-bulk-halfday{background:#ca8a04}.btn-bulk-leave{background:#d97706}.btn-bulk-weekoff{background:#9333ea}.admin-att-bulk-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;transition:color .15s}.admin-att-bulk-clear-btn:hover{color:#fff}.admin-sm-overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow:hidden}.admin-sm-modal{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;width:100%;max-width:720px;max-height:88vh;animation:.2s cubic-bezier(.16,1,.3,1) smModalFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #0000000d}@keyframes smModalFadeIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.admin-sm-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.125rem 1.5rem;display:flex;box-shadow:0 2px 4px #0f172a08}.admin-sm-title-row{align-items:center;gap:.75rem;display:flex}.admin-sm-icon-badge{color:#2563eb;background:#eff6ff;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.admin-sm-icon-badge svg{width:22px;height:22px}.admin-sm-title{color:#0f172a;margin:0;font-size:1.125rem;font-weight:700;line-height:1.2}.admin-sm-subtitle{color:#64748b;margin-top:2px;font-size:.8125rem;display:block}.admin-sm-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:inline-flex}.admin-sm-close-btn:hover{color:#0f172a;background-color:#f1f5f9}.admin-sm-form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.admin-sm-body{background:#f8fafc;flex-direction:column;flex:auto;gap:1rem;min-height:0;padding:1.25rem 1.5rem 1.75rem;display:flex;overflow-y:auto}.admin-sm-body::-webkit-scrollbar{width:6px}.admin-sm-body::-webkit-scrollbar-track{background:#f1f5f9}.admin-sm-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.admin-sm-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-sm-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;font-size:.875rem;display:flex}.admin-sm-info-banner{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.625rem;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.45;display:flex}.admin-sm-info-banner svg{color:#2563eb;flex-shrink:0;margin-top:1px}.admin-sm-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem 1.125rem;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 3px #00000008}.admin-sm-section:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #0000000d}.admin-sm-section-header{justify-content:space-between;align-items:flex-start;gap:.875rem;margin-bottom:.625rem;display:flex}.admin-sm-section-title-wrap{flex-direction:column;flex:auto;gap:.2rem;min-width:0;display:flex}.admin-sm-section-label{color:#0f172a;font-size:.875rem;font-weight:700;line-height:1.3}.admin-sm-section-sub{color:#64748b;font-size:.75rem;line-height:1.4}.admin-sm-count-pill{white-space:nowrap;box-sizing:border-box;border-radius:9999px;flex-shrink:0;padding:.25rem .625rem;font-size:.75rem;font-weight:700;line-height:1}.admin-sm-count-pill.pill-empty{color:#64748b;background:#f1f5f9;font-weight:500}.admin-sm-count-pill.pill-green{color:#15803d;background:#dcfce7}.admin-sm-count-pill.pill-red{color:#b91c1c;background:#fee2e2}.admin-sm-count-pill.pill-yellow{color:#854d0e;background:#fef9c3}.admin-sm-count-pill.pill-blue{color:#1d4ed8;background:#dbeafe}.admin-sm-count-pill.pill-orange{color:#c2410c;background:#ffedd5}.admin-sm-tags-list{flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem;display:flex}.admin-sm-tag{border:1px solid;border-radius:.375rem;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.admin-sm-tag.tag-approved-leave{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.admin-sm-tag.tag-green{color:#15803d;background:#f0fdf4;border-color:#86efac}.admin-sm-tag.tag-red{color:#991b1b;background:#fef2f2;border-color:#fecaca}.admin-sm-tag.tag-yellow{color:#854d0e;background:#fefce8;border-color:#fef08a}.admin-sm-tag.tag-blue{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.admin-sm-tag.tag-orange{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.admin-sm-tag-id{font-weight:700}.admin-sm-tag-meta{opacity:.8;font-size:.6875rem}.admin-sm-tag-remove{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;margin-left:2px;padding:0;font-size:1rem;line-height:1;transition:opacity .15s}.admin-sm-tag-remove:hover{opacity:1}.admin-sm-empty-text{color:#94a3b8;margin:0;font-size:.75rem}.admin-sm-input-wrap{position:relative}.admin-sm-input-inner{align-items:center;display:flex;position:relative}.admin-sm-search-icon{color:#94a3b8;pointer-events:none;width:14px;height:14px;position:absolute;left:.625rem}.admin-sm-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:.375rem;width:100%;padding:.4375rem 2rem;font-size:.8125rem;transition:all .15s}.admin-sm-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb26}.admin-sm-input-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.125rem;position:absolute;right:.5rem}.admin-sm-dropdown{z-index:50;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a}.admin-sm-dropdown-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:.625rem;padding:.5rem .75rem;transition:background-color .12s;display:flex}.admin-sm-dropdown-item:last-child{border-bottom:none}.admin-sm-dropdown-item:hover{background-color:#f8fafc}.admin-sm-item-avatar{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.6875rem;font-weight:700;display:flex}.admin-sm-item-details{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.admin-sm-item-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.8125rem;display:flex}.admin-sm-item-id{color:#1e40af;font-size:.8125rem;font-weight:700}.admin-sm-item-name-inline{color:#0f172a;font-weight:600}.admin-sm-item-dot{color:#94a3b8;font-size:.75rem}.admin-sm-item-dept{color:#64748b;font-size:.75rem;font-weight:500}.admin-sm-item-relocate{color:#2563eb;white-space:nowrap;background:#eff6ff;border-radius:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600}.admin-sm-dropdown-empty{color:#64748b;text-align:center;flex-direction:column;gap:.25rem;padding:.75rem;font-size:.75rem;display:flex}.admin-sm-dropdown-hint{color:#94a3b8;font-size:.6875rem}.admin-sm-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem 1.125rem;box-shadow:0 1px 3px #00000008}.admin-sm-preview-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.admin-sm-preview-title{color:#0f172a;font-size:.8125rem;font-weight:700}.admin-sm-preview-sub{color:#64748b;font-size:.75rem;font-weight:500}.admin-sm-preview-grid{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.admin-sm-stat-box{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;align-items:center;padding:.5rem .25rem;transition:all .15s;display:flex}.admin-sm-stat-box:hover{background:#f1f5f9;border-color:#cbd5e1}.admin-sm-stat-box .stat-dot{border-radius:50%;width:7px;height:7px;margin-bottom:4px}.admin-sm-stat-box .stat-val{color:#0f172a;font-size:1.125rem;font-weight:700;line-height:1.1}.admin-sm-stat-box .stat-lbl{color:#64748b;margin-top:2px;font-size:.6875rem;font-weight:600}.stat-dot.dot-present{background-color:#16a34a}.stat-dot.dot-wfh{background-color:#0d9488}.stat-dot.dot-absent{background-color:#dc2626}.stat-dot.dot-halfday{background-color:#ca8a04}.stat-dot.dot-leave{background-color:#d97706}.stat-dot.dot-weekoff{background-color:#9333ea}.admin-sm-remarks-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;gap:.375rem;margin-bottom:.5rem;padding:1rem 1.125rem;display:flex;box-shadow:0 1px 3px #00000008}.admin-sm-remarks-lbl{color:#334155;font-size:.8125rem;font-weight:600}.admin-sm-remarks-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;padding:.5625rem .875rem;font-size:.8125rem;transition:all .15s}.admin-sm-remarks-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.admin-sm-footer{z-index:20;background-color:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex;box-shadow:0 -4px 12px #0f172a0d}.admin-sm-footer .admin-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;height:38px;padding:0 1.25rem;font-size:.8125rem;font-weight:600;transition:all .15s}.admin-sm-footer .admin-btn-secondary:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.admin-sm-footer .admin-btn-apply{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #1d4ed8;border-radius:.5rem;justify-content:center;align-items:center;height:38px;padding:0 1.375rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #2563eb40}.admin-sm-footer .admin-btn-apply:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 3px 6px #2563eb59}.admin-sm-footer .admin-btn-apply:active:not(:disabled){transform:translateY(0)}.admin-sm-footer .admin-btn-apply:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.admin-att-quick-status-wrap{align-items:center;gap:.375rem;display:inline-flex;position:relative}.admin-att-status-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23475569'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:9px 9px;border:1px solid #0000;border-radius:9999px;align-items:center;padding:.3125rem 1.625rem .3125rem .75rem;font-size:.75rem;font-weight:600;line-height:1.25;transition:all .15s;display:inline-flex}.admin-att-status-select:hover:not(:disabled){filter:brightness(.96);transform:translateY(-1px);box-shadow:0 1px 3px #00000014}.admin-att-status-select:focus{outline:none;box-shadow:0 0 0 2px #2563eb40}.admin-att-status-select:disabled{opacity:.65;cursor:not-allowed}.admin-att-status-spinner{border:2px solid #cbd5e1;border-top-color:#2563eb;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite adminAttSpin;display:inline-block}@keyframes adminAttSpin{to{transform:rotate(360deg)}}.admin-holiday-modal{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;width:100%;max-width:520px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) smModalFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40}.admin-holiday-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.admin-holiday-header-text{align-items:center;gap:.875rem;display:flex}.admin-holiday-icon-badge{color:#7c3aed;background:#f5f3ff;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.admin-holiday-icon-badge svg{width:22px;height:22px}.admin-holiday-title{color:#0f172a;margin:0;font-size:1.125rem;font-weight:700;line-height:1.25}.admin-holiday-subtitle{color:#64748b;margin-top:.125rem;font-size:.8125rem;display:block}.admin-holiday-body{flex-direction:column;flex:auto;gap:1.125rem;padding:1.5rem;display:flex;overflow-y:auto}.admin-holiday-body::-webkit-scrollbar{width:6px}.admin-holiday-body::-webkit-scrollbar-track{background:#f8fafc}.admin-holiday-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.admin-holiday-info-banner{color:#5b21b6;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:.625rem;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.45;display:flex}.admin-holiday-info-banner svg{color:#7c3aed;flex-shrink:0;width:18px;height:18px;margin-top:1px}.admin-holiday-alert-banner{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:.625rem;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.45;display:flex}.admin-holiday-alert-banner svg{color:#d97706;flex-shrink:0;width:20px;height:20px;margin-top:2px}.admin-holiday-alert-text{flex-direction:column;flex:1;gap:.5rem;display:flex}.admin-holiday-replace-chips{flex-wrap:wrap;gap:.375rem;display:flex}.admin-holiday-replace-chip{color:#78350f;background:#fff;border:1px solid #fcd34d;border-radius:9999px;align-items:center;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-holiday-replace-note{color:#b45309;font-size:.75rem}.admin-holiday-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.625rem;flex-direction:column;gap:.625rem;padding:.875rem 1rem;display:flex}.admin-holiday-card-row{justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.holiday-row-label{color:#64748b;font-weight:500}.holiday-row-value{color:#0f172a;font-weight:600}.holiday-row-status-pill{color:#6d28d9;letter-spacing:.04em;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:9999px;align-items:center;padding:.2rem .625rem;font-size:.75rem;font-weight:700;display:inline-flex}.admin-holiday-field{flex-direction:column;gap:.375rem;display:flex}.admin-holiday-input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;padding:.625rem .875rem;font-size:.8125rem;transition:all .15s}.admin-holiday-input:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1f}.admin-holiday-hint{color:#64748b;font-size:.75rem}.admin-holiday-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.admin-holiday-footer .admin-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;height:38px;padding:0 1rem;font-size:.8125rem;font-weight:600;transition:all .15s}.admin-holiday-footer .admin-btn-secondary:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.admin-holiday-btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border:1px solid #6d28d9;border-radius:.5rem;justify-content:center;align-items:center;height:38px;padding:0 1.25rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #7c3aed33}.admin-holiday-btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9 0%,#5b21b6 100%);transform:translateY(-1px);box-shadow:0 3px 6px #7c3aed4d}.admin-holiday-btn-confirm:active:not(:disabled){transform:translateY(0)}.admin-holiday-btn-replace{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border:1px solid #b45309;border-radius:.5rem;justify-content:center;align-items:center;height:38px;padding:0 1.25rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #d9770633}.admin-holiday-btn-replace:hover:not(:disabled){background:linear-gradient(135deg,#b45309 0%,#92400e 100%);transform:translateY(-1px);box-shadow:0 3px 6px #d977064d}.admin-holiday-btn-replace:active:not(:disabled){transform:translateY(0)}.admin-att-batch-controls-wrap{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-att-batch-select-wrap{align-items:center;display:inline-flex;position:relative}.admin-att-batch-select{color:#1e293b;appearance:none;cursor:pointer;background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;background-size:14px;border:1px solid #cbd5e1;border-radius:.5rem;min-width:170px;max-width:260px;height:38px;padding:0 2rem 0 .875rem;font-size:.8125rem;font-weight:600;transition:all .15s}.admin-att-batch-select:hover{background-color:#fff;border-color:#94a3b8}.admin-att-batch-select:focus{background-color:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.admin-att-manage-batches-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;height:38px;padding:0 .875rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-att-manage-batches-btn:hover{color:#1d4ed8;background-color:#dbeafe;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 1px 3px #2563eb1f}.admin-att-manage-batches-btn:active{transform:translateY(0)}.admin-att-manage-batches-btn svg{width:15px;height:15px}.admin-batch-modal-container{background-color:#fff;border-radius:.875rem;flex-direction:column;width:95%;max-width:980px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) adminModalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a}.admin-batch-modal-body{grid-template-columns:290px 1fr;min-height:480px;max-height:calc(90vh - 75px);display:grid;overflow:hidden}@media (width<=768px){.admin-batch-modal-body{grid-template-columns:1fr;max-height:none;overflow-y:auto}}.admin-batch-sidebar{background-color:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;gap:.875rem;padding:1.25rem 1rem;display:flex;overflow-y:auto}.admin-batch-sidebar-header{justify-content:space-between;align-items:center;display:flex}.admin-batch-sidebar-title{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.8125rem;font-weight:700}.admin-batch-create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #1d4ed8;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;width:100%;height:38px;padding:0 1rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb33}.admin-batch-create-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px)}.admin-batch-list{flex-direction:column;gap:.5rem;display:flex}.admin-batch-card-item{cursor:pointer;text-align:left;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;gap:.375rem;padding:.75rem .875rem;transition:all .15s;display:flex}.admin-batch-card-item:hover{background-color:#f0f7ff;border-color:#93c5fd}.admin-batch-card-item.selected{background-color:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1.5px #2563eb}.admin-batch-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.admin-batch-card-name{color:#0f172a;font-size:.875rem;font-weight:600}.admin-batch-count-badge{color:#334155;background-color:#e2e8f0;border-radius:9999px;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.admin-batch-card-item.selected .admin-batch-count-badge{color:#1e40af;background-color:#bfdbfe}.admin-batch-card-timing{color:#64748b;align-items:center;gap:.35rem;font-size:.75rem;display:flex}.admin-batch-content{background-color:#fff;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.admin-batch-content-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:.875rem;display:flex}.admin-batch-content-title{color:#0f172a;margin:0;font-size:1.125rem;font-weight:700}.admin-batch-form-grid{flex-direction:column;gap:1rem;display:flex}.admin-batch-field-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=600px){.admin-batch-field-row{grid-template-columns:1fr}}.admin-batch-emp-section{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.admin-batch-emp-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.admin-batch-emp-search-wrap{flex:1;min-width:200px;position:relative}.admin-batch-emp-search-wrap svg{color:#94a3b8;width:15px;height:15px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.admin-batch-emp-search-input{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:.375rem;width:100%;height:36px;padding:0 .75rem 0 2.25rem;font-size:.8125rem}.admin-batch-emp-search-input:focus{background-color:#fff;border-color:#2563eb;outline:none}.admin-batch-emp-selection-actions{align-items:center;gap:.5rem;display:flex}.admin-batch-link-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600;text-decoration:underline}.admin-batch-link-btn:hover{color:#1d4ed8}.admin-batch-emp-checklist{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;max-height:230px;display:flex;overflow-y:auto}.admin-batch-emp-check-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:background-color .1s;display:flex}.admin-batch-emp-check-row:last-child{border-bottom:none}.admin-batch-emp-check-row:hover{background-color:#f8fafc}.admin-batch-emp-check-row.assigned{background-color:#f0fdf4}.admin-batch-emp-info{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.admin-batch-emp-meta{flex-direction:column;min-width:0;display:flex}.admin-batch-emp-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.admin-batch-emp-sub{color:#64748b;align-items:center;gap:.35rem;font-size:.6875rem;display:flex}.admin-batch-emp-status-badge{white-space:nowrap;border-radius:9999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.admin-batch-emp-status-badge.status-current{color:#15803d;background-color:#dcfce7}.admin-batch-emp-status-badge.status-other{color:#b45309;background-color:#fef3c7}.admin-batch-emp-status-badge.status-none{color:#64748b;background-color:#f1f5f9}.admin-batch-move-warning{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a;border-radius:.5rem;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.4;display:flex}.admin-batch-move-warning svg{color:#d97706;flex-shrink:0;width:18px;height:18px;margin-top:1px}.admin-batch-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.25rem;display:flex}.admin-batch-footer-left{align-items:center;display:flex}.admin-batch-footer-right{align-items:center;gap:.75rem;display:flex}.admin-batch-btn-deactivate{color:#dc2626;cursor:pointer;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;align-items:center;gap:.375rem;height:38px;padding:0 .875rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-batch-btn-deactivate:hover{color:#b91c1c;background-color:#fee2e2;border-color:#fca5a5}.admin-payroll-page{box-sizing:border-box;color:#1e293b;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:1320px;margin:0 auto;font-family:inherit;display:flex}.admin-payroll-toast{color:#166534;z-index:50;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;align-items:center;gap:.625rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;animation:.2s payrollToastIn;display:flex;position:sticky;top:1rem;box-shadow:0 4px 6px -1px #0000000d}.admin-payroll-toast svg{color:#16a34a;flex-shrink:0;width:18px;height:18px}@keyframes payrollToastIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-payroll-header-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;gap:1.25rem;width:100%;padding:1.5rem 1.75rem;display:flex;box-shadow:0 1px 3px #00000008}.payroll-header-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.payroll-title-group{flex-direction:column;gap:.25rem;display:flex}.payroll-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:700}.payroll-subtitle{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.payroll-header-actions{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.payroll-nav-tabs{border-bottom:1px solid #f1f5f9;align-items:center;gap:.5rem;margin-top:.75rem;padding-bottom:.5rem;display:flex}.tab-btn{color:#1d4ed8;cursor:default;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;justify-content:center;align-items:center;min-width:220px;padding:.5625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb0d}.tab-btn:hover{color:#1d4ed8;background-color:#eff6ff}.tab-btn.active{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.payroll-workflow-flow{flex-direction:column;gap:1.5rem;width:100%;display:flex}.payroll-step-indicator-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex;overflow-x:auto;box-shadow:0 1px 2px #00000005}.workflow-step{opacity:.65;white-space:nowrap;align-items:center;gap:.625rem;transition:opacity .15s;display:flex}.workflow-step.active,.workflow-step.completed{opacity:1}.step-badge{color:#64748b;background-color:#f1f5f9;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8125rem;font-weight:700;display:flex}.workflow-step.active .step-badge{color:#fff;background-color:#2563eb;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.workflow-step.completed .step-badge{color:#166534;background-color:#dcfce7;border-color:#86efac}.step-meta{flex-direction:column;display:flex}.step-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.6875rem;font-weight:700}.step-name{color:#1e293b;font-size:.875rem;font-weight:600}.step-arrow{color:#cbd5e1;padding:0 .25rem;font-weight:600}.step-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 1px 3px #00000008}.step-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.step-card-title-group{align-items:flex-start;gap:.875rem;display:flex}.step-number-tag{color:#1d4ed8;letter-spacing:.02em;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;flex-shrink:0;margin-top:.125rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700}.step-card-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.1875rem;font-weight:700}.step-card-subtitle{color:#64748b;margin:.25rem 0 0;font-size:.84375rem;line-height:1.4}.step1-controls-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:flex-end;gap:1rem;display:grid}.control-group{flex-direction:column;gap:.375rem;display:flex}.control-label{color:#334155;font-size:.8125rem;font-weight:600}.text-danger{color:#ef4444}.payroll-select-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;outline:none;width:100%;padding:.5625rem .875rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.payroll-select-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.selected-period-pill{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%);border:1px solid #dbeafe;border-radius:.5rem;flex-direction:column;padding:.625rem 1rem;display:flex}.pill-label{text-transform:uppercase;color:#64748b;letter-spacing:.04em;font-size:.6875rem;font-weight:600}.pill-value{color:#1e40af;font-size:1.0625rem;font-weight:700}.pill-sub{color:#64748b;font-size:.75rem}.mode-selection-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.mode-card{cursor:pointer;background-color:#fff;border:2px solid #e2e8f0;border-radius:.75rem;outline:none;flex-direction:column;gap:.875rem;padding:1.25rem;transition:all .15s;display:flex}.mode-card:hover{background-color:#fafcff;border-color:#93c5fd}.mode-card.selected{background-color:#f0f7ff;border-color:#2563eb;box-shadow:0 4px 6px -1px #2563eb14}.mode-card-top{justify-content:space-between;align-items:center;display:flex}.mode-icon-circle{border-radius:.5rem;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mode-icon-circle svg{width:22px;height:22px}.bulk-icon{color:#1d4ed8;background-color:#dbeafe}.ind-icon{color:#b45309;background-color:#fef3c7}.mode-radio-indicator{border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.mode-card.selected .mode-radio-indicator{border-color:#2563eb}.radio-dot{background-color:#0000;border-radius:50%;width:10px;height:10px;transition:background-color .15s}.mode-card.selected .radio-dot{background-color:#2563eb}.mode-content{flex-direction:column;gap:.5rem;display:flex}.mode-title{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:700}.mode-description{color:#64748b;margin:0;font-size:.8125rem;line-height:1.4}.mode-badge-box{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.badge-count{color:#fff;background-color:#2563eb;border-radius:1rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.badge-text{color:#475569;font-size:.75rem;font-weight:500}.individual-select-container{border-top:1px dashed #cbd5e1;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.payroll-search-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;outline:none;width:100%;padding:.5rem .75rem;font-size:.8125rem}.payroll-search-input:focus{border-color:#2563eb}.selected-emp-confirmed-banner{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.upload-dropzone{text-align:center;cursor:pointer;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:.75rem;padding:2.25rem 1.5rem;transition:all .15s}.upload-dropzone:hover{background-color:#eff6ff;border-color:#3b82f6}.upload-dropzone-label{cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;display:flex}.dropzone-icon{color:#475569;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.upload-dropzone:hover .dropzone-icon{color:#2563eb;background-color:#dbeafe}.dropzone-icon svg{width:24px;height:24px}.dropzone-btn-text{color:#0f172a;font-size:1rem;font-weight:600}.dropzone-subtext{color:#64748b;font-size:.8125rem}.dropzone-limit{color:#94a3b8;font-size:.75rem}.file-hidden-input{display:none}.uploaded-file-banner{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.125rem 1.5rem;display:flex}.file-info-col{align-items:center;gap:1rem;display:flex}.excel-badge-icon{color:#16a34a;background-color:#dcfce7;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.excel-badge-icon svg{width:22px;height:22px}.file-details{flex-direction:column;gap:.125rem;display:flex}.file-name{color:#0f172a;font-size:.9375rem}.file-meta{color:#64748b}.file-scope-note{font-weight:500}.file-actions-col{align-items:center;gap:.5rem;display:flex}.validate-action-container{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:.5rem;display:flex}.payroll-alert-banner{border-radius:.5rem;align-items:flex-start;gap:.875rem;padding:1rem 1.25rem;display:flex}.alert-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.alert-success{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}.alert-icon{flex-shrink:0;margin-top:.125rem}.alert-icon svg{width:20px;height:20px}.alert-title{font-size:.875rem;font-weight:700;display:block}.alert-text{margin:.25rem 0 0;font-size:.8125rem;line-height:1.4}.import-mode-selector{align-items:center;gap:.625rem;display:flex}.mode-pill-toggle{border:1px solid #cbd5e1;border-radius:.375rem;display:inline-flex;overflow:hidden}.pill-toggle-btn{color:#64748b;cursor:pointer;background-color:#fff;border:none;padding:.3125rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.pill-toggle-btn.active{color:#fff;background-color:#2563eb}.validation-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.875rem;display:grid}.val-stat-box{background-color:#fff;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.875rem 1rem;display:flex}.border-slate{border:1px solid #e2e8f0}.border-green{background-color:#f0fdf4;border:1px solid #86efac}.border-red{background-color:#fef2f2;border:1px solid #fca5a5}.border-amber{background-color:#fffbeb;border:1px solid #fcd34d}.stat-box-lbl{text-transform:uppercase;color:#64748b;letter-spacing:.04em;font-size:.6875rem;font-weight:600}.stat-box-val{color:#0f172a;font-size:1.25rem;font-weight:700}.stat-box-sub{color:#94a3b8;font-size:.6875rem}.highlighted-target-row{font-weight:500;background-color:#eff6ff!important}.error-row{background-color:#fef2f2!important}.target-pill{color:#fff;background-color:#2563eb;border-radius:.25rem;margin-left:.375rem;padding:.0625rem .375rem;font-size:.625rem;font-weight:600}.generation-hero-card{background:linear-gradient(#fff 0%,#f8fafc 100%);border-color:#93c5fd}.generation-action-box{flex-direction:column;gap:1.25rem;display:flex}.generation-summary-strip{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex}.strip-item{flex-direction:column;align-items:center;gap:.125rem;display:flex}.strip-lbl{color:#64748b;text-transform:uppercase;font-size:.6875rem;font-weight:600}.strip-val{font-size:.9375rem}.primary-generation-button-wrapper{justify-content:center;display:flex}.primary-generate-btn{border-radius:.5rem;padding:.875rem 2rem;font-size:1.0625rem;box-shadow:0 4px 6px -1px #2563eb33}.payroll-progress-banner{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.progress-spinner{border:3px solid #bfdbfe;border-top-color:#2563eb;border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:.8s linear infinite spin}.progress-track{background-color:#dbeafe;border-radius:3px;width:100%;height:6px;margin-top:.375rem;overflow:hidden}.progress-fill{background-color:#2563eb;height:100%;transition:width .3s}.generation-results-container{border-top:1px solid #e2e8f0;flex-direction:column;gap:.875rem;margin-top:1rem;padding-top:1rem;display:flex}.results-header{justify-content:space-between;align-items:center;display:flex}.results-badge-success{color:#166534;background-color:#dcfce7;border-radius:1rem;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.8125rem;font-weight:700;display:inline-flex}.results-badge-success svg{width:16px;height:16px}.results-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;display:grid}.res-stat-box{background-color:#fff;border-radius:.5rem;flex-direction:column;gap:.125rem;padding:.75rem 1rem;display:flex}.res-lbl{color:#64748b;text-transform:uppercase;font-size:.6875rem}.res-val{font-size:1.125rem;font-weight:700}.admin-table-container{border:1px solid #e2e8f0;border-radius:.5rem;width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.84375rem}.admin-table th{color:#475569;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.6875rem .875rem;font-weight:600}.admin-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.6875rem .875rem}.admin-table tr:hover{background-color:#f8fafc}.payroll-badge{white-space:nowrap;border-radius:1rem;align-items:center;gap:.375rem;padding:.1875rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px}.badge-valid{color:#166534;background-color:#dcfce7}.badge-valid .badge-dot{background-color:#16a34a}.badge-error{color:#991b1b;background-color:#fee2e2}.badge-error .badge-dot{background-color:#dc2626}.badge-warning{color:#92400e;background-color:#fef3c7}.badge-warning .badge-dot{background-color:#d97706}.badge-voided{color:#64748b;background-color:#f1f5f9;border:1px solid #cbd5e1}.badge-voided .badge-dot{background-color:#94a3b8}.badge-pending{color:#64748b;background-color:#f1f5f9}.badge-pending .badge-dot{background-color:#94a3b8}.table-actions-group{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.375rem;display:flex}.voided-note-tag{color:#64748b;background-color:#f1f5f9;border-radius:.25rem;padding:.1875rem .4375rem;font-size:.6875rem}.admin-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #2563eb;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-btn-primary:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8}.admin-btn-primary:disabled{opacity:.5;cursor:not-allowed}.admin-btn-secondary{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;align-items:center;gap:.4375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-btn-secondary:hover:not(:disabled){color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.admin-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.admin-btn-danger{color:#fff;cursor:pointer;background-color:#dc2626;border:1px solid #dc2626;border-radius:.375rem;align-items:center;gap:.4375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;display:inline-flex}.admin-btn-danger:hover:not(:disabled){background-color:#b91c1c}.admin-btn-danger-outline{color:#dc2626;cursor:pointer;background-color:#0000;border:1px solid #fca5a5;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-btn-danger-outline:hover:not(:disabled){background-color:#fef2f2}.btn-sm{padding:.3125rem .625rem;font-size:.75rem}.btn-lg{padding:.6875rem 1.25rem;font-size:.9375rem}.btn-xl{padding:.875rem 1.75rem;font-size:1rem}.admin-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background-color:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.admin-modal-container{background-color:#fff;border-radius:.75rem;flex-direction:column;width:100%;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.admin-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.admin-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.admin-modal-close-btn:hover{color:#0f172a}.admin-confirm-body{flex-direction:column;gap:.875rem;padding:1.25rem 1.5rem;display:flex}.admin-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.confirm-summary-list{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;gap:.5rem;padding:.875rem 1rem;display:flex}.summary-row{justify-content:space-between;align-items:center;font-size:.84375rem;display:flex}.confirm-compliance-note{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;font-size:.75rem;display:flex}.confirm-compliance-note svg{flex-shrink:0;width:18px;height:18px;margin-top:.125rem}.void-compliance-banner{color:#92400e;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.target-doc-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.payroll-textarea{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:.375rem;outline:none;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.8125rem}.payroll-textarea:focus{border-color:#2563eb}.payroll-file-input{font-size:.8125rem}.payslip-sheet-header{text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;display:flex}.payslip-org-name{color:#0f172a;letter-spacing:.05em;font-size:1rem}.payslip-doc-type{color:#fff;letter-spacing:.05em;background-color:#2563eb;border-radius:1rem;padding:.125rem .625rem;font-size:.75rem;font-weight:700}.payslip-period-subtitle{color:#64748b;font-size:.75rem}.payslip-emp-info-grid{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;grid-template-columns:1fr 1fr;gap:.5rem 1rem;padding:.75rem 1rem;display:grid}.payslip-info-item{justify-content:space-between;font-size:.78125rem;display:flex}.payslip-breakdown-tables{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.payslip-side-table{border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden}.side-table-header{justify-content:space-between;padding:.5rem .75rem;font-size:.75rem;font-weight:700;display:flex}.earnings-bg{color:#1e40af;background-color:#eff6ff}.deductions-bg{color:#991b1b;background-color:#fef2f2}.side-table-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:.375rem .75rem;font-size:.75rem;display:flex}.side-table-total-row{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;padding:.5rem .75rem;font-size:.8125rem;display:flex}.payslip-net-salary-card{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1px solid #86efac;border-radius:.5rem;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.net-lbl{color:#166534;font-size:.8125rem;font-weight:700}.net-amount{font-size:1.375rem}.text-green{color:#16a34a}.text-amber{color:#d97706}.text-red{color:#dc2626}.text-yellow{color:#ca8a04}.text-muted{color:#94a3b8}.text-secondary{color:#64748b}.text-primary{color:#2563eb}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-right{text-align:right}.text-center{text-align:center}@media (width<=768px){.step-card{padding:1.125rem 1rem}.mode-selection-grid,.payslip-breakdown-tables{grid-template-columns:1fr}.payroll-step-indicator-bar{padding:.75rem 1rem}}@media (width<=480px){.tab-btn{width:100%;min-width:100%}}.admin-exit-container{color:#1e293b;max-width:1440px;margin:0 auto;padding:1.5rem 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.admin-exit-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.admin-exit-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.admin-exit-subtitle{color:#64748b;margin:0;font-size:.85rem;line-height:1.4}.admin-alert{border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1.25rem;font-size:.85rem;display:flex}.admin-alert-danger{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.admin-alert-success{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.alert-close-btn{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;padding:0 .25rem;font-size:1.25rem;line-height:1}.alert-close-btn:hover{opacity:1}.admin-exit-stages-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.stage-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.625rem;align-items:center;gap:.875rem;padding:1rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.stage-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px #00000012}.stage-card-active{background-color:#f8fafc;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.stage-card-icon{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stage-icon-pending{color:#d97706;background:#fef3c7}.stage-icon-accepted{color:#4f46e5;background:#e0e7ff}.stage-icon-processing{color:#0284c7;background:#e0f2fe}.stage-icon-completed{color:#16a34a;background:#dcfce7}.stage-card-content{flex-direction:column;display:flex}.stage-card-label{color:#475569;text-transform:uppercase;letter-spacing:.03em;font-size:.775rem;font-weight:600}.stage-card-count{color:#0f172a;font-size:1.375rem;font-weight:700;line-height:1.2}.stage-card-desc{color:#94a3b8;margin-top:.15rem;font-size:.725rem}.admin-exit-filters{background:#fff;border:1px solid #e2e8f0;border-radius:.625rem;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.filter-group{flex-direction:column;gap:.35rem;display:flex}.filter-group-search{flex:1;min-width:250px}.filter-label{color:#475569;font-size:.775rem;font-weight:600}.filter-input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;outline:none;height:38px;padding:0 .75rem;font-size:.85rem;transition:border-color .15s}.filter-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.search-input-wrapper{position:relative}.search-input{width:100%}.admin-exit-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:.625rem;margin-bottom:1.75rem;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.table-responsive-wrapper{overflow-x:auto}.admin-exit-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.admin-exit-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.admin-exit-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.875rem 1rem}.admin-exit-table tr:hover{background:#f8fafc}.row-selected{background:#eff6ff!important}.badge-emp-id{color:#334155;background:#f1f5f9;border-radius:.25rem;padding:.2rem .5rem;font-family:monospace;font-size:.8rem;font-weight:600}.status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:1rem;padding:.2rem .55rem;font-size:.725rem;font-weight:600;display:inline-block}.status-submitted{color:#92400e;background:#fef3c7}.status-approved{color:#1e40af;background:#dbeafe}.status-under_review{color:#0369a1;background:#e0f2fe}.status-completed{color:#15803d;background:#dcfce7}.status-rejected{color:#b91c1c;background:#fee2e2}.text-muted-compact{color:#64748b;font-size:.8rem}.text-highlight-date{color:#1d4ed8;font-weight:600}.text-pending{color:#94a3b8;font-style:italic}.btn-view-details{color:#1e293b;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:.375rem;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-view-details:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb}.btn-view-details:disabled{opacity:.65;cursor:not-allowed}.btn-spinner-sm{border:2px solid #cbd5e1;border-top-color:#2563eb;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.75s linear infinite spin;display:inline-block}.table-loading-box,.table-empty-box{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;font-size:.9rem;display:flex}.table-loading-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.table-pagination-bar{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;font-size:.8rem;display:flex}.pagination-buttons{gap:.5rem;display:flex}.btn-page-nav{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:.375rem;padding:.35rem .75rem;font-size:.8rem}.btn-page-nav:disabled{opacity:.5;cursor:not-allowed}.workflow-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:950;background-color:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.workflow-modal-overlay .workflow-card{background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;flex-direction:column;width:100%;max-width:1280px;max-height:94vh;margin:auto;animation:.22s cubic-bezier(.16,1,.3,1) modalZoomIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.workflow-header-bar{color:#fff;background:#0f172a;border-bottom:1px solid #1e293b;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.workflow-emp-profile{align-items:center;gap:1rem;display:flex}.profile-avatar{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.15rem;font-weight:700;display:flex}.profile-emp-head{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.profile-emp-name{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.profile-emp-sub{color:#94a3b8;margin:.2rem 0 0;font-size:.825rem}.btn-close-workflow{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:.375rem;padding:.4rem .85rem;font-size:.825rem;transition:background .15s}.btn-close-workflow:hover{background:#fff3}.workflow-workspace-container{background:#fff;flex:1;min-height:580px;max-height:calc(94vh - 78px);display:flex;overflow:hidden}.workflow-sidebar-nav{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:270px;min-width:270px;padding:.75rem 0;display:flex;overflow-y:auto}.sidebar-nav-header{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1.25rem .65rem;font-size:.7rem;font-weight:700}.nav-item-btn{cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-left:3px solid #0000;align-items:flex-start;gap:.85rem;width:100%;padding:.95rem 1.25rem;transition:all .18s;display:flex}.nav-item-btn:hover{background:#f1f5f9}.nav-item-btn:hover .nav-item-title{color:#0f172a}.nav-item-active{box-shadow:0 1px 4px #0f172a0f;background:#fff!important;border-left-color:#2563eb!important}.nav-item-icon{flex-shrink:0;margin-top:1px;font-size:1.25rem;line-height:1.2}.nav-item-text{flex-direction:column;gap:.2rem;display:flex;overflow:hidden}.nav-item-title{color:#334155;white-space:normal;word-break:normal;font-size:.9375rem;font-weight:600;line-height:1.3}.nav-item-active .nav-item-title{color:#1d4ed8;font-weight:700}.nav-item-sub{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.3;overflow:hidden}.nav-item-active .nav-item-sub{color:#2563eb;font-weight:500}.workflow-content-panel{background:#fff;flex-direction:column;flex:1;padding:1.75rem 2rem;display:flex;overflow-y:auto}.stage-panel{flex-direction:column;flex:1;display:flex}.panel-header{border-bottom:1px solid #f1f5f9;margin-bottom:1.25rem;padding-bottom:.75rem}.panel-title{color:#0f172a;margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.panel-subtitle{color:#64748b;margin:0;font-size:.825rem;line-height:1.4}.details-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1.25rem;padding:1.25rem}.details-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.detail-item{flex-direction:column;gap:.25rem;display:flex}.detail-label{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:600}.detail-val{color:#1e293b;font-size:.9rem;font-weight:600}.highlight-req-lwd{color:#d97706}.detail-reason-box{background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;margin-top:.75rem;padding:.75rem 1rem}.reason-content{color:#334155;margin:.25rem 0 0;font-size:.85rem;line-height:1.4}.approved-lwd-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem}.remarks-sub{color:#3b82f6;margin-top:.2rem;font-size:.8rem}.action-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1rem;padding:1.25rem}.action-card-title{color:#0f172a;margin:0 0 .875rem;font-size:.95rem;font-weight:700}.decision-radio-group{gap:.75rem;margin-bottom:1.25rem;display:flex}.decision-pill{cursor:pointer;border:1px solid #cbd5e1;border-radius:2rem;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.decision-pill input{margin:0}.pill-approve-active{color:#065f46;background:#ecfdf5;border-color:#059669}.pill-decline-active{color:#991b1b;background:#fef2f2;border-color:#dc2626}.notice-options-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.notice-opt-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.875rem;transition:all .15s}.notice-opt-card:hover{border-color:#cbd5e1}.notice-opt-selected{box-shadow:0 0 0 1px #2563eb;background:#eff6ff!important;border-color:#2563eb!important}.opt-title-row{color:#0f172a;align-items:center;gap:.45rem;font-size:.85rem;display:flex}.opt-desc{color:#64748b;margin:.35rem 0 0 1.25rem;font-size:.75rem}.custom-days-wrapper{align-items:center;gap:.35rem;margin-top:.5rem;margin-left:1.25rem;display:flex}.custom-days-input{text-align:center;border:1px solid #cbd5e1;border-radius:.25rem;width:60px;height:28px;font-size:.85rem}.side-by-side-lwd-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;padding:1rem;display:grid}.lwd-column{flex-direction:column;gap:.35rem;display:flex}.lwd-col-label{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:600}.lwd-col-date{color:#0f172a;font-size:1.1rem;font-weight:700}.lwd-col-sub{color:#94a3b8;font-size:.725rem}.approved-date-field{color:#1e40af;background:#fff;border:1px solid #2563eb;border-radius:.375rem;height:36px;padding:0 .6rem;font-size:.9rem;font-weight:600}.form-group-remarks,.form-group-text{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.form-label{color:#334155;font-size:.8rem;font-weight:600}.form-textarea{color:#1e293b;resize:vertical;border:1px solid #cbd5e1;border-radius:.375rem;outline:none;padding:.6rem .75rem;font-family:inherit;font-size:.85rem}.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.stage-action-bar,.stage-nav-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:.375rem;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600;transition:all .15s}.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.375rem;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600;transition:all .15s}.btn-secondary:hover{background:#f8fafc}.btn-success{color:#fff;cursor:pointer;background:#059669;border:1px solid #059669;border-radius:.375rem;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600;transition:all .15s}.btn-success:hover{background:#047857}.alert-warning-box{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:.375rem;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.825rem}.checklist-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1.25rem;padding:1.25rem}.checklist-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.checklist-heading{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.btn-text-action{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:600;text-decoration:underline}.checklist-table-wrapper{margin-bottom:1rem;overflow-x:auto}.checklist-table{border-collapse:collapse;width:100%;font-size:.85rem}.checklist-table th{color:#475569;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.65rem .75rem;font-size:.75rem;font-weight:600}.checklist-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.65rem .75rem}.status-radio-pill-group{gap:.35rem;display:flex}.status-pill-opt{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;align-items:center;gap:.25rem;padding:.25rem .55rem;font-size:.725rem;font-weight:600;transition:all .15s;display:flex}.status-pill-opt input{margin:0;display:none}.pill-pending{color:#92400e!important;background:#fef3c7!important;border-color:#f59e0b!important}.pill-cleared{color:#15803d!important;background:#dcfce7!important;border-color:#10b981!important}.pill-not-applicable{color:#475569!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.table-input-field{color:#1e293b;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:.375rem;width:100%;height:32px;padding:0 .5rem;font-size:.825rem}.table-input-field:focus{border-color:#2563eb;outline:none}.it-action-footer{border-top:1px solid #e2e8f0;flex-direction:column;gap:.875rem;padding-top:1rem;display:flex}.it-notes-row{flex-direction:column;gap:.35rem;display:flex}.it-btns-row{justify-content:flex-end;gap:.75rem;display:flex}.other-clearances-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1.25rem;padding:1.25rem}.other-clearances-title{color:#0f172a;margin:0 0 1rem;font-size:.95rem;font-weight:700}.other-clearances-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.dept-clr-item{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.dept-clr-head{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.dept-clr-sub{color:#64748b;margin:0 0 .5rem;font-size:.75rem}.dept-clr-remarks{color:#475569;margin:0 0 .5rem;font-size:.8rem;font-style:italic}.dept-clr-actions{gap:.4rem;display:flex}.btn-mini-clr{cursor:pointer;border:1px solid #0000;border-radius:.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.btn-mini-cleared{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.btn-mini-cleared:hover{color:#fff;background:#059669}.btn-mini-waive{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.btn-mini-waive:hover{background:#e2e8f0}.btn-mini-reject{color:#991b1b;background:#fef2f2;border-color:#fecaca}.btn-mini-reject:hover{color:#fff;background:#dc2626}.reject-prompt-box{flex-direction:column;gap:.35rem;margin-top:.5rem;display:flex}.reject-prompt-actions{gap:.4rem;display:flex}.btn-mini-cancel{color:#64748b;background:#fff;border:1px solid #cbd5e1}.fnf-details-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding:.875rem 1.25rem;display:flex}.meta-item{flex-direction:column;gap:.2rem;display:flex}.meta-label{color:#64748b;text-transform:uppercase;font-size:.725rem;font-weight:600}.meta-val{color:#0f172a;font-size:.875rem;font-weight:600}.input-compact-num{border:1px solid #cbd5e1;border-radius:.25rem;width:75px;height:30px;padding:0 .4rem;font-size:.85rem;font-weight:600}.fnf-payslip-grid,.fnf-columns-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.25rem;display:grid}.fnf-col{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.25rem;box-shadow:0 1px 3px #0f172a08}.fnf-col-earnings{border-top:3px solid #10b981}.fnf-col-deductions{border-top:3px solid #ef4444}.col-header-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.col-header-row h4{margin:0;font-size:.95rem;font-weight:700}.header-earnings h4{color:#065f46}.header-deductions h4{color:#991b1b}.col-subtotal{font-size:1.1rem;font-weight:700}.component-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.comp-label{color:#334155;font-size:.825rem;font-weight:500}.comp-label-with-sub{flex-direction:column;gap:.2rem;display:flex}.comp-subtext{color:#64748b;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.input-tiny-num{text-align:center;border:1px solid #cbd5e1;border-radius:.2rem;width:50px;height:24px;font-size:.75rem}.comp-input{text-align:right;border:1px solid #cbd5e1;border-radius:.375rem;width:140px;height:32px;padding:0 .5rem;font-size:.85rem;font-weight:600}.custom-comp-row{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:.375rem;padding:.4rem .5rem}.custom-desc-input{border:1px solid #cbd5e1;border-radius:.25rem;flex:1;height:30px;padding:0 .4rem;font-size:.8rem}.custom-amt-input{width:110px}.btn-remove-row{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.25rem;line-height:1}.btn-add-custom-row{color:#2563eb;cursor:pointer;background:#f8fafc;border:1px dashed #94a3b8;border-radius:.375rem;width:100%;margin-top:.75rem;padding:.45rem;font-size:.8rem;font-weight:600;transition:all .15s}.btn-add-custom-row:hover{background:#eff6ff;border-color:#2563eb}.fnf-totals-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1rem;padding:1.25rem}.totals-figures-row{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.fig-box{text-align:center;flex-direction:column;gap:.25rem;display:flex}.fig-label{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:600}.fig-val{color:#0f172a;font-size:1.25rem;font-weight:700}.fig-operator{color:#94a3b8;font-size:1.5rem;font-weight:700}.fig-net-box{background:#ecfdf5;border:1px solid #6ee7b7;border-radius:.5rem;padding:.65rem 1.25rem}.fig-net-box .fig-label{color:#065f46}.fig-val-net{color:#047857;font-size:1.5rem;font-weight:800}.amount-in-words-line{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;margin-bottom:1.25rem;padding:.6rem .875rem;font-size:.85rem}.fnf-finalize-actions-bar{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.finalized-locked-badge{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:.375rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.exit-doc-cards-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.15rem;margin-bottom:1.75rem;display:grid}.exit-doc-panel-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.625rem;flex-direction:column;justify-content:space-between;gap:.875rem;padding:1.25rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #0f172a0a}.exit-doc-panel-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 6px 12px -2px #2563eb14}.doc-panel-active{background:#eff6ff!important;border-color:#2563eb!important;box-shadow:0 0 0 2px #2563eb33!important}.doc-panel-head{justify-content:space-between;align-items:center;display:flex}.doc-panel-icon{font-size:1.6rem;line-height:1}.doc-panel-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.doc-panel-desc{color:#64748b;flex:1;margin:0;font-size:.8125rem;line-height:1.45}.doc-panel-action{margin-top:.25rem}.btn-doc-select{color:#334155;cursor:pointer;text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:.375rem;width:100%;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;transition:all .15s}.btn-doc-select:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-doc-select-active{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.doc-prep-workspace{background:#fff;border:1px solid #cbd5e1;border-radius:.625rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 5px #0f172a0d}.workspace-header-row{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.workspace-title{color:#0f172a;margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.workspace-desc{color:#64748b;margin:0;font-size:.85rem;line-height:1.4}.doc-mode-toggle-group,.mode-toggle-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.doc-mode-toggle-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1.25rem;padding:1rem 1.25rem}.mode-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.375rem;padding:.5rem 1rem;font-size:.825rem;font-weight:600;transition:all .15s}.mode-btn:hover{color:#0f172a;background:#f8fafc}.mode-active{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.mode-explainer{border-radius:.375rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.825rem;display:flex}.explainer-manual{color:#92400e;background:#fffbeb;border:1px solid #fef3c7}.explainer-auto{color:#065f46;background:#ecfdf5;border:1px solid #d1fae5}.btn-restore-inline{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.25rem;padding:.3rem .75rem;font-size:.775rem;font-weight:600;transition:all .15s}.btn-restore-inline:hover{color:#0f172a;background:#f1f5f9}.doc-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1.5rem;padding:1.25rem}.doc-form-grid-3{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.doc-form-grid-2{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.field-hint{color:#64748b;margin-top:.25rem;font-size:.725rem}.highlight-release-date{background:#eff6ff!important;border-color:#2563eb!important}.fnf-preview-summary-mini{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;gap:1.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.mini-row{gap:.35rem;display:flex}.mini-net strong{color:#059669}.doc-actions-buttons-bar{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;display:flex}.btn-preview-doc{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #0f172a;border-radius:.375rem;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600}.btn-preview-doc:hover{background:#f1f5f9}.btn-publish-doc{color:#fff;cursor:pointer;background:#059669;border:1px solid #059669;border-radius:.375rem;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600}.btn-publish-doc:hover{background:#047857}.published-docs-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1rem;padding:1.25rem}.published-docs-title{color:#0f172a;margin:0 0 1rem;font-size:.95rem;font-weight:700}.empty-docs-box{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:.375rem;padding:1.5rem;font-size:.85rem}.published-docs-table{border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;width:100%;font-size:.825rem}.published-docs-table th{color:#475569;text-align:left;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:.65rem .75rem;font-weight:600}.published-docs-table td{border-bottom:1px solid #f1f5f9;padding:.65rem .75rem}.doc-file-name{color:#475569;font-family:monospace;font-size:.8rem}.doc-action-cell-btns{gap:.35rem;display:flex}.btn-doc-view,.btn-doc-download,.btn-doc-date{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:.25rem;padding:.25rem .55rem;font-size:.75rem;font-weight:600}.btn-doc-view:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.btn-doc-download:hover{color:#059669;background:#ecfdf5;border-color:#059669}.btn-doc-date:hover{background:#f8fafc;border-color:#94a3b8}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-dialog-box{background:#fff;border-radius:.625rem;width:100%;max-width:520px;padding:1.5rem;box-shadow:0 20px 25px -5px #0003}.modal-title{color:#0f172a;margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.modal-desc{color:#475569;margin:0 0 1rem;font-size:.85rem;line-height:1.4}.modal-summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;flex-direction:column;gap:.4rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.summary-row{justify-content:space-between;font-size:.85rem;display:flex}.summary-highlight{color:#059669;border-top:1px solid #e2e8f0;padding-top:.4rem;font-size:.95rem}.words-sub{color:#475569;text-align:right;max-width:250px;font-size:.75rem;font-style:italic}.modal-actions-row{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.btn-modal-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.375rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.btn-modal-confirm{color:#fff;cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1.15rem;font-size:.85rem;font-weight:600}.btn-modal-confirm-approve{background:#2563eb}.btn-modal-confirm-decline{background:#dc2626}.modal-pdf-backdrop{padding:1.5rem}.modal-pdf-container{background:#fff;border-radius:.625rem;flex-direction:column;width:100%;max-width:960px;height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-pdf-header{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.modal-pdf-title{margin:0;font-size:1rem;font-weight:700}.modal-pdf-header-actions{gap:.5rem;display:flex}.btn-pdf-newtab,.btn-pdf-close{cursor:pointer;border-radius:.25rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600}.btn-pdf-newtab{color:#fff;background:#ffffff26;border:1px solid #ffffff4d}.btn-pdf-close{color:#fff;background:#dc2626;border:none}.modal-pdf-body{background:#525659;flex:1}.pdf-preview-object{width:100%;height:100%}.pdf-fallback-box{text-align:center;color:#fff;padding:3rem}@media (width<=960px){.admin-exit-container{padding:1rem}.workflow-workspace-container{flex-direction:column;height:auto;max-height:none}.workflow-sidebar-nav{box-sizing:border-box;border-bottom:1px solid #e2e8f0;border-right:none;flex-direction:row;width:100%;min-width:100%;padding:.5rem;overflow-x:auto}.sidebar-nav-header{display:none}.nav-item-btn{border-bottom:3px solid #0000;border-left:none;flex:1;min-width:170px;padding:.65rem .875rem}.nav-item-active{border-bottom-color:#2563eb!important;border-left-color:#0000!important}.workflow-content-panel{padding:1.25rem}.fnf-payslip-grid,.fnf-columns-grid,.side-by-side-lwd-box,.doc-form-grid-2{grid-template-columns:1fr}.exit-doc-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.workflow-modal-overlay{padding:.5rem}.workflow-header-bar{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem 1rem}.profile-emp-head{flex-direction:column;align-items:flex-start;gap:.25rem}.exit-doc-cards-grid{grid-template-columns:1fr}.totals-figures-row{text-align:center;flex-direction:column;align-items:stretch}.fig-operator{display:none}}.table-emp-cell{flex-direction:column;gap:.15rem;display:flex}.text-muted-xs{color:#64748b;margin-top:.15rem;font-size:.72rem}.exit-completion-summary-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.summary-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:.625rem;align-items:flex-start;gap:.875rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0f172a0a}.step-card-num{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.step-card-info{flex:1}.step-card-info h4{color:#0f172a;margin:0 0 .35rem;font-size:.9rem;font-weight:600}.step-card-info p{color:#475569;margin:0 0 .25rem;font-size:.8rem}.step-card-status{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:.375rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.step-card-status.status-ready{color:#16a34a;background:#dcfce7}.step-card-status.status-pending{color:#d97706;background:#fef3c7}.clearances-mini-tags{flex-wrap:wrap;gap:.35rem;margin-top:.25rem;display:flex}.tag-clr{border-radius:.25rem;padding:.15rem .4rem;font-size:.7rem;font-weight:600}.tag-cleared,.tag-waived{color:#15803d;background:#dcfce7}.tag-pending{color:#b45309;background:#fef3c7}.tag-rejected{color:#b91c1c;background:#fee2e2}.access-restriction-explainer-card{background:#f8fafc;border:1px solid #cbd5e1;border-left:4px solid #2563eb;border-radius:.5rem;margin-bottom:1.5rem;padding:1.25rem}.access-restriction-explainer-card h4{color:#1e293b;margin:0 0 .5rem;font-size:.95rem;font-weight:700}.access-restriction-explainer-card p{color:#475569;margin:0 0 .5rem;font-size:.85rem}.access-restriction-explainer-card ul{color:#334155;margin:0;padding-left:1.25rem;font-size:.825rem;line-height:1.6}.final-completion-action-bar{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1rem;padding:1.25rem 0;display:flex}.btn-complete-exit-primary{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #05966940}.btn-complete-exit-primary:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.btn-complete-exit-primary:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8}.finalized-success-pill{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:.5rem;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.doc-stage-status-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.doc-stage-badge-box{align-items:center;gap:.875rem;display:flex}.doc-stage-icon{font-size:1.75rem}.doc-stage-title{color:#0f172a;margin:0 0 .2rem;font-size:1.05rem;font-weight:700}.doc-stage-desc{color:#64748b;font-size:.825rem}.admin-settings-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:1280px;margin:0 auto;display:flex}.admin-settings-header-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;gap:.5rem;width:100%;padding:1.5rem 1.75rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-settings-title-group{flex-direction:column;gap:.25rem;display:flex}.admin-settings-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:700;line-height:1.25}.admin-settings-subtitle{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.admin-settings-info-banner{color:#475569;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.875rem 1.125rem;font-size:.8125rem;line-height:1.5;display:flex}.admin-settings-info-banner svg{color:#2563eb;flex-shrink:0;width:18px;height:18px;margin-top:1px}.admin-settings-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;width:100%;display:grid}.admin-settings-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.admin-settings-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px -4px #00000014,0 2px 6px -2px #0000000a}.admin-settings-card-clickable{color:inherit;cursor:pointer;text-decoration:none}.admin-settings-card-clickable:hover{border-color:#3b82f6;box-shadow:0 8px 24px -4px #2563eb1f,0 4px 8px -2px #0000000a}.admin-settings-action-cta{color:#2563eb;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;transition:color .15s;display:inline-flex}.admin-settings-action-cta svg{width:14px;height:14px;transition:transform .15s}.admin-settings-card-clickable:hover .admin-settings-action-cta svg{transform:translate(3px)}.admin-settings-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.admin-settings-icon-wrapper{border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.theme-blue{color:#2563eb;background-color:#eff6ff;border:1px solid #dbeafe}.theme-violet{color:#7c3aed;background-color:#ede9fe;border:1px solid #ddd6fe}.theme-emerald{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.theme-amber{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a}.theme-indigo{color:#4f46e5;background-color:#eef2ff;border:1px solid #c7d2fe}.admin-settings-badge{text-transform:uppercase;letter-spacing:.04em;color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.admin-settings-badge-dot{background-color:#94a3b8;border-radius:50%;width:5px;height:5px}.admin-settings-card-content{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.admin-settings-card-title{color:#0f172a;margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}.admin-settings-card-desc{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.admin-settings-card-footer{color:#94a3b8;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:.875rem;font-size:.75rem;display:flex}.admin-settings-status-note{align-items:center;gap:.375rem;display:flex}.admin-settings-status-note svg{color:#64748b;width:14px;height:14px}@media (width<=767px){.admin-settings-page{gap:1.25rem}.admin-settings-header-card{padding:1.25rem}.admin-settings-title{font-size:1.375rem}.admin-settings-grid{grid-template-columns:1fr;gap:1rem}.admin-settings-card{padding:1.25rem}}@media (width<=414px){.admin-settings-header-card{padding:1rem}.admin-settings-title{font-size:1.25rem}.admin-settings-card{padding:1rem}.admin-settings-icon-wrapper{width:40px;height:40px;font-size:1.25rem}}.admin-org-settings-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:1100px;margin:0 auto;display:flex}.admin-org-settings-top-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-org-settings-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.admin-org-settings-back-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.admin-org-settings-back-btn svg{width:16px;height:16px}.admin-org-settings-breadcrumbs{color:#64748b;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.admin-org-settings-breadcrumbs a{color:#2563eb;text-decoration:none}.admin-org-settings-breadcrumbs a:hover{text-decoration:underline}.admin-org-settings-breadcrumbs span.separator{color:#94a3b8}.admin-org-settings-breadcrumbs span.current{color:#0f172a;font-weight:600}.admin-org-settings-header-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;gap:.5rem;width:100%;padding:1.5rem 1.75rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-org-settings-title-group{flex-direction:column;gap:.25rem;display:flex}.admin-org-settings-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:700;line-height:1.25}.admin-org-settings-subtitle{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.admin-org-settings-alert{box-sizing:border-box;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.875rem 1.125rem;font-size:.875rem;line-height:1.45;display:flex}.admin-org-settings-alert-success{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.admin-org-settings-alert-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.admin-org-settings-alert svg{flex-shrink:0;width:18px;height:18px;margin-top:2px}.admin-org-settings-alert-close{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;margin-left:auto;padding:0}.admin-org-settings-alert-close:hover{opacity:1}.admin-org-settings-loading-card{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;padding:3rem;font-size:.9375rem;display:flex}.admin-org-settings-spinner{border:2px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite org-spin}@keyframes org-spin{to{transform:rotate(360deg)}}.admin-org-settings-form{flex-direction:column;gap:1.5rem;width:100%;display:flex}.admin-org-settings-section-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-org-settings-section-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding-bottom:.875rem;display:flex}.admin-org-settings-section-icon{color:#2563eb;background:#eff6ff;border-radius:.5rem;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.admin-org-settings-section-title{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:600}.admin-org-settings-section-desc{color:#64748b;margin:0;font-size:.8125rem}.admin-org-settings-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.admin-org-settings-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.admin-org-settings-field-full{grid-column:1/-1}.admin-org-settings-field-group{flex-direction:column;gap:.375rem;display:flex}.admin-org-settings-label{color:#334155;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;display:flex}.admin-org-settings-required{color:#ef4444}.admin-org-settings-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.admin-org-settings-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.admin-org-settings-input::placeholder{color:#94a3b8}.admin-org-settings-input:disabled{color:#64748b;cursor:not-allowed;background-color:#f8fafc}.admin-org-settings-hint{color:#64748b;font-size:.75rem}.admin-org-settings-logo-container{background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:.5rem;align-items:center;gap:1.5rem;padding:1rem;display:flex}.admin-org-settings-logo-preview{width:72px;height:72px;box-shadow:none;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.admin-org-settings-logo-img{object-fit:contain;background:0 0;width:100%;height:100%}.admin-org-settings-logo-info{flex-direction:column;gap:.25rem;display:flex}.admin-org-settings-logo-info-title{color:#0f172a;font-size:.875rem;font-weight:600}.admin-org-settings-logo-info-desc{color:#64748b;font-size:.8125rem;line-height:1.4}.admin-org-settings-logo-badge{color:#475569;background:#e2e8f0;border-radius:.375rem;align-self:flex-start;align-items:center;gap:.375rem;margin-top:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.admin-org-settings-actions-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.75rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-org-settings-dirty-status{color:#64748b;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.admin-org-settings-dirty-dot{background-color:#f59e0b;border-radius:50%;width:8px;height:8px}.admin-org-settings-clean-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px}.admin-org-settings-btn-group{align-items:center;gap:.75rem;margin-left:auto;display:flex}.admin-org-settings-btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-org-settings-btn-cancel{color:#475569;background-color:#fff;border:1px solid #cbd5e1}.admin-org-settings-btn-cancel:hover:not(:disabled){color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.admin-org-settings-btn-primary{color:#fff;background-color:#2563eb;box-shadow:0 1px 2px #2563eb33}.admin-org-settings-btn-primary:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 2px 4px #2563eb4d}.admin-org-settings-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.admin-org-settings-grid-2,.admin-org-settings-grid-3{grid-template-columns:1fr;gap:1rem}.admin-org-settings-header-card,.admin-org-settings-section-card,.admin-org-settings-actions-card{padding:1.25rem 1rem}.admin-org-settings-title{font-size:1.375rem}.admin-org-settings-logo-container{flex-direction:column;align-items:flex-start;gap:1rem}.admin-org-settings-actions-card{flex-direction:column;align-items:stretch;gap:1rem}.admin-org-settings-btn-group{width:100%;margin-left:0}.admin-org-settings-btn{flex:1}}@media (width<=480px){.admin-org-settings-btn-group{flex-direction:column-reverse}.admin-org-settings-btn{width:100%}}.admin-work-settings-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:1100px;margin:0 auto;display:flex}.admin-work-settings-top-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-work-settings-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.admin-work-settings-back-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.admin-work-settings-back-btn svg{width:16px;height:16px}.admin-work-settings-breadcrumbs{color:#64748b;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.admin-work-settings-breadcrumbs a{color:#2563eb;text-decoration:none}.admin-work-settings-breadcrumbs a:hover{text-decoration:underline}.admin-work-settings-breadcrumbs span.separator{color:#94a3b8}.admin-work-settings-breadcrumbs span.current{color:#0f172a;font-weight:600}.admin-work-settings-header-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;gap:.5rem;width:100%;padding:1.5rem 1.75rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-work-settings-title-group{flex-direction:column;gap:.25rem;display:flex}.admin-work-settings-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:700;line-height:1.25}.admin-work-settings-subtitle{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.admin-work-settings-alert{box-sizing:border-box;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.875rem 1.125rem;font-size:.875rem;line-height:1.45;display:flex}.admin-work-settings-alert-success{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.admin-work-settings-alert-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.admin-work-settings-alert svg{flex-shrink:0;width:18px;height:18px;margin-top:2px}.admin-work-settings-alert-close{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;margin-left:auto;padding:0}.admin-work-settings-alert-close:hover{opacity:1}.admin-work-settings-loading-card{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;padding:3rem;font-size:.9375rem;display:flex}.admin-work-settings-spinner{border:2px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite work-spin}@keyframes work-spin{to{transform:rotate(360deg)}}.admin-work-settings-form{flex-direction:column;gap:1.5rem;width:100%;display:flex}.admin-work-settings-section-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-work-settings-section-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding-bottom:.875rem;display:flex}.admin-work-settings-section-icon{color:#2563eb;background:#eff6ff;border-radius:.5rem;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.admin-work-settings-section-title{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:600}.admin-work-settings-section-desc{color:#64748b;margin:0;font-size:.8125rem}.admin-work-settings-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.admin-work-settings-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.admin-work-settings-field-group{flex-direction:column;gap:.375rem;display:flex}.admin-work-settings-label{color:#334155;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;display:flex}.admin-work-settings-required{color:#ef4444}.admin-work-settings-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.admin-work-settings-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.admin-work-settings-hint{color:#64748b;font-size:.75rem}.admin-work-week-selector{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.admin-work-week-option{cursor:pointer;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:.625rem;align-items:flex-start;gap:.75rem;padding:1rem;transition:all .15s;display:flex}.admin-work-week-option:hover{background-color:#f8fafc;border-color:#93c5fd}.admin-work-week-option-selected{background-color:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.admin-work-week-option input[type=radio]{cursor:pointer;accent-color:#2563eb;margin-top:.25rem}.admin-work-week-option-text{flex-direction:column;gap:.25rem;display:flex}.admin-work-week-title{color:#0f172a;font-size:.9375rem;font-weight:600}.admin-work-week-desc{color:#64748b;font-size:.75rem;line-height:1.35}.admin-weekly-off-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;display:grid}.admin-weekly-off-checkbox-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.625rem;padding:.75rem .875rem;transition:all .15s;display:flex}.admin-weekly-off-checkbox-card:hover{background-color:#f8fafc;border-color:#93c5fd}.admin-weekly-off-checkbox-card.selected{background-color:#eff6ff;border-color:#2563eb}.admin-weekly-off-checkbox-card input[type=checkbox]{accent-color:#2563eb;cursor:pointer;width:16px;height:16px}.admin-weekly-off-day-name{color:#1e293b;font-size:.875rem;font-weight:500}.admin-work-settings-callout{color:#475569;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid #2563eb;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.45;display:flex}.admin-work-settings-callout svg{color:#2563eb;flex-shrink:0;width:18px;height:18px;margin-top:1px}.admin-attendance-rules-list{flex-direction:column;gap:1rem;display:flex}.admin-attendance-rule-row{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.625rem;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.25rem;display:flex}.admin-attendance-rule-info{flex-direction:column;gap:.25rem;display:flex}.admin-attendance-rule-title{color:#0f172a;font-size:.9375rem;font-weight:600}.admin-attendance-rule-desc{color:#64748b;font-size:.8125rem;line-height:1.4}.admin-toggle-switch{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.admin-toggle-switch input{opacity:0;width:0;height:0}.admin-toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:26px;transition:all .2s;position:absolute;inset:0}.admin-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}.admin-toggle-switch input:checked+.admin-toggle-slider{background-color:#2563eb}.admin-toggle-switch input:focus+.admin-toggle-slider{box-shadow:0 0 0 3px #2563eb26}.admin-toggle-switch input:checked+.admin-toggle-slider:before{transform:translate(22px)}.admin-work-settings-actions-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.75rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-work-settings-dirty-status{color:#64748b;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.admin-work-settings-dirty-dot{background-color:#f59e0b;border-radius:50%;width:8px;height:8px}.admin-work-settings-clean-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px}.admin-work-settings-btn-group{align-items:center;gap:.75rem;margin-left:auto;display:flex}.admin-work-settings-btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-work-settings-btn-cancel{color:#475569;background-color:#fff;border:1px solid #cbd5e1}.admin-work-settings-btn-cancel:hover:not(:disabled){color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.admin-work-settings-btn-primary{color:#fff;background-color:#2563eb;box-shadow:0 1px 2px #2563eb33}.admin-work-settings-btn-primary:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 2px 4px #2563eb4d}.admin-work-settings-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.admin-work-settings-grid-2,.admin-work-settings-grid-3,.admin-work-week-selector{grid-template-columns:1fr;gap:1rem}.admin-work-settings-header-card,.admin-work-settings-section-card,.admin-work-settings-actions-card{padding:1.25rem 1rem}.admin-work-settings-title{font-size:1.375rem}.admin-weekly-off-grid{grid-template-columns:repeat(2,1fr)}.admin-work-settings-actions-card{flex-direction:column;align-items:stretch;gap:1rem}.admin-work-settings-btn-group{width:100%;margin-left:0}.admin-work-settings-btn{flex:1}}@media (width<=480px){.admin-weekly-off-grid,.admin-work-days-grid{grid-template-columns:1fr}.admin-attendance-rule-row{flex-direction:column;align-items:flex-start;gap:.75rem}.admin-toggle-switch{align-self:flex-end}.admin-work-settings-btn-group{flex-direction:column-reverse}.admin-work-settings-btn{width:100%}.admin-work-week-counter-card{flex-direction:column;align-items:flex-start}}.admin-work-week-counter-card{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1px solid #a7f3d0;border-radius:.625rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.125rem 1.25rem;display:flex}.admin-work-week-counter-content{flex-wrap:wrap;align-items:baseline;gap:.625rem;display:flex}.admin-work-week-counter-label{color:#065f46;font-size:.875rem;font-weight:500}.admin-work-week-counter-value{color:#047857;font-size:1.25rem;font-weight:700}.admin-work-week-counter-detail{color:#059669;font-size:.8125rem;font-weight:500}.admin-work-week-presets-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-presets-title{color:#065f46;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.admin-preset-btn{color:#047857;cursor:pointer;background:#fff;border:1px solid #a7f3d0;border-radius:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;transition:all .15s}.admin-preset-btn:hover{background:#d1fae5;border-color:#6ee7b7}.admin-preset-btn.active{color:#fff;background:#059669;border-color:#047857}.admin-work-days-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;display:grid}.admin-work-day-checkbox-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:.5rem;flex-direction:column;justify-content:space-between;gap:.625rem;padding:.875rem;transition:all .15s;display:flex}.admin-work-day-checkbox-card:hover{background-color:#f8fafc;border-color:#93c5fd}.admin-work-day-checkbox-card.is-working-day{background-color:#f0fdf4;border-color:#10b981}.admin-work-day-checkbox-card.is-week-off{opacity:.85;background-color:#f8fafc;border-color:#e2e8f0}.admin-work-day-checkbox-header{align-items:center;gap:.625rem;display:flex}.admin-work-day-checkbox-header input[type=checkbox]{accent-color:#10b981;cursor:pointer;width:16px;height:16px}.admin-work-day-name{color:#0f172a;font-size:.875rem;font-weight:600}.admin-work-day-status-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-self:flex-start;padding:.2rem .5rem;font-size:.6875rem;font-weight:700;display:inline-block}.admin-work-day-status-pill.pill-working{color:#065f46;background:#d1fae5}.admin-work-day-status-pill.pill-off{color:#64748b;background:#f1f5f9}.admin-section-action-row{justify-content:flex-end;padding-top:.5rem;display:flex}.admin-work-status-banner-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #0000000a}.admin-status-banner-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.admin-status-banner-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.625rem;flex-direction:column;gap:.375rem;padding:1rem 1.25rem;display:flex}.admin-status-banner-item.scheduled-item{background:#fdf4ff;border-color:#f0abfc}.admin-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-self:flex-start;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:inline-block}.admin-status-badge.active-badge{color:#15803d;background:#dcfce7}.admin-status-badge.scheduled-badge{color:#a21caf;background:#fae8ff}.admin-status-heading{color:#0f172a;font-size:1.125rem;font-weight:700}.admin-status-subtext{color:#475569;font-size:.875rem}.admin-status-meta{color:#64748b;border-top:1px dashed #cbd5e1;margin-top:.25rem;padding-top:.375rem;font-size:.8125rem}.admin-status-meta.scheduled-meta{color:#86198f;border-top-color:#e879f9}.admin-effective-date-container{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.625rem;margin-top:1.25rem;padding:1.25rem}.admin-effective-date-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.admin-effective-date-title{color:#166534;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:700;display:flex}.admin-effective-date-title svg{color:#16a34a;width:18px;height:18px}.admin-quick-date-buttons{gap:.5rem;display:flex}.admin-quick-date-btn{color:#15803d;cursor:pointer;background:#fff;border:1px solid #86efac;border-radius:.375rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.admin-quick-date-btn:hover:not(:disabled){background:#dcfce7;border-color:#4ade80}.admin-effective-date-fields-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.admin-history-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;overflow-x:auto}.admin-history-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.admin-history-table th{color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-weight:600}.admin-history-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.875rem 1rem}.admin-history-table tr.row-active{background:#f0fdf4}.admin-history-status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;padding:.2rem .5rem;font-size:.6875rem;font-weight:700;display:inline-block}.admin-history-status-badge.badge-active{color:#15803d;background:#dcfce7}.admin-history-status-badge.badge-scheduled{color:#a21caf;background:#fae8ff}.admin-history-status-badge.badge-historical{color:#64748b;background:#f1f5f9}.history-days-subtext{color:#64748b;margin-top:.125rem;font-size:.75rem}.history-off-subtext{color:#64748b;font-size:.8125rem}.history-period-text{font-size:.8125rem;line-height:1.4}.history-notes-cell{color:#475569;max-width:200px;font-size:.8125rem}.history-created-cell{color:#64748b;white-space:nowrap;font-size:.75rem}.admin-history-empty-state{text-align:center;color:#64748b;padding:2rem 1rem;font-size:.875rem}.admin-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.admin-modal-card{background:#fff;border-radius:.75rem;flex-direction:column;width:100%;max-width:560px;animation:.2s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-modal-header{background:#fefce8;border-bottom:1px solid #fef08a;align-items:flex-start;gap:.875rem;padding:1.25rem 1.5rem;display:flex}.admin-modal-icon-badge{font-size:1.5rem;line-height:1}.admin-modal-title{color:#854d0e;margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.admin-modal-subtitle{color:#a16207;margin:0;font-size:.8125rem}.admin-modal-content{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.admin-modal-summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.summary-row{justify-content:space-between;gap:1rem;display:flex}.summary-row.highlight-row{background:#eff6ff;border-radius:.25rem;margin:-.25rem -.5rem;padding:.35rem .5rem}.summary-label{color:#64748b;font-weight:500}.summary-value{color:#0f172a;text-align:right}.summary-value.highlight-date{color:#1d4ed8;font-weight:700}.admin-modal-safeguard-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:.875rem 1rem}.safeguard-title{color:#1e40af;align-items:center;gap:.375rem;margin-bottom:.375rem;font-size:.875rem;font-weight:700;display:flex}.safeguard-title svg{color:#2563eb;width:16px;height:16px}.safeguard-text{color:#1e3a8a;margin:0 0 .5rem;font-size:.8125rem}.safeguard-list{color:#1e3a8a;margin:0;padding-left:1.25rem;font-size:.78125rem;line-height:1.5}.admin-modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.admin-work-settings-btn-confirm{color:#fff;background:#0284c7;border:1px solid #0284c7}.admin-work-settings-btn-confirm:hover:not(:disabled){background:#0369a1;border-color:#0369a1}.admin-leave-settings-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:1100px;margin:0 auto;display:flex}.admin-leave-settings-top-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-leave-settings-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.admin-leave-settings-back-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.admin-leave-settings-back-btn svg{width:16px;height:16px}.admin-leave-settings-breadcrumbs{color:#64748b;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.admin-leave-settings-breadcrumbs a{color:#2563eb;text-decoration:none}.admin-leave-settings-breadcrumbs a:hover{text-decoration:underline}.admin-leave-settings-breadcrumbs span.separator{color:#94a3b8}.admin-leave-settings-breadcrumbs span.current{color:#0f172a;font-weight:600}.admin-leave-settings-header-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;gap:.5rem;width:100%;padding:1.5rem 1.75rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-leave-settings-title-group{flex-direction:column;gap:.25rem;display:flex}.admin-leave-settings-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.admin-leave-settings-subtitle{color:#64748b;margin:0;font-size:.9375rem}.admin-leave-settings-alert{box-sizing:border-box;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;font-size:.875rem;line-height:1.5;display:flex}.admin-leave-settings-alert svg{flex-shrink:0;width:20px;height:20px;margin-top:2px}.admin-leave-settings-alert-success{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.admin-leave-settings-alert-success svg{color:#059669}.admin-leave-settings-alert-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.admin-leave-settings-alert-error svg{color:#dc2626}.admin-leave-settings-form{flex-direction:column;gap:1.5rem;width:100%;display:flex}.admin-leave-settings-section{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.75rem;box-shadow:0 1px 3px #0000000a}.admin-leave-settings-section-header{margin-bottom:1.5rem}.admin-leave-settings-section-title{color:#0f172a;margin:0 0 .375rem;font-size:1.125rem;font-weight:600}.admin-leave-settings-section-desc{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.admin-leave-settings-allocation-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.admin-leave-settings-allocation-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.625rem;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s;display:flex}.admin-leave-settings-allocation-card:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.admin-leave-settings-type-header{justify-content:space-between;align-items:center;display:flex}.admin-leave-settings-type-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-leave-settings-type-badge.badge-pl{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.admin-leave-settings-type-badge.badge-sl{color:#be185d;background:#fdf2f8;border:1px solid #fbcfe8}.admin-leave-settings-type-badge.badge-upl{color:#a16207;background:#fefce8;border:1px solid #fef08a}.admin-leave-settings-type-name{color:#1e293b;margin:0;font-size:1rem;font-weight:600}.admin-leave-settings-type-desc{color:#64748b;margin:0;font-size:.8125rem}.admin-leave-settings-input-group{flex-direction:column;gap:.375rem;margin-top:auto;display:flex}.admin-leave-settings-input-label{color:#475569;font-size:.8125rem;font-weight:500}.admin-leave-settings-input-wrapper{align-items:center;display:flex;position:relative}.admin-leave-settings-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;outline:none;width:100%;padding:.625rem 2.5rem .625rem .875rem;font-size:.9375rem;transition:all .15s}.admin-leave-settings-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.admin-leave-settings-input:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}.admin-leave-settings-input-unit{color:#94a3b8;pointer-events:none;font-size:.8125rem;position:absolute;right:.875rem}.admin-leave-settings-grid-2col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.admin-leave-settings-field-group{flex-direction:column;gap:.375rem;display:flex}.admin-leave-settings-label{color:#334155;font-size:.875rem;font-weight:600}.admin-leave-settings-hint{color:#64748b;margin-top:.25rem;font-size:.8125rem}.admin-leave-settings-toggle-row{background:#fff;border:1px solid #e2e8f0;border-radius:.625rem;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.125rem;transition:background-color .15s;display:flex}.admin-leave-settings-toggle-row:hover{background:#f8fafc}.admin-leave-settings-toggle-text{flex-direction:column;gap:.25rem;display:flex}.admin-leave-settings-toggle-title{color:#1e293b;font-size:.9375rem;font-weight:600}.admin-leave-settings-toggle-desc{color:#64748b;font-size:.8125rem;line-height:1.4}.admin-leave-settings-switch{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.admin-leave-settings-switch input{opacity:0;width:0;height:0}.admin-leave-settings-slider{cursor:pointer;background-color:#cbd5e1;border-radius:26px;transition:all .25s;position:absolute;inset:0}.admin-leave-settings-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .25s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.admin-leave-settings-switch input:checked+.admin-leave-settings-slider{background-color:#10b981}.admin-leave-settings-switch input:focus+.admin-leave-settings-slider{box-shadow:0 0 0 3px #10b98140}.admin-leave-settings-switch input:checked+.admin-leave-settings-slider:before{transform:translate(22px)}.admin-leave-settings-notice-box{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.5;display:flex}.admin-leave-settings-notice-box svg{color:#15803d;flex-shrink:0;width:18px;height:18px;margin-top:2px}.admin-leave-settings-policy-banner{box-sizing:border-box;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:.75rem;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.admin-leave-settings-policy-icon{color:#475569;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.admin-leave-settings-policy-content{flex-direction:column;gap:.25rem;display:flex}.admin-leave-settings-policy-title{color:#1e293b;margin:0;font-size:.9375rem;font-weight:600}.admin-leave-settings-policy-text{color:#475569;margin:0;font-size:.875rem;line-height:1.5}.admin-leave-settings-footer{justify-content:flex-end;align-items:center;gap:.875rem;padding-top:.5rem;padding-bottom:2rem;display:flex}.admin-leave-settings-btn{cursor:pointer;box-sizing:border-box;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.admin-leave-settings-btn:disabled{opacity:.6;cursor:not-allowed}.admin-leave-settings-btn-cancel{color:#475569;background:#fff;border:1px solid #cbd5e1}.admin-leave-settings-btn-cancel:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.admin-leave-settings-btn-save{color:#fff;background:#2563eb;border:1px solid #2563eb;box-shadow:0 1px 2px #2563eb33}.admin-leave-settings-btn-save:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.admin-leave-settings-btn-save:active:not(:disabled){background:#1e40af}.admin-leave-settings-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite adminLeaveSpin}@keyframes adminLeaveSpin{to{transform:rotate(360deg)}}.admin-leave-settings-loading-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.admin-leave-settings-loading-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite adminLeaveSpin}.admin-leave-settings-loading-text{color:#64748b;margin:0;font-size:.9375rem}@media (width<=768px){.admin-leave-settings-page{gap:1rem}.admin-leave-settings-section{padding:1.25rem}.admin-leave-settings-allocation-grid,.admin-leave-settings-grid-2col{grid-template-columns:1fr}.admin-leave-settings-toggle-row{flex-direction:row;align-items:center;gap:1rem}.admin-leave-settings-footer{flex-direction:column-reverse;width:100%}.admin-leave-settings-btn{width:100%}}@media (width<=480px){.admin-leave-settings-header-card{padding:1rem 1.125rem}.admin-leave-settings-title{font-size:1.25rem}.admin-leave-settings-section{padding:1rem}.admin-leave-settings-policy-banner{flex-direction:column;padding:1rem}}.admin-leave-settings-weekdays-grid{flex-wrap:wrap;gap:.625rem;margin-top:.5rem;display:flex}.admin-leave-settings-day-pill{cursor:pointer;color:#334155;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.admin-leave-settings-day-pill:hover{background:#f8fafc;border-color:#94a3b8}.admin-leave-settings-day-pill.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;font-weight:600;box-shadow:0 1px 2px #2563eb1a}.admin-leave-settings-day-pill input[type=checkbox]{accent-color:#2563eb;cursor:pointer;width:16px;height:16px}.admin-holiday-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:1200px;margin:0 auto;padding-bottom:2rem;display:flex}.admin-holiday-top-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-holiday-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.admin-holiday-back-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.admin-holiday-back-btn svg{width:16px;height:16px}.admin-holiday-breadcrumbs{color:#64748b;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.admin-holiday-breadcrumbs a{color:#2563eb;text-decoration:none}.admin-holiday-breadcrumbs a:hover{text-decoration:underline}.admin-holiday-breadcrumbs span.separator{color:#94a3b8}.admin-holiday-breadcrumbs span.current{color:#0f172a;font-weight:600}.admin-holiday-header-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;width:100%;padding:1.5rem 1.75rem;display:flex;box-shadow:0 1px 3px #0000000a}.admin-holiday-title-group{flex-direction:column;gap:.25rem;display:flex}.admin-holiday-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.admin-holiday-subtitle{color:#64748b;margin:0;font-size:.9375rem;line-height:1.4}.admin-holiday-add-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #2563eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb33}.admin-holiday-add-btn:hover{background-color:#1d4ed8;border-color:#1d4ed8}.admin-holiday-add-btn svg{width:18px;height:18px}.admin-holiday-alert{box-sizing:border-box;border-radius:.625rem;align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-size:.875rem;display:flex}.admin-holiday-alert svg{flex-shrink:0;width:20px;height:20px}.admin-holiday-alert-success{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}.admin-holiday-alert-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.admin-holiday-alert-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:auto;padding:.25rem;font-size:1rem}.admin-holiday-alert-close:hover{opacity:1}.admin-holiday-alert-retry{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.admin-holiday-calendar-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.admin-holiday-controls-bar{background-color:#fff;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.admin-holiday-month-nav{align-items:center;gap:.625rem;display:flex}.admin-cal-nav-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:inline-flex}.admin-cal-nav-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.admin-cal-nav-btn svg{width:16px;height:16px}.admin-cal-current-label{color:#0f172a;align-items:center;gap:.5rem;min-width:180px;padding:0 .5rem;font-size:1.0625rem;font-weight:700;display:flex}.admin-cal-current-label svg{color:#2563eb;width:18px;height:18px}.admin-cal-today-btn{color:#1d4ed8;cursor:pointer;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:.375rem;align-items:center;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-cal-today-btn:hover{background-color:#dbeafe;border-color:#bfdbfe}.admin-holiday-selectors{align-items:center;gap:.625rem;display:flex}.admin-cal-select{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;outline:none;padding:.45rem .75rem;font-size:.875rem;font-weight:500;transition:border-color .15s}.admin-cal-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.admin-holiday-loading-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;font-size:.9375rem;display:flex}.admin-holiday-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite adminCalSpin}@keyframes adminCalSpin{to{transform:rotate(360deg)}}.admin-cal-container{box-sizing:border-box;width:100%;padding:1.25rem 1.5rem;overflow-x:auto}.admin-cal-header-row{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;margin-bottom:.5rem;display:grid}.admin-cal-col-header{color:#475569;text-transform:uppercase;letter-spacing:.04em;background-color:#f8fafc;border-radius:.375rem;padding:.5rem .25rem;font-size:.8125rem;font-weight:600}.admin-cal-col-header.is-sunday{color:#dc2626;background-color:#fef2f2}.admin-cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;display:grid}.admin-cal-day-cell{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;justify-content:space-between;min-height:96px;padding:.5rem;transition:all .15s;display:flex;position:relative}.admin-cal-day-cell:hover:not(.is-empty){border-color:#94a3b8;box-shadow:0 2px 6px #0000000d}.admin-cal-day-cell.is-empty{cursor:default;background-color:#f8fafc;border-style:dashed;border-color:#f1f5f9}.admin-cal-day-cell.is-today{background-color:#f8faff}.admin-cal-day-cell.is-selected{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.admin-cal-day-cell.has-holiday{background-color:#faf5ff;border-color:#8b5cf6 #ddd6fe #ddd6fe;border-top-style:solid;border-top-width:3px}.admin-cal-day-cell.has-holiday:hover{border-color:#7c3aed #c4b5fd #c4b5fd;border-top-style:solid;border-top-width:3px;box-shadow:0 3px 10px #8b5cf61f}.admin-cal-day-top{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.admin-cal-day-num{color:#0f172a;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:.875rem;font-weight:700;display:inline-flex}.admin-cal-day-num.today-badge{color:#fff;background-color:#2563eb;border-radius:50%;font-size:.75rem}.admin-cal-holiday-tag{color:#7c3aed;text-transform:uppercase;letter-spacing:.02em;font-size:.6875rem;font-weight:700}.admin-cal-day-body{flex-direction:column;gap:.25rem;width:100%;margin-top:auto;display:flex}.admin-cal-holiday-pill{color:#6d28d9;box-sizing:border-box;background-color:#ede9fe;border:1px solid #ddd6fe;border-radius:.3125rem;justify-content:space-between;align-items:center;gap:.25rem;width:100%;padding:.25rem .45rem;font-size:.75rem;font-weight:600;line-height:1.2;display:flex;overflow:hidden}.admin-cal-holiday-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.admin-cal-holiday-actions{flex-shrink:0;align-items:center;gap:.125rem;display:none}.admin-cal-day-cell:hover .admin-cal-holiday-actions{display:flex}.admin-cal-action-btn{color:#6d28d9;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background .15s;display:inline-flex}.admin-cal-action-btn:hover{background:#6d28d926}.admin-cal-action-btn.delete:hover{color:#dc2626;background:#fee2e2}.admin-cal-action-btn svg{width:12px;height:12px}.admin-cal-add-prompt{color:#64748b;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:.25rem;justify-content:center;align-items:center;width:100%;padding:.25rem .4rem;font-size:.6875rem;font-weight:600;transition:all .15s;display:none}.admin-cal-day-cell:hover:not(.has-holiday):not(.is-empty) .admin-cal-add-prompt{display:flex}.admin-cal-add-prompt:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.admin-month-summary-section{background-color:#fff;border-top:1px solid #f1f5f9;padding:1.5rem 1.75rem}.admin-month-summary-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.admin-month-summary-title{color:#0f172a;margin:0;font-size:1.125rem;font-weight:700}.admin-month-summary-subtitle{color:#64748b;margin-top:.125rem;font-size:.8125rem;display:block}.admin-holiday-add-subtle-btn{color:#1d4ed8;cursor:pointer;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-holiday-add-subtle-btn:hover{background-color:#dbeafe;border-color:#93c5fd}.admin-holiday-month-empty{text-align:center;background-color:#f8fafc;border:1px dashed #e2e8f0;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1rem;display:flex}.admin-holiday-month-empty-icon svg{color:#94a3b8;width:36px;height:36px;margin-bottom:.5rem}.admin-holiday-month-empty-text{color:#64748b;margin:0 0 1rem;font-size:.875rem}.admin-holiday-empty-action-btn{color:#2563eb;cursor:pointer;background-color:#fff;border:1px solid #bfdbfe;border-radius:.375rem;align-items:center;padding:.45rem 1rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-holiday-empty-action-btn:hover{background-color:#eff6ff;border-color:#2563eb}.admin-month-holidays-table-wrap{border:1px solid #e2e8f0;border-radius:.5rem;overflow-x:auto}.admin-month-holidays-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.admin-month-holidays-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.admin-month-holidays-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:.875rem 1rem}.admin-month-holidays-table tr:last-child td{border-bottom:none}.admin-month-holidays-table tr:hover td{background-color:#f8fafc}.admin-month-holidays-table tr.is-row-selected td{background-color:#f5f3ff}.admin-holiday-table-date{align-items:center;gap:.5rem;display:flex}.admin-holiday-table-badge{color:#8b5cf6;font-size:.875rem}.admin-holiday-table-date-str{color:#0f172a;font-weight:600}.admin-holiday-table-day{color:#64748b;font-size:.8125rem}.admin-holiday-table-name{color:#5b21b6;font-weight:600}.admin-holiday-table-desc{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-size:.8125rem;display:block;overflow:hidden}.admin-holiday-table-actions{justify-content:flex-end;align-items:center;gap:.375rem;display:flex}.admin-holiday-table-actions .admin-cal-action-btn{background-color:#fff;border:1px solid #e2e8f0;width:28px;height:28px}.admin-holiday-table-actions .admin-cal-action-btn:hover{background-color:#f1f5f9}.admin-holiday-table-actions .admin-cal-action-btn.delete:hover{background-color:#fee2e2;border-color:#fecaca}.admin-holiday-table-actions .admin-cal-action-btn svg{width:14px;height:14px}.admin-holiday-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;box-sizing:border-box;background-color:#0f172a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.admin-holiday-modal{box-sizing:border-box;background-color:#fff;border-radius:.75rem;flex-direction:column;width:100%;max-width:480px;animation:.2s cubic-bezier(.16,1,.3,1) adminModalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.admin-holiday-modal-sm{max-width:420px}.admin-holiday-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.admin-holiday-modal-title{color:#0f172a;margin:0;font-size:1.125rem;font-weight:700}.admin-holiday-modal-title.text-danger{color:#b91c1c}.admin-holiday-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;font-size:1.25rem;line-height:1;display:inline-flex}.admin-holiday-modal-close-btn:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9}.admin-holiday-modal-body{flex-direction:column;gap:1.125rem;max-height:calc(85vh - 140px);padding:1.5rem;display:flex;overflow-y:auto}.admin-holiday-form-group{flex-direction:column;gap:.375rem;display:flex}.admin-holiday-label{color:#334155;font-size:.8125rem;font-weight:600}.admin-holiday-required{color:#dc2626}.admin-holiday-input,.admin-holiday-textarea{color:#0f172a;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:.375rem;outline:none;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.admin-holiday-input:focus,.admin-holiday-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.admin-holiday-textarea{resize:vertical;min-height:70px}.admin-holiday-modal-footer{background-color:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.admin-holiday-btn-secondary{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.admin-holiday-btn-secondary:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9}.admin-holiday-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #2563eb;border-radius:.375rem;padding:.5rem 1.125rem;font-size:.875rem;font-weight:600;transition:all .15s;box-shadow:0 1px 2px #2563eb33}.admin-holiday-btn-primary:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8}.admin-holiday-btn-danger{color:#fff;cursor:pointer;background-color:#dc2626;border:1px solid #dc2626;border-radius:.375rem;padding:.5rem 1.125rem;font-size:.875rem;font-weight:600;transition:all .15s;box-shadow:0 1px 2px #dc262633}.admin-holiday-btn-danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}@media (width<=768px){.admin-holiday-controls-bar{flex-direction:column;align-items:stretch}.admin-holiday-month-nav{justify-content:space-between}.admin-cal-current-label{min-width:unset;font-size:.9375rem}.admin-holiday-selectors{justify-content:space-between;width:100%}.admin-cal-select{flex:1}.admin-cal-day-cell{min-height:70px;padding:.375rem}.admin-cal-holiday-tag{display:none}}.emp-config-page{color:#1e293b;max-width:1400px;margin:0 auto;padding:1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.emp-config-toast{z-index:9999;color:#f8fafc;background:#0f172a;border-radius:.5rem;align-items:center;gap:.65rem;padding:.85rem 1.25rem;font-size:.875rem;font-weight:500;animation:.25s ease-out slideInDown;display:flex;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 10px 25px -5px #00000040}.emp-config-toast-icon{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:inline-flex}@keyframes slideInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.emp-config-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem 1.75rem;box-shadow:0 1px 3px #0000000a}.emp-config-header-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.emp-config-back-link{color:#64748b;align-items:center;gap:.35rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.emp-config-back-link:hover{color:#2563eb}.emp-config-badge{color:#3730a3;text-transform:uppercase;letter-spacing:.05em;background:#e0e7ff;border-radius:9999px;padding:.25rem .65rem;font-size:.75rem;font-weight:600}.emp-config-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.emp-config-title{color:#0f172a;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.emp-config-subtitle{color:#64748b;margin:0;font-size:.875rem}.emp-config-add-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb26}.emp-config-add-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.emp-config-add-btn:disabled{opacity:.6;cursor:not-allowed}.emp-config-overview-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.emp-config-metric-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;outline:none;flex-direction:column;padding:1.25rem;transition:all .2s;display:flex}.emp-config-metric-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.emp-config-metric-card.active{background:#f8fafc;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.emp-config-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.emp-config-card-emoji{font-size:1.5rem}.emp-config-card-count-badge{color:#334155;background:#f1f5f9;border-radius:.375rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.emp-config-metric-card.active .emp-config-card-count-badge{color:#1e40af;background:#dbeafe}.emp-config-card-title{color:#0f172a;margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.emp-config-card-desc{color:#64748b;flex-grow:1;margin:0 0 1rem;font-size:.8125rem;line-height:1.4}.emp-config-card-footer{border-top:1px solid #f1f5f9;padding-top:.75rem}.emp-config-manage-link{color:#2563eb;font-size:.8125rem;font-weight:600}.emp-config-content-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000000a}.emp-config-tabs-bar{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.emp-config-tabs-list{gap:.5rem;display:flex;overflow-x:auto}.emp-config-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.emp-config-tab-btn:hover{color:#1e293b;background:#f8fafc}.emp-config-tab-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.emp-config-tab-counter{color:#475569;background:#e2e8f0;border-radius:9999px;padding:.1rem .45rem;font-size:.75rem;font-weight:700}.emp-config-tab-btn.active .emp-config-tab-counter{color:#1d4ed8;background:#dbeafe}.emp-config-search-wrapper{min-width:260px;position:relative}.emp-config-search-icon{color:#94a3b8;pointer-events:none;font-size:.875rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.emp-config-search-input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:.5rem;outline:none;width:100%;padding:.5rem 2rem .5rem 2.2rem;font-size:.875rem;transition:border-color .15s}.emp-config-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.emp-config-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.1rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.emp-config-state-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 1.5rem;display:flex}.emp-config-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;margin-bottom:1rem;animation:.8s linear infinite spin}.emp-config-error-icon,.emp-config-empty-icon{margin-bottom:.75rem;font-size:2.5rem}.emp-config-state-title{color:#0f172a;margin:0 0 .35rem;font-size:1.1rem;font-weight:700}.emp-config-state-text{color:#64748b;max-width:450px;margin:0 0 1.25rem;font-size:.875rem}.emp-config-retry-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.emp-config-table-responsive{width:100%;overflow-x:auto}.emp-config-table{border-collapse:collapse;text-align:left;width:100%}.emp-config-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1.25rem;font-size:.75rem;font-weight:700}.emp-config-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem;font-size:.875rem}.emp-config-table tr:hover td{background:#f8fafc}.emp-config-table th.text-right,.emp-config-table td.text-right{text-align:right}.emp-config-name-cell{flex-direction:column;display:flex}.emp-config-item-name{color:#0f172a;font-weight:600}.emp-config-item-subtext{color:#64748b;margin-top:.15rem;font-size:.75rem}.emp-config-loc-details{color:#334155;font-size:.85rem}.emp-config-desc-text{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:320px;font-size:.85rem;display:-webkit-box;overflow:hidden}.emp-config-usage-pill{border-radius:9999px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.emp-config-usage-pill.used{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe}.emp-config-usage-pill.unused{color:#64748b;background:#f1f5f9}.emp-config-status-tag{border-radius:.375rem;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.emp-config-status-tag.active{color:#166534;background:#dcfce7}.emp-config-status-tag.inactive{color:#991b1b;background:#fee2e2}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.emp-config-actions-row{align-items:center;gap:.4rem;display:inline-flex}.emp-config-btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.375rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.emp-config-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.emp-config-btn-toggle{cursor:pointer;border:1px solid;border-radius:.375rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.emp-config-btn-toggle.deactivate{color:#92400e;background:#fffbeb;border-color:#fde68a}.emp-config-btn-toggle.deactivate:hover{background:#fef3c7}.emp-config-btn-toggle.activate{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.emp-config-btn-toggle.activate:hover{background:#d1fae5}.emp-config-btn-delete{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:.375rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.emp-config-btn-delete:hover{background:#fee2e2;border-color:#f87171}.emp-config-mobile-cards{flex-direction:column;gap:.85rem;padding:1rem;display:none}.emp-config-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:.65rem;padding:1rem;box-shadow:0 1px 2px #00000008}.emp-config-mobile-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:.65rem;display:flex}.emp-config-mobile-name{color:#0f172a;margin:0 0 .35rem;font-size:.95rem;font-weight:700}.emp-config-mobile-details{margin-bottom:.85rem}.emp-config-mobile-desc{color:#64748b;margin:0;font-size:.8125rem;line-height:1.4}.emp-config-mobile-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:.5rem;padding-top:.75rem;display:flex}.emp-config-mobile-actions button{text-align:center;flex:1;padding:.45rem}.emp-config-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.emp-config-modal-card{background:#fff;border-radius:.75rem;width:100%;max-width:520px;animation:.15s ease-out scaleUp;overflow:hidden;box-shadow:0 20px 25px -5px #0003}.emp-config-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.emp-config-modal-title{color:#0f172a;margin:0 0 .2rem;font-size:1.15rem;font-weight:700}.emp-config-modal-subtitle{color:#64748b;margin:0;font-size:.8125rem}.emp-config-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.emp-config-modal-close:hover{color:#0f172a}.emp-config-modal-alert{align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.8125rem;display:flex}.emp-config-modal-alert.error{color:#991b1b;background:#fef2f2;border-bottom:1px solid #fecaca}.emp-config-modal-alert.warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:.5rem;margin-top:.85rem}.emp-config-modal-form{padding:1.25rem 1.5rem}.emp-config-form-group{margin-bottom:1rem}.emp-config-form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.emp-config-label{color:#334155;margin-bottom:.35rem;font-size:.8125rem;font-weight:600;display:block}.req-star{color:#dc2626}.emp-config-input,.emp-config-textarea{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:.5rem;outline:none;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.emp-config-input:focus,.emp-config-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.emp-config-checkbox-label{color:#334155;cursor:pointer;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.875rem;display:flex}.emp-config-checkbox-label input{cursor:pointer;width:16px;height:16px}.emp-config-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.65rem;margin-top:.5rem;padding-top:1rem;display:flex}.emp-config-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s}.emp-config-btn-primary:hover:not(:disabled){background:#1d4ed8}.emp-config-btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s}.emp-config-btn-danger:hover:not(:disabled){background:#b91c1c}.emp-config-delete-body{color:#334155;padding:1.25rem 1.5rem;font-size:.875rem}.emp-config-delete-target-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;justify-content:space-between;align-items:center;margin:.85rem 0;padding:.85rem 1rem;display:flex}.emp-config-text-muted{color:#64748b;margin-top:.5rem;font-size:.8125rem}@media (width<=1024px){.emp-config-overview-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.emp-config-page{padding:1rem}.emp-config-overview-grid{grid-template-columns:1fr;gap:.75rem}.emp-config-title-row{flex-direction:column;align-items:flex-start}.emp-config-add-btn{justify-content:center;width:100%}.emp-config-tabs-bar{flex-direction:column;align-items:stretch}.emp-config-search-wrapper{min-width:100%}.emp-config-table-responsive{display:none}.emp-config-mobile-cards{display:flex}.emp-config-form-row{grid-template-columns:1fr}}@media (width<=480px){.emp-config-header-card{padding:1.25rem 1rem}.emp-config-title{font-size:1.3rem}}.emp-config-locked-tag{color:#64748b;cursor:not-allowed;background:#f1f5f9;border-radius:9999px;align-items:center;padding:.35rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.emp-config-classify-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.emp-config-classify-info{align-items:center;gap:.75rem;display:flex}.emp-config-classify-icon{font-size:1.5rem}.emp-config-classify-title{color:#92400e;margin:0;font-size:.95rem;font-weight:600}.emp-config-classify-text{color:#b45309;margin:.2rem 0 0;font-size:.8125rem}.emp-config-classify-action-btn{color:#fff;cursor:pointer;background:#d97706;border:none;border-radius:.5rem;padding:.55rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s}.emp-config-classify-action-btn:hover{background:#b45309}.audit-page-container{color:#1e293b;max-width:1440px;margin:0 auto;padding:1.75rem 2rem 3rem;font-family:inherit}.audit-header-area{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.audit-title-group h1{color:#0f172a;align-items:center;gap:.625rem;margin:0 0 .35rem;font-size:1.625rem;font-weight:700;display:flex}.audit-badge-super{text-transform:uppercase;letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);border-radius:9999px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #7c3aed40}.audit-title-group p{color:#64748b;margin:0;font-size:.875rem}.audit-header-actions{align-items:center;gap:.75rem;display:flex}.audit-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.audit-btn-primary{color:#fff;background:#2563eb;border-color:#2563eb}.audit-btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 2px 8px #2563eb40}.audit-btn-secondary{color:#334155;background:#fff;border-color:#cbd5e1}.audit-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.audit-btn:disabled{opacity:.6;cursor:not-allowed}.audit-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.audit-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.audit-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.audit-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.audit-kpi-icon.blue{color:#2563eb;background:#eff6ff}.audit-kpi-icon.purple{color:#7c3aed;background:#f5f3ff}.audit-kpi-icon.emerald{color:#059669;background:#ecfdf5}.audit-kpi-icon.rose{color:#e11d48;background:#fff1f2}.audit-kpi-content{flex-direction:column;display:flex}.audit-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.25rem;font-size:.8125rem;font-weight:600}.audit-kpi-value{color:#0f172a;font-size:1.5rem;font-weight:700}.audit-filters-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem 1.5rem;box-shadow:0 1px 2px #00000008}.audit-filters-grid{grid-template-columns:2fr 1fr 1fr 1.2fr auto;align-items:flex-end;gap:1rem;display:grid}@media (width<=1024px){.audit-filters-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.audit-filters-grid{grid-template-columns:1fr}}.audit-filter-item{flex-direction:column;gap:.35rem;display:flex}.audit-filter-item label{color:#475569;text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;font-weight:600}.audit-input,.audit-select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:40px;padding:0 .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.audit-input:focus,.audit-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.audit-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.audit-table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.audit-table-count{color:#475569;font-size:.875rem;font-weight:600}.audit-table-count strong{color:#0f172a}.audit-table-wrapper{width:100%;overflow-x:auto}.audit-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.audit-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1rem;font-size:.75rem;font-weight:700}.audit-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:1rem}.audit-table tr:hover td{background:#f8fafc}.audit-actor-cell{flex-direction:column;gap:.2rem;display:flex}.audit-actor-name{color:#0f172a;align-items:center;gap:.4rem;font-weight:600;display:flex}.audit-actor-email{color:#64748b;font-size:.8125rem}.audit-actor-id{color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.audit-role-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:4px;align-items:center;padding:.15rem .45rem;font-size:.6875rem;font-weight:700;display:inline-flex}.audit-role-badge.super_admin{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.audit-role-badge.admin{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.audit-role-badge.employee{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.audit-role-badge.system{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.audit-category-tag{text-transform:uppercase;letter-spacing:.025em;border-radius:6px;margin-bottom:.25rem;padding:.2rem .5rem;font-size:.6875rem;font-weight:700;display:inline-block}.audit-category-tag.blue{color:#1e40af;background:#dbeafe}.audit-category-tag.amber{color:#92400e;background:#fef3c7}.audit-category-tag.purple{color:#6b21a8;background:#f3e8ff}.audit-category-tag.emerald{color:#065f46;background:#d1fae5}.audit-category-tag.indigo{color:#3730a3;background:#e0e7ff}.audit-category-tag.rose{color:#9f1239;background:#ffe4e6}.audit-category-tag.cyan{color:#155e75;background:#cffafe}.audit-category-tag.teal{color:#115e59;background:#ccfbf1}.audit-category-tag.orange{color:#9a3412;background:#ffedd5}.audit-category-tag.gray{color:#475569;background:#f1f5f9}.audit-desc-cell{color:#1e293b;max-width:480px;font-size:.875rem;line-height:1.45}.audit-raw-action{color:#64748b;margin-top:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.audit-time-cell{white-space:nowrap;color:#334155;font-size:.8125rem}.audit-client-cell{white-space:nowrap;font-size:.8125rem}.audit-ip{color:#475569;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.audit-device{color:#94a3b8;margin-top:.15rem;font-size:.75rem}.audit-view-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:6px;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.audit-view-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.audit-pagination{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.audit-pagination-info{color:#64748b;font-size:.875rem}.audit-pagination-controls{align-items:center;gap:.5rem;display:flex}.audit-page-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.4rem .75rem;font-size:.8125rem;font-weight:600}.audit-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.audit-page-btn:disabled{opacity:.5;cursor:not-allowed}.audit-page-indicator{color:#334155;padding:0 .5rem;font-size:.8125rem;font-weight:600}.audit-empty-state{text-align:center;color:#64748b;padding:4rem 2rem}.audit-empty-icon{margin-bottom:.75rem;font-size:2.5rem}.audit-empty-state h3{color:#1e293b;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.audit-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.audit-modal-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.2s ease-out auditModalIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes auditModalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.audit-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.audit-modal-header h3{color:#0f172a;margin:0;font-size:1.125rem;font-weight:700}.audit-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1}.audit-modal-close:hover{color:#0f172a}.audit-modal-body{padding:1.5rem;font-size:.875rem;overflow-y:auto}.audit-modal-field{margin-bottom:1rem}.audit-modal-field label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}.audit-json-box{color:#38bdf8;white-space:pre-wrap;word-break:break-all;background:#0f172a;border-radius:8px;max-height:250px;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;overflow-x:auto}.audit-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;padding:1rem 1.5rem;display:flex}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}