Se agrego modificacon de creacion de importador

src/pages/Importers.jsx

@@ -201,7 +201,12 @@ export default function Importers() {
                 </h3>
                 <button
                   type="button"
-                  onClick={() => { setModalMode('create'); setModalData({ rfc: '', nombre: '', organizacion: '' }); setErrorMsg(''); setModalOpen(true); }}
+                  onClick={() => {
+                    setModalMode('create');
+                    setModalData({ rfc: '', nombre: '', organizacion: '' });
+                    setErrorMsg('');
+                    setModalOpen(true);
+                  }}
                   className="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white font-semibold text-xs sm:text-sm shadow-md transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
                 >
                   <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -279,8 +284,13 @@ export default function Importers() {
                             <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
                           </svg>
                         </button>
-                        {/* Modal moved outside table for valid JSX and Users.jsx style will be applied below */}
+                      </div>
-                        {/* MODALS: Styled like Users.jsx, rendered outside the table for valid JSX */}
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+
+          {/* Modal rendering outside table and empty state, always available */}
           {modalOpen && (
             <div className="fixed inset-0 bg-black bg-opacity-60 backdrop-blur-sm overflow-y-auto h-full w-full z-50 flex items-center justify-center p-4">
               <div className="relative mx-auto w-full max-w-xl bg-white rounded-2xl shadow-2xl transform transition-all duration-300 animate-in slide-in-from-bottom-4">
@@ -451,11 +461,6 @@ export default function Importers() {
               </div>
             </div>
           )}
-                      </div>
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
             </table>
           </div>
 
@@ -543,7 +548,15 @@ export default function Importers() {
               <h3 className="text-base sm:text-lg font-semibold text-gray-900 mb-2">No se encontraron importadores</h3>
               <p className="text-gray-500 mb-6">{searchTerm ? 'Intenta con otros términos de búsqueda.' : 'Comienza agregando un nuevo importador.'}</p>
               {!searchTerm && (
-                <button className="inline-flex items-center px-4 py-2 border border-transparent rounded-lg shadow-sm text-xs sm:text-sm font-medium text-white bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-all duration-200 transform hover:scale-105">
+                <button
+                  className="inline-flex items-center px-4 py-2 border border-transparent rounded-lg shadow-sm text-xs sm:text-sm font-medium text-white bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-all duration-200 transform hover:scale-105"
+                  onClick={() => {
+                    setModalMode('create');
+                    setModalData({ rfc: '', nombre: '', organizacion: '' });
+                    setErrorMsg('');
+                    setModalOpen(true);
+                  }}
+                >
                   <svg className="-ml-1 mr-2 h-4 w-4 sm:h-5 sm:w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
                   </svg>