#employeeImportModal { align-items:center; overflow:hidden; }
#employeeImportModal [hidden] { display:none !important; }
#employeeImportModal .employee-import-modal { display:flex; flex-direction:column; width:min(1080px, 96vw); max-height:calc(100dvh - 44px); padding:0; overflow:hidden; }
.employee-import-modal > h3, .employee-import-footer { flex-shrink:0; }
.employee-import-body { min-height:0; overflow:auto; overscroll-behavior:contain; padding:20px 22px; }
.employee-import-description { margin:0 0 16px; color:var(--slate-600, #526174); font-size:13px; line-height:1.7; }
.employee-import-steps { display:flex; gap:16px; margin:0 0 20px; padding:0; list-style:none; }
.employee-import-steps li { display:flex; align-items:center; gap:7px; color:var(--slate-500, #75849a); font-size:13px; }
.employee-import-steps span { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--slate-100, #f0f3f7); font-size:12px; font-weight:700; }
.employee-import-steps [aria-current=step] { color:var(--brand-700, #315778); font-weight:700; }
.employee-import-steps [aria-current=step] span { color:#fff; background:var(--brand-700, #315778); }
.employee-import-guide { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; border:1px solid var(--slate-200, #dce1e8); border-radius:10px; background:var(--slate-50, #f8fafc); }
.employee-import-guide strong { display:block; margin-bottom:5px; color:var(--slate-800, #24324a); font-size:14px; }
.employee-import-guide p, .employee-import-file-box p { margin:0; color:var(--slate-500, #75849a); font-size:12px; line-height:1.7; }
.employee-import-guide .btn { flex-shrink:0; }
.employee-import-hint { margin:10px 0 12px; color:var(--slate-500, #75849a); font-size:12px; line-height:1.7; }
.employee-import-file-box { padding:14px 16px; border:1px dashed #b7c9dc; border-radius:10px; }
.employee-import-file-box label { display:block; margin-bottom:9px; color:var(--slate-700, #34495e); font-size:13px; font-weight:600; }
.employee-import-file-box input { display:block; width:100%; max-width:100%; margin-bottom:9px; font-size:13px; color:var(--slate-700, #34495e); }
.employee-import-file-box input::file-selector-button { padding:7px 10px; margin-right:10px; border:1px solid var(--slate-200, #dce1e8); border-radius:6px; color:var(--slate-700, #34495e); background:#fff; cursor:pointer; }
.employee-import-file-box .employee-import-filename { margin-top:6px; color:var(--slate-700, #34495e); overflow-wrap:anywhere; }
.employee-import-error, .employee-import-notice { margin-top:14px; padding:11px 14px; border:1px solid #f1c7c3; border-radius:8px; color:#a32923; background:#fff7f6; font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
.employee-import-notice { border-color:#f3dfb1; color:#815524; background:#fffaf0; }
.employee-import-notice ul { margin:0; padding-left:18px; }
.employee-import-preview-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; }
.employee-import-summary { display:flex; flex-wrap:wrap; gap:8px; font-size:12px; color:var(--slate-600, #526174); }
.employee-import-summary span { padding:6px 10px; border-radius:6px; background:var(--slate-100, #f0f3f7); }
.employee-import-summary .employee-import-valid { color:#257143; background:#edf7f0; }
.employee-import-summary .employee-import-invalid { color:#a32923; background:#fff0ee; }
.employee-import-problems { display:inline-flex; gap:7px; align-items:center; color:var(--slate-600, #526174); font-size:12px; cursor:pointer; }
.employee-import-table-wrap { overflow:auto; border:1px solid var(--slate-200, #dce1e8); border-radius:8px; }
.employee-import-table { width:100%; min-width:830px; border-collapse:collapse; }
.employee-import-table th { position:static; white-space:nowrap; }
.employee-import-table td { vertical-align:top; font-size:12px; }
.employee-import-table td:nth-child(1), .employee-import-table td:nth-child(3), .employee-import-table td:nth-child(5), .employee-import-table td:nth-child(6) { white-space:nowrap; }
.employee-import-table td:last-child { min-width:200px; white-space:normal; overflow-wrap:anywhere; }
.employee-import-table ul { margin:0; padding-left:16px; }
.employee-import-row-error { color:#a32923; }
.employee-import-row-warning { color:#815524; }
.employee-import-row-valid { color:#257143; }
.employee-import-table .employee-import-empty { text-align:center; padding:24px; color:var(--slate-500, #75849a); }
.employee-import-result h4 { margin:0 0 8px; color:#257143; font-size:18px; }
.employee-import-result > p { color:var(--slate-600, #526174); font-size:13px; line-height:1.7; margin-bottom:16px; }
.employee-import-result .employee-import-table { min-width:320px; }
.employee-import-result .employee-import-table td:last-child { min-width:0; }
.employee-import-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.employee-import-progress { color:var(--slate-500, #75849a); font-size:12px; line-height:1.5; }
.employee-import-actions { display:flex; flex-shrink:0; gap:8px; }
#employeeImportModal button:disabled { opacity:.55; cursor:not-allowed; transform:none; }
#employeeImportModal :focus-visible { outline:2px solid var(--brand-700, #315778); outline-offset:3px; }
@media (max-width:640px) {
  #employeeImportModal { padding:10px; align-items:flex-end; }
  #employeeImportModal .employee-import-modal { max-height:calc(100dvh - 20px) !important; }
  .employee-import-body { padding:16px; }
  .employee-import-steps { gap:12px; }
  .employee-import-steps li { gap:5px; font-size:12px; }
  .employee-import-steps span { width:21px; height:21px; }
  .employee-import-guide { align-items:flex-start; flex-direction:column; gap:10px; padding:12px; }
  .employee-import-file-box { padding:12px; }
  .employee-import-footer { flex-direction:column; align-items:stretch; padding:12px 16px; gap:8px; }
  .employee-import-actions { justify-content:flex-end; }
  .employee-import-actions .btn { padding-left:10px; padding-right:10px; }
}