:root{--im-bg-primary:#fff;--im-bg-secondary:#f8fafc;--im-bg-tertiary:#f1f5f9;--im-text-primary:#1e293b;--im-text-secondary:#475569;--im-text-muted:#64748b;--im-border:#e2e8f0;--im-border-light:#f1f5f9;--im-brand:#2563eb;--im-brand-hover:#1d4ed8;--im-brand-light:#eff6ff;--im-success:#10b981;--im-success-light:#d1fae5;--im-warning:#f59e0b;--im-warning-light:#fef3c7;--im-danger:#ef4444;--im-danger-light:#fef2f2;--im-info:#3b82f6;--im-shadow:#0000000d;--im-shadow-lg:#0000001a}@media (prefers-color-scheme:dark){:root{--im-bg-primary:#1e293b;--im-bg-secondary:#0f172a;--im-bg-tertiary:#334155;--im-text-primary:#f1f5f9;--im-text-secondary:#cbd5e1;--im-text-muted:#94a3b8;--im-border:#334155;--im-border-light:#1e293b;--im-brand:#3b82f6;--im-brand-hover:#60a5fa;--im-brand-light:#1e3a5f;--im-success:#34d399;--im-success-light:#064e3b;--im-warning:#fbbf24;--im-warning-light:#78350f;--im-danger:#f87171;--im-danger-light:#7f1d1d;--im-info:#60a5fa;--im-shadow:#0003;--im-shadow-lg:#0000004d}}.dark-mode{--im-bg-primary:#1e293b;--im-bg-secondary:#0f172a;--im-bg-tertiary:#334155;--im-text-primary:#f1f5f9;--im-text-secondary:#cbd5e1;--im-text-muted:#94a3b8;--im-border:#334155;--im-border-light:#1e293b;--im-brand:#3b82f6;--im-brand-hover:#60a5fa;--im-brand-light:#1e3a5f;--im-success:#34d399;--im-success-light:#064e3b;--im-warning:#fbbf24;--im-warning-light:#78350f;--im-danger:#f87171;--im-danger-light:#7f1d1d;--im-info:#60a5fa;--im-shadow:#0003;--im-shadow-lg:#0000004d}.light-mode{--im-bg-primary:#fff;--im-bg-secondary:#f8fafc;--im-bg-tertiary:#f1f5f9;--im-text-primary:#1e293b;--im-text-secondary:#475569;--im-text-muted:#64748b;--im-border:#e2e8f0;--im-border-light:#f1f5f9;--im-brand:#2563eb;--im-brand-hover:#1d4ed8;--im-brand-light:#eff6ff;--im-success:#10b981;--im-success-light:#d1fae5;--im-warning:#f59e0b;--im-warning-light:#fef3c7;--im-danger:#ef4444;--im-danger-light:#fef2f2;--im-info:#3b82f6;--im-shadow:#0000000d;--im-shadow-lg:#0000001a}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.import-modal-container{background:var(--im-bg-primary);width:90%;max-width:900px;max-height:90vh;box-shadow:var(--im-shadow-lg);border-radius:12px;flex-direction:column;animation:.3s ease-out slideUp;display:flex;overflow:auto}.import-modal-header{border-bottom:1px solid var(--im-border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.modal-header h2{color:var(--im-text-primary);margin:0;font-size:1.5rem}.modal-close{cursor:pointer;color:var(--im-text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;transition:all .2s;display:flex}.modal-close:hover{background:var(--im-bg-tertiary);color:var(--im-text-primary)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--im-border);justify-content:flex-end;gap:1rem;padding:1rem;display:flex}.import-instructions{background:var(--im-bg-secondary);border:1px solid var(--im-border);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.import-instructions h3{color:var(--im-text-primary);margin:0 0 .5rem;font-size:1rem}.import-instructions ul{margin:0 0 1rem;padding-left:1.5rem}.import-instructions li{color:var(--im-text-secondary);margin-bottom:.25rem;font-size:.875rem}.download-template{color:var(--im-brand);margin-top:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}.download-template:hover{color:var(--im-brand-hover);text-decoration:underline}.download-template-btn{background:var(--im-success);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.download-template-btn:hover{background:var(--im-success);opacity:.9;transform:translateY(-1px)}.dropzone{border:2px dashed var(--im-border);text-align:center;cursor:pointer;background:var(--im-bg-secondary);border-radius:12px;margin-bottom:1rem;padding:2rem;transition:all .2s}.dropzone:hover,.dropzone-active{border-color:var(--im-brand);background:var(--im-brand-light)}.dropzone-error{border-color:var(--im-danger);background:var(--im-danger-light)}.dropzone-content{flex-direction:column;align-items:center;gap:.5rem;display:flex}.dropzone-icon{width:48px;height:48px;color:var(--im-text-muted)}.dropzone p{color:var(--im-text-primary);margin:0;font-size:1rem}.dropzone-subtext{color:var(--im-text-muted);font-size:.875rem}.selected-file{background:var(--im-brand-light);border:1px solid var(--im-border);color:var(--im-brand);border-radius:8px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.875rem;display:flex}.file-size{color:var(--im-text-muted);margin-left:.5rem;font-size:.75rem}.preview-header{justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.preview-header h3{color:var(--im-text-primary);margin:0;font-size:1rem}.preview-table-container{border:1px solid var(--im-border);border-radius:8px;margin-bottom:1rem;overflow-x:auto}.preview-table{border-collapse:collapse;width:100%;font-size:.875rem}.preview-table th{background:var(--im-bg-secondary);text-align:center;color:var(--im-text-primary);border-bottom:1px solid var(--im-border);padding:.75rem;font-weight:600}.preview-table td{border-bottom:1px solid var(--im-border);color:var(--im-text-secondary);padding:.75rem}.preview-table tr:hover{background:var(--im-bg-tertiary)}.preview-table th:first-child,.preview-table td:first-child{text-align:center;width:50px}.preview-info{background:var(--im-brand-light);border:1px solid var(--im-border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex}.preview-info p{color:var(--im-brand);margin:0;font-size:.875rem;font-weight:500}.preview-stats{color:var(--im-text-muted);margin-top:.25rem;font-size:.875rem}.preview-summary{background:var(--im-bg-secondary);border:1px solid var(--im-border);border-radius:8px;margin-top:1.5rem;padding:1rem}.preview-summary h4{color:var(--im-text-primary);margin:0 0 .75rem;font-size:1rem}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.summary-item{background:var(--im-bg-primary);border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.summary-label{color:var(--im-text-muted);font-size:.875rem}.summary-value{color:var(--im-text-primary);font-size:1rem;font-weight:600}.error-message{background:var(--im-danger-light);border:1px solid var(--im-danger);color:var(--im-danger);border-radius:8px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.875rem;display:flex}.error-icon{flex-shrink:0;width:20px;height:20px}.import-mode-indicator{margin-bottom:1rem}.mode-badge{text-align:center;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.mode-badge.update-mode{background:var(--im-warning-light);color:var(--im-warning);border:1px solid var(--im-warning)}.mode-badge.create-mode{background:var(--im-success-light);color:var(--im-success);border:1px solid var(--im-success)}.id-cell{color:var(--im-text-muted);font-family:monospace;font-size:.75rem}.action-badge{border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:500;display:inline-block}.action-badge.update{background:var(--im-warning-light);color:var(--im-warning)}.action-badge.create{background:var(--im-success-light);color:var(--im-success)}.required-badge{color:var(--im-danger);margin-left:4px;font-size:.875rem}.required-text{color:var(--im-danger)}.spinner-small{vertical-align:middle;border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:.5rem;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.import-modal-container{width:95%;height:calc(100vh - 130px);overflow:auto}.modal-body{padding:.5rem}.preview-table th,.preview-table td{padding:.5rem;font-size:.75rem}.import-instructions{font-size:.875rem}.summary-grid{grid-template-columns:1fr}}@media (max-width:480px){.import-modal-container{width:98%}.modal-header h2{font-size:1.25rem}.dropzone{padding:1rem}.preview-table th,.preview-table td{padding:.3rem;font-size:.7rem}.preview-info{text-align:center;flex-direction:column}}
:root{--em-bg-primary:#fff;--em-bg-secondary:#f8fafc;--em-bg-tertiary:#f1f5f9;--em-text-primary:#1e293b;--em-text-secondary:#475569;--em-text-muted:#64748b;--em-border:#e2e8f0;--em-border-light:#f1f5f9;--em-brand:#2563eb;--em-brand-hover:#1d4ed8;--em-brand-light:#eff6ff;--em-success:#10b981;--em-warning:#f59e0b;--em-danger:#ef4444;--em-info:#3b82f6;--em-shadow:#0000000d;--em-shadow-lg:#0000001a}@media (prefers-color-scheme:dark){:root{--em-bg-primary:#1e293b;--em-bg-secondary:#0f172a;--em-bg-tertiary:#334155;--em-text-primary:#f1f5f9;--em-text-secondary:#cbd5e1;--em-text-muted:#94a3b8;--em-border:#334155;--em-border-light:#1e293b;--em-brand:#3b82f6;--em-brand-hover:#60a5fa;--em-brand-light:#1e3a5f;--em-success:#34d399;--em-warning:#fbbf24;--em-danger:#f87171;--em-info:#60a5fa;--em-shadow:#0003;--em-shadow-lg:#0000004d}}.dark-mode{--em-bg-primary:#1e293b;--em-bg-secondary:#0f172a;--em-bg-tertiary:#334155;--em-text-primary:#f1f5f9;--em-text-secondary:#cbd5e1;--em-text-muted:#94a3b8;--em-border:#334155;--em-border-light:#1e293b;--em-brand:#3b82f6;--em-brand-hover:#60a5fa;--em-brand-light:#1e3a5f;--em-success:#34d399;--em-warning:#fbbf24;--em-danger:#f87171;--em-info:#60a5fa;--em-shadow:#0003;--em-shadow-lg:#0000004d}.light-mode{--em-bg-primary:#fff;--em-bg-secondary:#f8fafc;--em-bg-tertiary:#f1f5f9;--em-text-primary:#1e293b;--em-text-secondary:#475569;--em-text-muted:#64748b;--em-border:#e2e8f0;--em-border-light:#f1f5f9;--em-brand:#2563eb;--em-brand-hover:#1d4ed8;--em-brand-light:#eff6ff;--em-success:#10b981;--em-warning:#f59e0b;--em-danger:#ef4444;--em-info:#3b82f6;--em-shadow:#0000000d;--em-shadow-lg:#0000001a}.export-modal-container{background:var(--em-bg-primary);width:60%;max-width:600px;max-height:90vh;box-shadow:var(--em-shadow-lg);border-radius:12px;flex-direction:column;animation:.3s ease-out slideUp;display:flex;overflow:auto}.export-instructions{background:var(--em-bg-secondary);border:1px solid var(--em-border);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.export-instructions h3{color:var(--em-text-primary);margin:0 0 .5rem;font-size:1rem}.export-instructions ul{margin:0;padding-left:1.5rem}.export-instructions li{color:var(--em-text-secondary);margin-bottom:.25rem;font-size:.875rem}.export-filters{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;display:flex}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label{color:var(--em-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.format-options{gap:1.5rem;display:flex}.radio-label{color:var(--em-text-primary);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.radio-label input[type=radio]{cursor:pointer;accent-color:var(--em-brand)}.active-filters{background:var(--em-brand-light);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem;display:flex}.active-filters>span:first-child{color:var(--em-text-primary);font-size:.875rem;font-weight:500}.filter-tag{background:var(--em-bg-primary);border:1px solid var(--em-border);color:var(--em-brand);border-radius:6px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;display:inline-flex}.remove-filter{color:var(--em-danger);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:.25rem;padding:0;font-size:1rem;font-weight:700;display:inline-flex}.remove-filter:hover{color:var(--em-danger);opacity:.8}.clear-filters{color:var(--em-brand);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.75rem;text-decoration:underline}.clear-filters:hover{color:var(--em-brand-hover)}.spinner-small{vertical-align:middle;border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:.5rem;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.export-modal-container{width:95%;height:calc(100vh - 150px);overflow:auto}.format-options{flex-direction:column;gap:.75rem}.active-filters{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.export-modal-container{width:98%}.export-instructions{padding:.75rem}.export-instructions li,.filter-group label{font-size:.8rem}}