.employees-container{width:100%;color:var(--text-primary);flex-direction:column;gap:1.5rem;animation:.25s ease-in-out fadeIn;display:flex}.employees-hero{color:#fff;background:linear-gradient(135deg,#004d7a 0%,#002b45 100%);border:1px solid #00619940;border-radius:1rem;flex-direction:column;gap:1.5rem;padding:2rem 2.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px -5px #004d7a33,0 4px 6px -4px #004d7a1a}.dark-mode .employees-hero,.dark .employees-hero{background:linear-gradient(135deg,#07192b 0%,#030d17 100%);border-color:#8acff833;box-shadow:0 10px 25px -5px #00000080}.employees-hero-header{z-index:2;flex-direction:column;gap:1.25rem;display:flex;position:relative}@media (min-width:768px){.employees-hero-header{flex-direction:row;justify-content:space-between;align-items:center}}.employees-hero-left{align-items:flex-start;gap:1.25rem;display:flex}.employees-hero-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffd444;background:#ffffff1f;border:1px solid #ffffff40;border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex;box-shadow:0 4px 12px #00000026}.employees-hero-badges{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.badge-staff-level{color:#ffea8a;text-transform:uppercase;letter-spacing:.05em;background-color:#ffd4442e;border:1px solid #ffd44466;border-radius:9999px;align-items:center;padding:.2rem .65rem;font-size:.6875rem;font-weight:700;display:inline-flex}.employees-hero-title{letter-spacing:-.025em;color:#fff;margin-bottom:.25rem;font-size:1.875rem;font-weight:800;line-height:1.2}.employees-hero-desc{color:#e2e8f0;max-width:42rem;font-size:.9375rem;line-height:1.5}.dark-mode .employees-hero-desc,.dark .employees-hero-desc{color:#94a3b8}.employees-hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.employees-stats-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;display:grid}@media (min-width:640px){.employees-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.employees-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.employee-stat-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.875rem;flex-direction:column;gap:.5rem;padding:1.25rem 1.35rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.employee-stat-card:hover{border-color:#ffd444;transform:translateY(-2px);box-shadow:0 8px 16px -2px #00000012}.employees-workspace-panel{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.employees-toolbar{border-bottom:1px solid var(--border-color);flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}@media (min-width:768px){.employees-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.employees-table-container{width:100%;overflow-x:auto}.employees-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.employees-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background-color:var(--bg-card-subtle);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.875rem 1.25rem;font-size:.75rem;font-weight:700}.employees-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-primary);padding:1rem 1.25rem}.employees-table tbody tr{transition:background-color .15s}.employees-table tbody tr:hover{background-color:var(--row-hover)}.dark-mode .employees-table tbody tr:hover,.dark .employees-table tbody tr:hover{background-color:#ffd4440a}.employee-profile-cell{align-items:center;gap:.875rem;display:flex}.employee-avatar-circle{color:#fff;background:linear-gradient(135deg,#006199 0%,#003657 100%);border:2px solid #ffd44480;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 2px 5px #0000001a}.employee-name-col{flex-direction:column;display:flex}.employee-fullname{color:var(--text-primary);font-weight:700}.employee-id-pill{color:var(--text-muted);align-items:center;gap:.25rem;font-family:monospace;font-size:.6875rem;display:inline-flex}.roles-stack{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.role-badge-tag{letter-spacing:.02em;border-radius:.375rem;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.6875rem;font-weight:700;display:inline-flex}.role-badge-admin{color:#006199;background-color:#0061991f;border:1px solid #00619940}.dark-mode .role-badge-admin,.dark .role-badge-admin{color:#8acff8;background-color:#8acff826;border-color:#8acff84d}.role-badge-support{color:#0284c7;background-color:#0ea5e91f;border:1px solid #0ea5e940}.dark-mode .role-badge-support,.dark .role-badge-support{color:#38bdf8;background-color:#38bdf826;border-color:#38bdf84d}.role-badge-lead{color:#d97706;background-color:#f59e0b1f;border:1px solid #f59e0b40}.dark-mode .role-badge-lead,.dark .role-badge-lead{color:#fbbf24;background-color:#fbbf2426;border-color:#fbbf244d}.department-badge{background-color:var(--bg-card-subtle);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:.375rem;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.mfa-active-indicator{color:#059669;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;display:inline-flex}.dark-mode .mfa-active-indicator,.dark .mfa-active-indicator{color:#34d399}