.employee-clean-page { position: absolute !important; inset: 0 !important; display: flex; flex-direction: column; width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: hidden; background: #f5f7fb; }
.employee-clean-toolbar { display: flex; align-items: center; justify-content: space-between; flex: 0 0 66px; min-height: 66px; padding: 0 22px; border-bottom: 1px solid #e5e9f0; background: #fff; }
.employee-clean-toolbar-actions { display: flex; gap: 8px; }
.employee-clean-toolbar-actions button { width: 32px; height: 32px; border: 0; border-radius: 7px; color: #6654dd; background: transparent; cursor: pointer; font-size: 16px; }
.employee-clean-toolbar-actions button:hover { background: #f1efff; }
.employee-clean-pagination { display: flex; align-items: center; }
.employee-clean-body { display: flex; flex: 1 1 0; min-width: 0; min-height: 0; overflow: hidden; }
.employee-clean-filter { flex: 0 0 250px; box-sizing: border-box; min-height: 0; padding: 16px 18px; overflow-y: auto; border-right: 1px solid #e5e9f0; background: #f8f9fc; }
.employee-clean-filter.is-hidden { display: none; }
.employee-clean-filter-heading { display: flex; justify-content: space-between; margin-bottom: 18px; color: #293852; font-size: 13px; }
.employee-clean-filter-heading button { border: 0; color: #6654dd; background: transparent; cursor: pointer; }
.employee-clean-filter label { display: block; margin: 0 0 6px; color: #687589; font-size: 11px; font-weight: 600; }
.employee-clean-filter select, .employee-clean-filter input { box-sizing: border-box; width: 100%; height: 34px; margin: 0 0 14px; padding: 0 9px; border: 1px solid #dfe4ed; border-radius: 6px; color: #475569; background: #fff; font-size: 12px; }
.employee-clean-search { width: 100%; height: 34px; border: 0; border-radius: 7px; color: #fff; background: #6654dd; cursor: pointer; font-size: 12px; font-weight: 600; }
.employee-clean-table-wrap { flex: 1 1 0; min-width: 0; min-height: 0; overflow: hidden; background: #fff; }
.employee-clean-table-scroll { width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: auto; }
.employee-clean-table-scroll table { width: max(100%, 1100px); min-width: 1100px; margin: 0; border-collapse: collapse; table-layout: fixed; }
.employee-clean-table-scroll th { position: sticky; top: 0; z-index: 2; padding: 13px 12px; border-bottom: 1px solid #e5e9f0; color: #8a95a5; background: #f8f9fc; font-size: 10px; letter-spacing: .05em; text-align: left; text-transform: uppercase; }
.employee-clean-table-scroll td { padding: 11px 12px; border-bottom: 1px solid #edf0f5; color: #475569; background: #fff; font-size: 12px; vertical-align: middle; }
.employee-clean-table-scroll tr:hover td { background: #fafbfe; }
.hrm-employee-form-scroll { width: 100%; height: 100%; min-height: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-bottom: 32px; }
.employee-clean-person { display: flex; align-items: center; gap: 9px; min-width: 190px; }
.employee-clean-person img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.employee-clean-person a { display: block; color: #293852; font-weight: 600; text-decoration: none; }
.employee-clean-table-scroll small { color: #9aa4b5; font-size: 10px; }
.employee-clean-stats { display: grid; gap: 3px; font-size: 10px; }
.employee-clean-status { padding: 4px 7px; border: 0; border-radius: 999px; color: #687589; background: #eef1f6; font-size: 10px; font-weight: 700; }
.employee-clean-actions { display: flex; gap: 4px; }
.employee-clean-actions button { width: 28px; height: 28px; border: 1px solid #e5e9f0; border-radius: 6px; color: #687589; background: #fff; cursor: pointer; }
.employee-clean-message { padding: 48px !important; color: #8a95a5 !important; text-align: center; }