feat: replace SVG icons with Lucide icons in reference data pages

- Updated the "Nueva Sección" button in customs_sections, customs_warehouses, incoterms, invoice_types, material_types, payment_methods, pedimento_codes, pedimento_regimens, sectors, states, transport_modes, and transport_types pages to use the Plus icon from Lucide.
- Updated the "Actualizar" button in the same pages to use the RefreshCw icon from Lucide.
- Added a new edit dialog component for customs brokers with a comprehensive form for editing broker details, including validation and loading states.

frontend/src/routes/dashboard/reference_data/code_pedimento_regimens/+page.svelte

@@ -8,6 +8,7 @@
 	import { Button } from '$lib/components/ui/button';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 
 	// Los datos iniciales vienen del servidor
 	let { data }: { data: PageData } = $props();
@@ -120,21 +121,7 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
+			<Plus class="mr-2" size={16} />
 			Nuevo Registro
 		</Button>
 	</div>
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/containers/+page.svelte

@@ -8,6 +8,7 @@
 	import { Button } from '$lib/components/ui/button';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 
 	// Los datos iniciales vienen del servidor
 	let { data }: { data: PageData } = $props();
@@ -120,21 +121,7 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
+			<Plus class="mr-2" size={16} />
 			Nuevo Contenedor
 		</Button>
 	</div>
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/countries/+page.svelte

@@ -6,6 +6,7 @@
 	import CreateEditDialog from '$lib/components/dashboard/reference_data/countries/create-edit-dialog.svelte';
 	import * as Card from '$lib/components/ui/card';
 	import { Button } from '$lib/components/ui/button';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
 
@@ -120,21 +121,7 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
+			<Plus class="mr-2" size={16} />
 			Nuevo País
 		</Button>
 	</div>
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/currency_types/+page.svelte

@@ -6,6 +6,7 @@
 	import CreateEditDialog from '$lib/components/dashboard/reference_data/currency_types/create-edit-dialog.svelte';
 	import * as Card from '$lib/components/ui/card';
 	import { Button } from '$lib/components/ui/button';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
 
@@ -120,22 +121,8 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
-			Nueva Moneda
+			<Plus class="mr-2" size={16} />
+			Nuevo Tipo de Moneda
 		</Button>
 	</div>
 
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/customs_sections/+page.svelte

@@ -8,6 +8,7 @@
 	import { Button } from '$lib/components/ui/button';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 
 	// Los datos iniciales vienen del servidor
 	let { data }: { data: PageData } = $props();
@@ -120,21 +121,7 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
+			<Plus class="mr-2" size={16} />
 			Nueva Sección
 		</Button>
 	</div>
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/customs_warehouses/+page.svelte

@@ -8,6 +8,7 @@
 	import { Button } from '$lib/components/ui/button';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 
 	// Los datos iniciales vienen del servidor
 	let { data }: { data: PageData } = $props();
@@ -120,21 +121,7 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
+			<Plus class="mr-2" size={16} />
 			Nuevo Recinto
 		</Button>
 	</div>
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/incoterms/+page.svelte

@@ -6,6 +6,7 @@
 	import CreateEditDialog from '$lib/components/dashboard/reference_data/incoterms/create-edit-dialog.svelte';
 	import * as Card from '$lib/components/ui/card';
 	import { Button } from '$lib/components/ui/button';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
 
@@ -120,21 +121,7 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
+			<Plus class="mr-2" size={16} />
 			Nuevo Incoterm
 		</Button>
 	</div>
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/invoice_types/+page.svelte

@@ -6,6 +6,7 @@
 	import CreateEditDialog from '$lib/components/dashboard/reference_data/invoice_types/create-edit-dialog.svelte';
 	import * as Card from '$lib/components/ui/card';
 	import { Button } from '$lib/components/ui/button';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
 
@@ -120,21 +121,7 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
+			<Plus class="mr-2" size={16} />
 			Nuevo Tipo de Factura
 		</Button>
 	</div>
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/material_types/+page.svelte

@@ -8,6 +8,7 @@
 	import { Button } from '$lib/components/ui/button';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 
 	// Los datos iniciales vienen del servidor
 	let { data }: { data: PageData } = $props();
@@ -120,21 +121,7 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
+			<Plus class="mr-2" size={16} />
 			Nuevo Tipo de Material
 		</Button>
 	</div>
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/payment_methods/+page.svelte

@@ -8,6 +8,7 @@
 	import { Button } from '$lib/components/ui/button';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 
 	// Los datos iniciales vienen del servidor
 	let { data }: { data: PageData } = $props();
@@ -120,21 +121,7 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
+			<Plus class="mr-2" size={16} />
 			Nuevo Método de Pago
 		</Button>
 	</div>
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/pedimento_codes/+page.svelte

@@ -6,6 +6,7 @@
 	import CreateEditDialog from '$lib/components/dashboard/reference_data/pedimento_codes/create-edit-dialog.svelte';
 	import * as Card from '$lib/components/ui/card';
 	import { Button } from '$lib/components/ui/button';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
 
@@ -120,22 +121,8 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
-			Nueva Clave de Pedimento
+			<Plus class="mr-2" size={16} />
+			Nuevo Código de Pedimento
 		</Button>
 	</div>
 
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/pedimento_regimens/+page.svelte

@@ -8,6 +8,7 @@
 	import { Button } from '$lib/components/ui/button';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 
 	// Los datos iniciales vienen del servidor
 	let { data }: { data: PageData } = $props();
@@ -120,21 +121,7 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
+			<Plus class="mr-2" size={16} />
 			Nuevo Régimen de Pedimento
 		</Button>
 	</div>
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/sectors/+page.svelte

@@ -6,6 +6,7 @@
 	import CreateEditDialog from '$lib/components/dashboard/reference_data/sectors/create-edit-dialog.svelte';
 	import * as Card from '$lib/components/ui/card';
 	import { Button } from '$lib/components/ui/button';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
 
@@ -120,21 +121,7 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
+			<Plus class="mr-2" size={16} />
 			Nuevo Sector
 		</Button>
 	</div>
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/states/+page.svelte

@@ -8,6 +8,7 @@
 	import { Button } from '$lib/components/ui/button';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 
 	// Los datos iniciales vienen del servidor
 	let { data }: { data: PageData } = $props();
@@ -120,21 +121,7 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
+			<Plus class="mr-2" size={16} />
 			Nuevo Estado
 		</Button>
 	</div>
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/transport_modes/+page.svelte

@@ -8,6 +8,7 @@
 	import { Button } from '$lib/components/ui/button';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 
 	// Los datos iniciales vienen del servidor
 	let { data }: { data: PageData } = $props();
@@ -120,21 +121,7 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
+			<Plus class="mr-2" size={16} />
 			Nuevo Modo de Transporte
 		</Button>
 	</div>
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/transport_types/+page.svelte

@@ -6,6 +6,7 @@
 	import CreateEditDialog from '$lib/components/dashboard/reference_data/transport_types/create-edit-dialog.svelte';
 	import * as Card from '$lib/components/ui/card';
 	import { Button } from '$lib/components/ui/button';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
 
@@ -120,21 +121,7 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
+			<Plus class="mr-2" size={16} />
 			Nuevo Tipo de Transporte
 		</Button>
 	</div>
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw class="mr-2" size={16} />
 					Actualizar
 				</Button>
 			</div>

frontend/src/routes/dashboard/reference_data/valuation_methods/+page.svelte

@@ -6,6 +6,7 @@
 	import CreateEditDialog from '$lib/components/dashboard/reference_data/valuation_methods/create-edit-dialog.svelte';
 	import * as Card from '$lib/components/ui/card';
 	import { Button } from '$lib/components/ui/button';
+	import { Plus, RefreshCw } from 'lucide-svelte';
 	import type { PageData } from './$types';
 	import { browser } from '$app/environment';
 
@@ -120,21 +121,7 @@
 			</p>
 		</div>
 		<Button onclick={handleCreateClick}>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="16"
-				height="16"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				class="mr-2"
-			>
-				<path d="M5 12h14" />
-				<path d="M12 5v14" />
-			</svg>
+			<Plus size={16} class="mr-2" />
 			Nuevo Método de Valoración
 		</Button>
 	</div>
@@ -160,21 +147,7 @@
 					</Card.Description>
 				</div>
 				<Button variant="outline" onclick={reloadData}>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="mr-2"
-					>
-						<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
-						<path d="M21 3v5h-5" />
-					</svg>
+					<RefreshCw size={16} class="mr-2" />
 					Actualizar
 				</Button>
 			</div>