@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg-main:#f5f6fa;--bg-card:#fff;--bg-sidebar:#fff;--bg-header:#fff;--bg-input:#fff;--bg-surface:#f8fafc;--bg-secondary:#f8fafc;--border-input:#cbd5e1;--placeholder-input:#94a3b8;--app-card-bg:#fff;--app-card-alt:#f8fafc;--app-card-border:#e2e8f0;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#3b82f61a;--text-main:#0f172a;--text-muted:#64748b;--text-white:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000012, 0 4px 6px -2px #00000008;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--sidebar-width:250px;--sidebar-collapsed-width:70px;--header-height:56px}html.dark{--dark-bg:#111827;--dark-header:#111827;--dark-sidebar:#111827;--dark-card:#182235;--dark-card-secondary:#1e293b;--dark-control:#243044;--dark-border:#334155;--dark-input-border:#334155;--dark-text-primary:#f8fafc;--dark-text-normal:#f8fafc;--dark-text-secondary:#94a3b8;--dark-text-muted:#94a3b8;--dark-blue:#3b82f6;--dark-green:#10b981;--dark-orange:#f59e0b;--dark-red:#ef4444;--app-card-bg:#182235;--app-card-alt:#1e293b;--app-card-border:#334155;--bg-main:var(--dark-bg);--bg-sidebar:var(--dark-sidebar);--bg-header:var(--dark-header);--bg-card:var(--dark-card);--bg-surface:var(--dark-card-secondary);--bg-secondary:var(--dark-card-secondary);--bg-table-header:#243044;--border-divider:var(--dark-border);--text-on-dark:var(--dark-text-primary);--text-muted-on-dark:var(--dark-text-secondary);--text-on-card:var(--dark-text-normal);--text-muted-on-card:var(--dark-text-secondary);--text-main:var(--dark-text-normal);--text-muted:var(--dark-text-secondary);--text-table-header:#f8fafc;--bg-input:var(--dark-control);--text-input:var(--dark-text-primary);--border-input:var(--dark-input-border);--placeholder-input:var(--dark-text-secondary);--primary:#3b82f6;--primary-hover:#2563eb;--primary-active:#1d4ed8;--primary-light:#3b82f629;--primary-border:#3b82f647;--success:var(--dark-green);--warning:var(--dark-orange);--danger:var(--dark-red);--border:var(--dark-border);--border-light:#263449;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 6px 16px #00000073;--shadow-lg:0 12px 28px #0000008c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;font-size:14px;font-weight:400;line-height:1.4;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}.app-container{width:100%;min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);color:#64748b;z-index:100;border-right:1px solid var(--border);background-color:#fff;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-x:hidden}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:100px;min-height:100px;padding:0 16px;display:flex}.sidebar-brand-wrapper{align-items:center;gap:10px;display:flex;overflow:hidden}.brand-logo{object-fit:contain;border-radius:6px;flex-shrink:0;width:90px;height:90px}.brand-info{flex-direction:column;justify-content:center;display:flex}.brand-title{color:#3b82f6;letter-spacing:-.3px;margin:0;font-size:18px;font-weight:700;line-height:1.1}.brand-subtitle-gray{color:#64748b;margin-top:2px;font-size:11px;font-weight:500;line-height:1}.mobile-sidebar-close{border-radius:var(--radius-full);color:#64748b;justify-content:center;align-items:center;width:30px;height:30px;transition:background-color .2s;display:none}.mobile-sidebar-close:hover{color:#0f172a;background-color:#f1f5f9}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background-color:#0f172a80;position:fixed;inset:0}.sidebar-menu{flex:1;padding:12px 10px;overflow-y:auto}.nav-item,button.nav-item,a.nav-item{color:#64748b;border-radius:var(--radius-md);text-align:left;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;gap:10px;margin-bottom:2px;padding:8px 12px;font-size:13.5px;font-weight:400;transition:all .2s;cursor:pointer!important;box-sizing:border-box!important;align-items:center!important;width:100%!important;text-decoration:none!important;display:flex!important}.nav-item *,.nav-subitem *{pointer-events:none}.nav-item:hover:not(.active){color:#334155;background-color:#f8fafc}.nav-item.active{color:#3b82f6;box-shadow:none;background-color:#3b82f61a;font-weight:600}.nav-item.active .nav-icon{color:#3b82f6}.sidebar-section-title{letter-spacing:.5px;color:#94a3b8;text-transform:uppercase;padding:12px 12px 4px;font-size:11px;font-weight:600}html.dark .sidebar-section-title{color:#646775}.nav-group-header{justify-content:space-between}.nav-item-content{align-items:center;gap:10px;display:flex}.group-chevron{color:#94a3b8;transition:transform .2s}.nav-subitems{flex-direction:column;margin-top:2px;margin-bottom:6px;padding-left:18px;display:flex}.nav-subitem,.submenu-item,a.nav-subitem,a.submenu-item{font-family:var(--font-family);letter-spacing:normal;text-transform:none;color:#64748b;white-space:nowrap;background-color:#0000;border-radius:6px;gap:8px;padding:6px 10px;font-size:13px;font-weight:400;line-height:1.4;transition:all .15s;box-sizing:border-box!important;cursor:pointer!important;align-items:center!important;width:100%!important;text-decoration:none!important;display:flex!important}.nav-subitem:hover,.submenu-item:hover{color:#3b82f6;background-color:#3b82f614}.nav-subitem.active,.submenu-item.active{color:#3b82f6;background-color:#3b82f61a;font-weight:600}.subitem-dot{background-color:#cbd5e1;border-radius:50%;width:5px;height:5px;transition:background-color .15s}.nav-subitem.active .subitem-dot,.submenu-item.active .subitem-dot{background-color:#3b82f6}html.dark .nav-subitem,html.dark .submenu-item{color:#9a9ca5;background-color:#0000}html.dark .nav-subitem:hover,html.dark .submenu-item:hover{color:#f1f1f3;background-color:#ffffff0d}html.dark .nav-subitem.active,html.dark .submenu-item.active{color:#3b82f6;background-color:#3b82f62e;font-weight:600}html.dark .nav-subitem.active .subitem-dot,html.dark .submenu-item.active .subitem-dot{background-color:#3b82f6}.sidebar-footer-container{border-top:1px solid var(--border,#f1f5f9);margin-top:auto;padding:16px 14px}.new-employee-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #3b82f640}.new-employee-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.sidebar-footer-links{flex-direction:column;gap:4px;margin-top:10px;display:flex}.sidebar-footer-btn,.sidebar-logout-btn{height:40px;color:var(--text-muted,#64748b);cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;margin:0;padding:0 12px;font-size:13.5px;font-weight:400;transition:all .2s;display:flex}.sidebar-footer-btn:hover{background-color:var(--border-light,#f8fafc);color:var(--text-main,#0f172a)}.sidebar-logout-btn:hover{color:#ef4444!important;background-color:#ef444414!important}.sidebar-logout-btn:hover .nav-icon{color:#ef4444!important}html.dark .sidebar-footer-container{border-top-color:#ffffff14}html.dark .sidebar-footer-btn,html.dark .sidebar-logout-btn{color:#9a9ca5}html.dark .sidebar-footer-btn:hover{color:#f1f1f3;background-color:#ffffff0f}html.dark .sidebar-logout-btn:hover{color:#ef4444!important;background-color:#ef444424!important}.mobile-approval-cards{flex-direction:column;gap:12px;display:none}@media (width<=640px){.desktop-approval-table{display:none!important}.mobile-approval-cards{display:flex!important}}.mobile-approval-card{border:1px solid var(--border);background-color:var(--bg-card);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.sidebar-footer{border-top:1px solid var(--border);padding:12px}.user-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#f8fafc;align-items:center;gap:10px;padding:7px 10px;display:flex}.user-avatar{border-radius:var(--radius-full);object-fit:cover;width:32px;height:32px}.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.clickable:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-2px)}.main-wrapper{margin-left:var(--sidebar-width);min-width:0;width:calc(100% - var(--sidebar-width));flex-direction:column;flex:1;transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);display:flex}.top-header{height:var(--header-height);background-color:var(--bg-header);border-bottom:1px solid var(--border);z-index:90;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #00000008}.header-left{align-items:center;gap:10px;display:flex}.hamburger-btn,.mobile-hamburger-btn{justify-content:center;align-items:center;display:flex}.header-search-wrapper{width:clamp(200px,32vw,360px);position:relative}.header-search{background-color:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-full);align-items:center;gap:8px;width:100%;padding:6px 12px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex}.header-search:focus-within{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.header-search input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-size:13px}.search-clear-btn{color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;padding:3px;transition:color .15s,background-color .15s;display:flex}.search-clear-btn:hover{color:var(--text-main);background-color:var(--border)}.search-dropdown-menu{border:1px solid var(--border);z-index:600;background-color:#fff;border-radius:12px;width:clamp(300px,90vw,420px);animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 12px 30px -5px #0000001f,0 8px 10px -6px #0000000a}.search-results-list{max-height:380px;padding:4px 0;overflow-y:auto}.search-result-item{cursor:pointer;border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:10px 14px;transition:background-color .15s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f8fafc}.search-avatar-box{border:1px solid var(--border);background-color:#3b82f61a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.search-avatar-img{object-fit:cover;width:100%;height:100%}.search-avatar-initials{color:#3b82f6;font-size:12.5px;font-weight:700}.search-info{flex:1;min-width:0}.search-info-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.search-emp-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.search-emp-id{color:#3b82f6;background-color:#3b82f61a;border-radius:4px;flex-shrink:0;padding:1.5px 6px;font-size:10.5px;font-weight:700}.search-info-bottom{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:11.5px;display:flex;overflow:hidden}.search-emp-designation{text-overflow:ellipsis;overflow:hidden}.search-bullet{color:#94a3b8;font-size:9px}.search-emp-dept{color:#64748b;font-weight:500}.search-no-results{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:13px;font-weight:500}.header-actions{align-items:center;gap:16px;display:flex}.icon-btn{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-muted);border:1px solid var(--border);justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.icon-btn:hover{background-color:var(--border-light);color:var(--text-main)}.badge-dot{border:1.5px solid var(--bg-card,#fff);box-sizing:content-box;pointer-events:none;background-color:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.badge-count{color:#fff;border:1.5px solid var(--bg-card,#fff);box-sizing:border-box;pointer-events:none;background-color:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:2px;right:2px}.page-content{box-sizing:border-box;flex:1;width:100%;min-width:0;height:auto!important;min-height:fit-content!important;padding:24px 24px 44px!important}@media (width<=1024px){.page-content{padding:20px 20px 36px!important}}@media (width<=767px){.page-content{padding:16px 16px 32px!important}}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px;font-weight:400;line-height:1.4}.btn{border-radius:var(--radius-md);align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--text-white);box-shadow:0 2px 6px #3b82f640}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border);color:var(--text-main);background-color:#fff}.btn-secondary:hover{background-color:var(--border-light)}.btn-danger{background-color:var(--danger-light);color:var(--danger)}.btn-danger:hover{background-color:var(--danger);color:#fff}.btn-success,.btn-approve{color:#fff!important;background-color:#10b981!important;border:1px solid #10b981!important;justify-content:center!important;align-items:center!important;gap:6px!important;font-weight:600!important;display:inline-flex!important}.btn-success:hover,.btn-approve:hover{color:#fff!important;background-color:#059669!important;border-color:#059669!important}.btn-sm{padding:4px 8px;font-size:12px;font-weight:500}.icon-action-btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.icon-action-btn.approve{color:#059669;background-color:#ecfdf5;border-color:#a7f3d0}.icon-action-btn.approve:hover{color:#fff;background-color:#10b981;border-color:#10b981;transform:translateY(-1px);box-shadow:0 2px 5px #10b98140}.icon-action-btn.reject{color:#e11d48;background-color:#fff1f2;border-color:#fecdd3}.icon-action-btn.reject:hover{color:#fff;background-color:#f43f5e;border-color:#f43f5e;transform:translateY(-1px);box-shadow:0 2px 5px #f43f5e40}.dashboard-container{width:100%}.metrics-grid{grid-template-columns:repeat(5,1fr);gap:16px;width:100%;margin-bottom:24px;display:grid}.metric-card{background-color:#fff;border:1px solid #e2e8f0d9;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:140px;padding:18px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000005}.metric-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.metric-card.pending-card{background-color:#fff6f6;border-color:#fecdd3}.metric-card.pending-card:hover{border-color:#fca5a5;box-shadow:0 10px 25px #ef44441f}.metric-header-row{z-index:1;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.metric-label{color:#64748b;text-align:left;font-size:13px;font-weight:500;line-height:1.25}.metric-label.red-title{color:#991b1b;font-weight:600}.metric-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.metric-icon-box.purple{color:#3b82f6;background-color:#3b82f61a}.metric-icon-box.green{color:#047857;background-color:#e6f9f0}.metric-icon-box.gray-blue{color:#475569;background-color:#f1f5f9}.metric-icon-box.orange{color:#b45309;background-color:#fef3c7}.metric-icon-box.red,.metric-icon-box.danger{color:#ef4444;background-color:#ef44441a}.directory-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:20px;display:flex}.directory-field-group{flex-direction:column;gap:5px;display:flex}.directory-filter-label{color:var(--text-muted,#64748b);font-size:12.5px;font-weight:500;line-height:1}.directory-search-box{background-color:var(--bg-main,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:10px;flex:2;align-items:center;gap:10px;min-width:240px;height:42px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.directory-search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.directory-search-icon{color:#64748b;flex-shrink:0}.directory-search-input{width:100%;height:100%;color:var(--text-main,#0f172a);background:0 0;border:none;outline:none;font-size:13.5px;font-weight:400}.directory-search-input::placeholder{color:#94a3b8;font-size:13.5px;font-weight:400}.directory-select-wrapper{flex:1;align-items:center;gap:8px;min-width:150px;display:flex}.directory-filter-icon{color:#64748b;flex-shrink:0}.directory-select,.directory-date-input{background-color:var(--bg-main,#fff);border:1px solid var(--border,#e2e8f0);width:100%;height:42px;color:var(--text-main,#0f172a);cursor:pointer;box-sizing:border-box;border-radius:10px;outline:none;padding:0 12px;font-size:13.5px;font-weight:400}.directory-clear-btn{border:1px solid var(--border,#e2e8f0);height:42px;color:var(--text-main,#0f172a);cursor:pointer;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.directory-clear-btn:hover{background-color:var(--border-light,#f1f5f9)}.metric-body-row{z-index:1;flex-direction:column;align-items:flex-start;gap:4px;margin-top:10px;display:flex}.metric-value{color:#0f172a;letter-spacing:-.5px;font-size:30px;font-weight:600;line-height:1}.metric-value.red-val{color:#b91c1c}.metric-subtext{align-items:center;gap:4px;font-size:12.5px;font-weight:400;display:inline-flex}.metric-subtext.green{color:#059669}.metric-subtext.gray-blue{color:#64748b;font-weight:400}.metric-subtext.orange{color:#d97706}.metric-pill.danger{color:#b91c1c;background-color:#fee2e2;border-radius:6px;align-items:center;padding:3px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.metric-decor-dots{pointer-events:none;z-index:0;position:absolute;bottom:-4px;right:-4px}.metric-decor-dots.green{color:#10b981}.metric-decor-dots.gray-blue{color:#64748b}.metric-decor-dots.orange{color:#f59e0b}.metric-decor-dots.red{color:#ef4444}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:18px 20px;box-shadow:0 1px 3px #00000008}.card:last-child{margin-bottom:0}.card.mb-6,.card.mb-4,.card.filter-card,.directory-filter-card{margin-bottom:16px!important}.card.compact-card{margin-bottom:16px;padding:16px 18px}.dashboard-grid{flex-direction:column;gap:20px;width:100%;display:flex}.dashboard-top-row{grid-template-columns:2.2fr 1fr;gap:16px;width:100%;display:grid}@media (width<=1024px){.dashboard-top-row{grid-template-columns:1fr}}.card-header,.card-header.compact-header{margin-bottom:12px}.card-title,.card-title.text-base{color:#0f172a;font-size:15px;font-weight:700}.view-details-link{color:#3b82f6;font-size:12.5px;font-weight:700;transition:color .15s}.view-details-link:hover{color:#2563eb;text-decoration:underline}.dept-attendance-list.figma-style-list{flex-direction:column;gap:14px;padding:14px 16px;display:flex}.figma-dept-item{cursor:pointer;background:0 0;border:none;border-radius:0;flex-direction:column;gap:6px;padding:0;transition:opacity .15s;display:flex}.figma-dept-item:hover{opacity:.85}.figma-dept-header{justify-content:space-between;align-items:center;width:100%;display:flex}.figma-dept-name{color:var(--text-main,#0f172a);letter-spacing:-.01em;font-size:13.5px;font-weight:600}.figma-dept-pct{color:var(--text-main,#0f172a);font-size:13.5px;font-weight:700}.figma-progress-track{background-color:var(--border-color,#e2e8f0);border-radius:9999px;width:100%;height:6px;overflow:hidden}.figma-progress-fill{background-color:var(--primary-color,#3b82f6);border-radius:9999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.dept-attendance-list.compact{flex-direction:column;gap:10px;display:flex}.dept-attendance-item.compact{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:6px 10px;transition:background-color .15s,border-color .15s}.dept-attendance-item.compact:hover{background-color:#f1f5f9;border-color:#e2e8f0}.dept-info{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.dept-name{color:#0f172a;font-size:13px;font-weight:600}.dept-count{color:#64748b;font-size:12px;font-weight:600}.progress-bar-bg.thin{background-color:#e2e8f0;border-radius:4px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width .4s}.alerts-list.compact{flex-direction:column;gap:8px;display:flex}.alert-card.compact{border:1px solid #0000;border-radius:10px;padding:10px 12px;transition:transform .15s,box-shadow .15s,border-color .15s}.alert-card.clickable{cursor:pointer}.alert-card.compact:hover,.alert-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.alert-card.clickable:focus-visible{outline-offset:2px;outline:2px solid #3b82f6;box-shadow:0 0 0 4px #3b82f626}.alert-card.warning{background-color:#fffbeb;border-color:#fef3c7}.alert-card.warning:hover{border-color:#f59e0b}.alert-card.info{background-color:#eff6ff;border-color:#dbeafe}.alert-card.info:hover{border-color:#3b82f6}.alert-card.success{background-color:#ecfdf5;border-color:#d1fae5}.alert-card.success:hover{border-color:#10b981}.alert-header-compact{align-items:flex-start;gap:10px;display:flex}.alert-icon-box.sm{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;display:flex}.alert-content-compact{flex:1;min-width:0}.alert-title-compact{color:#0f172a;font-size:12.5px;font-weight:700;line-height:1.25}.alert-desc-compact{color:#475569;margin-top:2px;font-size:11.5px;line-height:1.35}.pending-section-card{margin-top:0}.pending-count-badge{color:#dc2626;background-color:#fee2e2;border-radius:9999px;align-items:center;padding:1.5px 7px;font-size:11.5px;font-weight:700;display:inline-flex}.custom-table.compact-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 12px;font-size:11px;font-weight:700}.custom-table.compact-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 12px;font-size:12.5px}.employee-cell.compact{align-items:center;gap:10px;display:flex}.table-avatar.sm{object-fit:cover;border-radius:50%;width:28px;height:28px}.emp-name.font-600{color:#3b82f6;font-size:12.5px;font-weight:600}.badge-pending-type.compact{color:#3b82f6;background-color:#3b82f61a;border-radius:50px;padding:3px 8px;font-size:11.5px;font-weight:600}.leave-details.compact{align-items:center;gap:6px;font-size:12px;display:flex}.leave-reason-inline{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:11.5px;overflow:hidden}.action-buttons-group.compact{justify-content:flex-end;align-items:center;gap:6px;display:flex}.icon-action-btn.sm{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.icon-action-btn.approve.sm{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.icon-action-btn.approve.sm:hover{color:#fff;background-color:#10b981;border-color:#10b981}.icon-action-btn.reject.sm{color:#e11d48;background-color:#fff1f2;border:1px solid #fecdd3}.icon-action-btn.reject.sm:hover{color:#fff;background-color:#f43f5e;border-color:#f43f5e}.empty-state.compact{text-align:center;color:#64748b;padding:16px;font-size:13px}.view-all-pending-footer{border-top:1px solid #f1f5f9;justify-content:center;align-items:center;margin-top:8px;padding-top:10px;display:flex}.view-all-link{color:#3b82f6;font-size:12.5px;font-weight:600;transition:color .15s}.view-all-link:hover{color:#2563eb;text-decoration:underline}.alert-icon-box{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:22px;height:22px;display:flex}.alert-icon-box.warning{color:#d97706;background-color:#fef3c7}.alert-icon-box.info{color:#2563eb;background-color:#dbeafe}.alert-icon-box.success{color:#059669;background-color:#d1fae5}.alert-title{color:var(--text-main);font-size:13px;font-weight:700}.alert-description{color:#475569;margin-bottom:6px;font-size:12px;line-height:1.4}.alert-footer{justify-content:space-between;align-items:center;font-size:11px;display:flex}.alert-date{color:var(--text-muted);font-weight:500}.alert-action{color:var(--primary);cursor:pointer;font-weight:700}.alert-action:hover{text-decoration:underline}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);width:100%;overflow-x:auto}.table-pagination-footer,.table-footer{border-top:1px solid var(--border);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;display:flex;padding:14px 20px 16px!important}.custom-table,.table,.directory-table,.desktop-approval-table{border-collapse:collapse;text-align:center;white-space:nowrap;width:100%;font-size:13.5px;font-weight:400}.custom-table th,.table th,.directory-table th,.desktop-approval-table th{background-color:var(--bg-main);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);text-align:center;vertical-align:middle;padding:10px 12px;font-size:12px;font-weight:600}.custom-table td,.table td,.directory-table td,.desktop-approval-table td{border-bottom:1px solid var(--border-light);color:var(--text-main);text-align:center;vertical-align:middle;padding:10px 12px;font-size:13px;font-weight:400}.custom-table tr:hover td,.table tr:hover td,.directory-table tr:hover td,.desktop-approval-table tr:hover td{background-color:#f8fafcb3}.text-left,.col-left,th.text-left,td.text-left,th.col-left,td.col-left,th.col-desc,td.col-desc,th.col-reason,td.col-reason,th.col-notes,td.col-notes,th.col-comments,td.col-comments,th.col-details,td.col-details{white-space:normal;text-align:left!important}.text-center,.col-center,th.text-center,td.text-center,th.col-center,td.col-center{text-align:center!important}.text-right,.col-right,th.text-right,td.text-right{text-align:right!important}.table-avatar,.emp-cell-block,.employee-info-cell{text-align:center;justify-content:center;align-items:center;gap:8px;display:inline-flex}.badge{border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-active,.badge-present,.badge-paid,.badge-approved,.badge-completed{background-color:var(--success-light);color:#047857}.badge-onleave,.badge-pending,.badge-in-progress{background-color:var(--warning-light);color:#b45309}.badge-terminated,.badge-absent,.badge-rejected{background-color:var(--danger-light);color:#b91c1c}.badge-late{background-color:var(--info-light);color:#1d4ed8}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-group.full-width{grid-column:span 2}.form-group label{color:var(--text-main);font-size:12.5px;font-weight:600}.form-control{border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;background-color:#fff;outline:none;min-height:38px;padding:9px 12px;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.form-control:hover{border-color:#cbd5e1}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.form-control:disabled{background-color:var(--border-light,#f1f5f9);color:#94a3b8;cursor:not-allowed;opacity:.8}.form-control.is-invalid,select.is-invalid,.form-select.is-invalid,.directory-select.is-invalid{border-color:var(--danger)!important;box-shadow:0 0 0 3px #ef44441f!important}.form-select{border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;width:100%;min-height:38px;color:var(--text-main,#0f172a);background-color:#fff;outline:none;padding:9px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.form-select:hover{border-color:#cbd5e1}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.form-select:disabled{background-color:var(--border-light,#f1f5f9);color:#94a3b8;cursor:not-allowed;opacity:.8}select,select.form-control,select.directory-select,select.month-select,select.filter-select,select.custom-select,.form-select,.directory-select,.form-group select,.card select,.modal-content select,.modal-body select,.modal-container select,.drawer-content select,.settings-card select,.directory-filter-bar select,.directory-select-wrapper select{cursor:pointer;outline:none;font-weight:400;transition:border-color .2s,box-shadow .2s;appearance:none!important;box-sizing:border-box!important;border:1px solid var(--border,#e2e8f0)!important;border-radius:var(--radius-md,8px)!important;max-width:100%!important;height:38px!important;min-height:38px!important;color:var(--text-main,#0f172a)!important;background-color:var(--bg-main,#fff)!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:16px 16px!important;padding:0 34px 0 12px!important;font-size:13.5px!important}select:hover,select.form-control:hover,select.directory-select:hover,.form-select:hover,.directory-select:hover{border-color:#cbd5e1!important}select:focus,select.form-control:focus,select.directory-select:focus,.form-select:focus,.directory-select:focus{border-color:var(--primary)!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233B82F6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;box-shadow:0 0 0 3px #4f46e51f!important}select:disabled,select.form-control:disabled,select.directory-select:disabled,.form-select:disabled,.directory-select:disabled{opacity:.8;background-color:var(--border-light,#f1f5f9)!important;color:#94a3b8!important;cursor:not-allowed!important}select option{color:var(--text-main,#0f172a);background-color:#fff;padding:6px 10px}select option:checked{background-color:var(--border-light,#f1f5f9);font-weight:600}@supports (appearance:base-select){html select:not([multiple]):not([size]){appearance:base-select!important}html select:not([multiple]):not([size])::picker(select){appearance:base-select!important}html select:not([multiple]):not([size]){align-items:center;display:inline-flex}html select::picker-icon{display:none}html select::picker(select){min-width:anchor-size(width);background:var(--dd-bg,#fff);border:1px solid var(--dd-border,#e2e8f0);opacity:0;max-height:min(320px,50vh);transition:opacity .16s ease, transform .16s ease, overlay .16s allow-discrete, display .16s allow-discrete;border-radius:10px;margin-top:4px;padding:4px;overflow-y:auto;transform:translateY(-4px);box-shadow:0 12px 28px -8px #0f172a2e,0 4px 10px -4px #0f172a14}html select:open::picker(select){opacity:1;transform:translateY(0)}@starting-style{html select:open::picker(select){opacity:0;transform:translateY(-4px)}}html select option{cursor:pointer;border-radius:6px;align-items:center;min-height:34px;font-size:13.5px;transition:background-color .12s,color .12s;display:flex;color:var(--dd-text,#0f172a)!important;background:0 0!important;padding:7px 10px!important}html select option::checkmark{display:none}html select option:hover,html select option:focus-visible{outline:none;background-color:var(--dd-hover,#f1f5f9)!important}html select option:checked{font-weight:600;background-color:var(--dd-active-bg,#eef2ff)!important;color:var(--dd-active-text,#4338ca)!important}html select option:disabled{cursor:not-allowed;color:var(--dd-muted,#94a3b8)!important}}html{--dd-bg:#fff;--dd-border:#e2e8f0;--dd-text:#0f172a;--dd-muted:#94a3b8;--dd-hover:#f1f5f9;--dd-active-bg:#eff6ff;--dd-active-text:#1d4ed8;--dd-accent:#3b82f6;--dd-accent-text:#fff}html.dark{--dd-bg:#1e293b;--dd-border:#334155;--dd-text:#f1f5f9;--dd-muted:#64748b;--dd-hover:#273449;--dd-active-bg:#3b82f638;--dd-active-text:#93c5fd;--dd-accent:#3b82f6;--dd-accent-text:#fff}html.theme-pink{--dd-bg:#fff8fc;--dd-border:#f3d5e3;--dd-text:#3f0d2e;--dd-muted:#c08aa8;--dd-hover:#fce7f3;--dd-active-bg:#fbcfe8;--dd-active-text:#9d174d;--dd-accent:#ec4899;--dd-accent-text:#fff}html.theme-pink select:hover{border-color:#f9a8d4!important}html.theme-pink select:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23EC4899' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;border-color:#ec4899!important;box-shadow:0 0 0 3px #ec489926!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;background-color:#0f172aa6;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container,.modal-content,.centered-modal-card{color:#0f172a;box-sizing:border-box;background-color:#fff;width:100%;max-width:550px;animation:.2s cubic-bezier(.16,1,.3,1) modalScale;position:relative;border:1px solid #cbd5e1!important;border-radius:14px!important;flex-direction:column!important;max-height:90vh!important;display:flex!important;overflow:hidden!important;box-shadow:0 20px 50px #0f172a38!important}@keyframes modalScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{z-index:10;background-color:#fff;justify-content:space-between;align-items:center;margin:0;padding:16px 20px;display:flex;border-bottom:1px solid #e2e8f0!important;flex-shrink:0!important}.modal-title{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;display:flex}.modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.modal-close-btn:hover{color:#0f172a;background-color:#f1f5f9}.modal-body,.modal-content>form,.centered-modal-card>form,.modal-form-body{box-sizing:border-box;background-color:#fff;flex-direction:column;gap:16px;padding:20px;display:flex;flex:1!important;min-height:0!important;overflow-y:auto!important}.modal-footer{z-index:10;background-color:#fff;justify-content:flex-end;align-items:center;gap:12px;margin:0;padding:14px 20px;display:flex;border-top:1px solid #e2e8f0!important;flex-shrink:0!important}.modal-body .form-control,.modal-body .directory-search-input,.modal-container .form-control,.modal-container input[type=text],.modal-container input[type=email],.modal-container input[type=password],.modal-container textarea,.modal-container select{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:13.5px;transition:all .15s}.modal-body .form-control:focus,.modal-container input:focus,.modal-container textarea:focus,.modal-container select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.modal-body .form-label,.modal-container label{color:#475569;margin-bottom:6px;font-size:12px;font-weight:600;display:block}html.dark .modal-overlay{background-color:#000000bf!important}html.dark .modal-container,html.dark .modal-content,html.dark .centered-modal-card{color:#e5e7eb!important;background-color:#111827!important;border:1px solid #263449!important;box-shadow:0 25px 60px #000000a6!important}html.dark .modal-header{background-color:#111827!important;border-bottom:1px solid #263449!important}html.dark .modal-title,html.dark .modal-header h2,html.dark .modal-header h3{color:#f8fafc!important}html.dark .modal-close-btn{color:#94a3b8!important}html.dark .modal-close-btn:hover{color:#f8fafc!important;background-color:#172033!important}html.dark .modal-body,html.dark .modal-content>form,html.dark .centered-modal-card>form,html.dark .modal-form-body{color:#e5e7eb!important;background-color:#111827!important}html.dark .modal-body label,html.dark .modal-content label,html.dark .modal-container label,html.dark .centered-modal-card label,html.dark .modal-form-body label,html.dark .form-group label{color:#f8fafc!important}html.dark .modal-body .form-control,html.dark .modal-body .directory-search-input,html.dark .modal-content .form-control,html.dark .modal-content input,html.dark .modal-content select,html.dark .modal-content textarea,html.dark .modal-container .form-control,html.dark .modal-container input[type=text],html.dark .modal-container input[type=email],html.dark .modal-container input[type=password],html.dark .modal-container textarea,html.dark .modal-container select{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}html.dark .modal-body .form-control::placeholder,html.dark .modal-container input::placeholder,html.dark .modal-container textarea::placeholder{color:#64748b!important}html.dark .modal-body .form-control:focus,html.dark .modal-container input:focus,html.dark .modal-container textarea:focus,html.dark .modal-container select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f640!important}html.dark .modal-body .form-label,html.dark .modal-container label{color:#94a3b8!important}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-gap-2{align-items:center;gap:8px;display:flex}.header-profile-divider{background-color:var(--border);width:1px;height:22px;margin:0 2px}.admin-profile-btn{border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:8px;padding:3px 6px;transition:background-color .2s;display:flex}.admin-profile-btn:hover{background-color:var(--border-light)}.profile-avatar{border-radius:var(--radius-full);object-fit:cover;border:1.5px solid var(--border);width:34px;height:34px}.profile-info{flex-direction:column;display:flex}.profile-name{color:var(--text-main);font-size:12.5px;font-weight:700;line-height:1.2}.profile-role{color:var(--text-muted);font-size:10.5px;font-weight:500}.profile-chevron{color:var(--text-muted)}.header-filter-actions{align-items:center;gap:10px;display:flex}.dropdown-container{align-items:center;display:flex;position:relative}.month-select{appearance:none;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-sm);background-color:#fff;outline:none;padding:7px 32px 7px 12px;font-size:12.5px;font-weight:600;transition:border-color .2s,box-shadow .2s}.month-select:focus{border-color:var(--primary)}.dropdown-icon{pointer-events:none;color:var(--text-muted);position:absolute;right:10px}.export-btn{box-shadow:0 2px 8px #4f46e540}@media (width>=1025px){.app-container.collapsed .sidebar{width:var(--sidebar-collapsed-width)}.app-container.collapsed .main-wrapper{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}.app-container.collapsed .sidebar-brand-wrapper{justify-content:center;width:100%}.app-container.collapsed .brand-info{display:none}.app-container.collapsed .sidebar-header{justify-content:center;height:64px;min-height:64px;padding:0 4px}.app-container.collapsed .brand-logo{width:42px;height:42px}.app-container.collapsed .nav-item{justify-content:center;gap:0;margin:2px 6px;padding:10px 0}.app-container.collapsed .nav-item span{display:none}.app-container.collapsed .sidebar-footer-container{justify-content:center;padding:12px 8px;display:flex}.app-container.collapsed .new-employee-btn{border-radius:50%;justify-content:center;width:40px;height:40px;padding:0}.app-container.collapsed .new-employee-btn .btn-text{display:none}.sidebar-backdrop{display:none!important}}@media (width<=1280px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.sidebar{z-index:1000;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #00000026;width:250px!important}.sidebar.mobile-open{transform:translate(0)}.brand-info{display:flex!important}.nav-item span{display:inline!important}.nav-item{justify-content:flex-start!important;gap:10px!important;margin:0 0 2px!important;padding:8px 12px!important}.sidebar-footer-container{padding:16px 14px!important;display:block!important}.new-employee-btn{border-radius:10px!important;width:100%!important;height:auto!important;padding:10px 14px!important}.new-employee-btn .btn-text{display:inline!important}.mobile-sidebar-close{display:flex}.hamburger-btn,.mobile-hamburger-btn{justify-content:center;align-items:center;display:flex}.main-wrapper{width:100%!important;margin-left:0!important}.top-header{padding:0 16px}.page-content{padding:16px}.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.emergency-contact-grid{grid-template-columns:1fr!important}.profile-info,.profile-chevron{display:none}.page-header{flex-direction:column;align-items:flex-start}.header-filter-actions{justify-content:flex-start;width:100%}}@media (width<=640px){.metrics-grid{grid-template-columns:repeat(1,1fr)}.header-search{width:160px}.header-actions{gap:8px}.icon-btn{width:36px;height:36px}.page-title{font-size:19px}.modal-content{padding:16px}}.header-dropdown-menu{border:1px solid var(--border);z-index:500;background-color:#fff;border-radius:12px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-title-bar{border-bottom:1px solid var(--border);background-color:#f8fafc;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dropdown-title-bar h4{color:var(--text-main);margin:0;font-size:13.5px;font-weight:700}.dropdown-close-btn{color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.dropdown-close-btn:hover{color:#0f172a;background-color:#e2e8f0}.sub-tag{color:var(--text-muted);font-size:11px;font-weight:500}.help-dropdown{width:290px}.help-menu-body{flex-direction:column;gap:10px;padding:12px;display:flex}.help-item{border-radius:var(--radius-md);align-items:flex-start;gap:10px;padding:8px 10px;transition:background-color .2s;display:flex}.help-item:hover{background-color:#f1f5f9}.help-icon{color:#3b82f6;flex-shrink:0;margin-top:2px}.help-title{color:var(--text-main);font-size:13px;font-weight:600}.help-sub{color:var(--text-muted);font-size:11px}.contact-support-card{background-color:#3b82f61a;border:1px solid #bfdbfe;border-radius:8px;margin-top:4px;padding:10px 12px}.support-card-title{color:#3b82f6;margin-bottom:6px;font-size:12px;font-weight:700}.support-line{color:#334155;align-items:center;gap:6px;margin-bottom:3px;font-size:11.5px;display:flex}.apps-dropdown{width:300px}.apps-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.app-grid-item{cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:10px 6px;transition:background-color .2s,transform .2s;display:flex}.app-grid-item:hover{background-color:#f1f5f9;transform:translateY(-2px)}.app-icon-badge{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:6px;display:flex}.app-grid-item span{color:#334155;text-align:center;white-space:nowrap;font-size:11px;font-weight:600}.notifications-dropdown{width:340px}.notifications-list{flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-light);cursor:pointer;align-items:flex-start;gap:10px;padding:10px 14px;transition:background-color .2s;display:flex}.notification-item:hover{background-color:#f8fafc}.notif-icon-box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.notif-icon-box.warning{color:#d97706;background-color:#fef3c7}.notif-icon-box.danger{color:#dc2626;background-color:#fee2e2}.notif-icon-box.info{color:#2563eb;background-color:#dbeafe}.notif-icon-box.success{color:#059669;background-color:#d1fae5}.notif-details{flex:1}.notif-header-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.notif-title{color:var(--text-main);font-size:12.5px;font-weight:700}.notif-time{color:var(--text-muted);font-size:10.5px}.notif-desc{color:#475569;font-size:11.5px;line-height:1.3}.clear-all-link{color:#3b82f6;font-size:11px;font-weight:600}.clear-all-link:hover{text-decoration:underline}.profile-dropdown{width:250px}.profile-user-summary{background-color:var(--bg-hover,#f8fafc);border-radius:8px;align-items:center;gap:10px;padding:14px;display:flex}.profile-user-avatar-lg{object-fit:cover;border-radius:50%;width:40px;height:40px}.user-name-bold{color:var(--text-main);font-size:13px;font-weight:700}.user-role-tag{color:#3b82f6;font-size:10.5px;font-weight:600}.user-email-sub{color:var(--text-muted);font-size:10.5px}.dropdown-divider{background-color:var(--border);height:1px}.profile-menu-items{flex-direction:column;gap:2px;padding:6px;display:flex}.profile-menu-row{color:var(--text-main);text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;transition:background-color .2s;display:flex}.profile-menu-row:hover{background-color:#f1f5f9}.profile-menu-row.logout{color:#dc2626}.profile-menu-row.logout:hover{background-color:#fef2f2}.tabs-container{border-bottom:1px solid var(--border);scrollbar-width:thin;-webkit-overflow-scrolling:touch;align-items:center;gap:8px;margin-top:24px;margin-bottom:24px;display:flex;overflow-x:auto}.tabs-container::-webkit-scrollbar{height:4px}.tabs-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.tab-btn .tab-icon{color:#64748b;flex-shrink:0;transition:color .2s}.tab-btn:hover,.tab-btn:hover .tab-icon{color:#334155}.tab-btn.active,.nav-tab.active,.tab-item.active,.profile-tab.active{border-radius:6px 6px 0 0;font-weight:600;color:#fff!important;background-color:#3b82f6!important}.tab-btn.active .tab-icon,.nav-tab.active .tab-icon,.tab-item.active .tab-icon,.profile-tab.active .tab-icon,.tab-btn.active svg,.nav-tab.active svg,.tab-item.active svg,.profile-tab.active svg,.tab-btn.active svg *,.nav-tab.active svg *,.tab-item.active svg *,.profile-tab.active svg *{color:#fff!important;stroke:#fff!important}.tab-badge{color:#64748b;background-color:#f1f5f9;border-radius:9999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.tab-btn.active .tab-badge{color:#3b82f6;background-color:#3b82f61a}.lang-btn{border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-main);border-radius:8px;align-items:center;gap:4px;padding:6px 10px;transition:background-color .2s,border-color .2s;display:inline-flex}.lang-btn:hover{background-color:var(--border-light)}.lang-code-tag{letter-spacing:.5px;color:var(--primary);margin-left:2px;font-size:11px;font-weight:800}.language-dropdown{width:240px;max-height:380px;padding:10px;overflow-y:auto}.language-list{flex-direction:column;gap:4px;margin-top:8px;display:flex}.language-option-row{color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:13px;transition:background-color .15s,border-color .15s;display:flex}.language-option-row:hover{background-color:var(--primary-light)}.language-option-row.selected{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary);font-weight:700}.lang-native-name{font-weight:700}.lang-en-name{color:var(--text-muted);font-size:11.5px}.dropdown-wrapper{align-items:center;display:flex;position:relative}.theme-dropdown-container{display:inline-block;position:relative}.theme-dropdown-btn{border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-main);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:auto!important;min-width:44px!important;height:40px!important;padding:0 10px!important;display:inline-flex!important}.theme-dropdown-btn:hover{background-color:var(--bg-surface);border-color:var(--primary)}.header-dropdown-menu.theme-dropdown-menu,.theme-dropdown-menu{z-index:1000!important;border-radius:10px!important;width:165px!important;min-width:165px!important;max-width:170px!important;padding:0!important;position:absolute!important;top:calc(100% + 8px)!important;left:auto!important;right:0!important;overflow:hidden!important;box-shadow:0 10px 25px -5px #00000026!important}.theme-dropdown-menu .dropdown-title-bar{border-bottom:1px solid var(--border)!important;background-color:var(--bg-surface,#f8fafc)!important;justify-content:space-between!important;align-items:center!important;padding:8px 12px!important;display:flex!important}.theme-dropdown-menu .dropdown-title-bar h4{text-transform:uppercase!important;letter-spacing:.5px!important;color:var(--text-main)!important;margin:0!important;font-size:12px!important;font-weight:700!important}.theme-options-list{flex-direction:column!important;gap:2px!important;padding:6px!important;display:flex!important}.theme-option-row,.theme-option-item{cursor:pointer!important;width:100%!important;height:38px!important;color:var(--text-main)!important;box-sizing:border-border-box!important;background:0 0!important;border:none!important;border-radius:6px!important;justify-content:space-between!important;align-items:center!important;padding:0 10px!important;font-size:13px!important;font-weight:500!important;transition:background-color .15s,color .15s!important;display:flex!important}.theme-option-row:hover,.theme-option-item:hover{background-color:var(--bg-surface,#f8fafc)!important;color:var(--primary)!important}.theme-option-row.selected,.theme-option-item.active{background-color:var(--primary-light,#3b82f61a)!important;color:var(--primary)!important;font-weight:600!important}html.dark .theme-dropdown-menu{background-color:#111827!important;border-color:#263449!important}html.dark .theme-dropdown-menu .dropdown-title-bar{background-color:#172033!important;border-bottom-color:#263449!important}html.dark .theme-option-row:hover,html.dark .theme-option-item:hover{background-color:#172033!important}html.dark .theme-option-row.selected,html.dark .theme-option-item.active{background-color:#3b82f633!important}html.theme-pink .theme-dropdown-menu{background-color:#fdf2f8!important;border:1px solid #e9eaf0!important}html.theme-pink .theme-dropdown-menu .dropdown-title-bar{background-color:#fce7f3!important;border-bottom:1px solid #e9eaf0!important}html.theme-pink .theme-option-row,html.theme-pink .theme-option-item{color:#3f0d2e!important}html.theme-pink .theme-option-row:hover,html.theme-pink .theme-option-item:hover,html.theme-pink .theme-option-row.selected,html.theme-pink .theme-option-item.active{color:#ec4899!important;background-color:#fce7f3!important}html.theme-pink{--page-bg:#fff7fb;--surface:#fff0f6;--surface-2:#fdf2f8;--header-bg:#fce7f3;--card-bg:#fff0f6;--table-head-bg:#fbcfe8;--border-color:#e9eaf0;--border:#e9eaf0;--text-main:#3f0d2e;--text-muted:#7a365f;--text-primary:#3f0d2e;--text-secondary:#7a365f;--primary:#ec4899;--primary-hover:#db2777;--primary-active:#be185d;--primary-light:#fce7f3;--primary-border:#ec4899;--bg-main:var(--page-bg);--bg-sidebar:var(--header-bg);--bg-header:var(--header-bg);--bg-card:var(--card-bg);--bg-surface:var(--surface);--bg-secondary:var(--surface-2);--bg-input:#fff8fc;--border-input:#e8d6df;--border-section:#e9eaf0;--placeholder-input:var(--text-muted);--app-card-bg:#fff0f6;--app-card-alt:#fdf2f8;--app-card-border:#e9eaf0;--text-white:#fff;--border-light:#e9eaf0;--border-divider:#e9eaf0;--info:#ec4899;--info-light:#fce7f3;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 1px 2px #0000000a;--shadow-lg:0 4px 12px #0000000f}html.theme-pink body,html.theme-pink .app-container,html.theme-pink .main-wrapper,html.theme-pink .page-content,html.theme-pink .dashboard-container,html.theme-pink .employee-directory-page,html.theme-pink .organization-chart-page,html.theme-pink .attendance-page,html.theme-pink .reports-page,html.theme-pink .settings-page{color:#3f0d2e!important;background-color:#fff7fb!important}html.theme-pink .sidebar,html.theme-pink .sidebar-header,html.theme-pink .top-header,html.theme-pink header{background-color:#fce7f3!important;border-color:#e9eaf0!important}html.theme-pink .sidebar-header{border-bottom:1px solid #e9eaf0!important}html.theme-pink .brand-title{color:#ec4899!important}html.theme-pink .brand-subtitle-gray,html.theme-pink .nav-item,html.theme-pink .nav-group-header,html.theme-pink .nav-subitem,html.theme-pink .submenu-item,html.theme-pink .sidebar-section-title{color:#7a365f!important}html.theme-pink .nav-item:hover,html.theme-pink .nav-subitem:hover,html.theme-pink .submenu-item:hover{color:#3f0d2e!important;background-color:#fce7f3!important}html.theme-pink .nav-item.active,html.theme-pink .nav-subitem.active,html.theme-pink .submenu-item.active{color:#9d174d!important;background-color:#fbcfe8!important;border-left-color:#ec4899!important;font-weight:700!important}html.theme-pink .nav-item.active .nav-icon,html.theme-pink .nav-item.active svg,html.theme-pink .nav-subitem.active svg,html.theme-pink .submenu-item.active svg{color:#9d174d!important;box-shadow:none!important;background:0 0!important}html.theme-pink .nav-subitem.active .subitem-dot,html.theme-pink .submenu-item.active .subitem-dot{background-color:#9d174d!important;border-radius:50%!important;width:6px!important;height:6px!important}html.theme-pink .card,html.theme-pink .page-card,html.theme-pink .dashboard-card,html.theme-pink .stat-card,html.theme-pink .metric-card,html.theme-pink .metrics-card,html.theme-pink .chart-card,html.theme-pink .widget-card,html.theme-pink .panel,html.theme-pink .info-card,html.theme-pink .filter-card,html.theme-pink .summary-card,html.theme-pink .quick-action-card,html.theme-pink .quick-actions-card,html.theme-pink .pending-section-card,html.theme-pink .alert-card,html.theme-pink .drawer-card,html.theme-pink .emp-left-card,html.theme-pink .contact-support-card,html.theme-pink .mobile-attendance-card,html.theme-pink .mobile-approval-card,html.theme-pink .location-card-subtle,html.theme-pink .centered-modal-card,html.theme-pink .org-chart-node,html.theme-pink .tree-node,html.theme-pink .org-card,html.theme-pink .person-card,html.theme-pink .attendance-card,html.theme-pink .attendance-overview-card,html.theme-pink .alerts-card,html.theme-pink .reminders-card,html.theme-pink .approvals-card,html.theme-pink .pending-approvals-card,html.theme-pink .metric-card.pending-card,html.theme-pink .employee-card,html.theme-pink .directory-card,html.theme-pink .payroll-card,html.theme-pink .leave-card,html.theme-pink .performance-card,html.theme-pink .training-card,html.theme-pink .asset-card,html.theme-pink .grid-card,html.theme-pink .overview-card,html.theme-pink .details-card,html.theme-pink .content-card,html.theme-pink .box-card,html.theme-pink .surface-card,html.theme-pink .empty-state-card,html.theme-pink .settings-card,html.theme-pink .setting-card,html.theme-pink .profile-card,html.theme-pink .onboarding-card,html.theme-pink .form-card,html.theme-pink .report-card,html.theme-pink .reports-card,html.theme-pink .modal-card,html.theme-pink .modal-container,html.theme-pink .modal-content,html.theme-pink .drawer-container,html.theme-pink .popup-card,html.theme-pink .job-info-modal-card,html.theme-pink .job-info-section-card,html.theme-pink .help-category-card,html.theme-pink .help-hero-card,html.theme-pink .announcement-card,html.theme-pink .calendar-card{background-color:var(--app-card-bg,#fff0f6)!important;background:var(--app-card-bg,#fff0f6)!important;color:#3f0d2e!important;border:1px solid #e9eaf0!important;outline:none!important;box-shadow:0 1px 2px #0000000a!important}html.theme-pink .card-body,html.theme-pink .card-header,html.theme-pink .card-title,html.theme-pink .empty-state,html.theme-pink .app-container,html.theme-pink .dashboard-container,html.theme-pink .dropdown-container,html.theme-pink .tabs-container,html.theme-pink .sidebar-footer-container,html.theme-pink .searchable-select-container,html.theme-pink .responsive-map-container,html.theme-pink .location-map-container-wrapper,html.theme-pink .settings-section,html.theme-pink .settings-container,html.theme-pink .profile-container,html.theme-pink .profile-section,html.theme-pink .onboarding-container,html.theme-pink .form-container,html.theme-pink .report-container,html.theme-pink .announcements-container,html.theme-pink .mobile-card-header,html.theme-pink .mobile-card-grid,html.theme-pink .mobile-card-actions,html.theme-pink .mobile-only-cards,html.theme-pink .mobile-approval-cards{box-shadow:none!important;outline:none!important}html.theme-pink .bg-white,html.theme-pink .bg-slate-50,html.theme-pink .bg-gray-50,html.theme-pink .bg-neutral-50{background-color:var(--app-card-bg,#fff0f6)!important}html.theme-pink .secondary-card,html.theme-pink .sub-card,html.theme-pink .nested-card,html.theme-pink .card-secondary,html.theme-pink .card-inner,html.theme-pink .location-type-card,html.theme-pink .location-details-card{background-color:var(--app-card-alt,#fdf2f8)!important;background:var(--app-card-alt,#fdf2f8)!important;box-shadow:none!important;color:#3f0d2e!important;border:1px solid #e9eaf0!important;outline:none!important}html.theme-pink .bg-slate-100,html.theme-pink .bg-gray-100,html.theme-pink .bg-slate-50\/40{background-color:var(--app-card-alt,#fdf2f8)!important}html.theme-pink h1,html.theme-pink h2,html.theme-pink h3,html.theme-pink h4,html.theme-pink h5,html.theme-pink h6,html.theme-pink .card-title,html.theme-pink .page-title,html.theme-pink .section-title,html.theme-pink .stat-value,html.theme-pink strong{color:#3f0d2e!important}html.theme-pink p,html.theme-pink label,html.theme-pink .card-subtitle,html.theme-pink .text-muted,html.theme-pink .sub-text,html.theme-pink .label-text{color:#7a365f!important}html.theme-pink a,html.theme-pink .link-text,html.theme-pink .view-details-link{color:#db2777!important}html.theme-pink a:hover,html.theme-pink .link-text:hover{color:#ec4899!important}html.theme-pink .btn-primary,html.theme-pink button.btn-primary,html.theme-pink .btn-submit,html.theme-pink .new-employee-btn,html.theme-pink .btn-add,html.theme-pink .btn-confirm,html.theme-pink .btn-save,html.theme-pink .btn-create,html.theme-pink .btn-export,html.theme-pink .btn-issue,html.theme-pink .btn-certificate,html.theme-pink .btn-test,html.theme-pink [class*=btn-primary],html.theme-pink button[type=submit]{color:#fff!important;background:#ec4899!important;border-color:#ec4899!important}html.theme-pink .btn-primary:hover,html.theme-pink button.btn-primary:hover,html.theme-pink .btn-submit:hover,html.theme-pink .new-employee-btn:hover,html.theme-pink .btn-add:hover,html.theme-pink .btn-confirm:hover,html.theme-pink .btn-save:hover,html.theme-pink .btn-create:hover,html.theme-pink .btn-export:hover,html.theme-pink .btn-issue:hover,html.theme-pink .btn-certificate:hover,html.theme-pink .btn-test:hover,html.theme-pink [class*=btn-primary]:hover,html.theme-pink button[type=submit]:hover{color:#fff!important;background:#db2777!important;border-color:#db2777!important}html.theme-pink .btn-secondary,html.theme-pink button.btn-secondary,html.theme-pink .btn-cancel,html.theme-pink .btn-outline{color:#9d174d!important;background-color:#fce7f3!important;border:1px solid #e8d6df!important}html.theme-pink .btn-secondary:hover,html.theme-pink button.btn-secondary:hover,html.theme-pink .btn-cancel:hover,html.theme-pink .btn-outline:hover{color:#831843!important;background-color:#fbcfe8!important;border-color:#ec4899!important}html.theme-pink .btn-action,html.theme-pink .btn-view,html.theme-pink .btn-edit,html.theme-pink .action-btn{color:#9d174d!important;background-color:#fce7f3!important;border:1px solid #e8d6df!important}html.theme-pink .btn-action:hover,html.theme-pink .btn-view:hover,html.theme-pink .btn-edit:hover,html.theme-pink .action-btn:hover{color:#ec4899!important;background-color:#fbcfe8!important;border-color:#ec4899!important}html.theme-pink .top-header .icon-btn,html.theme-pink .icon-btn,html.theme-pink .search-clear-btn{color:#3f0d2e!important;background-color:#fff8fc!important;border:1px solid #e8d6df!important}html.theme-pink .top-header .icon-btn:hover,html.theme-pink .icon-btn:hover,html.theme-pink .search-clear-btn:hover{color:#ec4899!important;background-color:#fbcfe8!important;border-color:#ec4899!important}html.theme-pink .header-search,html.theme-pink .search-box,html.theme-pink .search-bar-container{background-color:#fff8fc!important;border:1px solid #e8d6df!important}html.theme-pink input[type=text],html.theme-pink input[type=email],html.theme-pink input[type=password],html.theme-pink input[type=number],html.theme-pink input[type=date],html.theme-pink input[type=search],html.theme-pink select,html.theme-pink textarea,html.theme-pink .form-control,html.theme-pink .form-select{color:#3f0d2e!important;background-color:#fff8fc!important;border:1px solid #e8d6df!important;outline:none!important}html.theme-pink .header-search input,html.theme-pink .header-search input:focus,html.theme-pink .search-box input,html.theme-pink .search-box input:focus,html.theme-pink .search-bar-container input,html.theme-pink .search-bar-container input:focus,html.theme-pink .directory-search-input,html.theme-pink .directory-search-input:focus,html.theme-pink input[style*="border: none"],html.theme-pink input[style*="border: none"]:focus{box-shadow:none!important;color:#3f0d2e!important;background:0 0!important;border:none!important;outline:none!important}html.theme-pink .directory-search-box{background-color:#fff8fc!important;border:1px solid #e8d6df!important}html.theme-pink .header-search:focus-within,html.theme-pink .search-box:focus-within,html.theme-pink .search-bar-container:focus-within,html.theme-pink .directory-search-box:focus-within{background-color:#fff8fc!important;border-color:#ec4899!important;box-shadow:0 0 0 3px #ec489926!important}html.theme-pink select option{color:#3f0d2e!important;background-color:#fff8fc!important}html.theme-pink select option:hover,html.theme-pink select option:focus,html.theme-pink select option:active,html.theme-pink select option:checked{color:#9d174d!important;background:#fbcfe8!important}html.theme-pink input:focus,html.theme-pink select:focus,html.theme-pink textarea:focus,html.theme-pink .form-control:focus{background-color:#fff8fc!important;border-color:#ec4899!important;outline:none!important;box-shadow:0 0 0 3px #ec489926!important}html.theme-pink ::placeholder,html.theme-pink .header-search input::placeholder{opacity:.8;color:#7a365f!important}html.theme-pink .header-dropdown-menu,html.theme-pink .dropdown-menu,html.theme-pink .dropdown-wrapper .dropdown-content,html.theme-pink .select-dropdown,html.theme-pink .popover{color:#3f0d2e!important;background-color:#fff8fc!important;border:1px solid #e8d6df!important;box-shadow:0 4px 14px #00000014!important}html.theme-pink .dropdown-title-bar{color:#3f0d2e!important;background-color:#fce7f3!important;border-bottom:1px solid #e9eaf0!important}html.theme-pink .dropdown-item:hover,html.theme-pink .language-option-row:hover{color:#3f0d2e!important;background-color:#fce7f3!important}html.theme-pink .table-responsive,html.theme-pink .table-responsive-container{box-shadow:none!important;background-color:#fff7fb!important;border:1px solid #e9eaf0!important;outline:none!important}html.theme-pink table,html.theme-pink .data-table,html.theme-pink .hrms-table{box-shadow:none!important;background-color:#0000!important;outline:none!important}html.theme-pink table th,html.theme-pink .table-header,html.theme-pink tr th{color:#3f0d2e!important;background-color:#fce7f3!important;border-bottom:1px solid #e9eaf0!important;font-weight:700!important}html.theme-pink table td,html.theme-pink tr td{color:#3f0d2e!important;background-color:#0000!important;border-bottom:1px solid #e9eaf0!important}html.theme-pink table tr:hover td{background-color:#fff0f6!important}html.theme-pink .pagination,html.theme-pink .page-item,html.theme-pink .pagination-btn,html.theme-pink .page-link{color:#9d174d!important;background-color:#fce7f3!important;border:1px solid #e9eaf0!important;box-shadow:0 1px 2px #0000000a!important}html.theme-pink .page-item.active,html.theme-pink .pagination-btn.active,html.theme-pink .page-link.active{color:#fff!important;background-color:#ec4899!important;border-color:#ec4899!important}html.theme-pink .tab-btn,html.theme-pink .nav-tab,html.theme-pink .subnav-tab,html.theme-pink .tab-item{color:#7a365f!important;background-color:#fce7f3!important;border:1px solid #e9eaf0!important}html.theme-pink .tab-btn.active,html.theme-pink .nav-tab.active,html.theme-pink .subnav-tab.active,html.theme-pink .tab-item.active{color:#fff!important;background-color:#ec4899!important;border-color:#ec4899!important;font-weight:700!important}html.theme-pink .modal-overlay,html.theme-pink .drawer-overlay,html.theme-pink .dialog-overlay,html.theme-pink .backdrop,html.theme-pink .popup-backdrop{background-color:#0f172a59!important}html.theme-pink .modal-container,html.theme-pink .modal-content,html.theme-pink .centered-modal-card,html.theme-pink .drawer-container,html.theme-pink .popup-card{color:#3f0d2e!important;background:#fff0f6!important;border:1px solid #e9eaf0!important;outline:none!important;box-shadow:0 4px 16px #0000000f!important}html.theme-pink .modal-header{color:#3f0d2e!important;background-color:#fce7f3!important;border-bottom:1px solid #e9eaf0!important}html.theme-pink .modal-footer{background-color:#fce7f3!important;border-top:1px solid #e9eaf0!important}html.theme-pink .employee-avatar-initials,html.theme-pink [class*=avatar-initials],html.theme-pink .avatar-initials,html.theme-pink .user-avatar-initials,html.theme-pink .search-avatar-initials{color:#fff!important;background:#ec4899!important}html.theme-pink .badge-primary,html.theme-pink .tag-primary,html.theme-pink .chip-primary,html.theme-pink .status-pill-primary{color:#db2777!important;background-color:#fce7f3!important;border:1px solid #e8d6df!important}html.theme-pink .tooltip,html.theme-pink [data-tooltip]{color:#fff!important;background-color:#3f0d2e!important}html.theme-pink [style*="color: #3B82F6"],html.theme-pink [style*="color: #3b82f6"],html.theme-pink [style*="color: '#3B82F6'"],html.theme-pink [style*="color: '#3b82f6'"],html.theme-pink [style*="color: #2563eb"],html.theme-pink [style*="color: #2563EB"],html.theme-pink [style*="color: #1d4ed8"],html.theme-pink [style*="color: #6366f1"],html.theme-pink [style*="color: #8b5cf6"],html.theme-pink [style*="color: '#8b5cf6'"],html.theme-pink [style*="color: #8B5CF6"],html.theme-pink [style*="color: #0369a1"],html.theme-pink [style*="color: #4f46e5"],html.theme-pink [style^="color: rgb(59, 130, 246)"],html.theme-pink [style*="; color: rgb(59, 130, 246)"],html.theme-pink [style^="color: rgb(37, 99, 235)"],html.theme-pink [style*="; color: rgb(37, 99, 235)"],html.theme-pink [style^="color: rgb(29, 78, 216)"],html.theme-pink [style*="; color: rgb(29, 78, 216)"],html.theme-pink [style^="color: rgb(99, 102, 241)"],html.theme-pink [style*="; color: rgb(99, 102, 241)"],html.theme-pink [style^="color: rgb(79, 70, 229)"],html.theme-pink [style*="; color: rgb(79, 70, 229)"],html.theme-pink [style^="color: rgb(139, 92, 246)"],html.theme-pink [style*="; color: rgb(139, 92, 246)"]{color:#ec4899!important}html.theme-pink [style*="color: #0f172a"],html.theme-pink [style*="color: #0F172A"],html.theme-pink [style*="color: '#0f172a'"],html.theme-pink [style*="color: #1e293b"],html.theme-pink [style*="color: #334155"],html.theme-pink [style^="color: rgb(15, 23, 42)"],html.theme-pink [style*="; color: rgb(15, 23, 42)"],html.theme-pink [style^="color: rgb(30, 41, 59)"],html.theme-pink [style*="; color: rgb(30, 41, 59)"],html.theme-pink [style^="color: rgb(51, 65, 85)"],html.theme-pink [style*="; color: rgb(51, 65, 85)"]{color:#3f0d2e!important}html.theme-pink [style*="color: #64748b"],html.theme-pink [style*="color: #475569"],html.theme-pink [style*="color: #94a3b8"],html.theme-pink [style^="color: rgb(100, 116, 139)"],html.theme-pink [style*="; color: rgb(100, 116, 139)"],html.theme-pink [style^="color: rgb(71, 85, 105)"],html.theme-pink [style*="; color: rgb(71, 85, 105)"],html.theme-pink [style^="color: rgb(148, 163, 184)"],html.theme-pink [style*="; color: rgb(148, 163, 184)"]{color:#7a365f!important}html.theme-pink [style*="background: #ffffff"],html.theme-pink [style*="background: '#ffffff'"],html.theme-pink [style*="background-color: #ffffff"],html.theme-pink [style*="background-color: '#ffffff'"],html.theme-pink [style*="background-color: #fff"],html.theme-pink [style*="background: #fff"],html.theme-pink [style*="background-color: white"],html.theme-pink [style*="background: white"],html.theme-pink [style*="background-color: 'white'"],html.theme-pink [style*="background: 'white'"],html.theme-pink [style*="background-color: rgb(255, 255, 255)"],html.theme-pink [style*="background: rgb(255, 255, 255)"],html.theme-pink [style*="background-color: rgb(248, 250, 252)"],html.theme-pink [style*="background: rgb(248, 250, 252)"],html.theme-pink [style*="background-color: rgb(241, 245, 249)"],html.theme-pink [style*="background: rgb(241, 245, 249)"],html.theme-pink [style*="background-color: #f8fafc"],html.theme-pink [style*="background: #f8fafc"],html.theme-pink [style*="background-color: #f1f5f9"],html.theme-pink [style*="background: #f1f5f9"],html.theme-pink [style*="background-color: #eff6ff"],html.theme-pink [style*="background: #eff6ff"],html.theme-pink [style*="background-color: #f0fdf4"],html.theme-pink [style*="background: #f0fdf4"],html.theme-pink [style*="background-color: #f3e8ff"],html.theme-pink [style*="background: #f3e8ff"],html.theme-pink [style*="background-color: #fefce8"],html.theme-pink [style*="background: #fefce8"],html.theme-pink [style*="background-color: #e0f2fe"],html.theme-pink [style*="background: #e0f2fe"],html.theme-pink [style*="background-color: #e0e7ff"],html.theme-pink [style*="background: #e0e7ff"],html.theme-pink [style*="background-color: #e2e8f0"],html.theme-pink [style*="background: #e2e8f0"],html.theme-pink [style*="background-color: #cbd5e1"],html.theme-pink [style*="background: #cbd5e1"]{background-color:var(--app-card-bg,#fff0f6)!important;background:var(--app-card-bg,#fff0f6)!important;border-color:var(--app-card-border,#f3d5e3)!important}html.theme-pink [style*="background-color: #3B82F6"],html.theme-pink [style*="background-color: #3b82f6"],html.theme-pink [style*="background-color: #2563eb"],html.theme-pink [style*="background-color: #2563EB"],html.theme-pink [style*="background-color: #1d4ed8"],html.theme-pink [style*="background-color: #4f46e5"],html.theme-pink [style*="background-color: #6366f1"],html.theme-pink [style*="background-color: #8b5cf6"],html.theme-pink [style*="background: #3B82F6"],html.theme-pink [style*="background: #3b82f6"],html.theme-pink [style*="background: #2563eb"],html.theme-pink [style*="background: #4f46e5"],html.theme-pink [style*="background: #6366f1"],html.theme-pink [style*="background-color: rgb(59, 130, 246)"],html.theme-pink [style*="background: rgb(59, 130, 246)"],html.theme-pink [style*="background-color: rgb(37, 99, 235)"],html.theme-pink [style*="background: rgb(37, 99, 235)"],html.theme-pink [style*="background-color: rgb(79, 70, 229)"],html.theme-pink [style*="background: rgb(79, 70, 229)"],html.theme-pink [style*="background-color: rgb(99, 102, 241)"],html.theme-pink [style*="background: rgb(99, 102, 241)"]{color:#fff!important;background:#ec4899!important;border-color:#ec4899!important}html.theme-pink [style*="border: 2px solid #8b5cf6"],html.theme-pink [style*="border: '2px solid #8b5cf6'"]{border-color:#ec4899!important}html.theme-pink .badge-success,html.theme-pink .tag-success,html.theme-pink .status-success,html.theme-pink .text-success{color:#059669!important}html.theme-pink .badge-warning,html.theme-pink .tag-warning,html.theme-pink .status-warning,html.theme-pink .text-warning{color:#d97706!important}html.theme-pink .badge-danger,html.theme-pink .badge-error,html.theme-pink .tag-danger,html.theme-pink .status-danger,html.theme-pink .text-danger{color:#dc2626!important}html.theme-pink .training-hero-banner{color:#fff!important;background:linear-gradient(135deg,#be185d 0%,#ec4899 100%)!important;border:none!important;box-shadow:0 10px 25px -5px #ec489959!important}html.theme-pink .training-hero-banner .training-hero-title{color:#fff!important}html.theme-pink .training-hero-banner .training-hero-subtitle{color:#fdf2f8!important}html.theme-pink .training-hero-banner .training-hero-icon{stroke:#fbcfe8!important}html.theme-pink .training-hero-banner .training-hero-btn-primary,html.theme-pink .training-hero-banner .training-hero-btn-primary:hover{color:#be185d!important;background:#fff!important;border:none!important}html.theme-pink .training-hero-banner .training-hero-btn-ghost{color:#fff!important;background:#ffffff2e!important;border:1px solid #ffffff73!important}html.theme-pink .training-hero-banner .training-hero-btn-ghost:hover{background:#ffffff47!important}html.dark{--bg-page:#0b1220;--bg-sidebar-header:#0f172a;--bg-card:#111827;--bg-surface-secondary:#172033;--bg-table-header:#1e293b;--text-dark-bg:#f8fafc;--text-dark-secondary:#94a3b8;--text-card:#e5e7eb;--text-card-secondary:#94a3b8;--accent-purple:#3b82f6;--accent-purple-hover:#2563eb;--muted-green:#10b981;--muted-orange:#f59e0b;--muted-red:#ef4444;--muted-blue:#60a5fa;--neutral-gray:#64748b}html.dark body,html.dark .app-container{color:#f8fafc!important;background-color:#0b1220!important}html.dark .page-title{color:#f8fafc!important}html.dark .page-subtitle{color:#94a3b8!important}html.dark .sidebar{color:#cbd5e1!important;background-color:#0f172a!important;border-right:1px solid #263449!important}html.dark .sidebar-header{border-bottom:1px solid #263449!important}html.dark .brand-title{color:#3b82f6!important}html.dark .brand-subtitle-gray{color:#94a3b8!important}html.dark .nav-item{color:#cbd5e1!important}html.dark .nav-item .nav-icon{color:#94a3b8!important}html.dark .nav-item:hover{color:#f8fafc!important;background-color:#ffffff0d!important}html.dark .nav-item:hover .nav-icon{color:#f8fafc!important}html.dark .nav-item.active{color:#60a5fa!important;background:#3b82f629!important}html.dark .nav-item.active .nav-icon{color:#3b82f6!important}html.dark .new-employee-btn{color:#fff!important;background-color:#3b82f6!important;border:none!important;box-shadow:0 4px 14px #3b82f659!important}html.dark .new-employee-btn:hover{background-color:#2563eb!important}html.dark .sidebar-footer{border-top:1px solid #263449!important}html.dark .sidebar-user-name{color:#f8fafc!important}html.dark .sidebar-user-role{color:#94a3b8!important}html.dark .top-header{color:#f8fafc!important;background-color:#0f172a!important;border-bottom:1px solid #263449!important}html.dark .header-title,html.dark .header-breadcrumb{color:#f8fafc!important}html.dark .icon-btn{color:#94a3b8!important;background-color:#1e293b!important;border:1px solid #334155!important}html.dark .icon-btn:hover{color:#60a5fa!important;background-color:#3b82f629!important;border-color:#3b82f647!important}html.dark .header-search-wrapper{box-shadow:none!important;background:0 0!important;border:none!important}html.dark .header-search{box-shadow:none!important;background-color:#1e293b!important;border:1px solid #334155!important;transition:border-color .15s,box-shadow .15s!important}html.dark .header-search input{color:#f8fafc!important;box-shadow:none!important;background-color:#0000!important;border:none!important;outline:none!important;height:100%!important;padding:0!important;font-size:13px!important;font-weight:500!important}html.dark .header-search input::placeholder{color:#94a3b8!important}html.dark .header-search:focus-within{background-color:#1e293b!important;border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f640!important}html.dark .header-search .search-icon,html.dark .header-search-icon{color:#94a3b8!important;background:0 0!important;border:none!important;flex-shrink:0!important}html.dark .header-search .search-clear-btn{color:#94a3b8!important;background:0 0!important}html.dark .header-search .search-clear-btn:hover{color:#f8fafc!important;background-color:#ffffff1a!important}html.dark .search-dropdown-menu{background-color:#111827!important;border:1px solid #263449!important;border-radius:12px!important;box-shadow:0 12px 30px #00000080!important}html.dark .search-result-item:hover{background-color:#172033!important}html.dark .search-emp-name{color:#f8fafc!important}html.dark .search-emp-id{color:#60a5fa!important;background-color:#3b82f629!important}html.dark .header-dropdown-menu,html.dark .search-dropdown-menu,html.dark .popover-menu,html.dark .dropdown-menu{color:#e5e7eb!important;background-color:#111827!important;border:1px solid #263449!important;box-shadow:0 12px 30px #00000080!important}html.dark .dropdown-title-bar,html.dark .popover-header,html.dark .dropdown-header,html.dark .menu-header,html.dark .help-header{color:#e5e7eb!important;background-color:#111827!important;border-bottom:1px solid #263449!important}html.dark .dropdown-title-bar h4,html.dark .popover-header h4,html.dark .dropdown-header h4{color:#f8fafc!important}html.dark .dropdown-title-bar .sub-tag,html.dark .dropdown-title-bar span,html.dark .dropdown-close-btn{color:#94a3b8!important}html.dark .language-option-row{color:#e5e7eb!important}html.dark .language-option-row:hover{background-color:#172033!important}html.dark .language-option-row.selected{color:#60a5fa!important;background-color:#3b82f629!important;border-color:#3b82f6!important}html.dark .admin-profile-btn{background-color:#1e293b!important;border:1px solid #334155!important}html.dark .admin-profile-btn:hover{background-color:#172033!important}html.dark .profile-name{color:#f8fafc!important}html.dark .profile-role,html.dark .profile-chevron{color:#94a3b8!important}html.dark .metric-card,html.dark .summary-card,html.dark .stat-card,html.dark .card,html.dark .card-accent,html.dark .card-container{color:#e5e7eb!important;background-color:#111827!important;border:1px solid #263449!important;box-shadow:0 4px 14px #00000059!important}html.dark .metric-card.pending-card,html.dark .contact-support-card,html.dark .nested-card,html.dark .card-secondary{background-color:#172033!important;border:1px solid #263449!important}html.dark .metric-label{color:#94a3b8!important}html.dark .metric-value{color:#f8fafc!important}html.dark .metric-value.red-val{color:#ef4444!important}html.dark .metric-value.amber-val{color:#fbbf24!important}html.dark .metric-value.green-val{color:#34d399!important}html.dark .red-title{color:#f8fafc!important}html.dark .metric-card:after,html.dark .summary-card:after,html.dark .stat-card:after,html.dark .card:after,html.dark .metric-decor-dots,html.dark .metric-card-strip,html.dark .card-footer-strip,html.dark .card-footer,html.dark .card-accent-bar,html.dark .icon-strip{background:0 0!important;border:none!important;display:none!important}html.dark .metric-icon-box{color:#94a3b8!important;background-color:#94a3b81f!important;border:1px solid #263449!important}html.dark .metric-icon-box.purple,html.dark .metric-icon-box.indigo{color:#60a5fa!important;background-color:#3b82f629!important}html.dark .metric-icon-box.green,html.dark .metric-icon-box.success{color:#34d399!important;background-color:#10b98124!important}html.dark .metric-icon-box.gray-blue,html.dark .metric-icon-box.blue,html.dark .metric-icon-box.info{color:#60a5fa!important;background-color:#3b82f629!important}html.dark .metric-icon-box.orange,html.dark .metric-icon-box.warning{color:#fbbf24!important;background-color:#f59e0b24!important}html.dark .metric-icon-box.red,html.dark .metric-icon-box.danger{color:#f87171!important;background-color:#ef444424!important}html.dark .metric-icon-box.gray{color:#94a3b8!important;background-color:#94a3b81f!important}html.dark [style*="color: #0f172a"],html.dark [style*="color: #0F172A"],html.dark [style*="color: rgb(15, 23, 42)"],html.dark [style*="color:#0f172a"],html.dark [style*="color: #1e293b"],html.dark [style*="color: #1E293B"],html.dark [style*="color: rgb(30, 41, 59)"],html.dark [style*="color:#1e293b"],html.dark [style*="color: #334155"],html.dark [style*="color: rgb(51, 65, 85)"],html.dark [style*="color:#334155"],html.dark [style*="color: #000"],html.dark [style*="color: #000000"],html.dark [style*="color: black"],html.dark [style*="color: #111827"],html.dark [style*="color: #1F2937"]{color:#f8fafc!important}html.dark [style*="color: #475569"],html.dark [style*="color: rgb(71, 85, 105)"],html.dark [style*="color:#475569"],html.dark [style*="color: #64748b"],html.dark [style*="color: #64748B"],html.dark [style*="color: rgb(100, 116, 139)"],html.dark [style*="color:#64748b"]{color:#94a3b8!important}html.dark [style*="background-color: #f8fafc"],html.dark [style*="background-color: #f1f5f9"],html.dark [style*="background-color: #ffffff"],html.dark [style*="background-color: #fff"],html.dark [style*="backgroundColor: '#f8fafc'"],html.dark [style*="backgroundColor: '#f1f5f9'"],html.dark [style*="backgroundColor: '#ffffff'"],html.dark [style*="background-color:#f8fafc"],html.dark [style*="background-color:#f1f5f9"],html.dark [style*="background-color:#ffffff"],html.dark [style*="background-color: rgb(248, 250, 252)"],html.dark [style*="background-color: rgb(241, 245, 249)"],html.dark [style*="background-color: rgb(255, 255, 255)"],html.dark [style*="background-color: rgb(250, 250, 250)"],html.dark [style*="background: #f8fafc"],html.dark [style*="background: #f1f5f9"],html.dark [style*="background: #ffffff"]{background-color:#172033!important;border-color:#263449!important}html.dark [style*="border-color: #e2e8f0"],html.dark [style*="borderColor: '#e2e8f0'"],html.dark [style*="border: 1px solid #e2e8f0"],html.dark [style*="border: 1px solid #cbd5e1"],html.dark [style*="226, 232, 240"],html.dark [style*="203, 213, 225"]{border-color:#263449!important}html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5,html.dark h6,html.dark strong,html.dark b,html.dark .emp-name,html.dark .modal-title,html.dark .side-drawer-title,html.dark .card-title,html.dark .form-label,html.dark label{color:#f8fafc!important}html.dark p,html.dark .emp-dept,html.dark .card-subtitle,html.dark .page-subtitle,html.dark .filter-col-label,html.dark .text-secondary,html.dark .text-muted{color:#94a3b8!important}html.dark .custom-table td,html.dark .table td{color:#e5e7eb!important}html.dark .custom-table td strong,html.dark .table td strong{color:#f8fafc!important}html.dark .custom-table th,html.dark .table th{color:#94a3b8!important}html.dark .form-control,html.dark input[type=text],html.dark input[type=number],html.dark input[type=email],html.dark input[type=date],html.dark select,html.dark textarea{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}html.dark .form-control::placeholder,html.dark input::placeholder,html.dark textarea::placeholder{color:#94a3b8!important}html.dark a,html.dark .view-details-link,html.dark .view-all-link,html.dark .action-link{color:#60a5fa!important}html.dark a:hover,html.dark .view-details-link:hover,html.dark .view-all-link:hover,html.dark .action-link:hover{color:#93c5fd!important}html.dark .help-dropdown,html.dark .notifications-dropdown,html.dark .profile-dropdown,html.dark .quick-nav-dropdown,html.dark .apps-menu-dropdown,html.dark .popover,html.dark .tooltip,html.dark .dropdown-menu{color:#e5e7eb!important;background-color:#111827!important;border:1px solid #263449!important;box-shadow:0 10px 25px #00000073!important}html.dark .dropdown-item,html.dark .popover-item,html.dark .help-item{color:#e5e7eb!important}html.dark .dropdown-item:hover,html.dark .popover-item:hover,html.dark .help-item:hover{color:#f8fafc!important;background-color:#172033!important}html.dark .help-popup-header,html.dark .profile-dropdown-header,html.dark .profile-user-summary,html.dark .notifications-header{color:#f8fafc!important;background-color:#172033!important;border-bottom:1px solid #263449!important}html.dark .profile-menu-row{color:#f8fafc!important}html.dark .profile-menu-row:hover{background-color:#172033!important}html.dark .upload-container,html.dark .dropzone,html.dark .file-upload-box,html.dark .profile-upload-card,html.dark .upload-section{color:#e5e7eb!important;background-color:#172033!important;border:2px dashed #334155!important}html.dark .stepper-step.active .stepper-circle{color:#fff!important;background-color:#3b82f6!important;border-color:#3b82f6!important}html.dark .stepper-step.completed .stepper-circle{color:#fff!important;background-color:#2563eb!important;border-color:#2563eb!important}html.dark .stepper-step .stepper-circle{color:#94a3b8!important;background-color:#1e293b!important;border-color:#334155!important}html.dark .stepper-step .stepper-label{color:#94a3b8!important}html.dark .stepper-step.active .stepper-label,html.dark .stepper-step.completed .stepper-label{color:#f8fafc!important}html.dark .tab-btn.active,html.dark .nav-tab.active,html.dark .tab-item.active,html.dark .profile-tab.active{color:#fff!important;background-color:#3b82f6!important}html.dark .tab-btn.active .tab-icon,html.dark .nav-tab.active .tab-icon,html.dark .tab-item.active .tab-icon,html.dark .profile-tab.active .tab-icon,html.dark .tab-btn.active svg,html.dark .nav-tab.active svg,html.dark .tab-item.active svg,html.dark .profile-tab.active svg,html.dark .tab-btn.active svg *,html.dark .nav-tab.active svg *,html.dark .tab-item.active svg *,html.dark .profile-tab.active svg *{color:#fff!important;stroke:#fff!important}html.dark .tab-btn.active .tab-badge,html.dark .nav-tab.active .tab-badge,html.dark .tab-item.active .tab-badge,html.dark .profile-tab.active .tab-badge{color:#fff!important;background-color:#ffffff40!important}html.dark .tab-btn,html.dark .nav-tab,html.dark .tab-item,html.dark .profile-tab{background-color:#0000;color:#94a3b8!important}html.dark .tab-btn:hover,html.dark .nav-tab:hover,html.dark .tab-item:hover,html.dark .profile-tab:hover{color:#f8fafc!important}html.dark .directory-filter-label{color:#94a3b8!important}html.dark .directory-search-box{box-shadow:none!important;background-color:#1e293b!important;border:1px solid #334155!important}html.dark .directory-search-box:focus-within{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f640!important}html.dark .directory-search-icon{color:#94a3b8!important}html.dark .directory-search-input{color:#f8fafc!important;background-color:#0000!important;border:none!important}html.dark .directory-search-input::placeholder,html.dark .directory-filter-icon{color:#94a3b8!important}html.dark .directory-select,html.dark .directory-date-input{color:#f8fafc!important;background-color:#1e293b!important;border:1px solid #334155!important}html.dark .directory-select option{color:#e5e7eb;background-color:#111827}html.dark .directory-clear-btn{color:#e5e7eb!important;background-color:#1e293b!important;border:1px solid #334155!important}html.dark .directory-clear-btn:hover{color:#f8fafc!important;background-color:#263449!important}html.dark .card-header,html.dark .card-header.compact-header,html.dark .section-header,html.dark .panel-header,html.dark .widget-header,html.dark .card-title-bar-attendance,html.dark .mobile-card-header{box-shadow:none!important;color:#f8fafc!important;background:0 0!important;border-bottom:none!important}html.dark .card-title,html.dark .section-title,html.dark .panel-title,html.dark .attendance-card-header-title{color:#f8fafc!important}html.dark .card-subtitle,html.dark .section-subtitle{color:#94a3b8!important}html.dark .form-footer,html.dark .card-footer,html.dark .section-footer,html.dark .action-footer,html.dark .panel-footer,html.dark .settings-footer,html.dark hr{box-shadow:none!important;background:0 0!important;border-top:none!important;border-bottom:none!important}html.dark form>div[style*=justifyContent],html.dark form>div[style*=justify-content],html.dark form>div[style*=borderTop],html.dark form>div[style*=border-top],html.dark .card>div[style*=justifyContent],html.dark .card>div[style*=justify-content],html.dark .card>div[style*=borderTop],html.dark .card>div[style*=border-top]{box-shadow:none!important;background:0 0!important;border-top:none!important}html.dark .filter-col-label{color:#94a3b8!important}html.dark input,html.dark select,html.dark textarea,html.dark .month-select,html.dark input[type=date],html.dark input[type=datetime-local],html.dark input[type=month],html.dark input[type=time],html.dark .form-control{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc!important;background-color:#1e293b!important;border:1px solid #334155!important}html.dark input[type=date],html.dark input[type=datetime-local],html.dark input[type=month]{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='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")!important;background-position:right 10px center!important;background-repeat:no-repeat!important;background-size:16px 16px!important;padding-right:36px!important;position:relative!important}html.dark input[type=date]:hover,html.dark input[type=datetime-local]:hover,html.dark input[type=month]:hover,html.dark input[type=date]:focus,html.dark input[type=datetime-local]:focus,html.dark input[type=month]:focus{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='%23F8FAFC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")!important}html.dark input[type=date]::-webkit-calendar-picker-indicator{opacity:0!important;cursor:pointer!important;z-index:2!important;width:36px!important;height:100%!important;position:absolute!important;top:0!important;right:0!important}html.dark input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:0!important;cursor:pointer!important;z-index:2!important;width:36px!important;height:100%!important;position:absolute!important;top:0!important;right:0!important}html.dark input[type=month]::-webkit-calendar-picker-indicator{opacity:0!important;cursor:pointer!important;z-index:2!important;width:36px!important;height:100%!important;position:absolute!important;top:0!important;right:0!important}html.dark select,html.dark select.form-control,html.dark select.directory-select,html.dark select.month-select,html.dark select.filter-select,html.dark select.custom-select,html.dark .form-group select,html.dark .card select,html.dark .modal-content select,html.dark .drawer-content select,html.dark .settings-card select,html.dark .directory-filter-bar select,html.dark .directory-select-wrapper select{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;color:#f8fafc!important;appearance:none!important;background-color:#1e293b!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:16px 16px!important;border:1px solid #334155!important;padding-right:38px!important}html.dark select:hover,html.dark select:focus,html.dark select.form-control:hover,html.dark select.form-control:focus,html.dark select.directory-select:hover,html.dark select.directory-select:focus,html.dark .form-group select:hover,html.dark .form-group select:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23F8FAFC' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;border-color:#3b82f6!important}html.dark select option,html.dark select.form-control option,html.dark select.directory-select option,html.dark .month-select option{color:#f8fafc!important;background-color:#1e293b!important}html.dark input::placeholder,html.dark textarea::placeholder{color:#94a3b8!important}html.dark input:focus,html.dark select:focus,html.dark textarea:focus,html.dark .form-control:focus{border-color:#3b82f6!important;outline:none!important;box-shadow:0 0 0 2px #3b82f640!important}html.dark .dropdown-icon{color:#94a3b8!important}html.dark .btn-primary,html.dark .action-btn-primary,html.dark .filter-btn-action,html.dark .export-btn,html.dark .new-employee-btn{color:#fff!important;box-shadow:none!important;background-color:#3b82f6!important;border:1px solid #ffffff1a!important}html.dark .btn-primary:hover,html.dark .action-btn-primary:hover,html.dark .filter-btn-action:hover,html.dark .export-btn:hover,html.dark .new-employee-btn:hover{background-color:#2563eb!important}html.dark .btn-primary:active,html.dark .action-btn-primary:active,html.dark .filter-btn-action:active,html.dark .export-btn:active,html.dark .new-employee-btn:active{background-color:#1d4ed8!important}html.dark .btn-secondary,html.dark .btn-sm-secondary,html.dark .action-btn-secondary,html.dark .filter-btn-clear,html.dark button.btn-secondary{color:#e5e7eb!important;box-shadow:none!important;background-color:#1e293b!important;border:1px solid #334155!important}html.dark .btn-secondary:hover,html.dark .btn-sm-secondary:hover,html.dark .action-btn-secondary:hover,html.dark .filter-btn-clear:hover,html.dark button.btn-secondary:hover{color:#f8fafc!important;background-color:#263449!important;border-color:#334155!important}html.dark .btn-secondary svg,html.dark .btn-sm-secondary svg,html.dark .action-btn-secondary svg{color:#94a3b8!important}html.dark .three-dot-btn,html.dark .action-btn-more,html.dark .btn-icon-square{color:#94a3b8!important;box-shadow:none!important;background-color:#1e293b!important;border:1px solid #334155!important}html.dark .three-dot-btn:hover,html.dark .action-btn-more:hover,html.dark .btn-icon-square:hover{color:#60a5fa!important;background-color:#263449!important;border-color:#3b82f6!important}html.dark .three-dot-btn svg,html.dark .action-btn-more svg{color:#94a3b8!important}html.dark .three-dot-btn:hover svg,html.dark .action-btn-more:hover svg{color:#60a5fa!important}html.dark .icon-action-btn.approve,html.dark .action-btn-approve,html.dark .btn-approve,html.dark .action-btn-success,html.dark .btn-success{color:#34d399!important;background-color:#10b98129!important;border:1px solid #10b98166!important}html.dark .icon-action-btn.approve:hover,html.dark .action-btn-approve:hover,html.dark .btn-approve:hover,html.dark .action-btn-success:hover,html.dark .btn-success:hover{background-color:#10b98147!important}html.dark .icon-action-btn.approve svg,html.dark .action-btn-approve svg,html.dark .btn-approve svg,html.dark .action-btn-success svg{color:#34d399!important;stroke:#34d399!important}html.dark .icon-action-btn.reject,html.dark .action-btn-reject,html.dark .btn-reject,html.dark .action-btn-danger,html.dark .btn-danger,html.dark .btn-outline-danger,html.dark .reject-btn,html.dark .reject-action,html.dark button.reject,html.dark button[onClick*="Reject"],html.dark button[onClick*="reject"]{color:#f87171!important;background-color:#ef444424!important;border:1px solid #ef444459!important;transition:all .15s!important}html.dark .icon-action-btn.reject:hover,html.dark .action-btn-reject:hover,html.dark .btn-reject:hover,html.dark .action-btn-danger:hover,html.dark .btn-danger:hover,html.dark .btn-outline-danger:hover,html.dark .reject-btn:hover,html.dark .reject-action:hover,html.dark button.reject:hover,html.dark button[onClick*="Reject"]:hover,html.dark button[onClick*="reject"]:hover{color:#fca5a5!important;background-color:#ef444438!important;border-color:#ef444480!important}html.dark .icon-action-btn.reject svg,html.dark .action-btn-reject svg,html.dark .btn-reject svg,html.dark .action-btn-danger svg,html.dark .btn-danger svg,html.dark .btn-outline-danger svg,html.dark .reject-btn svg,html.dark .reject-action svg,html.dark button.reject svg,html.dark button[onClick*="Reject"] svg,html.dark button[onClick*="reject"] svg{color:#f87171!important;stroke:#f87171!important;transition:all .15s!important}html.dark .icon-action-btn.reject:hover svg,html.dark .action-btn-reject:hover svg,html.dark .btn-reject:hover svg,html.dark .action-btn-danger:hover svg,html.dark .btn-danger:hover svg,html.dark .btn-outline-danger:hover svg,html.dark .reject-btn:hover svg,html.dark .reject-action:hover svg,html.dark button.reject:hover svg,html.dark button[onClick*="Reject"]:hover svg,html.dark button[onClick*="reject"]:hover svg{color:#fca5a5!important;stroke:#fca5a5!important}html.dark .metric-card.pending-card .red-title,html.dark .metric-card.pending-card .metric-label{color:#f8fafc!important;font-weight:700!important}html.dark .metric-card.pending-card .metric-value,html.dark .metric-card.pending-card .red-val{color:#f87171!important;font-weight:800!important}html.dark .metric-card.pending-card .metric-pill.danger{color:#f87171!important;background-color:#ef444429!important;border:1px solid #ef444466!important;font-weight:700!important}html.dark .action-btn-warning,html.dark .btn-warning{color:#fbbf24!important;cursor:pointer!important;background-color:#f59e0b24!important;border:1px solid #f59e0b59!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:35px!important;padding:0 12px!important;font-size:12.5px!important;font-weight:600!important;transition:background-color .15s!important;display:inline-flex!important}html.dark .action-btn-warning:hover,html.dark .btn-warning:hover{background-color:#f59e0b40!important}html.dark .custom-table,html.dark .table{border-collapse:collapse!important;background-color:#111827!important;width:100%!important}html.dark .custom-table th,html.dark .table th{color:#94a3b8!important;background-color:#1e293b!important;border-bottom:1px solid #263449!important}html.dark .custom-table td,html.dark .table td{color:#e5e7eb!important;background-color:#111827!important;border-bottom:1px solid #263449!important}html.dark .custom-table tbody tr:hover td,html.dark .table tbody tr:hover td{background-color:#172033!important}html.dark .emp-name{color:#f8fafc!important}html.dark .emp-dept,html.dark .sub-date{color:#94a3b8!important}html.dark .leave-details .days-tag{color:#e5e7eb!important;background-color:#1e293b!important}html.dark .leave-details .date-range,html.dark .leave-reason-inline{color:#94a3b8!important}html.dark .badge.badge-pending,html.dark .badge.badge-warning,html.dark .badge.badge-pending-docs{color:#fbbf24!important;background-color:#f59e0b24!important;border:1px solid #f59e0b4d!important}html.dark .badge.badge-paid,html.dark .badge.badge-approved,html.dark .badge.badge-completed,html.dark .badge.badge-active,html.dark .badge.badge-present,html.dark .badge.badge-success{color:#34d399!important;background-color:#10b98124!important;border:1px solid #10b9814d!important}html.dark .badge.badge-rejected,html.dark .badge.badge-needs-improvement,html.dark .badge.badge-absent,html.dark .badge.badge-terminated,html.dark .badge.badge-danger{color:#f87171!important;background-color:#ef444424!important;border:1px solid #ef44444d!important}html.dark .badge.badge-in-progress,html.dark .badge.badge-late,html.dark .badge.badge-leave,html.dark .badge.badge-onleave,html.dark .badge.badge-on-leave,html.dark .badge.badge-purple,html.dark .badge.badge-review,html.dark .badge.badge-lavender{color:#60a5fa!important;background-color:#3b82f629!important;border:1px solid #3b82f647!important}html.dark .badge.badge-not-started,html.dark .badge.badge-gray,html.dark .badge.badge-neutral{color:#94a3b8!important;background-color:#94a3b824!important;border:1px solid #94a3b84d!important}html.dark .dept-attendance-item.compact{background-color:#172033!important;border:1px solid #263449!important}html.dark .dept-name{color:#f8fafc!important;font-weight:700!important}html.dark .dept-count{color:#94a3b8!important}html.dark .progress-bar-bg.thin{background-color:#1e293b!important}html.dark .progress-bar-fill{background-color:#3b82f6!important}html.dark .alert-card,html.dark .alert-item{color:#e5e7eb!important;opacity:1!important;background-color:#172033!important;border:1px solid #263449!important}html.dark .alert-card.warning,html.dark .alert-item.warning{color:#e5e7eb!important;background-color:#f59e0b24!important;border:1px solid #f59e0b59!important}html.dark .alert-card.warning .alert-icon-box,html.dark .alert-item.warning .alert-icon-box{color:#fbbf24!important;background-color:#f59e0b33!important}html.dark .alert-card.info,html.dark .alert-item.info{color:#e5e7eb!important;background-color:#3b82f624!important;border:1px solid #3b82f659!important}html.dark .alert-card.info .alert-icon-box,html.dark .alert-item.info .alert-icon-box{color:#60a5fa!important;background-color:#3b82f633!important}html.dark .alert-card.success,html.dark .alert-item.success{color:#e5e7eb!important;background-color:#10b98124!important;border:1px solid #10b98159!important}html.dark .alert-card.success .alert-icon-box,html.dark .alert-item.success .alert-icon-box{color:#34d399!important;background-color:#10b98133!important}html.dark .alert-title-compact,html.dark .alert-title{color:#f8fafc!important;opacity:1!important;font-weight:700!important}html.dark .alert-desc-compact,html.dark .alert-desc{color:#94a3b8!important;opacity:1!important;font-weight:500!important}html.dark .training-info-banner{color:#e5e7eb!important;background:#172033!important;border:1px solid #263449!important}html.dark .training-banner-icon{color:#3b82f6!important}html.dark .training-step-card{color:#e5e7eb!important;background-color:#111827!important;border:1px solid #263449!important}html.dark .training-step-tag{color:#60a5fa!important}html.dark a.view-details-link,html.dark a.view-all-link,html.dark a.action-link,html.dark a.btn-link,html.dark .view-details-link,html.dark .view-all-link,html.dark .action-link,html.dark .btn-light,html.dark .btn-secondary,html.dark .btn-view,html.dark .btn-preview,html.dark .btn-details,html.dark .btn-inspect,html.dark .btn-open,html.dark .view-details-btn,html.dark .directory-action-btn,html.dark .custom-table .btn,html.dark .table .btn,html.dark .directory-table .btn{color:#60a5fa!important;background-color:#172033!important;border-color:#334155!important}html.dark .btn-light *,html.dark .btn-secondary *,html.dark .btn-view *,html.dark .btn-preview *,html.dark .btn-details *,html.dark .btn-inspect *,html.dark .btn-open *,html.dark .view-details-btn *,html.dark .view-details-link *,html.dark .directory-action-btn *{color:#60a5fa!important}html.dark a.view-details-link:hover,html.dark a.view-all-link:hover,html.dark a.action-link:hover,html.dark .view-details-link:hover,html.dark .view-all-link:hover,html.dark .action-link:hover,html.dark .btn-light:hover,html.dark .btn-secondary:hover,html.dark .btn-view:hover,html.dark .btn-preview:hover,html.dark .btn-details:hover,html.dark .btn-inspect:hover,html.dark .btn-open:hover,html.dark .view-details-btn:hover,html.dark .directory-action-btn:hover,html.dark .custom-table .btn:hover,html.dark .table .btn:hover,html.dark .directory-table .btn:hover{color:#93c5fd!important;background-color:#3b82f624!important;border-color:#3b82f6!important}html.dark .btn-light:hover *,html.dark .btn-secondary:hover *,html.dark .btn-view:hover *,html.dark .btn-preview:hover *,html.dark .btn-details:hover *,html.dark .btn-inspect:hover *,html.dark .btn-open:hover *,html.dark .view-details-btn:hover *,html.dark .view-details-link:hover *,html.dark .directory-action-btn:hover *{color:#93c5fd!important}html.dark svg.lucide-eye,html.dark .icon-action-btn.view,html.dark .action-btn.view,html.dark .view-icon{color:#60a5fa!important}html.dark svg.lucide-eye:hover,html.dark .icon-action-btn.view:hover,html.dark .action-btn.view:hover,html.dark .view-icon:hover{color:#93c5fd!important}html.dark .btn-primary,html.dark .btn-success,html.dark .btn-danger,html.dark .btn-warning,html.dark button.btn-primary,html.dark button.btn-success,html.dark button.btn-danger,html.dark button.btn-warning,html.dark .btn-primary *,html.dark .btn-success *,html.dark .btn-danger *,html.dark .btn-warning *{color:#fff!important}html.dark .login-container{background-color:#0b1220!important}html.dark .login-card{color:#e5e7eb!important;background-color:#111827!important;border:1px solid #263449!important;box-shadow:0 16px 40px #00000080!important}html.dark .modal-overlay,html.dark .side-drawer-overlay,html.dark .centered-modal-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;opacity:1!important;filter:none!important;background-color:#0b1220bf!important}html.dark .modal-content,html.dark .modal-container,html.dark .side-drawer,html.dark .centered-modal-card{color:#e5e7eb!important;opacity:1!important;filter:none!important;background-color:#111827!important;border:1px solid #263449!important;box-shadow:0 20px 50px #0009!important}html.dark .modal-header,html.dark .side-drawer-header{background-color:#111827!important;border-bottom-color:#263449!important}html.dark .modal-title,html.dark .side-drawer-title,html.dark .modal-header h3,html.dark .modal-header h4,html.dark .modal-container .modal-title{color:#f8fafc!important}html.dark .modal-header span,html.dark .side-drawer-header span,html.dark .modal-subtitle{color:#94a3b8!important}html.dark .modal-body,html.dark .modal-content>form,html.dark .centered-modal-card>form,html.dark .modal-form-body,html.dark .side-drawer-body{color:#e5e7eb!important;opacity:1!important;filter:none!important;background-color:#111827!important}html.dark .profile-photo-edit-box{background-color:#1e293b!important;border-color:#334155!important}html.dark .modal-footer,html.dark .side-drawer-footer{background-color:#111827!important;border-top-color:#263449!important}html.dark .modal-container th,html.dark .modal-content th,html.dark .side-drawer th,html.dark .centered-modal-card th,html.dark .directory-table th,html.dark .desktop-approval-table th,html.dark .custom-table th,html.dark .table th{color:#a8b8d0!important;background-color:#1e293b!important;border-bottom:1px solid #263449!important}html.dark .modal-container td,html.dark .modal-content td,html.dark .side-drawer td,html.dark .centered-modal-card td,html.dark .directory-table td,html.dark .desktop-approval-table td,html.dark .modal-row-main-text{color:#e5e7eb!important;opacity:1!important;border-bottom-color:#263449!important}html.dark .modal-row-main-text strong,html.dark .modal-container td strong,html.dark .side-drawer td strong{color:#f8fafc!important}html.dark .modal-container .text-muted,html.dark .modal-content .text-muted,html.dark .side-drawer .text-muted,html.dark .centered-modal-card .text-muted,html.dark .modal-row-secondary-text,html.dark .mobile-approval-card .text-muted,html.dark .directory-table .text-muted,html.dark .desktop-approval-table .text-muted{color:#94a3b8!important;opacity:1!important}html.dark .mobile-approval-card{color:#e5e7eb!important;background-color:#172033!important;border:1px solid #263449!important}html.dark .mobile-approval-card .summary-box,html.dark .mobile-approval-card [style*=border-light]{color:#e5e7eb!important;background-color:#1e293b!important}html.dark .directory-table th[style*=sticky],html.dark .desktop-approval-table th[style*=sticky],html.dark .custom-table th[style*=sticky]{background-color:#1e293b!important}html.dark .directory-table td[style*=sticky],html.dark .desktop-approval-table td[style*=sticky],html.dark .custom-table td[style*=sticky]{background-color:#111827!important}html.dark .approval-chain-badge{color:#3b82f6!important;background-color:#3b82f626!important}html.dark .metric-pill.danger,html.dark .status-pill-pending{color:#ef4444!important;background-color:#ef444426!important}html.dark .btn-view-action,html.dark .desktop-approval-table .btn-secondary,html.dark .mobile-approval-cards .btn-secondary{color:#60a5fa!important;background-color:#3b82f626!important;border:1px solid #3b82f659!important;font-weight:500!important}html.dark .btn-view-action:hover,html.dark .desktop-approval-table .btn-secondary:hover,html.dark .mobile-approval-cards .btn-secondary:hover{color:#93c5fd!important;background-color:#3b82f647!important;border-color:#3b82f6!important}html.dark .modal-close-btn,html.dark .side-drawer-close,html.dark .dropdown-close-btn,html.dark .drawer-close,html.dark .popup-close,html.dark .close-btn,html.dark .modal-header button:not(.btn),html.dark .side-drawer-header button:not(.btn),html.dark .dropdown-header button:not(.btn),html.dark .popover-header button:not(.btn),html.dark .modal-content>button:not(.btn),html.dark .modal-container>button:not(.btn),html.dark .centered-modal-card>button:not(.btn){color:#cbd5e1!important;background-color:#0000!important;border:none!important;border-radius:6px!important;transition:all .15s!important}html.dark .modal-close-btn svg,html.dark .side-drawer-close svg,html.dark .dropdown-close-btn svg,html.dark .drawer-close svg,html.dark .popup-close svg,html.dark .close-btn svg,html.dark .modal-header button:not(.btn) svg,html.dark .side-drawer-header button:not(.btn) svg,html.dark .dropdown-header button:not(.btn) svg,html.dark .popover-header button:not(.btn) svg,html.dark .modal-content>button:not(.btn) svg,html.dark .modal-container>button:not(.btn) svg,html.dark .centered-modal-card>button:not(.btn) svg{color:#cbd5e1!important;stroke:#cbd5e1!important}html.dark .modal-close-btn:hover,html.dark .side-drawer-close:hover,html.dark .dropdown-close-btn:hover,html.dark .drawer-close:hover,html.dark .popup-close:hover,html.dark .close-btn:hover,html.dark .modal-header button:not(.btn):hover,html.dark .side-drawer-header button:not(.btn):hover,html.dark .dropdown-header button:not(.btn):hover,html.dark .popover-header button:not(.btn):hover,html.dark .modal-content>button:not(.btn):hover,html.dark .modal-container>button:not(.btn):hover,html.dark .centered-modal-card>button:not(.btn):hover{color:#f8fafc!important;background-color:#94a3b81f!important}html.dark .modal-close-btn:hover svg,html.dark .side-drawer-close:hover svg,html.dark .dropdown-close-btn:hover svg,html.dark .drawer-close:hover svg,html.dark .popup-close:hover svg,html.dark .close-btn:hover svg,html.dark .modal-header button:not(.btn):hover svg,html.dark .side-drawer-header button:not(.btn):hover svg,html.dark .dropdown-header button:not(.btn):hover svg,html.dark .popover-header button:not(.btn):hover svg,html.dark .modal-content>button:not(.btn):hover svg,html.dark .modal-container>button:not(.btn):hover svg,html.dark .centered-modal-card>button:not(.btn):hover svg{color:#f8fafc!important;stroke:#f8fafc!important}html.dark .emp-card-label,html.dark .summary-label{color:#94a3b8!important}html.dark .emp-card-val,html.dark .emp-email-val,html.dark .emp-phone-val,html.dark .emp-loc-val{color:#e5e7eb!important}html.dark .emp-id-val{color:#f8fafc!important}html.dark .emp-id-val.clickable,html.dark a.emp-id-val{color:#60a5fa!important}html.dark .emp-loc-icon,html.dark .card .form-grid span,html.dark .card .form-group span,html.dark .form-grid>div>span{color:#94a3b8!important}html.dark .card .form-grid p,html.dark .card .form-group p,html.dark .form-grid>div>p,html.dark .medical-notes-text{color:#e5e7eb!important}html.dark .medical-allergy-text{color:#f87171!important}html.dark .card[style*=fecaca]{background-color:#172033!important;border-color:#7f1d1d!important}html.dark .dropdown-item-hover{color:#e5e7eb!important}html.dark .dropdown-item-hover:hover{color:#f8fafc!important;background-color:#172033!important}[dir=rtl]{text-align:right}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border);left:auto;right:0}@media (width>=1025px){[dir=rtl] .main-wrapper{margin-left:0;margin-right:var(--sidebar-width)}[dir=rtl] .app-container.collapsed .main-wrapper{margin-left:0;margin-right:var(--sidebar-collapsed-width)}}[dir=rtl] .metric-decor-dots{left:-4px;right:auto}[dir=rtl] .header-search-wrapper{margin-left:0;margin-right:12px}.side-drawer-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background-color:#0f172a8c;justify-content:flex-end;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.side-drawer{background-color:var(--bg-card,#fff);width:min(650px,52vw);max-width:100vw;height:100vh;color:var(--text-main,#1e293b);z-index:1001;border-left:1px solid var(--border,#e2e8f0);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;overflow:hidden;box-shadow:-6px 0 30px #0f172a33}@media (width<=1024px){.side-drawer{width:min(640px,85vw)}}@media (width<=640px){.side-drawer{width:100vw}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.side-drawer-header{border-bottom:1px solid var(--border,#e2e8f0);background-color:var(--bg-card,#fff);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.side-drawer-title{color:var(--text-main,#0f172a);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.side-drawer-close{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.side-drawer-close:hover{background-color:var(--bg-hover,#f1f5f9);color:var(--text-main,#0f172a)}.side-drawer-body{flex-direction:column;flex:1;gap:18px;padding:20px;display:flex;overflow:hidden auto}.side-drawer-footer{border-top:1px solid var(--border,#e2e8f0);background-color:var(--bg-card,#fff);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 20px;display:flex}html.dark .side-drawer-overlay{background-color:#000000bf!important}html.dark .side-drawer,html.dark .detail-drawer,html.dark .side-panel,html.dark .drawer-container{color:#e5e7eb!important;background-color:#111827!important;border-left-color:#263449!important}html.dark .side-drawer-header,html.dark .detail-drawer-header,html.dark .drawer-header{background-color:#111827!important;border-bottom-color:#263449!important}html.dark .side-drawer-title,html.dark .detail-drawer-title,html.dark .drawer-title,html.dark .side-drawer-header h3,html.dark .side-drawer-header span{color:#f8fafc!important}html.dark .side-drawer-close,html.dark .drawer-close{color:#94a3b8!important}html.dark .side-drawer-close:hover,html.dark .drawer-close:hover{color:#f8fafc!important;background-color:#172033!important}html.dark .side-drawer-footer,html.dark .detail-drawer-footer,html.dark .drawer-footer{background-color:#111827!important;border-top-color:#263449!important}html.dark .side-drawer-body div[style*=background],html.dark .side-drawer-body div[style*=backgroundColor],html.dark .side-drawer-body .drawer-card,html.dark .side-drawer-body .info-card,html.dark .side-drawer-body .detail-card,html.dark .side-drawer-body .event-card,html.dark .side-drawer-body .audit-log-card,html.dark .side-drawer-body .section-card{color:#e5e7eb!important;background-color:#172033!important;border-color:#263449!important}html.dark .side-drawer-body table,html.dark .detail-drawer table{color:#e5e7eb!important;background-color:#111827!important}html.dark .side-drawer-body table tr,html.dark .detail-drawer table tr{border-bottom-color:#263449!important}html.dark .side-drawer-body table th,html.dark .detail-drawer table th{color:#f8fafc!important;background-color:#1e293b!important;border-color:#263449!important}html.dark .side-drawer-body table td,html.dark .detail-drawer table td{color:#e5e7eb!important;border-color:#263449!important}html.dark .side-drawer-body div[style*=grid]>div,html.dark .side-drawer-body .info-box,html.dark .side-drawer-body .stat-box{background-color:#1e293b!important;border-color:#263449!important}html.dark .side-drawer-body h4,html.dark .side-drawer-body h5,html.dark .side-drawer-body .drawer-section-heading,html.dark .side-drawer-body .section-title,html.dark .side-drawer-body .text-secondary,html.dark .side-drawer-body label,html.dark .side-drawer-body .field-label{color:#94a3b8!important}html.dark .side-drawer-body h3,html.dark .side-drawer-body .value-text,html.dark .side-drawer-body .field-value{color:#f8fafc!important}html.dark .side-drawer-body a,html.dark .side-drawer-body button.btn-outline-primary,html.dark .side-drawer-body .view-details-link,html.dark .side-drawer-body .action-link{color:#60a5fa!important;border-color:#3b82f6!important}html.dark .side-drawer-body a:hover,html.dark .side-drawer-body button.btn-outline-primary:hover,html.dark .side-drawer-body .view-details-link:hover,html.dark .side-drawer-body .action-link:hover{color:#93c5fd!important;background-color:#3b82f624!important}.centered-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1050;background-color:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.centered-modal-card{color:#1e293b;z-index:1051;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:560px;max-width:calc(100vw - 40px);max-height:85vh;animation:.18s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #0f172a40}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width>=769px) and (width<=1024px){.centered-modal-card{width:70vw;max-width:600px}}@media (width<=768px){.centered-modal-card{width:calc(100vw - 20px);max-height:92vh}}html.dark .centered-modal-card{color:#e5e7eb;background-color:#111827;border-color:#263449}[dir=rtl] .custom-table th,[dir=rtl] .custom-table td{text-align:right}[dir=rtl] .action-buttons-group.compact{justify-content:flex-start}.leaflet-container{z-index:1;font-family:inherit}.leaflet-control-container .leaflet-top,.leaflet-control-container .leaflet-bottom{z-index:800!important;pointer-events:auto!important}.leaflet-control-zoom{border:1px solid #cbd5e1!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 4px 12px #0000001f!important}.leaflet-control-zoom a{color:#1e293b!important;text-align:center!important;background-color:#fff!important;width:32px!important;height:32px!important;font-size:16px!important;font-weight:700!important;line-height:32px!important;transition:background-color .15s,color .15s!important}.leaflet-control-zoom a:hover{color:#3b82f6!important;background-color:#f1f5f9!important}.responsive-map-container{z-index:1;pointer-events:auto;touch-action:pan-x pan-y;width:100%;height:400px;box-shadow:inset 0 2px 4px #0000000d;border:1px solid #cbd5e1!important;border-radius:12px!important;overflow:hidden!important}@media (width<=1024px){.responsive-map-container{height:350px}}@media (width<=640px){.responsive-map-container{height:320px}}.location-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=768px){.location-form-grid{grid-template-columns:1fr;gap:10px}}@media (width<=1024px){.sidebar{z-index:1200!important;width:82vw!important;max-width:300px!important;height:100vh!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;left:-100%!important;box-shadow:4px 0 24px #0000002e!important}.sidebar.mobile-open{left:0!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background-color:#0f172a8c;position:fixed;inset:0}.main-wrapper{width:100%!important;margin-left:0!important}}@media (width<=767px){.app-container{overflow-x:hidden;width:100%!important;max-width:none!important}.main-wrapper{width:100%!important;margin-left:0!important;padding:0!important}.page-content{width:100%!important;max-width:none!important;padding:16px 16px 24px!important}.top-header{gap:8px!important;padding:0 10px!important}.header-actions-secondary{display:none!important}.header-search-wrapper{flex:1!important;width:100%!important;min-width:0!important}.admin-profile-btn .profile-info,.admin-profile-btn .profile-chevron{display:none!important}.admin-profile-btn{padding:4px!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:14px!important}.page-title{font-size:20px!important;line-height:1.3!important}.page-subtitle{font-size:12px!important}.page-header>div:last-child,.page-header-actions{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.page-header-actions .btn,.page-header .btn{justify-content:center!important;width:100%!important}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.directory-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.directory-search-box,.directory-select,.directory-clear-btn,.directory-filter-bar>div{flex:none!important;width:100%!important;min-width:0!important}.directory-date-group{gap:8px!important;width:100%!important;display:flex!important}.directory-date-group input{flex:1!important;width:100%!important}.table-responsive{-webkit-overflow-scrolling:touch;width:100%!important;overflow-x:auto!important}.desktop-only-table{display:none!important}.mobile-only-cards{flex-direction:column;gap:12px;padding:12px;display:flex!important}.mobile-attendance-card{background-color:var(--bg-card,#fff);border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 1px 3px #0000000d}.mobile-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.mobile-emp-name{color:#0f172a;overflow-wrap:anywhere;font-size:14px;font-weight:700}.mobile-emp-id{color:#64748b;font-family:monospace;font-size:11px}.mobile-card-grid{grid-template-columns:1fr 1fr;gap:8px;font-size:12.5px;display:grid}.mobile-card-label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:600;display:block}.mobile-card-value{color:#1e293b;overflow-wrap:anywhere;font-weight:500}.mobile-card-actions{border-top:1px solid #f1f5f9;gap:8px;margin-top:4px;padding-top:8px;display:flex}.modal-content{width:calc(100vw - 24px)!important;max-width:none!important;max-height:90vh!important;margin:12px!important;padding:16px!important}}@media (width<=480px){.metrics-grid,.mobile-card-grid{grid-template-columns:1fr!important}}.desktop-only-table{display:block}.mobile-only-cards{display:none}.announcement-target-badge{color:#3b82f6;background-color:#3b82f614;border:1px solid #3b82f633;border-radius:9999px;align-items:center;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}html.dark .announcement-target-badge{color:#60a5fa!important;background-color:#3b82f624!important;border:1px solid #3b82f640!important}.help-hero-card{text-align:center!important;background:linear-gradient(135deg,#3b82f60d 0%,#2563eb14 100%)!important;border:1px solid #3b82f626!important;padding:32px 24px!important}.help-hero-title{color:#0f172a!important;margin-bottom:8px!important;font-size:20px!important;font-weight:700!important}.help-hero-subtitle{color:#64748b!important;margin-bottom:20px!important;font-size:13.5px!important}.help-search-icon{color:#64748b!important;pointer-events:none!important;position:absolute!important;left:16px!important}.help-search-input{color:#0f172a!important;background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;outline:none!important;width:100%!important;height:48px!important;padding-left:48px!important;padding-right:16px!important;font-size:14px!important;box-shadow:0 4px 12px #0000000a!important}.help-search-input::placeholder{color:#64748b!important;opacity:1!important}.help-section-title{color:#0f172a!important;margin-bottom:16px!important;font-size:16px!important;font-weight:700!important}.help-categories-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:16px!important;margin-bottom:32px!important;display:grid!important}.help-category-card{flex-direction:column!important;justify-content:space-between!important;transition:transform .15s,box-shadow .15s!important;display:flex!important}.help-card-header{align-items:center!important;gap:12px!important;margin-bottom:12px!important;display:flex!important}.help-card-icon-box{color:#3b82f6!important;background-color:#3b82f61a!important;border-radius:10px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;display:flex!important}.help-card-title{color:#0f172a!important;margin:0!important;font-size:15px!important;font-weight:700!important}.help-card-count{color:#64748b!important;font-size:12px!important}.help-card-desc{color:#64748b!important;margin-bottom:14px!important;font-size:13px!important;line-height:1.4!important}.help-articles-list{flex-direction:column!important;gap:6px!important;margin-bottom:16px!important;display:flex!important}.help-article-item{color:#334155!important;cursor:pointer!important;align-items:flex-start!important;gap:6px!important;font-size:12.5px!important;transition:color .15s!important;display:flex!important}.help-article-icon{color:#3b82f6!important;flex-shrink:0!important;margin-top:2px!important}.help-article-title{color:#334155!important;transition:color .15s!important}.help-article-item:hover,.help-article-item:hover .help-article-title{color:#2563eb!important}.help-card-btn{justify-content:center!important;gap:6px!important;width:100%!important;font-size:12.5px!important}.help-contact-card{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:24px!important;display:flex!important}.help-contact-info{align-items:center!important;gap:16px!important;display:flex!important}.help-contact-icon-box{color:#3b82f6!important;background-color:#3b82f61a!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;display:flex!important}.help-contact-title{color:#0f172a!important;margin:0 0 2px!important;font-size:15px!important;font-weight:700!important}.help-contact-desc{color:#64748b!important;margin:0!important;font-size:13px!important}.help-contact-btn{align-items:center!important;gap:8px!important;text-decoration:none!important;display:inline-flex!important}.help-empty-title{color:#0f172a!important;margin:0 0 4px!important;font-size:15px!important;font-weight:700!important}.help-empty-desc{color:#64748b!important;margin:0!important;font-size:13px!important}html.dark .help-hero-card,.dark .help-hero-card{background:linear-gradient(135deg,#1e293bcc 0%,#0f172ae6 100%)!important;border:1px solid #334155!important}html.dark .help-hero-title,.dark .help-hero-title{color:#f8fafc!important}html.dark .help-hero-subtitle,.dark .help-hero-subtitle,html.dark .help-search-icon,.dark .help-search-icon{color:#94a3b8!important}html.dark .help-search-input,.dark .help-search-input{color:#f8fafc!important;background-color:#1e293b!important;border:1px solid #334155!important;box-shadow:0 4px 12px #00000040!important}html.dark .help-search-input::placeholder,.dark .help-search-input::placeholder{color:#94a3b8!important;opacity:1!important}html.dark .help-section-title,.dark .help-section-title{color:#f8fafc!important}html.dark .help-category-card,.dark .help-category-card{background-color:#1e293b!important;border:1px solid #334155!important}html.dark .help-card-icon-box,.dark .help-card-icon-box{color:#60a5fa!important;background-color:#3b82f633!important}html.dark .help-card-title,.dark .help-card-title{color:#f8fafc!important}html.dark .help-card-count,.dark .help-card-count{color:#94a3b8!important}html.dark .help-card-desc,.dark .help-card-desc,html.dark .help-article-item,.dark .help-article-item,html.dark .help-article-title,.dark .help-article-title{color:#cbd5e1!important}html.dark .help-article-icon,.dark .help-article-icon{color:#3b82f6!important}html.dark .help-article-item:hover,.dark .help-article-item:hover,html.dark .help-article-item:hover .help-article-title,.dark .help-article-item:hover .help-article-title{color:#60a5fa!important}html.dark .help-card-btn,.dark .help-card-btn,html.dark .help-doc-btn,.dark .help-doc-btn{color:#60a5fa!important;background-color:#0f172a!important;border:1px solid #334155!important}html.dark .help-card-btn:hover,.dark .help-card-btn:hover,html.dark .help-doc-btn:hover,.dark .help-doc-btn:hover{color:#93c5fd!important;background-color:#1e293b!important;border-color:#475569!important}html.dark .help-card-btn span,.dark .help-card-btn span,html.dark .help-doc-btn span,.dark .help-doc-btn span,html.dark .help-card-btn-arrow,.dark .help-card-btn-arrow{color:#60a5fa!important}html.dark .help-card-btn:hover span,.dark .help-card-btn:hover span,html.dark .help-card-btn:hover .help-card-btn-arrow,.dark .help-card-btn:hover .help-card-btn-arrow{color:#93c5fd!important}html.dark .help-contact-card,.dark .help-contact-card{background-color:#1e293b!important;border:1px solid #334155!important}html.dark .help-contact-icon-box,.dark .help-contact-icon-box{color:#60a5fa!important;background-color:#3b82f633!important}html.dark .help-contact-title,.dark .help-contact-title{color:#f8fafc!important}html.dark .help-contact-desc,.dark .help-contact-desc{color:#cbd5e1!important}html.dark .help-contact-btn,.dark .help-contact-btn{color:#60a5fa!important;background-color:#0f172a!important;border:1px solid #334155!important}html.dark .help-contact-btn .help-btn-icon,.dark .help-contact-btn .help-btn-icon{color:#60a5fa!important}html.dark .help-contact-btn:hover,.dark .help-contact-btn:hover{color:#93c5fd!important;background-color:#1e293b!important;border-color:#475569!important}html.dark .help-empty-title,.dark .help-empty-title{color:#f8fafc!important}html.dark .help-empty-desc,.dark .help-empty-desc{color:#cbd5e1!important}.emp-profile-layout{align-items:flex-start;gap:24px;display:flex}.emp-left-card{flex-shrink:0;width:280px}.emp-right-content{flex:1;min-width:0}.emp-tab-btn{color:var(--text-muted,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 4px 12px;font-size:14px;font-weight:500;transition:all .15s}.emp-tab-btn:hover{color:var(--text-main,#0f172a)}.emp-tab-btn.active{font-weight:600;color:#3b82f6!important;border-bottom:2px solid #3b82f6!important}html.dark .emp-tab-btn{color:#94a3b8}html.dark .emp-tab-btn:hover{color:#f8fafc}html.dark .emp-tab-btn.active{color:#60a5fa!important;border-bottom-color:#60a5fa!important}@media (width<=900px){.emp-profile-layout{flex-direction:column}.emp-left-card{width:100%}}html.dark,html.dark body,html.dark *{scrollbar-color:#334155 #0f172a;scrollbar-width:thin}html:not(.dark),html:not(.dark) body,html:not(.dark) *{scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}html.dark ::-webkit-scrollbar{width:8px;height:8px}html.dark ::-webkit-scrollbar{width:8px;height:8px}html.dark ::-webkit-scrollbar-track{border-radius:4px;background-color:#0f172a!important}html.dark ::-webkit-scrollbar-track{border-radius:4px;background-color:#0f172a!important}html.dark ::-webkit-scrollbar-track-piece{border-radius:4px;background-color:#0f172a!important}html.dark ::-webkit-scrollbar-track-piece{border-radius:4px;background-color:#0f172a!important}html.dark ::-webkit-scrollbar-thumb{border-radius:4px;background-color:#334155!important;border:2px solid #0f172a!important}html.dark ::-webkit-scrollbar-thumb{border-radius:4px;background-color:#334155!important;border:2px solid #0f172a!important}html.dark ::-webkit-scrollbar-thumb:hover{background-color:#475569!important}html.dark ::-webkit-scrollbar-thumb:hover{background-color:#475569!important}html.dark ::-webkit-scrollbar-thumb:active{background-color:#64748b!important}html.dark ::-webkit-scrollbar-thumb:active{background-color:#64748b!important}html.dark ::-webkit-scrollbar-corner{background-color:#0f172a!important}html.dark ::-webkit-scrollbar-corner{background-color:#0f172a!important}html.dark ::-webkit-scrollbar-button{width:0;height:0;display:none;background-color:#0f172a!important}html.dark ::-webkit-scrollbar-button{width:0;height:0;display:none;background-color:#0f172a!important}html:not(.dark) ::-webkit-scrollbar{width:8px;height:8px}html:not(.dark) ::-webkit-scrollbar{width:8px;height:8px}html:not(.dark) ::-webkit-scrollbar-track{background-color:#f8fafc;border-radius:4px}html:not(.dark) ::-webkit-scrollbar-track{background-color:#f8fafc;border-radius:4px}html:not(.dark) ::-webkit-scrollbar-track-piece{background-color:#f8fafc;border-radius:4px}html:not(.dark) ::-webkit-scrollbar-track-piece{background-color:#f8fafc;border-radius:4px}html:not(.dark) ::-webkit-scrollbar-thumb{background-color:#cbd5e1;border:2px solid #f8fafc;border-radius:4px}html:not(.dark) ::-webkit-scrollbar-thumb{background-color:#cbd5e1;border:2px solid #f8fafc;border-radius:4px}html:not(.dark) ::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}html:not(.dark) ::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}html:not(.dark) ::-webkit-scrollbar-corner{background-color:#f8fafc}html:not(.dark) ::-webkit-scrollbar-corner{background-color:#f8fafc}html ::-webkit-scrollbar-button{width:0;height:0;display:none}html ::-webkit-scrollbar-button{width:0;height:0;display:none}html.theme-pink,html.theme-pink body,html.theme-pink *{scrollbar-color:#f9a8d4 #fdf2f8;scrollbar-width:thin}html.theme-pink ::-webkit-scrollbar-track{background-color:#fdf2f8}html.theme-pink ::-webkit-scrollbar-track{background-color:#fdf2f8}html.theme-pink ::-webkit-scrollbar-track-piece{background-color:#fdf2f8}html.theme-pink ::-webkit-scrollbar-track-piece{background-color:#fdf2f8}html.theme-pink ::-webkit-scrollbar-thumb{background-color:#f9a8d4;border:2px solid #fdf2f8}html.theme-pink ::-webkit-scrollbar-thumb{background-color:#f9a8d4;border:2px solid #fdf2f8}html.theme-pink ::-webkit-scrollbar-thumb:hover{background-color:#ec4899}html.theme-pink ::-webkit-scrollbar-thumb:hover{background-color:#ec4899}html.theme-pink ::-webkit-scrollbar-corner{background-color:#fdf2f8}html.theme-pink ::-webkit-scrollbar-corner{background-color:#fdf2f8}html .tabs-container,html .tab-group,html .nav-tabs,html .reports-tab-bar,html .leave-tab-bar,html .payroll-tab-bar,html .asset-tab-bar,html .settings-tab-bar{overflow-y:hidden!important}html .tabs-container::-webkit-scrollbar{width:0;height:4px}html .tab-group::-webkit-scrollbar{width:0;height:4px}html .nav-tabs::-webkit-scrollbar{width:0;height:4px}html .reports-tab-bar::-webkit-scrollbar{width:0;height:4px}html .leave-tab-bar::-webkit-scrollbar{width:0;height:4px}html .payroll-tab-bar::-webkit-scrollbar{width:0;height:4px}html .asset-tab-bar::-webkit-scrollbar{width:0;height:4px}html .settings-tab-bar::-webkit-scrollbar{width:0;height:4px}html .tabs-container::-webkit-scrollbar-thumb{border:none}html .tab-group::-webkit-scrollbar-thumb{border:none}html .nav-tabs::-webkit-scrollbar-thumb{border:none}html .reports-tab-bar::-webkit-scrollbar-thumb{border:none}html .leave-tab-bar::-webkit-scrollbar-thumb{border:none}html .payroll-tab-bar::-webkit-scrollbar-thumb{border:none}html .asset-tab-bar::-webkit-scrollbar-thumb{border:none}html .settings-tab-bar::-webkit-scrollbar-thumb{border:none}.modal-footer,.side-drawer-footer,.detail-drawer-footer,.modal-actions,.modal-buttons,.dialog-footer{border-top:1px solid var(--border,#e2e8f0)!important;background-color:var(--bg-card,#fff)!important;flex-shrink:0!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;padding:16px 20px!important;display:flex!important}.modal-footer .btn,.modal-footer button,.side-drawer-footer .btn,.side-drawer-footer button,.detail-drawer-footer .btn,.detail-drawer-footer button,.modal-actions .btn,.modal-actions button,.modal-buttons .btn,.modal-buttons button,.dialog-footer .btn,.dialog-footer button{box-sizing:border-box!important;white-space:nowrap!important;vertical-align:middle!important;cursor:pointer!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:8px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0 18px!important;font-size:13.5px!important;font-weight:600!important;line-height:1.2!important;transition:all .18s ease-in-out!important;display:inline-flex!important}.modal-footer .btn-secondary,.modal-footer button:not(.btn-primary):not(.btn-danger):not(.btn-success),.side-drawer-footer .btn-secondary,.side-drawer-footer button:not(.btn-primary):not(.btn-danger):not(.btn-success),.modal-actions .btn-secondary,.modal-buttons .btn-secondary,.dialog-footer .btn-secondary{color:#334155!important;background-color:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 1px 2px #0000000d!important}.modal-footer .btn-secondary:hover,.modal-footer button:not(.btn-primary):not(.btn-danger):not(.btn-success):hover,.side-drawer-footer .btn-secondary:hover,.side-drawer-footer button:not(.btn-primary):not(.btn-danger):not(.btn-success):hover,.modal-actions .btn-secondary:hover,.modal-buttons .btn-secondary:hover,.dialog-footer .btn-secondary:hover{color:#0f172a!important;background-color:#f8fafc!important;border-color:#94a3b8!important}.modal-footer .btn-primary,.side-drawer-footer .btn-primary,.modal-actions .btn-primary,.modal-buttons .btn-primary,.dialog-footer .btn-primary{color:#fff!important;background-color:#3b82f6!important;border:1px solid #3b82f6!important;box-shadow:0 2px 5px #3b82f633!important}.modal-footer .btn-primary:hover,.side-drawer-footer .btn-primary:hover,.modal-actions .btn-primary:hover,.modal-buttons .btn-primary:hover,.dialog-footer .btn-primary:hover{color:#fff!important;background-color:#2563eb!important;border-color:#2563eb!important}.modal-footer .btn-danger,.side-drawer-footer .btn-danger,.modal-actions .btn-danger,.modal-buttons .btn-danger,.dialog-footer .btn-danger{color:#fff!important;background-color:#ef4444!important;border:1px solid #ef4444!important}.modal-footer .btn-danger:hover,.side-drawer-footer .btn-danger:hover,.modal-actions .btn-danger:hover,.modal-buttons .btn-danger:hover,.dialog-footer .btn-danger:hover{color:#fff!important;background-color:#dc2626!important;border-color:#dc2626!important}.modal-footer .btn-success,.side-drawer-footer .btn-success,.modal-actions .btn-success,.modal-buttons .btn-success,.dialog-footer .btn-success{color:#fff!important;background-color:#10b981!important;border:1px solid #10b981!important}.modal-footer .btn-success:hover,.side-drawer-footer .btn-success:hover,.modal-actions .btn-success:hover,.modal-buttons .btn-success:hover,.dialog-footer .btn-success:hover{color:#fff!important;background-color:#059669!important;border-color:#059669!important}html.dark .modal-footer,html.dark .side-drawer-footer,html.dark .detail-drawer-footer,html.dark .modal-actions,html.dark .modal-buttons,html.dark .dialog-footer{background-color:#111827!important;border-top-color:#263449!important}html.dark .modal-footer .btn-secondary,html.dark .modal-footer button:not(.btn-primary):not(.btn-danger):not(.btn-success),html.dark .side-drawer-footer .btn-secondary,html.dark .side-drawer-footer button:not(.btn-primary):not(.btn-danger):not(.btn-success),html.dark .modal-actions .btn-secondary,html.dark .modal-buttons .btn-secondary,html.dark .dialog-footer .btn-secondary{color:#f8fafc!important;background-color:#172033!important;border-color:#334155!important}html.dark .modal-footer .btn-secondary:hover,html.dark .modal-footer button:not(.btn-primary):not(.btn-danger):not(.btn-success):hover,html.dark .side-drawer-footer .btn-secondary:hover,html.dark .side-drawer-footer button:not(.btn-primary):not(.btn-danger):not(.btn-success):hover,html.dark .modal-actions .btn-secondary:hover,html.dark .modal-buttons .btn-secondary:hover,html.dark .dialog-footer .btn-secondary:hover{color:#fff!important;background-color:#1e293b!important;border-color:#475569!important}html.dark .modal-footer .btn-primary,html.dark .side-drawer-footer .btn-primary,html.dark .modal-actions .btn-primary,html.dark .modal-buttons .btn-primary,html.dark .dialog-footer .btn-primary{color:#fff!important;background-color:#3b82f6!important;border-color:#3b82f6!important}html.dark .modal-footer .btn-primary:hover,html.dark .side-drawer-footer .btn-primary:hover,html.dark .modal-actions .btn-primary:hover,html.dark .modal-buttons .btn-primary:hover,html.dark .dialog-footer .btn-primary:hover{color:#fff!important;background-color:#2563eb!important;border-color:#2563eb!important}.rem-title-unread{color:#0f172a;font-weight:600}.rem-title-read{color:#64748b;font-weight:500}.rem-date-cell{color:#64748b}.rem-status-read{color:#64748b;font-weight:500}html.dark .rem-title-unread{color:#f8fafc!important}html.dark .rem-title-read{color:#cbd5e1!important}html.dark .rem-date-cell,html.dark .rem-status-read{color:#94a3b8!important}html.dark .rem-unread-row{background-color:#3b82f614!important}html,body{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box}.table-responsive,.directory-table-wrapper,.table-container{border-radius:10px;margin-bottom:16px;-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}.table-responsive table,.directory-table-wrapper table{width:100%;min-width:600px}.table-responsive button,.table-responsive a,.directory-table-wrapper button,.directory-table-wrapper a{touch-action:manipulation;justify-content:center;align-items:center;min-width:36px;min-height:36px;display:inline-flex}.tab-group,.nav-tabs,.reports-tab-bar,.leave-tab-bar,.payroll-tab-bar,.asset-tab-bar,.settings-tab-bar{scrollbar-width:thin;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;padding-bottom:6px!important;display:flex!important;overflow-x:auto!important}.tab-group::-webkit-scrollbar{height:4px}.nav-tabs::-webkit-scrollbar{height:4px}.reports-tab-bar::-webkit-scrollbar{height:4px}.leave-tab-bar::-webkit-scrollbar{height:4px}.payroll-tab-bar::-webkit-scrollbar{height:4px}.tab-group>button,.nav-tabs>button,.reports-tab-bar>button,.leave-tab-bar>button,.payroll-tab-bar>button{white-space:nowrap!important;flex-shrink:0!important}.directory-filter-bar,.page-header-actions,.filter-group,.filter-bar{flex-wrap:wrap!important;align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.header-filter-actions{flex-shrink:0;align-items:center;gap:10px;width:auto;display:flex}.modal-overlay{z-index:2000!important;justify-content:center!important;align-items:center!important;padding:12px!important;display:flex!important;overflow-y:auto!important}.modal-content,.modal-dialog,.side-drawer-container{box-sizing:border-box!important;width:100%!important;max-width:min(650px,94vw)!important;max-height:calc(100vh - 24px)!important;margin:auto!important;overflow-y:auto!important}@media (width<=1024px){.app-container{width:100vw;overflow-x:hidden}.main-wrapper{width:100%!important;margin-left:0!important}.sidebar{z-index:1100!important;width:260px!important;transition:transform .25s ease-in-out!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-100%)!important;box-shadow:4px 0 25px #00000040!important}.sidebar.mobile-open{transform:translate(0)!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;z-index:1050!important;background-color:#0f172a99!important;display:block!important;position:fixed!important;inset:0!important}.dashboard-grid,.two-column-grid,.split-layout{grid-template-columns:1fr!important}.metrics-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.page-header-actions,.header-filter-actions{justify-content:flex-start!important;width:100%!important}.metrics-grid{grid-template-columns:repeat(2,1fr)!important}.form-grid,.form-row,.grid-2-col,.grid-3-col,.grid-4-col{grid-template-columns:1fr!important}.directory-search-box{flex:100%!important;width:100%!important}.directory-select,.directory-date-input,.directory-date-group{flex:auto!important;width:100%!important}.modal-content,.modal-dialog{border-radius:12px!important;max-width:96vw!important;padding:16px!important}.modal-footer,.modal-actions,.dialog-footer{flex-direction:column-reverse!important;gap:8px!important}.modal-footer .btn,.modal-footer button,.modal-actions .btn,.modal-actions button{justify-content:center!important;width:100%!important}}@media (width<=480px){.metrics-grid{grid-template-columns:1fr!important}.top-header{padding:0 12px!important}.page-content{padding:12px 10px!important}.header-search{width:130px!important}.btn{padding:8px 12px!important;font-size:12.5px!important}}.edit-employee-modal{box-sizing:border-box!important;width:min(780px,100vw - 24px)!important;max-width:780px!important;max-height:calc(100vh - 32px)!important;margin:auto!important;overflow:hidden!important}.edit-modal-body{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden auto!important}.responsive-edit-form-grid{box-sizing:border-box!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%!important;max-width:100%!important;display:grid!important}.responsive-edit-form-grid .form-group,.responsive-edit-form-grid .form-control,.responsive-edit-form-grid input,.responsive-edit-form-grid select{box-sizing:border-box!important;width:100%!important;min-width:0!important}@media (width<=768px){.edit-employee-modal{width:calc(100vw - 16px)!important;max-width:95vw!important}.responsive-edit-form-grid{grid-template-columns:1fr!important;gap:12px!important}.profile-photo-edit-box{flex-direction:flex-start!important;gap:12px!important}}.toast-notification,.toast-banner{z-index:9999!important;font-family:var(--font-family,sans-serif)!important;box-sizing:border-box!important;pointer-events:auto!important;border-radius:8px!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;max-width:calc(100vw - 32px)!important;padding:12px 18px!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important;animation:.25s cubic-bezier(.16,1,.3,1) forwards toastFadeIn!important;display:flex!important;position:fixed!important;top:24px!important;right:24px!important;box-shadow:0 10px 25px -5px #0000002e,0 4px 6px -2px #00000014!important}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-notification,.toast-notification.success,.toast-success,.alert-toast-success{color:#fff!important;background-color:#10b981!important;border:1px solid #fff3!important;box-shadow:0 10px 25px -5px #10b98166!important}.toast-notification.error,.toast-error,.alert-toast-error{color:#fff!important;background-color:#ef4444!important;border:1px solid #fff3!important;box-shadow:0 10px 25px -5px #ef444466!important}.toast-notification.warning,.toast-warning,.alert-toast-warning{color:#fff!important;background-color:#f59e0b!important;border:1px solid #fff3!important;box-shadow:0 10px 25px -5px #f59e0b66!important}.toast-notification.info,.toast-info,.alert-toast-info{color:#fff!important;background-color:#3b82f6!important;border:1px solid #fff3!important;box-shadow:0 10px 25px -5px #3b82f666!important}.toast-notification svg,.toast-banner svg,.toast-icon{vertical-align:middle!important;flex-shrink:0!important;align-self:center!important;width:18px!important;height:18px!important;margin:0!important;display:inline-block!important}.toast-notification span,.toast-notification div,.toast-banner span,.toast-banner div{word-break:break-word!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important}.toast-notification .toast-close-btn,.toast-banner .toast-close-btn{color:currentColor!important;opacity:.8!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:4px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;margin-left:6px!important;padding:4px!important;line-height:1!important;display:flex!important}.toast-notification .toast-close-btn:hover,.toast-banner .toast-close-btn:hover{opacity:1!important;background-color:#fff3!important}.page-alert-banner{box-sizing:border-box!important;border-radius:8px!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;width:100%!important;margin-bottom:16px!important;padding:12px 16px!important;font-size:13.5px!important;font-weight:600!important;line-height:1.4!important;display:flex!important}.page-alert-banner.success{color:#065f46!important;background-color:#ecfdf5!important;border:1px solid #a7f3d0!important}.page-alert-banner.error{color:#991b1b!important;background-color:#fef2f2!important;border:1px solid #fecaca!important}.page-alert-banner.warning{color:#92400e!important;background-color:#fffbe6!important;border:1px solid #fef08a!important}.page-alert-banner.info{color:#1e40af!important;background-color:#eff6ff!important;border:1px solid #bfdbfe!important}.page-alert-banner svg{flex-shrink:0!important;align-self:center!important;width:18px!important;height:18px!important}@media (width<=640px){.toast-notification,.toast-banner{max-width:calc(100vw - 32px)!important;padding:10px 14px!important;font-size:13px!important;top:16px!important;left:16px!important;right:16px!important}}.job-info-modal-overlay{-webkit-backdrop-filter:blur(4px);animation:.15s ease-out fadeIn;position:fixed;inset:0;z-index:3500!important;box-sizing:border-box!important;background-color:#0f172aa6!important;justify-content:center!important;align-items:center!important;padding:16px!important;display:flex!important}.job-info-modal-card{animation:.2s cubic-bezier(.16,1,.3,1) modalScale;color:#0f172a!important;box-sizing:border-box!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:16px!important;flex-direction:column!important;width:100%!important;max-width:780px!important;max-height:90vh!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #0f172a59!important}html.dark .job-info-modal-card{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important;box-shadow:0 25px 50px -12px #000000bf!important}.job-info-modal-header{shrink:0;background-color:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;justify-content:space-between!important;align-items:center!important;padding:16px 24px!important;display:flex!important}html.dark .job-info-modal-header{background-color:#1e293b!important;border-bottom-color:#334155!important}.job-info-modal-body{flex-direction:column!important;flex:1!important;gap:20px!important;padding:24px!important;display:flex!important;overflow-y:auto!important}.job-info-modal-footer{shrink:0;background-color:#f8fafc!important;border-top:1px solid #e2e8f0!important;justify-content:space-between!important;align-items:center!important;padding:16px 24px!important;display:flex!important}html.dark .job-info-modal-footer{background-color:#1e293b!important;border-top-color:#334155!important}.job-info-section-card{background-color:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;flex-direction:column!important;gap:12px!important;padding:16px!important;display:flex!important}html.dark .job-info-section-card{background-color:#1e293b!important;border-color:#334155!important}.job-info-input{color:#0f172a!important;box-sizing:border-box!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;outline:none!important;width:100%!important;padding:10px 14px!important;font-size:14px!important;transition:border-color .15s,box-shadow .15s!important}.job-info-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}html.dark .job-info-input{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}html.dark .job-info-input:focus{border-color:#60a5fa!important;box-shadow:0 0 0 3px #60a5fa33!important}.job-info-tag{color:#1e40af!important;background-color:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:9999px!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}html.dark .job-info-tag{color:#93c5fd!important;background-color:#3b82f633!important;border-color:#93c5fd4d!important}@media (width<=640px){.job-info-modal-overlay{align-items:flex-end!important;padding:8px!important}.job-info-modal-card{border-radius:20px 20px 0 0!important;max-height:95vh!important}.job-info-modal-body{gap:16px!important;padding:16px!important}.job-info-modal-header,.job-info-modal-footer{padding:14px 16px!important}}.page-content{box-sizing:border-box!important;flex-direction:column!important;width:100%!important;max-width:100%!important;display:flex!important}.page-header{flex-wrap:wrap!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important;margin-bottom:24px!important;display:flex!important}.page-title-group{text-align:left!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;display:flex!important}.page-title{color:var(--text-main,#0f172a)!important;letter-spacing:-.01em!important;margin:0!important;font-size:22px!important;font-weight:700!important;line-height:1.25!important}.page-subtitle{color:var(--text-muted,#64748b)!important;margin:0!important;font-size:13px!important;line-height:1.4!important}.metrics-grid,.stats-grid,.card-grid{align-items:stretch!important}.metric-card,.stat-card{box-sizing:border-box!important;flex-direction:column!important;justify-content:space-between!important;height:100%!important;display:flex!important}.table-responsive{-webkit-overflow-scrolling:touch!important;border-radius:var(--radius-lg,12px)!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}.table th.actions-col,.table th.actions,.table td.actions-cell,.table td.actions,.table td.text-right{white-space:nowrap!important;text-align:right!important;min-width:110px!important}.table th{vertical-align:middle!important;-webkit-user-select:none!important;user-select:none!important}.table td{vertical-align:middle!important}.filter-bar,.filter-toolbar,.directory-filter-bar{flex-wrap:wrap!important;align-items:center!important;gap:12px!important;width:100%!important;margin-bottom:20px!important;display:flex!important}.filter-bar input[type=text],.filter-bar select,.filter-bar input[type=date],.filter-toolbar input[type=text],.filter-toolbar select,.filter-toolbar input[type=date],.directory-filter-bar input[type=text],.directory-filter-bar select,.directory-filter-bar input[type=date]{box-sizing:border-box!important;height:40px!important}.modal-dialog,.modal-content,.modal-card{box-sizing:border-box!important;flex-direction:column!important;max-height:calc(90vh - 32px)!important;display:flex!important}.modal-header{flex-shrink:0!important}.modal-body{flex:auto!important;min-height:0!important;overflow-y:auto!important}.modal-footer{flex-shrink:0!important}.tabs,.tab-container,.nav-tabs{scrollbar-width:none!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;display:flex!important;overflow-x:auto!important}.tabs::-webkit-scrollbar{display:none!important}.tab-container::-webkit-scrollbar{display:none!important}.nav-tabs::-webkit-scrollbar{display:none!important}.tab-btn,.tab-item{white-space:nowrap!important;flex-shrink:0!important}.add-employee-sheet-container{box-sizing:border-box!important;width:calc(100% - 40px)!important;max-width:1050px!important;margin:0 auto!important}.earnings-deductions-header{border-bottom:1px solid var(--border-color,#cbd5e1)!important;color:var(--text-secondary,#64748b)!important;text-transform:uppercase!important;letter-spacing:.5px!important;grid-template-columns:2fr 1.4fr 1fr 1fr 44px!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important;padding-bottom:8px!important;font-size:11px!important;font-weight:700!important;display:grid!important}.earnings-deductions-grid{box-sizing:border-box!important;grid-template-columns:2fr 1.4fr 1fr 1fr 44px!important;align-items:center!important;gap:10px!important;width:100%!important;display:grid!important}.earnings-deductions-grid>input,.earnings-deductions-grid>select{box-sizing:border-box!important;min-width:0!important;height:38px!important}.earnings-deductions-delete-btn{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:44px!important;height:38px!important;margin:0 auto!important;padding:0!important;display:inline-flex!important}@media (width<=768px){.add-employee-sheet-container{width:100%!important;padding:0 10px!important}}@media (width<=640px){.earnings-deductions-header{display:none!important}.earnings-deductions-grid{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px!important}html.dark .earnings-deductions-grid{background:#111827!important;border-color:#263449!important}.earnings-deductions-grid>input:first-child{grid-column:span 2!important}.earnings-deductions-delete-btn{grid-column:span 2!important;width:100%!important;height:36px!important}}.location-modal-content{background-color:var(--bg-card)!important;width:95vw!important;max-width:1080px!important;height:90vh!important;max-height:90vh!important;color:var(--text-main)!important;border:1px solid var(--border)!important;border-radius:14px!important;flex-direction:column!important;display:flex!important;overflow:hidden!important}html.dark .location-modal-content{color:#f8fafc!important;background-color:#111827!important;border-color:#263449!important}.location-modal-body{flex-direction:column;gap:14px;display:flex;flex:1!important;padding:20px!important;overflow-y:auto!important}.location-card-section{background-color:var(--bg-surface,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:10px;padding:14px 16px;transition:all .15s}html.dark .location-card-section{background-color:#1e293b!important;border-color:#334155!important}.location-card-subtle{background-color:var(--bg-main,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:10px;padding:12px 14px}html.dark .location-card-subtle{background-color:#111827!important;border-color:#263449!important}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.form-grid-2-1{grid-template-columns:2fr 1fr;gap:12px;display:grid}.form-grid-compact-gps{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=900px){.form-grid-3,.form-grid-compact-gps{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.location-modal-content{border-radius:0!important;width:100vw!important;height:95vh!important;max-height:95vh!important}.form-grid-3,.form-grid-2-1,.form-grid-compact-gps{grid-template-columns:1fr!important}}.location-map-container-wrapper{border:1px solid var(--border,#e2e8f0);border-radius:12px;width:100%;height:560px;min-height:360px;position:relative;overflow:hidden}html.dark .location-map-container-wrapper{border-color:#263449!important}@media (width<=1024px){.location-map-container-wrapper{height:460px}}.table-responsive-container{-webkit-overflow-scrolling:touch;border:1px solid var(--border);background-color:var(--bg-card);border-radius:10px;width:100%;margin-bottom:16px;overflow-x:auto}.table-responsive-container table{border-collapse:collapse;width:100%;margin:0}.table-responsive-container th,.table-responsive-container td{vertical-align:middle!important;padding:10px 14px!important}.btn-icon-align{justify-content:center!important;align-items:center!important;gap:6px!important;display:inline-flex!important}.btn-icon-align svg{flex-shrink:0!important}th.col-align-left,td.col-align-left{text-align:left!important}th.col-align-center,td.col-align-center{text-align:center!important}th.col-align-right,td.col-align-right{text-align:right!important}.fixed-employee-table{table-layout:fixed!important;border-collapse:collapse!important;width:100%!important;min-width:1100px!important}.fixed-employee-table th,.fixed-employee-table td{vertical-align:middle!important;white-space:nowrap!important;text-overflow:ellipsis!important;padding:12px 10px!important;overflow:hidden!important}.fixed-employee-table .col-emp-name,.fixed-employee-table .col-emp-info{text-align:left!important;width:20%!important;min-width:180px!important}.fixed-employee-table .col-emp-id{text-align:center!important;width:6%!important;min-width:65px!important}.fixed-employee-table .col-emp-role{text-align:center!important;width:9%!important;min-width:90px!important}.fixed-employee-table .col-emp-manager{text-align:center!important;width:11%!important;min-width:110px!important}.fixed-employee-table .col-emp-dept,.fixed-employee-table .col-emp-desig{text-align:center!important;width:12%!important;min-width:120px!important}.fixed-employee-table .col-emp-status{text-align:center!important;width:9%!important;min-width:90px!important}.fixed-employee-table .col-emp-date{text-align:center!important;width:9%!important;min-width:95px!important}.fixed-employee-table .col-emp-actions{text-align:center!important;width:18%!important;min-width:220px!important}.fixed-employee-table .actions-btn-group{flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;display:inline-flex!important}.fixed-employee-table .actions-btn-group .btn{white-space:nowrap!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:4px!important;height:32px!important;padding:0 10px!important;font-size:12px!important;display:inline-flex!important}.employee-cell{align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;display:flex!important}.employee-cell-text{flex-direction:column!important;flex:1!important;justify-content:center!important;min-width:0!important;display:flex!important;overflow:hidden!important}.employee-cell-name{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:13.5px!important;font-weight:600!important;overflow:hidden!important}.employee-cell-email{white-space:nowrap!important;text-overflow:ellipsis!important;color:var(--text-muted,#64748b)!important;font-size:11.5px!important;overflow:hidden!important}html.dark body,html.dark .app-container,html.dark .main-wrapper,html.dark .page-content,html.dark .dashboard-container,html.dark .employee-directory-page,html.dark .organization-chart-page,html.dark .attendance-page,html.dark .reports-page,html.dark .settings-page{color:#f8fafc!important;background-color:#111827!important}html.dark .sidebar,html.dark .sidebar-header,html.dark .top-header,html.dark header{background-color:#111827!important;border-color:#334155!important}html.dark .card,html.dark .page-card,html.dark .dashboard-card,html.dark .stat-card,html.dark .metrics-card,html.dark .chart-card,html.dark .widget-card,html.dark .panel,html.dark .info-card,html.dark .filter-card,html.dark .summary-card,html.dark .quick-action-card,html.dark .centered-modal-card,html.dark .org-chart-node,html.dark .tree-node,html.dark .org-card,html.dark .person-card,html.dark .attendance-card,html.dark .attendance-overview-card,html.dark .alerts-card,html.dark .reminders-card,html.dark .approvals-card,html.dark .pending-approvals-card,html.dark .employee-card,html.dark .directory-card,html.dark .payroll-card,html.dark .leave-card,html.dark .performance-card,html.dark .training-card,html.dark .asset-card,html.dark .grid-card,html.dark .overview-card,html.dark .details-card,html.dark .content-card,html.dark .box-card,html.dark .surface-card,html.dark .card-body,html.dark .empty-state,html.dark .empty-state-card,html.dark .policy-card,html.dark .settings-section,html.dark .threshold-card,html.dark .deduction-filter-area,html.dark .filter-bar,html.dark .filter-container{color:#f8fafc!important;background:#182235!important;border:1px solid #334155!important;box-shadow:0 4px 12px #00000059!important}html.dark .secondary-surface,html.dark .card-secondary,html.dark .sub-card,html.dark .nested-card,html.dark .location-type-card,html.dark .location-details-card{color:#f8fafc!important;background:#1e293b!important;border:1px solid #334155!important}html.dark table,html.dark .data-table,html.dark .hrms-table,html.dark .table-responsive,html.dark .table-container,html.dark .table-wrapper{color:#f8fafc!important;background:#182235!important;border-color:#334155!important}html.dark table th,html.dark .table-header,html.dark tr th,html.dark .table th,html.dark .table-head{color:#f8fafc!important;background:#243044!important;border-bottom:1px solid #334155!important;border-right:1px solid #334155!important;font-weight:700!important}html.dark table td,html.dark tr td,html.dark .table td{color:#f8fafc!important;background:#182235!important;border-bottom:1px solid #334155!important;border-right:1px solid #334155!important}html.dark table tr:hover td,html.dark tr:hover td,html.dark .table tr:hover td{background:#223047!important}html.dark .header-search,html.dark .search-box,html.dark .search-bar-container{background-color:#243044!important;border:1px solid #334155!important}html.dark input[type=text],html.dark input[type=email],html.dark input[type=password],html.dark input[type=number],html.dark input[type=date],html.dark input[type=search],html.dark select,html.dark textarea,html.dark .form-control,html.dark .form-select,html.dark .search-input,html.dark .header-search input{color:#f8fafc!important;background:#243044!important;border:1px solid #334155!important}html.dark select option{color:#f8fafc!important;background-color:#243044!important}html.dark select option:hover,html.dark select option:focus,html.dark select option:active,html.dark select option:checked{color:#f8fafc!important;background:#334155!important}html.dark input:focus,html.dark select:focus,html.dark textarea:focus,html.dark .form-control:focus,html.dark .header-search input:focus{background-color:#243044!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f640!important}html.dark ::placeholder,html.dark input::placeholder{opacity:.8;color:#94a3b8!important}html.dark .modal-overlay,html.dark .drawer-overlay,html.dark .dialog-overlay,html.dark .backdrop,html.dark .popup-backdrop{background-color:#000000a6!important}html.dark .modal-container,html.dark .modal-content,html.dark .centered-modal-card,html.dark .drawer-container,html.dark .popup-card{color:#f8fafc!important;background:#182235!important;border:1px solid #334155!important;box-shadow:0 10px 30px #00000080!important}html.dark .modal-header{color:#f8fafc!important;background-color:#243044!important;border-bottom:1px solid #334155!important}html.dark .modal-footer{background-color:#243044!important;border-top:1px solid #334155!important}html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5,html.dark h6,html.dark .card-title,html.dark .page-title,html.dark .section-title,html.dark .stat-value,html.dark strong{color:#f8fafc!important}html.dark p,html.dark label,html.dark .card-subtitle,html.dark .text-muted,html.dark .sub-text,html.dark .label-text{color:#94a3b8!important}html.dark [style*="background: white"],html.dark [style*="background: '#ffffff'"],html.dark [style*="background: #ffffff"],html.dark [style*="background-color: white"],html.dark [style*="background-color: '#ffffff'"],html.dark [style*="background-color: #ffffff"],html.dark [style*="background-color: #fff"],html.dark [style*="background: #fff"],html.dark [style*="background-color: 'white'"],html.dark [style*="background: 'white'"],html.dark [style*="background-color: rgb(255, 255, 255)"],html.dark [style*="background: rgb(255, 255, 255)"],html.dark [style*="background-color: #f8fafc"],html.dark [style*="background: #f8fafc"],html.dark [style*="background-color: #f1f5f9"],html.dark [style*="background: #f1f5f9"],html.dark [style*="background-color: #eff6ff"],html.dark [style*="background: #eff6ff"],html.dark [style*="background-color: #f0fdf4"],html.dark [style*="background: #f0fdf4"],html.dark [style*="background-color: #f3e8ff"],html.dark [style*="background: #f3e8ff"],html.dark [style*="background-color: #fefce8"],html.dark [style*="background: #fefce8"],html.dark [style*="background-color: #e0f2fe"],html.dark [style*="background: #e0f2fe"],html.dark [style*="background-color: #e0e7ff"],html.dark [style*="background: #e0e7ff"],html.dark [style*="background-color: #e2e8f0"],html.dark [style*="background: #e2e8f0"],html.dark [style*="background-color: #cbd5e1"],html.dark [style*="background: #cbd5e1"]{color:#f8fafc!important;background:#182235!important;border-color:#334155!important}html.dark [style*="color: #0f172a"],html.dark [style*="color: #0F172A"],html.dark [style*="color: '#0f172a'"],html.dark [style*="color: #1e293b"],html.dark [style*="color: #334155"],html.dark [style*="color: #000000"],html.dark [style*="color: black"]{color:#f8fafc!important}html.dark [style*="color: #64748b"],html.dark [style*="color: #475569"],html.dark [style*="color: #94a3b8"]{color:#94a3b8!important}html.dark .badge-success,html.dark .tag-success,html.dark .status-success,html.dark .text-success,html.dark [style*="color: #10b981"],html.dark [style*="color: #10B981"],html.dark [style*="color: #059669"],html.dark [style*="color: #16a34a"],html.dark [style*="color: #22c55e"]{color:#10b981!important}html.dark .badge-warning,html.dark .tag-warning,html.dark .status-warning,html.dark .text-warning,html.dark [style*="color: #f59e0b"],html.dark [style*="color: #F59E0B"],html.dark [style*="color: #d97706"],html.dark [style*="color: #D97706"]{color:#f59e0b!important}html.dark .badge-danger,html.dark .badge-error,html.dark .tag-danger,html.dark .status-danger,html.dark .text-danger,html.dark [style*="color: #ef4444"],html.dark [style*="color: #EF4444"],html.dark [style*="color: #dc2626"],html.dark [style*="color: #DC2626"]{color:#ef4444!important}html.dark .card-header,html.dark .card-title-bar,html.dark .panel-header,html.dark .widget-header,html.dark .box-header,html.dark .card-head,html.dark .dashboard-card-header,html.dark .modal-header,html.dark .drawer-header,html.dark .dialog-header,html.dark .popup-header,html.dark .filter-bar,html.dark .filter-header,html.dark .filter-toolbar,html.dark .search-bar-header,html.dark .filter-card-header,html.dark .toolbar-header,html.dark .settings-header,html.dark .section-title-bar,html.dark .tab-header,html.dark .settings-tab-header,html.dark .dropdown-title-bar,html.dark table th,html.dark .table-header,html.dark tr th,html.dark .table th,html.dark .table-head,html.dark thead{color:#f8fafc!important;background:#243044!important;border-bottom:1px solid #334155!important}html.dark .card-header h1,html.dark .card-header h2,html.dark .card-header h3,html.dark .card-header h4,html.dark .card-header h5,html.dark .card-header h6,html.dark .card-title,html.dark .modal-title,html.dark .filter-title{color:#f8fafc!important}html.theme-pink .card-header,html.theme-pink .card-title-bar,html.theme-pink .panel-header,html.theme-pink .widget-header,html.theme-pink .box-header,html.theme-pink .card-head,html.theme-pink .dashboard-card-header,html.theme-pink .filter-bar,html.theme-pink .filter-header,html.theme-pink .filter-toolbar,html.theme-pink .search-bar-header,html.theme-pink .filter-card-header,html.theme-pink .toolbar-header,html.theme-pink .settings-header,html.theme-pink .section-title-bar,html.theme-pink .tab-header,html.theme-pink .settings-tab-header{color:#3f0d2e!important;box-shadow:none!important;background:0 0!important;border:none!important}html.theme-pink .modal-header,html.theme-pink .drawer-header,html.theme-pink .dialog-header,html.theme-pink .popup-header,html.theme-pink .dropdown-title-bar{color:#3f0d2e!important;background:#fce7f3!important;border-bottom:1px solid #e9eaf0!important}html.theme-pink table th,html.theme-pink .table-header,html.theme-pink tr th,html.theme-pink .table th,html.theme-pink .table-head,html.theme-pink thead{color:#3f0d2e!important;background:#fbcfe8!important;border-bottom:1px solid #e9eaf0!important}html.theme-pink .card-header h1,html.theme-pink .card-header h2,html.theme-pink .card-header h3,html.theme-pink .card-header h4,html.theme-pink .card-header h5,html.theme-pink .card-header h6,html.theme-pink .card-title,html.theme-pink .modal-title,html.theme-pink .dialog-title,html.theme-pink .popup-title{color:#3f0d2e!important}html.theme-pink .geofence-modal-container{background-color:#fff7fb!important;border:1px solid #e9eaf0!important;outline:none!important;box-shadow:0 4px 16px #0000000f!important}html.theme-pink .geofence-modal-header{color:#3f0d2e!important;background-color:#fce7f3!important;border-bottom:1px solid #e9eaf0!important}html.theme-pink .geofence-header-title{color:#3f0d2e!important}html.theme-pink .geofence-header-subtitle{color:#7a365f!important}html.theme-pink .geofence-radius-val{color:#ec4899!important}html.theme-pink .geofence-header-icon-box{color:#ec4899!important;background-color:#fce7f3!important}html.theme-pink .geofence-btn-refresh,html.theme-pink .geofence-btn-close{color:#ec4899!important;background-color:#fff0f6!important;border:1px solid #e8d6df!important}html.theme-pink .geofence-btn-refresh:hover,html.theme-pink .geofence-btn-close:hover{color:#db2777!important;background-color:#fbcfe8!important;border-color:#ec4899!important}html.theme-pink .geofence-modal-stats-row{background-color:#fff0f6!important;border-bottom:1px solid #e9eaf0!important}html.theme-pink .geofence-stat-card-assigned{background-color:#fff0f6!important;border:1px solid #e9eaf0!important;box-shadow:0 1px 2px #0000000a!important}html.theme-pink .geofence-stat-card-assigned .stat-val{color:#3f0d2e!important}html.theme-pink .geofence-stat-card-assigned .stat-lbl{color:#7a365f!important}html.theme-pink .geofence-stat-card-tracked{background-color:#fdf2f8!important;border:1px solid #e9eaf0!important;box-shadow:0 1px 2px #0000000a!important}html.theme-pink .geofence-stat-card-tracked .stat-val{color:#ec4899!important}html.theme-pink .geofence-stat-card-tracked .stat-lbl{color:#7a365f!important}html.theme-pink .geofence-stat-card-inside{background-color:#f0fdf4!important;border:1px solid #bbf7d0!important}html.theme-pink .geofence-stat-card-inside .stat-val{color:#059669!important}html.theme-pink .geofence-stat-card-inside .stat-lbl{color:#065f46!important}html.theme-pink .geofence-stat-card-outside{background-color:#fef2f2!important;border:1px solid #fecdd3!important}html.theme-pink .geofence-stat-card-outside .stat-val{color:#dc2626!important}html.theme-pink .geofence-stat-card-outside .stat-lbl{color:#991b1b!important}html.theme-pink .geofence-map-control-group{background-color:#fff0f6f2!important;border:1px solid #e8d6df!important;box-shadow:0 2px 8px #0000000f!important}html.theme-pink .geofence-map-control-btn{color:#7a365f!important;border-left:1px solid #e8d6df!important}html.theme-pink .geofence-map-control-btn.focus-blue-btn{color:#ec4899!important}html.theme-pink .geofence-map-control-btn.active{color:#fff!important;background-color:#ec4899!important}html.theme-pink .geofence-map-legend{color:#3f0d2e!important;background-color:#fff0f6f2!important;border:1px solid #e8d6df!important;box-shadow:0 2px 8px #0000000f!important}html.theme-pink .geofence-map-legend strong{color:#3f0d2e!important}html.theme-pink .legend-blue-text{color:#ec4899!important}html.theme-pink .geofence-modal-footer{background-color:#fff0f6!important;border-top:1px solid #e9eaf0!important}html.theme-pink .geofence-footer-title{color:#3f0d2e!important}html.theme-pink .geofence-footer-play-icon{color:#ec4899!important}html.theme-pink .geofence-search-icon{color:#7a365f!important}html.theme-pink .geofence-search-input,html.theme-pink .geofence-emp-select{color:#3f0d2e!important;background-color:#fff8fc!important;border:1px solid #e8d6df!important}html.theme-pink .geofence-search-input::placeholder{color:#7a365f!important}html.theme-pink .geofence-emp-select option{color:#3f0d2e!important;background-color:#fff8fc!important}html.theme-pink .geofence-employee-banner{background-color:#fdf2f8!important;border:1px solid #e9eaf0!important;box-shadow:0 1px 2px #0000000a!important}html.theme-pink .geofence-employee-banner-name{color:#3f0d2e!important}html.theme-pink .geofence-employee-banner-sub,html.theme-pink .geofence-employee-banner-dept,html.theme-pink .geofence-employee-banner-dist{color:#7a365f!important}html.theme-pink .geofence-employee-banner-dist strong{color:#ec4899!important}html.theme-pink .geofence-avatar-box{color:#fff!important;background-color:#ec4899!important}html input[type=date]::-webkit-calendar-picker-indicator{display:none!important}html.dark input[type=date]::-webkit-calendar-picker-indicator{display:none!important}html.theme-pink input[type=date]::-webkit-calendar-picker-indicator{display:none!important}html input[type=date]{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")!important;background-position:right 11px center!important;background-repeat:no-repeat!important;background-size:16px 16px!important;padding-right:36px!important}html.theme-pink input[type=date],html.theme-pink input[type=date]:hover,html.theme-pink input[type=date]:focus{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='%23DB2777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")!important}html.theme-pink input[type=date]:hover{border-color:#f9a8d4!important}.hrms-datepicker{z-index:2147483000;box-sizing:border-box;background:var(--dd-bg);color:var(--dd-text);border:1px solid var(--dd-border);font-family:var(--font-family,inherit);-webkit-user-select:none;user-select:none;border-radius:14px;padding:12px;font-size:13px;animation:.16s ease-out hrms-datepicker-in;position:fixed;box-shadow:0 18px 40px -12px #0f172a38,0 6px 14px -6px #0f172a1a}.hrms-datepicker--above{animation-name:hrms-datepicker-in-above}@keyframes hrms-datepicker-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hrms-datepicker-in-above{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.hrms-datepicker button{font:inherit;color:inherit;cursor:pointer;box-shadow:none;background:0 0;border:none;margin:0}.hrms-datepicker__header{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.hrms-datepicker__title{text-transform:capitalize;border-radius:8px;flex:1;height:32px;font-size:14px;font-weight:700}.hrms-datepicker__nav{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;color:var(--dd-muted)!important}.hrms-datepicker__title:hover,.hrms-datepicker__nav:hover{background:var(--dd-hover);color:var(--dd-text)!important}.hrms-datepicker__weekdays,.hrms-datepicker__grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.hrms-datepicker__weekdays span{height:28px;color:var(--dd-muted);justify-content:center;align-items:center;font-size:11.5px;font-weight:600;display:flex}.hrms-datepicker__day{font-variant-numeric:tabular-nums;border-radius:9px;height:36px;font-size:13px;font-weight:500}.hrms-datepicker__day:hover:not(:disabled):not(.is-selected){background:var(--dd-hover)}.hrms-datepicker__day.is-outside{color:var(--dd-muted);opacity:.7}.hrms-datepicker__day.is-today:not(.is-selected){color:var(--dd-accent);box-shadow:inset 0 0 0 1px var(--dd-accent);font-weight:700}.hrms-datepicker__day.is-selected,.hrms-datepicker__month.is-selected{opacity:1;font-weight:700;background:var(--dd-accent)!important;color:var(--dd-accent-text)!important}.hrms-datepicker__day:disabled{color:var(--dd-muted);opacity:.35;cursor:not-allowed}.hrms-datepicker__months{grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 0;display:grid}.hrms-datepicker__month{text-transform:capitalize;border-radius:10px;height:44px;font-weight:500}.hrms-datepicker__month:hover:not(.is-selected){background:var(--dd-hover)}.hrms-datepicker__footer{border-top:1px solid var(--dd-border);justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.hrms-datepicker__link{border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600;color:var(--dd-accent)!important}.hrms-datepicker__link:hover:not(:disabled){background:var(--dd-hover)}.hrms-datepicker__link:disabled{opacity:.4;cursor:not-allowed}.hrms-datepicker button:focus-visible{outline:2px solid var(--dd-accent);outline-offset:1px}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}body{-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}:where(button,a,select,textarea,input,[role=button],.tab-btn,.nav-item,.nav-subitem,.submenu-item,.icon-btn,.btn){transition-property:background-color,border-color,color,box-shadow,opacity,transform;transition-duration:.18s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:where(.card,.metric-card,.alert-card,.dropdown-menu,.header-dropdown-menu){transition-property:background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:where(button,a,[role=button],.tab-btn,.nav-item):focus-visible{outline:2px solid var(--dd-accent);outline-offset:2px}:where(button,a,[role=button],.tab-btn,.nav-item):focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}html table :is(th,td):not(.keep-cell-align),html table.table :is(th,td):not(.keep-cell-align){text-align:center!important;vertical-align:middle!important}html table :is(th,td):not(.keep-cell-align)>:is(div,span,a,label,p){text-align:center!important;justify-content:center!important}html table :is(th,td):not(.keep-cell-align)>div{margin-left:auto;margin-right:auto}html table :is(th,td):not(.keep-cell-align) :is(.text-left,.col-left,.text-right,.col-right){text-align:center!important}@supports selector(::-webkit-scrollbar){:root:not(.__scrollbar-std),:root:not(.__scrollbar-std) *{scrollbar-width:auto;scrollbar-color:auto}}:root{--tab-text:#64748b;--tab-text-hover:#0f172a;--tab-hover-bg:#0f172a0a;--tab-active-bg:#3b82f614;--tab-accent:#3b82f6;--tab-rail:var(--border,#e2e8f0)}:root.dark{--tab-text:#94a3b8;--tab-text-hover:#f8fafc;--tab-hover-bg:#94a3b814;--tab-active-bg:#60a5fa24;--tab-accent:#60a5fa;--tab-rail:#263449}:root.theme-pink{--tab-text:#7a365f;--tab-text-hover:#3f0d2e;--tab-hover-bg:#ec489912;--tab-active-bg:#ec48991f;--tab-accent:#ec4899;--tab-rail:#f3d5e3}:root:not(.__tabs) :is(.tabs-container,.emp-tab-bar,.tabs){scroll-behavior:smooth;border-bottom:1px solid var(--tab-rail)!important;gap:4px!important;padding-bottom:2px!important;overflow:auto hidden!important}:root:not(.__tabs) :is(.tabs-container,.emp-tab-bar,.tabs)::-webkit-scrollbar{width:0!important;height:6px!important;display:block!important}:root:not(.__tabs) :is(.tabs-container,.emp-tab-bar,.tabs)::-webkit-scrollbar-track{background:0 0!important;border:none!important}:root:not(.__tabs) :is(.tabs-container,.emp-tab-bar,.tabs)::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--tab-accent) 40%, transparent)!important;border:none!important;border-radius:6px!important}:root:not(.__tabs) :is(.tabs-container,.emp-tab-bar,.tabs):hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--tab-accent) 70%, transparent)!important}@supports not selector(::-webkit-scrollbar){:root:not(.__tabs) :is(.tabs-container,.emp-tab-bar,.tabs){scrollbar-width:thin;scrollbar-color:var(--tab-accent) transparent}}:root:not(.__tabs) :is(.tab-btn,.emp-tab-btn,.nav-tab,.subnav-tab,.tab-item,.profile-tab){cursor:pointer;color:var(--tab-text)!important;box-shadow:none!important;white-space:nowrap!important;background:0 0!important;border:none!important;border-radius:10px 10px 0 0!important;flex-shrink:0!important;align-items:center!important;gap:8px!important;margin:0 0 -1px!important;padding:10px 14px 12px!important;font-size:14px!important;font-weight:500!important;transition:color .22s cubic-bezier(.4,0,.2,1),background-color .22s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important;position:relative!important}:root:not(.__tabs) :is(.tab-btn,.emp-tab-btn,.nav-tab,.subnav-tab,.tab-item,.profile-tab):after{content:"";background:var(--tab-accent);opacity:0;border-radius:3px 3px 0 0;height:2.5px;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s;position:absolute;bottom:0;left:10px;right:10px;transform:scaleX(0)}:root:not(.__tabs) :is(.tab-btn,.emp-tab-btn,.nav-tab,.subnav-tab,.tab-item,.profile-tab):hover:not(.active){color:var(--tab-text-hover)!important;background-color:var(--tab-hover-bg)!important}:root:not(.__tabs) :is(.tab-btn,.emp-tab-btn,.nav-tab,.subnav-tab,.tab-item,.profile-tab).active{color:var(--tab-accent)!important;background-color:var(--tab-active-bg)!important;border:none!important;font-weight:600!important}:root:not(.__tabs) :is(.tab-btn,.emp-tab-btn,.nav-tab,.subnav-tab,.tab-item,.profile-tab).active:after{opacity:1;transform:scaleX(1)}:root:not(.__tabs) :is(.tab-btn,.emp-tab-btn,.nav-tab,.subnav-tab,.tab-item,.profile-tab) :is(.tab-icon,svg,svg *){transition:color .22s;color:inherit!important;stroke:currentColor!important}:root:not(.__tabs) :is(.tab-btn,.nav-tab,.tab-item,.profile-tab).active .tab-badge{background-color:var(--tab-accent)!important;color:#fff!important}:root:not(.__tabs) :is(.tab-btn,.emp-tab-btn,.nav-tab,.subnav-tab,.tab-item,.profile-tab):focus-visible{outline:2px solid var(--tab-accent);outline-offset:-2px}@keyframes hrms-tab-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}:is(.tabs-container,.emp-tab-bar,.tabs)~:not(.modal-overlay,.drawer-overlay,.toast,[class*=toast]){animation:.28s cubic-bezier(.4,0,.2,1) hrms-tab-panel-in}