diff --git a/apps/web/src/lib/components/SolicitarFerias.svelte b/apps/web/src/lib/components/SolicitarFerias.svelte
index c61f7bc..7658086 100644
--- a/apps/web/src/lib/components/SolicitarFerias.svelte
+++ b/apps/web/src/lib/components/SolicitarFerias.svelte
@@ -1,304 +1,353 @@
 <script lang="ts">
-  import { useConvexClient } from "convex-svelte";
-  import { api } from "@sgse-app/backend/convex/_generated/api";
-  
-  interface Periodo {
-    id: string;
-    dataInicio: string;
-    dataFim: string;
-    diasCorridos: number;
-  }
-  
-  interface Props {
-    funcionarioId: string;
-    onSucesso?: () => void;
-    onCancelar?: () => void;
-  }
-  
-  let { funcionarioId, onSucesso, onCancelar }: Props = $props();
-  
-  const client = useConvexClient();
-  
-  let anoReferencia = $state(new Date().getFullYear());
-  let observacao = $state("");
-  let periodos = $state<Periodo[]>([]);
-  let processando = $state(false);
-  let erro = $state("");
-  
-  // Adicionar primeiro período ao carregar
-  $effect(() => {
-    if (periodos.length === 0) {
-      adicionarPeriodo();
-    }
-  });
-  
-  function adicionarPeriodo() {
-    if (periodos.length >= 3) {
-      erro = "Máximo de 3 períodos permitidos";
-      return;
-    }
-    
-    periodos.push({
-      id: crypto.randomUUID(),
-      dataInicio: "",
-      dataFim: "",
-      diasCorridos: 0,
-    });
-  }
-  
-  function removerPeriodo(id: string) {
-    periodos = periodos.filter(p => p.id !== id);
-  }
-  
-  function calcularDias(periodo: Periodo) {
-    if (!periodo.dataInicio || !periodo.dataFim) {
-      periodo.diasCorridos = 0;
-      return;
-    }
-    
-    const inicio = new Date(periodo.dataInicio);
-    const fim = new Date(periodo.dataFim);
-    
-    if (fim < inicio) {
-      erro = "Data final não pode ser anterior à data inicial";
-      periodo.diasCorridos = 0;
-      return;
-    }
-    
-    const diff = fim.getTime() - inicio.getTime();
-    const dias = Math.ceil(diff / (1000 * 60 * 60 * 24)) + 1;
-    periodo.diasCorridos = dias;
-    erro = "";
-  }
-  
-  function validarPeriodos(): boolean {
-    if (periodos.length === 0) {
-      erro = "Adicione pelo menos 1 período";
-      return false;
-    }
-    
-    for (const periodo of periodos) {
-      if (!periodo.dataInicio || !periodo.dataFim) {
-        erro = "Preencha as datas de todos os períodos";
-        return false;
-      }
-      
-      if (periodo.diasCorridos <= 0) {
-        erro = "Todos os períodos devem ter pelo menos 1 dia";
-        return false;
-      }
-    }
-    
-    // Verificar sobreposição de períodos
-    for (let i = 0; i < periodos.length; i++) {
-      for (let j = i + 1; j < periodos.length; j++) {
-        const p1Inicio = new Date(periodos[i].dataInicio);
-        const p1Fim = new Date(periodos[i].dataFim);
-        const p2Inicio = new Date(periodos[j].dataInicio);
-        const p2Fim = new Date(periodos[j].dataFim);
-        
-        if (
-          (p2Inicio >= p1Inicio && p2Inicio <= p1Fim) ||
-          (p2Fim >= p1Inicio && p2Fim <= p1Fim) ||
-          (p1Inicio >= p2Inicio && p1Inicio <= p2Fim)
-        ) {
-          erro = "Os períodos não podem se sobrepor";
-          return false;
-        }
-      }
-    }
-    
-    return true;
-  }
-  
-  async function enviarSolicitacao() {
-    if (!validarPeriodos()) return;
-    
-    try {
-      processando = true;
-      erro = "";
-      
-      await client.mutation(api.ferias.criarSolicitacao, {
-        funcionarioId: funcionarioId as any,
-        anoReferencia,
-        periodos: periodos.map(p => ({
-          dataInicio: p.dataInicio,
-          dataFim: p.dataFim,
-          diasCorridos: p.diasCorridos,
-        })),
-        observacao: observacao || undefined,
-      });
-      
-      if (onSucesso) onSucesso();
-    } catch (e: any) {
-      erro = e.message || "Erro ao enviar solicitação";
-    } finally {
-      processando = false;
-    }
-  }
-  
-  $effect(() => {
-    periodos.forEach(p => calcularDias(p));
-  });
+	import { useConvexClient } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+
+	interface Periodo {
+		id: string;
+		dataInicio: string;
+		dataFim: string;
+		diasCorridos: number;
+	}
+
+	interface Props {
+		funcionarioId: string;
+		onSucesso?: () => void;
+		onCancelar?: () => void;
+	}
+
+	let { funcionarioId, onSucesso, onCancelar }: Props = $props();
+
+	const client = useConvexClient();
+
+	let anoReferencia = $state(new Date().getFullYear());
+	let observacao = $state('');
+	let periodos = $state<Periodo[]>([]);
+	let processando = $state(false);
+	let erro = $state('');
+
+	// Adicionar primeiro período ao carregar
+	$effect(() => {
+		if (periodos.length === 0) {
+			adicionarPeriodo();
+		}
+	});
+
+	function adicionarPeriodo() {
+		if (periodos.length >= 3) {
+			erro = 'Máximo de 3 períodos permitidos';
+			return;
+		}
+
+		periodos.push({
+			id: crypto.randomUUID(),
+			dataInicio: '',
+			dataFim: '',
+			diasCorridos: 0
+		});
+	}
+
+	function removerPeriodo(id: string) {
+		periodos = periodos.filter((p) => p.id !== id);
+	}
+
+	function calcularDias(periodo: Periodo) {
+		if (!periodo.dataInicio || !periodo.dataFim) {
+			periodo.diasCorridos = 0;
+			return;
+		}
+
+		const inicio = new Date(periodo.dataInicio);
+		const fim = new Date(periodo.dataFim);
+
+		if (fim < inicio) {
+			erro = 'Data final não pode ser anterior à data inicial';
+			periodo.diasCorridos = 0;
+			return;
+		}
+
+		const diff = fim.getTime() - inicio.getTime();
+		const dias = Math.ceil(diff / (1000 * 60 * 60 * 24)) + 1;
+		periodo.diasCorridos = dias;
+		erro = '';
+	}
+
+	function validarPeriodos(): boolean {
+		if (periodos.length === 0) {
+			erro = 'Adicione pelo menos 1 período';
+			return false;
+		}
+
+		for (const periodo of periodos) {
+			if (!periodo.dataInicio || !periodo.dataFim) {
+				erro = 'Preencha as datas de todos os períodos';
+				return false;
+			}
+
+			if (periodo.diasCorridos <= 0) {
+				erro = 'Todos os períodos devem ter pelo menos 1 dia';
+				return false;
+			}
+		}
+
+		// Verificar sobreposição de períodos
+		for (let i = 0; i < periodos.length; i++) {
+			for (let j = i + 1; j < periodos.length; j++) {
+				const p1Inicio = new Date(periodos[i].dataInicio);
+				const p1Fim = new Date(periodos[i].dataFim);
+				const p2Inicio = new Date(periodos[j].dataInicio);
+				const p2Fim = new Date(periodos[j].dataFim);
+
+				if (
+					(p2Inicio >= p1Inicio && p2Inicio <= p1Fim) ||
+					(p2Fim >= p1Inicio && p2Fim <= p1Fim) ||
+					(p1Inicio >= p2Inicio && p1Inicio <= p2Fim)
+				) {
+					erro = 'Os períodos não podem se sobrepor';
+					return false;
+				}
+			}
+		}
+
+		return true;
+	}
+
+	async function enviarSolicitacao() {
+		if (!validarPeriodos()) return;
+
+		try {
+			processando = true;
+			erro = '';
+
+			await client.mutation(api.ferias.criarSolicitacao, {
+				funcionarioId: funcionarioId as any,
+				anoReferencia,
+				periodos: periodos.map((p) => ({
+					dataInicio: p.dataInicio,
+					dataFim: p.dataFim,
+					diasCorridos: p.diasCorridos
+				})),
+				observacao: observacao || undefined
+			});
+
+			if (onSucesso) onSucesso();
+		} catch (e: any) {
+			erro = e.message || 'Erro ao enviar solicitação';
+		} finally {
+			processando = false;
+		}
+	}
+
+	$effect(() => {
+		periodos.forEach((p) => calcularDias(p));
+	});
 </script>
 
 <div class="card bg-base-100 shadow-xl">
-  <div class="card-body">
-    <h2 class="card-title text-2xl mb-4">
-      <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
-      </svg>
-      Solicitar Férias
-    </h2>
-    
-    <!-- Ano de Referência -->
-    <div class="form-control">
-      <label class="label" for="ano-referencia">
-        <span class="label-text font-semibold">Ano de Referência</span>
-      </label>
-      <input
-        id="ano-referencia"
-        type="number"
-        class="input input-bordered w-full max-w-xs"
-        bind:value={anoReferencia}
-        min={new Date().getFullYear()}
-        max={new Date().getFullYear() + 2}
-      />
-    </div>
-    
-    <!-- Períodos -->
-    <div class="mt-6">
-      <div class="flex items-center justify-between mb-3">
-        <h3 class="font-semibold text-lg">Períodos ({periodos.length}/3)</h3>
-        {#if periodos.length < 3}
-          <button
-            type="button"
-            class="btn btn-sm btn-primary gap-2"
-            onclick={adicionarPeriodo}
-          >
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
-            </svg>
-            Adicionar Período
-          </button>
-        {/if}
-      </div>
-      
-      <div class="space-y-4">
-        {#each periodos as periodo, index}
-          <div class="card bg-base-200 border border-base-300">
-            <div class="card-body p-4">
-              <div class="flex items-center justify-between mb-3">
-                <h4 class="font-medium">Período {index + 1}</h4>
-                {#if periodos.length > 1}
-                  <button
-                    type="button"
-                    class="btn btn-xs btn-error btn-square"
-                    aria-label="Remover período"
-                    onclick={() => removerPeriodo(periodo.id)}
-                  >
-                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-                    </svg>
-                  </button>
-                {/if}
-              </div>
-              
-              <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-                <div class="form-control">
-                  <label class="label" for={`inicio-${periodo.id}`}>
-                    <span class="label-text">Data Início</span>
-                  </label>
-                  <input
-                    id={`inicio-${periodo.id}`}
-                    type="date"
-                    class="input input-bordered input-sm"
-                    bind:value={periodo.dataInicio}
-                    onchange={() => calcularDias(periodo)}
-                  />
-                </div>
-                
-                <div class="form-control">
-                  <label class="label" for={`fim-${periodo.id}`}>
-                    <span class="label-text">Data Fim</span>
-                  </label>
-                  <input
-                    id={`fim-${periodo.id}`}
-                    type="date"
-                    class="input input-bordered input-sm"
-                    bind:value={periodo.dataFim}
-                    onchange={() => calcularDias(periodo)}
-                  />
-                </div>
-                
-                <div class="form-control">
-                  <label class="label" for={`dias-${periodo.id}`}>
-                    <span class="label-text">Dias Corridos</span>
-                  </label>
-                  <div id={`dias-${periodo.id}`} class="flex items-center h-9 px-3 bg-base-300 rounded-lg" role="textbox" aria-readonly="true">
-                    <span class="font-bold text-lg">{periodo.diasCorridos}</span>
-                    <span class="ml-1 text-sm">dias</span>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        {/each}
-      </div>
-    </div>
-    
-    <!-- Observações -->
-    <div class="form-control mt-6">
-      <label class="label" for="observacao">
-        <span class="label-text font-semibold">Observações (opcional)</span>
-      </label>
-      <textarea
-        id="observacao"
-        class="textarea textarea-bordered h-24"
-        placeholder="Adicione observações sobre sua solicitação..."
-        bind:value={observacao}
-      ></textarea>
-    </div>
-    
-    <!-- Erro -->
-    {#if erro}
-      <div class="alert alert-error mt-4">
-        <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
-        </svg>
-        <span>{erro}</span>
-      </div>
-    {/if}
-    
-    <!-- Ações -->
-    <div class="card-actions justify-end mt-6">
-      {#if onCancelar}
-        <button
-          type="button"
-          class="btn btn-ghost"
-          onclick={onCancelar}
-          disabled={processando}
-        >
-          Cancelar
-        </button>
-      {/if}
-      <button
-        type="button"
-        class="btn btn-primary gap-2"
-        onclick={enviarSolicitacao}
-        disabled={processando}
-      >
-        {#if processando}
-          <span class="loading loading-spinner loading-sm"></span>
-          Enviando...
-        {:else}
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-          </svg>
-          Enviar Solicitação
-        {/if}
-      </button>
-    </div>
-  </div>
-</div>
+	<div class="card-body">
+		<h2 class="card-title mb-4 text-2xl">
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				class="h-6 w-6"
+				fill="none"
+				viewBox="0 0 24 24"
+				stroke="currentColor"
+			>
+				<path
+					stroke-linecap="round"
+					stroke-linejoin="round"
+					stroke-width="2"
+					d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+				/>
+			</svg>
+			Solicitar Férias
+		</h2>
 
+		<!-- Ano de Referência -->
+		<div class="form-control">
+			<label class="label" for="ano-referencia">
+				<span class="label-text font-semibold">Ano de Referência</span>
+			</label>
+			<input
+				id="ano-referencia"
+				type="number"
+				class="input input-bordered w-full max-w-xs"
+				bind:value={anoReferencia}
+				min={new Date().getFullYear()}
+				max={new Date().getFullYear() + 2}
+			/>
+		</div>
+
+		<!-- Períodos -->
+		<div class="mt-6">
+			<div class="mb-3 flex items-center justify-between">
+				<h3 class="text-lg font-semibold">Períodos ({periodos.length}/3)</h3>
+				{#if periodos.length < 3}
+					<button type="button" class="btn btn-sm btn-primary gap-2" onclick={adicionarPeriodo}>
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							class="h-4 w-4"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M12 4v16m8-8H4"
+							/>
+						</svg>
+						Adicionar Período
+					</button>
+				{/if}
+			</div>
+
+			<div class="space-y-4">
+				{#each periodos as periodo, index}
+					<div class="card bg-base-200 border-base-300 border">
+						<div class="card-body p-4">
+							<div class="mb-3 flex items-center justify-between">
+								<h4 class="font-medium">Período {index + 1}</h4>
+								{#if periodos.length > 1}
+									<button
+										type="button"
+										class="btn btn-xs btn-error"
+										aria-label="Remover período"
+										onclick={() => removerPeriodo(periodo.id)}
+									>
+										<svg
+											xmlns="http://www.w3.org/2000/svg"
+											class="h-3 w-3"
+											fill="none"
+											viewBox="0 0 24 24"
+											stroke="currentColor"
+										>
+											<path
+												stroke-linecap="round"
+												stroke-linejoin="round"
+												stroke-width="2"
+												d="M6 18L18 6M6 6l12 12"
+											/>
+										</svg>
+									</button>
+								{/if}
+							</div>
+
+							<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+								<div class="form-control">
+									<label class="label" for={`inicio-${periodo.id}`}>
+										<span class="label-text">Data Início</span>
+									</label>
+									<input
+										id={`inicio-${periodo.id}`}
+										type="date"
+										class="input input-bordered input-sm"
+										bind:value={periodo.dataInicio}
+										onchange={() => calcularDias(periodo)}
+									/>
+								</div>
+
+								<div class="form-control">
+									<label class="label" for={`fim-${periodo.id}`}>
+										<span class="label-text">Data Fim</span>
+									</label>
+									<input
+										id={`fim-${periodo.id}`}
+										type="date"
+										class="input input-bordered input-sm"
+										bind:value={periodo.dataFim}
+										onchange={() => calcularDias(periodo)}
+									/>
+								</div>
+
+								<div class="form-control">
+									<label class="label" for={`dias-${periodo.id}`}>
+										<span class="label-text">Dias Corridos</span>
+									</label>
+									<div
+										id={`dias-${periodo.id}`}
+										class="bg-base-300 flex h-9 items-center rounded-lg px-3"
+										role="textbox"
+										aria-readonly="true"
+									>
+										<span class="text-lg font-bold">{periodo.diasCorridos}</span>
+										<span class="ml-1 text-sm">dias</span>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				{/each}
+			</div>
+		</div>
+
+		<!-- Observações -->
+		<div class="form-control mt-6">
+			<label class="label" for="observacao">
+				<span class="label-text font-semibold">Observações (opcional)</span>
+			</label>
+			<textarea
+				id="observacao"
+				class="textarea textarea-bordered h-24"
+				placeholder="Adicione observações sobre sua solicitação..."
+				bind:value={observacao}
+			></textarea>
+		</div>
+
+		<!-- Erro -->
+		{#if erro}
+			<div class="alert alert-error mt-4">
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					class="h-6 w-6 shrink-0 stroke-current"
+					fill="none"
+					viewBox="0 0 24 24"
+				>
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width="2"
+						d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+					/>
+				</svg>
+				<span>{erro}</span>
+			</div>
+		{/if}
+
+		<!-- Ações -->
+		<div class="card-actions mt-6 justify-end">
+			{#if onCancelar}
+				<button type="button" class="btn btn-ghost" onclick={onCancelar} disabled={processando}>
+					Cancelar
+				</button>
+			{/if}
+			<button
+				type="button"
+				class="btn btn-primary gap-2"
+				onclick={enviarSolicitacao}
+				disabled={processando}
+			>
+				{#if processando}
+					<span class="loading loading-spinner loading-sm"></span>
+					Enviando...
+				{:else}
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="h-5 w-5"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke="currentColor"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M5 13l4 4L19 7"
+						/>
+					</svg>
+					Enviar Solicitação
+				{/if}
+			</button>
+		</div>
+	</div>
+</div>
diff --git a/apps/web/src/routes/(dashboard)/perfil/+page.svelte b/apps/web/src/routes/(dashboard)/perfil/+page.svelte
index 0a3ab0f..58831bf 100644
--- a/apps/web/src/routes/(dashboard)/perfil/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/perfil/+page.svelte
@@ -48,11 +48,7 @@
 
 	// Queries
 	const funcionarioQuery = $derived(
-		currentUser?.data?.funcionarioId
-			? useQuery(api.funcionarios.getById, {
-					id: currentUser.data.funcionarioId
-				})
-			: { data: null }
+		currentUser?.data?.funcionarioId ? useQuery(api.funcionarios.getCurrent, {}) : { data: null }
 	);
 
 	const solicitacoesSubordinadosQuery = $derived(
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/editar/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/editar/+page.svelte
index f38dca4..c51afda 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/editar/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/editar/+page.svelte
@@ -1,1555 +1,1758 @@
 <script lang="ts">
-  import { useConvexClient } from "convex-svelte";
-  import { api } from "@sgse-app/backend/convex/_generated/api";
-  import { goto } from "$app/navigation";
-  import { page } from "$app/stores";
-  import type { SimboloTipo } from "@sgse-app/backend/convex/schema";
-  import FileUpload from "$lib/components/FileUpload.svelte";
-  import { 
-    maskCPF, maskCEP, maskPhone, maskDate, onlyDigits,
-    validateCPF, validateDate 
-  } from "$lib/utils/masks";
-  import { 
-    SEXO_OPTIONS, ESTADO_CIVIL_OPTIONS, GRAU_INSTRUCAO_OPTIONS,
-    GRUPO_SANGUINEO_OPTIONS, FATOR_RH_OPTIONS, APOSENTADO_OPTIONS, UFS_BRASIL
-  } from "$lib/utils/constants";
-  import { documentos, categoriasDocumentos, getDocumentosByCategoria } from "$lib/utils/documentos";
-  import ModelosDeclaracoes from "$lib/components/ModelosDeclaracoes.svelte";
+	import { useConvexClient } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import { goto } from '$app/navigation';
+	import { page } from '$app/stores';
+	import type { SimboloTipo } from '@sgse-app/backend/convex/schema';
+	import FileUpload from '$lib/components/FileUpload.svelte';
+	import {
+		maskCPF,
+		maskCEP,
+		maskPhone,
+		maskDate,
+		onlyDigits,
+		validateCPF,
+		validateDate
+	} from '$lib/utils/masks';
+	import {
+		SEXO_OPTIONS,
+		ESTADO_CIVIL_OPTIONS,
+		GRAU_INSTRUCAO_OPTIONS,
+		GRUPO_SANGUINEO_OPTIONS,
+		FATOR_RH_OPTIONS,
+		APOSENTADO_OPTIONS,
+		UFS_BRASIL
+	} from '$lib/utils/constants';
+	import {
+		documentos,
+		categoriasDocumentos,
+		getDocumentosByCategoria
+	} from '$lib/utils/documentos';
+	import ModelosDeclaracoes from '$lib/components/ModelosDeclaracoes.svelte';
 
-  const client = useConvexClient();
-  
-  let funcionarioId = $derived($page.params.funcionarioId as string);
+	const client = useConvexClient();
 
-  let simbolos: Array<{
-    _id: string;
-    nome: string;
-    tipo: SimboloTipo;
-    descricao: string;
-  }> = $state([]);
+	let funcionarioId = $derived($page.params.funcionarioId as string);
 
-  let tipo = $state<SimboloTipo>("cargo_comissionado");
-  let loading = $state(false);
-  let loadingData = $state(true);
-  let notice = $state<{ kind: "success" | "error"; text: string } | null>(null);
-  
-  // Campos obrigatórios
-  let nome = $state("");
-  let matricula = $state("");
-  let cpf = $state("");
-  let rg = $state("");
-  let nascimento = $state("");
-  let email = $state("");
-  let telefone = $state("");
-  let endereco = $state("");
-  let cep = $state("");
-  let cidade = $state("");
-  let uf = $state("");
-  let simboloId = $state("");
-  let admissaoData = $state("");
-  
-  // Dados Pessoais Adicionais
-  let nomePai = $state("");
-  let nomeMae = $state("");
-  let naturalidade = $state("");
-  let naturalidadeUF = $state("");
-  let sexo = $state("");
-  let estadoCivil = $state("");
-  let nacionalidade = $state("Brasileira");
-  
-  // Documentos Pessoais
-  let rgOrgaoExpedidor = $state("");
-  let rgDataEmissao = $state("");
-  let carteiraProfissionalNumero = $state("");
-  let carteiraProfissionalSerie = $state("");
-  let carteiraProfissionalDataEmissao = $state("");
-  let reservistaNumero = $state("");
-  let reservistaSerie = $state("");
-  let tituloEleitorNumero = $state("");
-  let tituloEleitorZona = $state("");
-  let tituloEleitorSecao = $state("");
-  let pisNumero = $state("");
-  
-  // Formação e Saúde
-  let grauInstrucao = $state("");
-  let formacao = $state("");
-  let formacaoRegistro = $state("");
-  let grupoSanguineo = $state("");
-  let fatorRH = $state("");
-  
-  // Cargo e Vínculo
-  let descricaoCargo = $state("");
-  let nomeacaoPortaria = $state("");
-  let nomeacaoData = $state("");
-  let nomeacaoDOE = $state("");
-  let pertenceOrgaoPublico = $state(false);
-  let orgaoOrigem = $state("");
-  let aposentado = $state("nao");
-  let regimeTrabalho = $state("estatutario_pe");
+	let simbolos: Array<{
+		_id: string;
+		nome: string;
+		tipo: SimboloTipo;
+		descricao: string;
+	}> = $state([]);
 
-  const REGIME_TRABALHO_OPTIONS = [
-    { value: "clt", label: "CLT" },
-    { value: "estatutario_municipal", label: "Estatutário Municipal" },
-    { value: "estatutario_pe", label: "Estatutário PE" },
-    { value: "estatutario_federal", label: "Estatutário Federal" }
-  ] as const;
-  
-  // Dados Bancários
-  let contaBradescoNumero = $state("");
-  let contaBradescoDV = $state("");
-  let contaBradescoAgencia = $state("");
-  
-  // Documentos (Storage IDs)
-  let documentosStorage: Record<string, string | undefined> = $state({});
-  
-  // Cursos e Treinamentos
-  interface Curso {
-    _id?: string;
-    id: string;
-    descricao: string;
-    data: string;
-    certificadoId?: string;
-    arquivo?: File;
-    marcadoParaExcluir?: boolean;
-  }
-  
-  let cursos = $state<Curso[]>([]);
-  let mostrarFormularioCurso = $state(false);
-  let cursoAtual = $state<Curso>({
-    id: crypto.randomUUID(),
-    descricao: "",
-    data: "",
-  });
+	let tipo = $state<SimboloTipo>('cargo_comissionado');
+	let loading = $state(false);
+	let loadingData = $state(true);
+	let notice = $state<{ kind: 'success' | 'error'; text: string } | null>(null);
 
-  async function loadSimbolos() {
-    const list = await client.query(api.simbolos.getAll, {} as any);
-    simbolos = list.map((s: any) => ({ 
-      _id: s._id, 
-      nome: s.nome, 
-      tipo: s.tipo, 
-      descricao: s.descricao 
-    }));
-  }
+	// Campos obrigatórios
+	let nome = $state('');
+	let matricula = $state('');
+	let cpf = $state('');
+	let rg = $state('');
+	let nascimento = $state('');
+	let email = $state('');
+	let telefone = $state('');
+	let endereco = $state('');
+	let cep = $state('');
+	let cidade = $state('');
+	let uf = $state('');
+	let simboloId = $state('');
+	let admissaoData = $state('');
 
-  async function loadFuncionario() {
-    try {
-      const func = await client.query(api.funcionarios.getById, { id: funcionarioId as any });
-      
-      // Preencher campos
-      nome = func.nome;
-      matricula = func.matricula;
-      cpf = maskCPF(func.cpf);
-      rg = func.rg;
-      nascimento = func.nascimento;
-      email = func.email;
-      telefone = maskPhone(func.telefone);
-      endereco = func.endereco;
-      cep = maskCEP(func.cep);
-      cidade = func.cidade;
-      uf = func.uf;
-      simboloId = func.simboloId;
-      tipo = func.simboloTipo;
-      admissaoData = func.admissaoData || "";
-      
-      // Dados adicionais
-      nomePai = func.nomePai || "";
-      nomeMae = func.nomeMae || "";
-      naturalidade = func.naturalidade || "";
-      naturalidadeUF = func.naturalidadeUF || "";
-      sexo = func.sexo || "";
-      estadoCivil = func.estadoCivil || "";
-      nacionalidade = func.nacionalidade || "Brasileira";
-      
-      rgOrgaoExpedidor = func.rgOrgaoExpedidor || "";
-      rgDataEmissao = func.rgDataEmissao || "";
-      carteiraProfissionalNumero = func.carteiraProfissionalNumero || "";
-      carteiraProfissionalSerie = func.carteiraProfissionalSerie || "";
-      carteiraProfissionalDataEmissao = func.carteiraProfissionalDataEmissao || "";
-      reservistaNumero = func.reservistaNumero || "";
-      reservistaSerie = func.reservistaSerie || "";
-      tituloEleitorNumero = func.tituloEleitorNumero || "";
-      tituloEleitorZona = func.tituloEleitorZona || "";
-      tituloEleitorSecao = func.tituloEleitorSecao || "";
-      pisNumero = func.pisNumero || "";
-      
-      grauInstrucao = func.grauInstrucao || "";
-      formacao = func.formacao || "";
-      formacaoRegistro = func.formacaoRegistro || "";
-      grupoSanguineo = func.grupoSanguineo || "";
-      fatorRH = func.fatorRH || "";
-      
-      descricaoCargo = func.descricaoCargo || "";
-      nomeacaoPortaria = func.nomeacaoPortaria || "";
-      nomeacaoData = func.nomeacaoData || "";
-      nomeacaoDOE = func.nomeacaoDOE || "";
-      pertenceOrgaoPublico = func.pertenceOrgaoPublico || false;
-      orgaoOrigem = func.orgaoOrigem || "";
-      aposentado = func.aposentado || "nao";
-      regimeTrabalho = func.regimeTrabalho || "estatutario_pe";
-      
-      contaBradescoNumero = func.contaBradescoNumero || "";
-      contaBradescoDV = func.contaBradescoDV || "";
-      contaBradescoAgencia = func.contaBradescoAgencia || "";
-      
-      // Documentos
-      documentosStorage = {};
-      documentos.forEach(doc => {
-        const storageId = (func as any)[doc.campo];
-        if (storageId) {
-          documentosStorage[doc.campo] = storageId;
-        }
-      });
-      
-      // Carregar cursos
-      try {
-        const cursosData = await client.query(api.cursos.listarPorFuncionario, {
-          funcionarioId: funcionarioId as any,
-        });
-        cursos = cursosData.map((c: any) => ({
-          _id: c._id,
-          id: c._id,
-          descricao: c.descricao,
-          data: c.data,
-          certificadoId: c.certificadoId,
-        }));
-      } catch (error) {
-        console.error("Erro ao carregar cursos:", error);
-      }
-    } catch (error) {
-      console.error("Erro ao carregar funcionário:", error);
-      notice = { kind: "error", text: "Erro ao carregar dados do funcionário" };
-    } finally {
-      loadingData = false;
-    }
-  }
+	// Dados Pessoais Adicionais
+	let nomePai = $state('');
+	let nomeMae = $state('');
+	let naturalidade = $state('');
+	let naturalidadeUF = $state('');
+	let sexo = $state('');
+	let estadoCivil = $state('');
+	let nacionalidade = $state('Brasileira');
 
-  async function fillFromCEP(cepValue: string) {
-    const cepDigits = onlyDigits(cepValue);
-    if (cepDigits.length !== 8) return;
-    
-    try {
-      const res = await fetch(`https://viacep.com.br/ws/${cepDigits}/json/`);
-      const data = await res.json();
-      if (!data || data.erro) return;
-      
-      const enderecoFull = [data.logradouro, data.bairro].filter(Boolean).join(", ");
-      endereco = enderecoFull;
-      cidade = data.localidade || "";
-      uf = data.uf || "";
-    } catch {}
-  }
-  
-  // Funções de Cursos
-  function adicionarCurso() {
-    if (!cursoAtual.descricao.trim() || !cursoAtual.data.trim()) {
-      notice = { kind: "error", text: "Preencha a descrição e data do curso" };
-      return;
-    }
-    
-    if (cursos.filter(c => !c.marcadoParaExcluir).length >= 7) {
-      notice = { kind: "error", text: "Máximo de 7 cursos permitidos" };
-      return;
-    }
-    
-    cursos.push({ ...cursoAtual });
-    cursoAtual = {
-      id: crypto.randomUUID(),
-      descricao: "",
-      data: "",
-    };
-    mostrarFormularioCurso = false;
-  }
-  
-  function removerCurso(id: string) {
-    const curso = cursos.find(c => c.id === id);
-    if (curso && curso._id) {
-      // Marcar para excluir se já existe no banco
-      curso.marcadoParaExcluir = true;
-    } else {
-      // Remover diretamente se é novo
-      cursos = cursos.filter(c => c.id !== id);
-    }
-  }
-  
-  async function uploadCertificado(file: File): Promise<string> {
-    const uploadUrl = await client.mutation(api.documentos.generateUploadUrl, {});
-    
-    const result = await fetch(uploadUrl, {
-      method: "POST",
-      headers: { "Content-Type": file.type },
-      body: file,
-    });
-    
-    const { storageId } = await result.json();
-    return storageId;
-  }
+	// Documentos Pessoais
+	let rgOrgaoExpedidor = $state('');
+	let rgDataEmissao = $state('');
+	let carteiraProfissionalNumero = $state('');
+	let carteiraProfissionalSerie = $state('');
+	let carteiraProfissionalDataEmissao = $state('');
+	let reservistaNumero = $state('');
+	let reservistaSerie = $state('');
+	let tituloEleitorNumero = $state('');
+	let tituloEleitorZona = $state('');
+	let tituloEleitorSecao = $state('');
+	let pisNumero = $state('');
 
-  async function handleDocumentoUpload(campo: string, file: File) {
-    try {
-      const uploadUrl = await client.mutation(api.documentos.generateUploadUrl, {});
-      
-      const result = await fetch(uploadUrl, {
-        method: "POST",
-        headers: { "Content-Type": file.type },
-        body: file,
-      });
-      
-      const { storageId } = await result.json();
-      documentosStorage[campo] = storageId;
-    } catch (err: any) {
-      throw new Error(err?.message || "Erro ao fazer upload");
-    }
-  }
+	// Formação e Saúde
+	let grauInstrucao = $state('');
+	let formacao = $state('');
+	let formacaoRegistro = $state('');
+	let grupoSanguineo = $state('');
+	let fatorRH = $state('');
 
-  async function handleDocumentoRemove(campo: string) {
-    documentosStorage[campo] = undefined;
-  }
+	// Cargo e Vínculo
+	let descricaoCargo = $state('');
+	let nomeacaoPortaria = $state('');
+	let nomeacaoData = $state('');
+	let nomeacaoDOE = $state('');
+	let pertenceOrgaoPublico = $state(false);
+	let orgaoOrigem = $state('');
+	let aposentado = $state('nao');
+	let regimeTrabalho = $state('estatutario_pe');
 
-  async function handleSubmit() {
-    if (!nome || !matricula || !cpf || !rg || !nascimento || !email || !telefone) {
-      notice = { kind: "error", text: "Preencha todos os campos obrigatórios" };
-      return;
-    }
-    
-    if (!validateCPF(cpf)) {
-      notice = { kind: "error", text: "CPF inválido" };
-      return;
-    }
-    
-    if (!validateDate(nascimento)) {
-      notice = { kind: "error", text: "Data de nascimento inválida" };
-      return;
-    }
-    
-    if (!simboloId) {
-      notice = { kind: "error", text: "Selecione um símbolo" };
-      return;
-    }
+	const REGIME_TRABALHO_OPTIONS = [
+		{ value: 'clt', label: 'CLT' },
+		{ value: 'estatutario_municipal', label: 'Estatutário Municipal' },
+		{ value: 'estatutario_pe', label: 'Estatutário PE' },
+		{ value: 'estatutario_federal', label: 'Estatutário Federal' }
+	] as const;
 
-    try {
-      loading = true;
-      
-      const payload = {
-        nome,
-        matricula,
-        cpf: onlyDigits(cpf),
-        rg: onlyDigits(rg),
-        nascimento,
-        email,
-        telefone: onlyDigits(telefone),
-        endereco,
-        cep: onlyDigits(cep),
-        cidade,
-        uf: uf.toUpperCase(),
-        simboloId: simboloId as any,
-        simboloTipo: tipo,
-        admissaoData: admissaoData || undefined,
-        
-        nomePai: nomePai || undefined,
-        nomeMae: nomeMae || undefined,
-        naturalidade: naturalidade || undefined,
-        naturalidadeUF: naturalidadeUF ? naturalidadeUF.toUpperCase() : undefined,
-        sexo: sexo || undefined,
-        estadoCivil: estadoCivil || undefined,
-        nacionalidade: nacionalidade || undefined,
-        
-        rgOrgaoExpedidor: rgOrgaoExpedidor || undefined,
-        rgDataEmissao: rgDataEmissao || undefined,
-        carteiraProfissionalNumero: carteiraProfissionalNumero || undefined,
-        carteiraProfissionalSerie: carteiraProfissionalSerie || undefined,
-        carteiraProfissionalDataEmissao: carteiraProfissionalDataEmissao || undefined,
-        reservistaNumero: reservistaNumero || undefined,
-        reservistaSerie: reservistaSerie || undefined,
-        tituloEleitorNumero: tituloEleitorNumero || undefined,
-        tituloEleitorZona: tituloEleitorZona || undefined,
-        tituloEleitorSecao: tituloEleitorSecao || undefined,
-        pisNumero: pisNumero || undefined,
-        
-        grauInstrucao: grauInstrucao || undefined,
-        formacao: formacao || undefined,
-        formacaoRegistro: formacaoRegistro || undefined,
-        grupoSanguineo: grupoSanguineo || undefined,
-        fatorRH: fatorRH || undefined,
-        
-        descricaoCargo: descricaoCargo || undefined,
-        nomeacaoPortaria: nomeacaoPortaria || undefined,
-        nomeacaoData: nomeacaoData || undefined,
-        nomeacaoDOE: nomeacaoDOE || undefined,
-        pertenceOrgaoPublico: pertenceOrgaoPublico || undefined,
-        orgaoOrigem: orgaoOrigem || undefined,
-        aposentado: aposentado || undefined,
-        
-        contaBradescoNumero: contaBradescoNumero || undefined,
-        contaBradescoDV: contaBradescoDV || undefined,
-        contaBradescoAgencia: contaBradescoAgencia || undefined,
-        regimeTrabalho,
-        
-        ...Object.fromEntries(
-          Object.entries(documentosStorage).map(([key, value]) => [key, value as any])
-        ),
-      };
+	// Dados Bancários
+	let contaBradescoNumero = $state('');
+	let contaBradescoDV = $state('');
+	let contaBradescoAgencia = $state('');
 
-      await client.mutation(api.funcionarios.update, { id: funcionarioId as any, ...payload as any });
-      
-      // Salvar cursos
-      try {
-        // Excluir cursos marcados
-        for (const curso of cursos.filter(c => c.marcadoParaExcluir && c._id)) {
-          await client.mutation(api.cursos.excluir, { id: curso._id as any });
-        }
-        
-        // Adicionar/atualizar cursos
-        for (const curso of cursos.filter(c => !c.marcadoParaExcluir)) {
-          let certificadoId = curso.certificadoId;
-          
-          // Upload de certificado se houver arquivo novo
-          if (curso.arquivo) {
-            certificadoId = await uploadCertificado(curso.arquivo);
-          }
-          
-          if (curso._id) {
-            // Atualizar curso existente
-            await client.mutation(api.cursos.atualizar, {
-              id: curso._id as any,
-              descricao: curso.descricao,
-              data: curso.data,
-              certificadoId: certificadoId as any,
-            });
-          } else {
-            // Criar novo curso
-            await client.mutation(api.cursos.criar, {
-              funcionarioId: funcionarioId as any,
-              descricao: curso.descricao,
-              data: curso.data,
-              certificadoId: certificadoId as any,
-            });
-          }
-        }
-      } catch (error) {
-        console.error("Erro ao salvar cursos:", error);
-      }
-      
-      notice = { kind: "success", text: "Funcionário atualizado com sucesso!" };
-      setTimeout(() => goto("/recursos-humanos/funcionarios"), 600);
-    } catch (e: any) {
-      notice = { kind: "error", text: "Erro ao atualizar funcionário." };
-    } finally {
-      loading = false;
-    }
-  }
+	// Documentos (Storage IDs)
+	let documentosStorage: Record<string, string | undefined> = $state({});
 
-  async function init() {
-    await loadSimbolos();
-    await loadFuncionario();
-  }
+	// Cursos e Treinamentos
+	interface Curso {
+		_id?: string;
+		id: string;
+		descricao: string;
+		data: string;
+		certificadoId?: string;
+		arquivo?: File;
+		marcadoParaExcluir?: boolean;
+	}
 
-  $effect(() => {
-    if (funcionarioId) {
-      init();
-    }
-  });
+	let cursos = $state<Curso[]>([]);
+	let mostrarFormularioCurso = $state(false);
+	let cursoAtual = $state<Curso>({
+		id: crypto.randomUUID(),
+		descricao: '',
+		data: ''
+	});
 
-  // Resetar simboloId quando tipo mudar
-  $effect(() => {
-    tipo; // track tipo
-    simboloId = ""; // reset selection when tipo changes
-  });
+	async function loadSimbolos() {
+		const list = await client.query(api.simbolos.getAll, {} as any);
+		simbolos = list.map((s: any) => ({
+			_id: s._id,
+			nome: s.nome,
+			tipo: s.tipo,
+			descricao: s.descricao
+		}));
+	}
+
+	async function loadFuncionario() {
+		try {
+			const func = await client.query(api.funcionarios.getById, { id: funcionarioId as any });
+
+			// Preencher campos
+			nome = func.nome;
+			matricula = func.matricula;
+			cpf = maskCPF(func.cpf);
+			rg = func.rg;
+			nascimento = func.nascimento;
+			email = func.email;
+			telefone = maskPhone(func.telefone);
+			endereco = func.endereco;
+			cep = maskCEP(func.cep);
+			cidade = func.cidade;
+			uf = func.uf;
+			simboloId = func.simboloId;
+			tipo = func.simboloTipo;
+			admissaoData = func.admissaoData || '';
+
+			// Dados adicionais
+			nomePai = func.nomePai || '';
+			nomeMae = func.nomeMae || '';
+			naturalidade = func.naturalidade || '';
+			naturalidadeUF = func.naturalidadeUF || '';
+			sexo = func.sexo || '';
+			estadoCivil = func.estadoCivil || '';
+			nacionalidade = func.nacionalidade || 'Brasileira';
+
+			rgOrgaoExpedidor = func.rgOrgaoExpedidor || '';
+			rgDataEmissao = func.rgDataEmissao || '';
+			carteiraProfissionalNumero = func.carteiraProfissionalNumero || '';
+			carteiraProfissionalSerie = func.carteiraProfissionalSerie || '';
+			carteiraProfissionalDataEmissao = func.carteiraProfissionalDataEmissao || '';
+			reservistaNumero = func.reservistaNumero || '';
+			reservistaSerie = func.reservistaSerie || '';
+			tituloEleitorNumero = func.tituloEleitorNumero || '';
+			tituloEleitorZona = func.tituloEleitorZona || '';
+			tituloEleitorSecao = func.tituloEleitorSecao || '';
+			pisNumero = func.pisNumero || '';
+
+			grauInstrucao = func.grauInstrucao || '';
+			formacao = func.formacao || '';
+			formacaoRegistro = func.formacaoRegistro || '';
+			grupoSanguineo = func.grupoSanguineo || '';
+			fatorRH = func.fatorRH || '';
+
+			descricaoCargo = func.descricaoCargo || '';
+			nomeacaoPortaria = func.nomeacaoPortaria || '';
+			nomeacaoData = func.nomeacaoData || '';
+			nomeacaoDOE = func.nomeacaoDOE || '';
+			pertenceOrgaoPublico = func.pertenceOrgaoPublico || false;
+			orgaoOrigem = func.orgaoOrigem || '';
+			aposentado = func.aposentado || 'nao';
+			regimeTrabalho = func.regimeTrabalho || 'estatutario_pe';
+
+			contaBradescoNumero = func.contaBradescoNumero || '';
+			contaBradescoDV = func.contaBradescoDV || '';
+			contaBradescoAgencia = func.contaBradescoAgencia || '';
+
+			// Documentos
+			documentosStorage = {};
+			documentos.forEach((doc) => {
+				const storageId = (func as any)[doc.campo];
+				if (storageId) {
+					documentosStorage[doc.campo] = storageId;
+				}
+			});
+
+			// Carregar cursos
+			try {
+				const cursosData = await client.query(api.cursos.listarPorFuncionario, {
+					funcionarioId: funcionarioId as any
+				});
+				cursos = cursosData.map((c: any) => ({
+					_id: c._id,
+					id: c._id,
+					descricao: c.descricao,
+					data: c.data,
+					certificadoId: c.certificadoId
+				}));
+			} catch (error) {
+				console.error('Erro ao carregar cursos:', error);
+			}
+		} catch (error) {
+			console.error('Erro ao carregar funcionário:', error);
+			notice = { kind: 'error', text: 'Erro ao carregar dados do funcionário' };
+		} finally {
+			loadingData = false;
+		}
+	}
+
+	async function fillFromCEP(cepValue: string) {
+		const cepDigits = onlyDigits(cepValue);
+		if (cepDigits.length !== 8) return;
+
+		try {
+			const res = await fetch(`https://viacep.com.br/ws/${cepDigits}/json/`);
+			const data = await res.json();
+			if (!data || data.erro) return;
+
+			const enderecoFull = [data.logradouro, data.bairro].filter(Boolean).join(', ');
+			endereco = enderecoFull;
+			cidade = data.localidade || '';
+			uf = data.uf || '';
+		} catch {}
+	}
+
+	// Funções de Cursos
+	function adicionarCurso() {
+		if (!cursoAtual.descricao.trim() || !cursoAtual.data.trim()) {
+			notice = { kind: 'error', text: 'Preencha a descrição e data do curso' };
+			return;
+		}
+
+		if (cursos.filter((c) => !c.marcadoParaExcluir).length >= 7) {
+			notice = { kind: 'error', text: 'Máximo de 7 cursos permitidos' };
+			return;
+		}
+
+		cursos.push({ ...cursoAtual });
+		cursoAtual = {
+			id: crypto.randomUUID(),
+			descricao: '',
+			data: ''
+		};
+		mostrarFormularioCurso = false;
+	}
+
+	function removerCurso(id: string) {
+		const curso = cursos.find((c) => c.id === id);
+		if (curso && curso._id) {
+			// Marcar para excluir se já existe no banco
+			curso.marcadoParaExcluir = true;
+		} else {
+			// Remover diretamente se é novo
+			cursos = cursos.filter((c) => c.id !== id);
+		}
+	}
+
+	async function uploadCertificado(file: File): Promise<string> {
+		const uploadUrl = await client.mutation(api.documentos.generateUploadUrl, {});
+
+		const result = await fetch(uploadUrl, {
+			method: 'POST',
+			headers: { 'Content-Type': file.type },
+			body: file
+		});
+
+		const { storageId } = await result.json();
+		return storageId;
+	}
+
+	async function handleDocumentoUpload(campo: string, file: File) {
+		try {
+			const uploadUrl = await client.mutation(api.documentos.generateUploadUrl, {});
+
+			const result = await fetch(uploadUrl, {
+				method: 'POST',
+				headers: { 'Content-Type': file.type },
+				body: file
+			});
+
+			const { storageId } = await result.json();
+			documentosStorage[campo] = storageId;
+		} catch (err: any) {
+			throw new Error(err?.message || 'Erro ao fazer upload');
+		}
+	}
+
+	async function handleDocumentoRemove(campo: string) {
+		documentosStorage[campo] = undefined;
+	}
+
+	async function handleSubmit() {
+		if (!nome || !matricula || !cpf || !rg || !nascimento || !email || !telefone) {
+			notice = { kind: 'error', text: 'Preencha todos os campos obrigatórios' };
+			return;
+		}
+
+		if (!validateCPF(cpf)) {
+			notice = { kind: 'error', text: 'CPF inválido' };
+			return;
+		}
+
+		if (!validateDate(nascimento)) {
+			notice = { kind: 'error', text: 'Data de nascimento inválida' };
+			return;
+		}
+
+		if (!simboloId) {
+			notice = { kind: 'error', text: 'Selecione um símbolo' };
+			return;
+		}
+
+		try {
+			loading = true;
+
+			const payload = {
+				nome,
+				matricula,
+				cpf: onlyDigits(cpf),
+				rg: onlyDigits(rg),
+				nascimento,
+				email,
+				telefone: onlyDigits(telefone),
+				endereco,
+				cep: onlyDigits(cep),
+				cidade,
+				uf: uf.toUpperCase(),
+				simboloId: simboloId as any,
+				simboloTipo: tipo,
+				admissaoData: admissaoData || undefined,
+
+				nomePai: nomePai || undefined,
+				nomeMae: nomeMae || undefined,
+				naturalidade: naturalidade || undefined,
+				naturalidadeUF: naturalidadeUF ? naturalidadeUF.toUpperCase() : undefined,
+				sexo: sexo || undefined,
+				estadoCivil: estadoCivil || undefined,
+				nacionalidade: nacionalidade || undefined,
+
+				rgOrgaoExpedidor: rgOrgaoExpedidor || undefined,
+				rgDataEmissao: rgDataEmissao || undefined,
+				carteiraProfissionalNumero: carteiraProfissionalNumero || undefined,
+				carteiraProfissionalSerie: carteiraProfissionalSerie || undefined,
+				carteiraProfissionalDataEmissao: carteiraProfissionalDataEmissao || undefined,
+				reservistaNumero: reservistaNumero || undefined,
+				reservistaSerie: reservistaSerie || undefined,
+				tituloEleitorNumero: tituloEleitorNumero || undefined,
+				tituloEleitorZona: tituloEleitorZona || undefined,
+				tituloEleitorSecao: tituloEleitorSecao || undefined,
+				pisNumero: pisNumero || undefined,
+
+				grauInstrucao: grauInstrucao || undefined,
+				formacao: formacao || undefined,
+				formacaoRegistro: formacaoRegistro || undefined,
+				grupoSanguineo: grupoSanguineo || undefined,
+				fatorRH: fatorRH || undefined,
+
+				descricaoCargo: descricaoCargo || undefined,
+				nomeacaoPortaria: nomeacaoPortaria || undefined,
+				nomeacaoData: nomeacaoData || undefined,
+				nomeacaoDOE: nomeacaoDOE || undefined,
+				pertenceOrgaoPublico: pertenceOrgaoPublico || undefined,
+				orgaoOrigem: orgaoOrigem || undefined,
+				aposentado: aposentado || undefined,
+
+				contaBradescoNumero: contaBradescoNumero || undefined,
+				contaBradescoDV: contaBradescoDV || undefined,
+				contaBradescoAgencia: contaBradescoAgencia || undefined,
+				regimeTrabalho,
+
+				...Object.fromEntries(
+					Object.entries(documentosStorage).map(([key, value]) => [key, value as any])
+				)
+			};
+
+			await client.mutation(api.funcionarios.update, {
+				id: funcionarioId as any,
+				...(payload as any)
+			});
+
+			// Salvar cursos
+			try {
+				// Excluir cursos marcados
+				for (const curso of cursos.filter((c) => c.marcadoParaExcluir && c._id)) {
+					await client.mutation(api.cursos.excluir, { id: curso._id as any });
+				}
+
+				// Adicionar/atualizar cursos
+				for (const curso of cursos.filter((c) => !c.marcadoParaExcluir)) {
+					let certificadoId = curso.certificadoId;
+
+					// Upload de certificado se houver arquivo novo
+					if (curso.arquivo) {
+						certificadoId = await uploadCertificado(curso.arquivo);
+					}
+
+					if (curso._id) {
+						// Atualizar curso existente
+						await client.mutation(api.cursos.atualizar, {
+							id: curso._id as any,
+							descricao: curso.descricao,
+							data: curso.data,
+							certificadoId: certificadoId as any
+						});
+					} else {
+						// Criar novo curso
+						await client.mutation(api.cursos.criar, {
+							funcionarioId: funcionarioId as any,
+							descricao: curso.descricao,
+							data: curso.data,
+							certificadoId: certificadoId as any
+						});
+					}
+				}
+			} catch (error) {
+				console.error('Erro ao salvar cursos:', error);
+			}
+
+			notice = { kind: 'success', text: 'Funcionário atualizado com sucesso!' };
+			setTimeout(() => goto('/recursos-humanos/funcionarios'), 600);
+		} catch (e: any) {
+			notice = { kind: 'error', text: 'Erro ao atualizar funcionário.' };
+		} finally {
+			loading = false;
+		}
+	}
+
+	async function init() {
+		await loadSimbolos();
+		await loadFuncionario();
+	}
+
+	$effect(() => {
+		if (funcionarioId) {
+			init();
+		}
+	});
+
+	// Resetar simboloId quando tipo mudar
+	$effect(() => {
+		tipo; // track tipo
+		simboloId = ''; // reset selection when tipo changes
+	});
 </script>
 
 {#if loadingData}
-  <div class="flex items-center justify-center min-h-screen">
-    <span class="loading loading-spinner loading-lg"></span>
-  </div>
+	<div class="flex min-h-screen items-center justify-center">
+		<span class="loading loading-spinner loading-lg"></span>
+	</div>
 {:else}
-  <main class="container mx-auto px-4 py-4 max-w-7xl">
-    <!-- Breadcrumb -->
-    <div class="text-sm breadcrumbs mb-4">
-      <ul>
-        <li><a href="/recursos-humanos" class="text-primary hover:underline">Recursos Humanos</a></li>
-        <li><a href="/recursos-humanos/funcionarios" class="text-primary hover:underline">Funcionários</a></li>
-        <li>Editar</li>
-      </ul>
-    </div>
-
-    <!-- Cabeçalho -->
-    <div class="mb-6">
-      <div class="flex items-center gap-4 mb-2">
-        <div class="p-3 bg-yellow-500/20 rounded-xl">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-yellow-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
-          </svg>
-        </div>
-        <div>
-          <h1 class="text-3xl font-bold text-primary">Editar Funcionário</h1>
-          <p class="text-base-content/70">Atualize as informações do funcionário</p>
-        </div>
-      </div>
-    </div>
-
-    <!-- Alertas -->
-    {#if notice}
-      <div class="alert mb-6 shadow-lg" class:alert-success={notice.kind === "success"} class:alert-error={notice.kind === "error"}>
-        <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24">
-          {#if notice.kind === "success"}
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
-          {:else}
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
-          {/if}
-        </svg>
-        <span>{notice.text}</span>
-      </div>
-    {/if}
-
-    <!-- Formulário de Edição -->
-    <form class="space-y-6" onsubmit={(e) => { e.preventDefault(); handleSubmit(); }}>
-    
-    <!-- Card 1: Informações Pessoais -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-4">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
-          </svg>
-          Informações Pessoais
-        </h2>
-
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-          <!-- Nome -->
-          <div class="form-control lg:col-span-2">
-            <label class="label" for="nome">
-              <span class="label-text font-medium">Nome Completo <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="nome" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={nome}
-              required 
-            />
-          </div>
-
-          <!-- Matrícula -->
-          <div class="form-control">
-            <label class="label" for="matricula">
-              <span class="label-text font-medium">Matrícula <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="matricula" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={matricula}
-              required 
-            />
-          </div>
-
-          <!-- CPF -->
-          <div class="form-control">
-            <label class="label" for="cpf">
-              <span class="label-text font-medium">CPF <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="cpf" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              value={cpf}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                cpf = maskCPF(target.value);
-                target.value = cpf;
-              }}
-              required 
-            />
-          </div>
-
-          <!-- RG -->
-          <div class="form-control">
-            <label class="label" for="rg">
-              <span class="label-text font-medium">RG <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="rg" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              value={rg}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                rg = onlyDigits(target.value);
-                target.value = rg;
-              }}
-              required 
-            />
-          </div>
-
-          <!-- Órgão Expedidor -->
-          <div class="form-control">
-            <label class="label" for="rgOrgaoExpedidor">
-              <span class="label-text font-medium">Órgão Expedidor</span>
-            </label>
-            <input 
-              id="rgOrgaoExpedidor" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={rgOrgaoExpedidor}
-              placeholder="Ex: SDS/PE"
-            />
-          </div>
-
-          <!-- Data Emissão RG -->
-          <div class="form-control">
-            <label class="label" for="rgDataEmissao">
-              <span class="label-text font-medium">Data Emissão RG</span>
-            </label>
-            <input 
-              id="rgDataEmissao" 
-              type="text" 
-              inputmode="numeric"
-              placeholder="dd/mm/aaaa"
-              class="input input-bordered w-full" 
-              value={rgDataEmissao}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                rgDataEmissao = maskDate(target.value);
-                target.value = rgDataEmissao;
-              }}
-            />
-          </div>
-
-          <!-- Nome do Pai -->
-          <div class="form-control lg:col-span-2">
-            <label class="label" for="nomePai">
-              <span class="label-text font-medium">Nome do Pai</span>
-            </label>
-            <input 
-              id="nomePai" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={nomePai}
-            />
-          </div>
-
-          <!-- Nome da Mãe -->
-          <div class="form-control lg:col-span-2">
-            <label class="label" for="nomeMae">
-              <span class="label-text font-medium">Nome da Mãe</span>
-            </label>
-            <input 
-              id="nomeMae" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={nomeMae}
-            />
-          </div>
-
-          <!-- Data de Nascimento -->
-          <div class="form-control">
-            <label class="label" for="nascimento">
-              <span class="label-text font-medium">Data de Nascimento <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="nascimento" 
-              type="text" 
-              inputmode="numeric"
-              placeholder="dd/mm/aaaa"
-              class="input input-bordered w-full" 
-              value={nascimento}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                nascimento = maskDate(target.value);
-                target.value = nascimento;
-              }}
-              required 
-            />
-          </div>
-
-          <!-- Naturalidade -->
-          <div class="form-control">
-            <label class="label" for="naturalidade">
-              <span class="label-text font-medium">Naturalidade</span>
-            </label>
-            <input 
-              id="naturalidade" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={naturalidade}
-              placeholder="Cidade de nascimento"
-            />
-          </div>
-
-          <!-- Naturalidade UF -->
-          <div class="form-control">
-            <label class="label" for="naturalidadeUF">
-              <span class="label-text font-medium">UF Naturalidade</span>
-            </label>
-            <select 
-              id="naturalidadeUF" 
-              class="select select-bordered w-full" 
-              bind:value={naturalidadeUF}
-            >
-              <option value="">Selecione...</option>
-              {#each UFS_BRASIL as ufOption}
-                <option value={ufOption}>{ufOption}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Sexo -->
-          <div class="form-control">
-            <label class="label" for="sexo">
-              <span class="label-text font-medium">Sexo</span>
-            </label>
-            <select 
-              id="sexo" 
-              class="select select-bordered w-full" 
-              bind:value={sexo}
-            >
-              <option value="">Selecione...</option>
-              {#each SEXO_OPTIONS as option}
-                <option value={option.value}>{option.label}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Estado Civil -->
-          <div class="form-control">
-            <label class="label" for="estadoCivil">
-              <span class="label-text font-medium">Estado Civil</span>
-            </label>
-            <select 
-              id="estadoCivil" 
-              class="select select-bordered w-full" 
-              bind:value={estadoCivil}
-            >
-              <option value="">Selecione...</option>
-              {#each ESTADO_CIVIL_OPTIONS as option}
-                <option value={option.value}>{option.label}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Nacionalidade -->
-          <div class="form-control">
-            <label class="label" for="nacionalidade">
-              <span class="label-text font-medium">Nacionalidade</span>
-            </label>
-            <input 
-              id="nacionalidade" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={nacionalidade}
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card 2: Documentos Pessoais -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-4">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2" />
-          </svg>
-          Documentos Pessoais
-        </h2>
-
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-          <!-- Carteira Profissional -->
-          <div class="form-control">
-            <label class="label" for="carteiraProfissionalNumero">
-              <span class="label-text font-medium">Carteira Profissional Nº</span>
-            </label>
-            <input 
-              id="carteiraProfissionalNumero" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={carteiraProfissionalNumero}
-            />
-          </div>
-
-          <div class="form-control">
-            <label class="label" for="carteiraProfissionalSerie">
-              <span class="label-text font-medium">Série</span>
-            </label>
-            <input 
-              id="carteiraProfissionalSerie" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={carteiraProfissionalSerie}
-            />
-          </div>
-
-          <div class="form-control">
-            <label class="label" for="carteiraProfissionalDataEmissao">
-              <span class="label-text font-medium">Data Emissão</span>
-            </label>
-            <input 
-              id="carteiraProfissionalDataEmissao" 
-              type="text" 
-              inputmode="numeric"
-              placeholder="dd/mm/aaaa"
-              class="input input-bordered w-full" 
-              value={carteiraProfissionalDataEmissao}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                carteiraProfissionalDataEmissao = maskDate(target.value);
-                target.value = carteiraProfissionalDataEmissao;
-              }}
-            />
-          </div>
-
-          <!-- Reservista -->
-          <div class="form-control">
-            <label class="label" for="reservistaNumero">
-              <span class="label-text font-medium">Reservista Nº</span>
-            </label>
-            <input 
-              id="reservistaNumero" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={reservistaNumero}
-            />
-          </div>
-
-          <div class="form-control">
-            <label class="label" for="reservistaSerie">
-              <span class="label-text font-medium">Série</span>
-            </label>
-            <input 
-              id="reservistaSerie" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={reservistaSerie}
-            />
-          </div>
-
-          <!-- Título de Eleitor -->
-          <div class="form-control">
-            <label class="label" for="tituloEleitorNumero">
-              <span class="label-text font-medium">Título de Eleitor Nº</span>
-            </label>
-            <input 
-              id="tituloEleitorNumero" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={tituloEleitorNumero}
-            />
-          </div>
-
-          <div class="form-control">
-            <label class="label" for="tituloEleitorZona">
-              <span class="label-text font-medium">Zona</span>
-            </label>
-            <input 
-              id="tituloEleitorZona" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              bind:value={tituloEleitorZona}
-            />
-          </div>
-
-          <div class="form-control">
-            <label class="label" for="tituloEleitorSecao">
-              <span class="label-text font-medium">Seção</span>
-            </label>
-            <input 
-              id="tituloEleitorSecao" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              bind:value={tituloEleitorSecao}
-            />
-          </div>
-
-          <!-- PIS/PASEP -->
-          <div class="form-control">
-            <label class="label" for="pisNumero">
-              <span class="label-text font-medium">PIS/PASEP Nº</span>
-            </label>
-            <input 
-              id="pisNumero" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={pisNumero}
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card 3: Formação e Saúde -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-4">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
-          </svg>
-          Formação e Saúde
-        </h2>
-
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-          <!-- Grau de Instrução -->
-          <div class="form-control">
-            <label class="label" for="grauInstrucao">
-              <span class="label-text font-medium">Grau de Instrução</span>
-            </label>
-            <select 
-              id="grauInstrucao" 
-              class="select select-bordered w-full" 
-              bind:value={grauInstrucao}
-            >
-              <option value="">Selecione...</option>
-              {#each GRAU_INSTRUCAO_OPTIONS as option}
-                <option value={option.value}>{option.label}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Formação -->
-          <div class="form-control">
-            <label class="label" for="formacao">
-              <span class="label-text font-medium">Formação/Curso</span>
-            </label>
-            <input 
-              id="formacao" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={formacao}
-              placeholder="Ex: Administração"
-            />
-          </div>
-
-          <!-- Registro Nº -->
-          <div class="form-control">
-            <label class="label" for="formacaoRegistro">
-              <span class="label-text font-medium">Registro Nº</span>
-            </label>
-            <input 
-              id="formacaoRegistro" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={formacaoRegistro}
-              placeholder="Nº do registro profissional"
-            />
-          </div>
-
-          <!-- Grupo Sanguíneo -->
-          <div class="form-control">
-            <label class="label" for="grupoSanguineo">
-              <span class="label-text font-medium">Grupo Sanguíneo</span>
-            </label>
-            <select 
-              id="grupoSanguineo" 
-              class="select select-bordered w-full" 
-              bind:value={grupoSanguineo}
-            >
-              <option value="">Selecione...</option>
-              {#each GRUPO_SANGUINEO_OPTIONS as option}
-                <option value={option.value}>{option.label}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Fator RH -->
-          <div class="form-control">
-            <label class="label" for="fatorRH">
-              <span class="label-text font-medium">Fator RH</span>
-            </label>
-            <select 
-              id="fatorRH" 
-              class="select select-bordered w-full" 
-              bind:value={fatorRH}
-            >
-              <option value="">Selecione...</option>
-              {#each FATOR_RH_OPTIONS as option}
-                <option value={option.value}>{option.label}</option>
-              {/each}
-            </select>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card 4: Endereço e Contato -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-4">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
-          </svg>
-          Endereço e Contato
-        </h2>
-
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
-          <!-- CEP -->
-          <div class="form-control">
-            <label class="label" for="cep">
-              <span class="label-text font-medium">CEP <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="cep" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              value={cep}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                cep = maskCEP(target.value);
-                target.value = cep;
-              }}
-              onblur={() => fillFromCEP(cep)}
-              required 
-            />
-          </div>
-
-          <!-- Cidade -->
-          <div class="form-control lg:col-span-2">
-            <label class="label" for="cidade">
-              <span class="label-text font-medium">Cidade <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="cidade" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={cidade}
-              required 
-            />
-          </div>
-
-          <!-- UF -->
-          <div class="form-control">
-            <label class="label" for="uf">
-              <span class="label-text font-medium">UF <span class="text-error">*</span></span>
-            </label>
-            <select 
-              id="uf" 
-              class="select select-bordered w-full" 
-              bind:value={uf}
-              required
-            >
-              <option value="">Selecione...</option>
-              {#each UFS_BRASIL as ufOption}
-                <option value={ufOption}>{ufOption}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Endereço -->
-          <div class="form-control lg:col-span-4">
-            <label class="label" for="endereco">
-              <span class="label-text font-medium">Endereço <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="endereco" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={endereco}
-              required 
-            />
-          </div>
-
-          <!-- E-mail -->
-          <div class="form-control lg:col-span-2">
-            <label class="label" for="email">
-              <span class="label-text font-medium">E-mail <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="email" 
-              type="email" 
-              class="input input-bordered w-full" 
-              bind:value={email}
-              required 
-            />
-          </div>
-
-          <!-- Telefone -->
-          <div class="form-control lg:col-span-2">
-            <label class="label" for="telefone">
-              <span class="label-text font-medium">Telefone <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="telefone" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              value={telefone}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                telefone = maskPhone(target.value);
-                target.value = telefone;
-              }}
-              required 
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card 5: Cargo e Vínculo -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-4">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
-          </svg>
-          Cargo e Vínculo
-        </h2>
-
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-          <!-- Símbolo Tipo -->
-          <div class="form-control">
-            <label class="label" for="simboloTipo">
-              <span class="label-text font-medium">Símbolo Tipo <span class="text-error">*</span></span>
-            </label>
-            <select 
-              id="simboloTipo" 
-              class="select select-bordered w-full" 
-              bind:value={tipo}
-              required
-            >
-              <option value="cargo_comissionado">Cargo Comissionado</option>
-              <option value="funcao_gratificada">Função Gratificada</option>
-            </select>
-          </div>
-
-          <!-- Símbolo -->
-          <div class="form-control">
-            <label class="label" for="simboloId">
-              <span class="label-text font-medium">Símbolo <span class="text-error">*</span></span>
-            </label>
-            <select 
-              id="simboloId" 
-              class="select select-bordered w-full" 
-              bind:value={simboloId}
-              required
-            >
-              <option value="">Selecione...</option>
-              {#each simbolos.filter((s) => s.tipo === tipo) as s}
-                <option value={s._id}>{s.nome} — {s.descricao}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Descrição Cargo/Função -->
-          <div class="form-control lg:col-span-3">
-            <label class="label" for="descricaoCargo">
-              <span class="label-text font-medium">Descrição Cargo/Função</span>
-            </label>
-            <input 
-              id="descricaoCargo" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={descricaoCargo}
-              placeholder="Descreva as atribuições do cargo"
-            />
-          </div>
-
-          <!-- Nomeação/Portaria -->
-          <div class="form-control">
-            <label class="label" for="nomeacaoPortaria">
-              <span class="label-text font-medium">Nomeação/Portaria Nº</span>
-            </label>
-            <input 
-              id="nomeacaoPortaria" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={nomeacaoPortaria}
-            />
-          </div>
-
-          <div class="form-control">
-            <label class="label" for="nomeacaoData">
-              <span class="label-text font-medium">Data</span>
-            </label>
-            <input 
-              id="nomeacaoData" 
-              type="text" 
-              inputmode="numeric"
-              placeholder="dd/mm/aaaa"
-              class="input input-bordered w-full" 
-              value={nomeacaoData}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                nomeacaoData = maskDate(target.value);
-                target.value = nomeacaoData;
-              }}
-            />
-          </div>
-
-          <div class="form-control">
-            <label class="label" for="nomeacaoDOE">
-              <span class="label-text font-medium">DOE</span>
-            </label>
-            <input 
-              id="nomeacaoDOE" 
-              type="text" 
-              inputmode="numeric"
-              placeholder="dd/mm/aaaa"
-              class="input input-bordered w-full" 
-              value={nomeacaoDOE}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                nomeacaoDOE = maskDate(target.value);
-                target.value = nomeacaoDOE;
-              }}
-            />
-          </div>
-
-          <!-- Data Admissão -->
-          <div class="form-control">
-            <label class="label" for="admissaoData">
-              <span class="label-text font-medium">Data Admissão</span>
-            </label>
-            <input 
-              id="admissaoData" 
-              type="text" 
-              inputmode="numeric"
-              placeholder="dd/mm/aaaa"
-              class="input input-bordered w-full" 
-              value={admissaoData}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                admissaoData = maskDate(target.value);
-                target.value = admissaoData;
-              }}
-            />
-          </div>
-
-          <!-- Regime de Trabalho -->
-          <div class="form-control">
-            <label class="label" for="regimeTrabalho">
-              <span class="label-text font-medium">Regime do Funcionário <span class="text-error">*</span></span>
-            </label>
-            <select
-              id="regimeTrabalho"
-              class="select select-bordered w-full"
-              bind:value={regimeTrabalho}
-              required
-            >
-              <option value="">Selecione...</option>
-              {#each REGIME_TRABALHO_OPTIONS as option}
-                <option value={option.value}>{option.label}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Pertence a Órgão Público -->
-          <div class="form-control lg:col-span-3">
-            <label class="label cursor-pointer justify-start gap-4">
-              <input 
-                type="checkbox" 
-                class="checkbox checkbox-primary" 
-                bind:checked={pertenceOrgaoPublico}
-              />
-              <span class="label-text font-medium">Pertence a Órgão Público Federal, Estadual ou Municipal?</span>
-            </label>
-          </div>
-
-          <!-- Órgão de Origem -->
-          {#if pertenceOrgaoPublico}
-            <div class="form-control lg:col-span-2">
-              <label class="label" for="orgaoOrigem">
-                <span class="label-text font-medium">Órgão de Origem (para servidor extra-quadro)</span>
-              </label>
-              <input 
-                id="orgaoOrigem" 
-                type="text" 
-                class="input input-bordered w-full" 
-                bind:value={orgaoOrigem}
-              />
-            </div>
-          {/if}
-
-          <!-- Aposentado -->
-          <div class="form-control">
-            <label class="label" for="aposentado">
-              <span class="label-text font-medium">Se Aposentado</span>
-            </label>
-            <select 
-              id="aposentado" 
-              class="select select-bordered w-full" 
-              bind:value={aposentado}
-            >
-              {#each APOSENTADO_OPTIONS as option}
-                <option value={option.value}>{option.label}</option>
-              {/each}
-            </select>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card 6: Dados Bancários -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-4">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
-          </svg>
-          Dados Bancários - Bradesco
-        </h2>
-
-        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-          <!-- Conta Corrente -->
-          <div class="form-control">
-            <label class="label" for="contaBradescoNumero">
-              <span class="label-text font-medium">Conta Corrente Nº</span>
-            </label>
-            <input 
-              id="contaBradescoNumero" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              bind:value={contaBradescoNumero}
-            />
-          </div>
-
-          <!-- DV -->
-          <div class="form-control">
-            <label class="label" for="contaBradescoDV">
-              <span class="label-text font-medium">DV</span>
-            </label>
-            <input 
-              id="contaBradescoDV" 
-              type="text" 
-              maxlength="2"
-              class="input input-bordered w-full" 
-              bind:value={contaBradescoDV}
-            />
-          </div>
-
-          <!-- Agência -->
-          <div class="form-control">
-            <label class="label" for="contaBradescoAgencia">
-              <span class="label-text font-medium">Agência</span>
-            </label>
-            <input 
-              id="contaBradescoAgencia" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              bind:value={contaBradescoAgencia}
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Modelos de Declarações -->
-    {#if !loadingData}
-      <ModelosDeclaracoes 
-        funcionario={{
-          _id: funcionarioId,
-          nome,
-          cpf: onlyDigits(cpf),
-          rg: onlyDigits(rg),
-          nascimento,
-          email,
-          telefone: onlyDigits(telefone),
-          endereco,
-          cep: onlyDigits(cep),
-          cidade,
-          uf,
-          matricula,
-          descricaoCargo,
-          nomeacaoPortaria,
-          nomeacaoData,
-          nomeacaoDOE,
-          orgaoOrigem,
-          aposentado,
-          contaBradescoNumero,
-          contaBradescoDV,
-          contaBradescoAgencia
-        }}
-        showPreencherButton={true}
-      />
-    {/if}
-
-    <!-- Card 7: Documentação Anexa -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-6">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" />
-          </svg>
-          Documentação Anexa
-        </h2>
-
-        <p class="text-sm text-base-content/70">
-          Anexe os documentos necessários em formato PDF ou imagem (máximo 10MB cada)
-        </p>
-
-        {#each categoriasDocumentos as categoria}
-          <div class="space-y-3">
-            <h3 class="text-lg font-semibold text-primary">{categoria}</h3>
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-              {#each getDocumentosByCategoria(categoria) as doc}
-                <FileUpload
-                  label={doc.nome}
-                  helpUrl={doc.helpUrl}
-                  value={documentosStorage[doc.campo]}
-                  onUpload={(file) => handleDocumentoUpload(doc.campo, file)}
-                  onRemove={() => handleDocumentoRemove(doc.campo)}
-                  disabled={loading}
-                />
-              {/each}
-            </div>
-          </div>
-        {/each}
-      </div>
-    </div>
-
-    <!-- Card 7.5: Cursos e Treinamentos -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-4">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
-          </svg>
-          Cursos e Treinamentos
-        </h2>
-
-        <p class="text-sm text-base-content/70">
-          Gerencie cursos e treinamentos do funcionário (até 7 cursos)
-        </p>
-
-        {#if cursos.filter(c => !c.marcadoParaExcluir).length > 0}
-          <div class="space-y-2">
-            <h3 class="font-semibold text-sm">Cursos cadastrados ({cursos.filter(c => !c.marcadoParaExcluir).length}/7)</h3>
-            {#each cursos.filter(c => !c.marcadoParaExcluir) as curso}
-              <div class="flex items-center gap-3 p-3 bg-base-200 rounded-lg">
-                <div class="flex-1">
-                  <p class="font-semibold text-sm">{curso.descricao}</p>
-                  <p class="text-xs text-base-content/70">{curso.data}</p>
-                  {#if curso.certificadoId}
-                    <p class="text-xs text-success">✓ Com certificado</p>
-                  {/if}
-                </div>
-                <button 
-                  type="button"
-                  class="btn btn-sm btn-error btn-square"
-                  aria-label="Remover curso"
-                  onclick={() => removerCurso(curso.id)}
-                >
-                  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-                  </svg>
-                </button>
-              </div>
-            {/each}
-          </div>
-        {/if}
-
-        {#if cursos.filter(c => !c.marcadoParaExcluir).length < 7}
-          <div class="collapse collapse-arrow border border-base-300 bg-base-200">
-            <input type="checkbox" bind:checked={mostrarFormularioCurso} />
-            <div class="collapse-title font-medium">
-              Adicionar Curso/Treinamento
-            </div>
-            <div class="collapse-content">
-              <div class="space-y-3 pt-2">
-                <div class="form-control">
-                  <label class="label" for="curso-descricao-edit">
-                    <span class="label-text font-medium">Descrição do Curso</span>
-                  </label>
-                  <input 
-                    id="curso-descricao-edit"
-                    type="text" 
-                    class="input input-bordered w-full" 
-                    bind:value={cursoAtual.descricao}
-                    placeholder="Ex: Gestão de Projetos"
-                  />
-                </div>
-
-                <div class="form-control">
-                  <label class="label" for="curso-data-edit">
-                    <span class="label-text font-medium">Data de Conclusão</span>
-                  </label>
-                  <input 
-                    id="curso-data-edit"
-                    type="text" 
-                    class="input input-bordered w-full" 
-                    bind:value={cursoAtual.data}
-                    placeholder="Ex: 01/2024"
-                    onchange={(e) => cursoAtual.data = maskDate(e.currentTarget.value)}
-                  />
-                </div>
-
-                <div class="form-control">
-                  <label class="label" for="curso-certificado-edit">
-                    <span class="label-text font-medium">Certificado/Diploma (opcional)</span>
-                  </label>
-                  <input 
-                    id="curso-certificado-edit"
-                    type="file" 
-                    class="file-input file-input-bordered w-full" 
-                    accept=".pdf,.jpg,.jpeg,.png"
-                    onchange={(e) => {
-                      const file = e.currentTarget.files?.[0];
-                      if (file) cursoAtual.arquivo = file;
-                    }}
-                  />
-                </div>
-
-                <button 
-                  type="button"
-                  class="btn btn-primary btn-sm gap-2 mt-2"
-                  onclick={adicionarCurso}
-                >
-                  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
-                  </svg>
-                  Adicionar à Lista
-                </button>
-              </div>
-            </div>
-          </div>
-        {:else}
-          <div class="alert alert-info">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-            </svg>
-            <span>Limite de 7 cursos atingido</span>
-          </div>
-        {/if}
-      </div>
-    </div>
-
-    <!-- Card 8: Ações -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body">
-        <div class="flex flex-col sm:flex-row gap-3 justify-end">
-          <button 
-            type="button" 
-            class="btn btn-ghost btn-lg" 
-            disabled={loading}
-            onclick={() => goto("/recursos-humanos/funcionarios")}
-          >
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-            </svg>
-            Cancelar
-          </button>
-          <button 
-            type="submit" 
-            class="btn btn-primary btn-lg" 
-            disabled={loading}
-          >
-            {#if loading}
-              <span class="loading loading-spinner"></span>
-              Atualizando...
-            {:else}
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-              </svg>
-              Atualizar Funcionário
-            {/if}
-          </button>
-        </div>
-      </div>
-    </div>
-    </form>
-  </main>
-{/if}
\ No newline at end of file
+	<main class="container mx-auto max-w-7xl px-4 py-4">
+		<!-- Breadcrumb -->
+		<div class="breadcrumbs mb-4 text-sm">
+			<ul>
+				<li>
+					<a href="/recursos-humanos" class="text-primary hover:underline">Recursos Humanos</a>
+				</li>
+				<li>
+					<a href="/recursos-humanos/funcionarios" class="text-primary hover:underline"
+						>Funcionários</a
+					>
+				</li>
+				<li>Editar</li>
+			</ul>
+		</div>
+
+		<!-- Cabeçalho -->
+		<div class="mb-6">
+			<div class="mb-2 flex items-center gap-4">
+				<div class="rounded-xl bg-yellow-500/20 p-3">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="h-8 w-8 text-yellow-600"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke="currentColor"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
+						/>
+					</svg>
+				</div>
+				<div>
+					<h1 class="text-primary text-3xl font-bold">Editar Funcionário</h1>
+					<p class="text-base-content/70">Atualize as informações do funcionário</p>
+				</div>
+			</div>
+		</div>
+
+		<!-- Alertas -->
+		{#if notice}
+			<div
+				class="alert mb-6 shadow-lg"
+				class:alert-success={notice.kind === 'success'}
+				class:alert-error={notice.kind === 'error'}
+			>
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					class="h-6 w-6 shrink-0 stroke-current"
+					fill="none"
+					viewBox="0 0 24 24"
+				>
+					{#if notice.kind === 'success'}
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+						/>
+					{:else}
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+						/>
+					{/if}
+				</svg>
+				<span>{notice.text}</span>
+			</div>
+		{/if}
+
+		<!-- Formulário de Edição -->
+		<form
+			class="space-y-6"
+			onsubmit={(e) => {
+				e.preventDefault();
+				handleSubmit();
+			}}
+		>
+			<!-- Card 1: Informações Pessoais -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body space-y-4">
+					<h2 class="card-title border-b pb-3 text-xl">
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							class="h-5 w-5"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
+							/>
+						</svg>
+						Informações Pessoais
+					</h2>
+
+					<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+						<!-- Nome -->
+						<div class="form-control lg:col-span-2">
+							<label class="label" for="nome">
+								<span class="label-text font-medium"
+									>Nome Completo <span class="text-error">*</span></span
+								>
+							</label>
+							<input
+								id="nome"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={nome}
+								required
+							/>
+						</div>
+
+						<!-- Matrícula -->
+						<div class="form-control">
+							<label class="label" for="matricula">
+								<span class="label-text font-medium"
+									>Matrícula <span class="text-error">*</span></span
+								>
+							</label>
+							<input
+								id="matricula"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={matricula}
+								required
+							/>
+						</div>
+
+						<!-- CPF -->
+						<div class="form-control">
+							<label class="label" for="cpf">
+								<span class="label-text font-medium">CPF <span class="text-error">*</span></span>
+							</label>
+							<input
+								id="cpf"
+								type="text"
+								inputmode="numeric"
+								class="input input-bordered w-full"
+								value={cpf}
+								oninput={(e) => {
+									const target = e.target as HTMLInputElement;
+									cpf = maskCPF(target.value);
+									target.value = cpf;
+								}}
+								required
+							/>
+						</div>
+
+						<!-- RG -->
+						<div class="form-control">
+							<label class="label" for="rg">
+								<span class="label-text font-medium">RG <span class="text-error">*</span></span>
+							</label>
+							<input
+								id="rg"
+								type="text"
+								inputmode="numeric"
+								class="input input-bordered w-full"
+								value={rg}
+								oninput={(e) => {
+									const target = e.target as HTMLInputElement;
+									rg = onlyDigits(target.value);
+									target.value = rg;
+								}}
+								required
+							/>
+						</div>
+
+						<!-- Órgão Expedidor -->
+						<div class="form-control">
+							<label class="label" for="rgOrgaoExpedidor">
+								<span class="label-text font-medium">Órgão Expedidor</span>
+							</label>
+							<input
+								id="rgOrgaoExpedidor"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={rgOrgaoExpedidor}
+								placeholder="Ex: SDS/PE"
+							/>
+						</div>
+
+						<!-- Data Emissão RG -->
+						<div class="form-control">
+							<label class="label" for="rgDataEmissao">
+								<span class="label-text font-medium">Data Emissão RG</span>
+							</label>
+							<input
+								id="rgDataEmissao"
+								type="text"
+								inputmode="numeric"
+								placeholder="dd/mm/aaaa"
+								class="input input-bordered w-full"
+								value={rgDataEmissao}
+								oninput={(e) => {
+									const target = e.target as HTMLInputElement;
+									rgDataEmissao = maskDate(target.value);
+									target.value = rgDataEmissao;
+								}}
+							/>
+						</div>
+
+						<!-- Nome do Pai -->
+						<div class="form-control lg:col-span-2">
+							<label class="label" for="nomePai">
+								<span class="label-text font-medium">Nome do Pai</span>
+							</label>
+							<input
+								id="nomePai"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={nomePai}
+							/>
+						</div>
+
+						<!-- Nome da Mãe -->
+						<div class="form-control lg:col-span-2">
+							<label class="label" for="nomeMae">
+								<span class="label-text font-medium">Nome da Mãe</span>
+							</label>
+							<input
+								id="nomeMae"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={nomeMae}
+							/>
+						</div>
+
+						<!-- Data de Nascimento -->
+						<div class="form-control">
+							<label class="label" for="nascimento">
+								<span class="label-text font-medium"
+									>Data de Nascimento <span class="text-error">*</span></span
+								>
+							</label>
+							<input
+								id="nascimento"
+								type="text"
+								inputmode="numeric"
+								placeholder="dd/mm/aaaa"
+								class="input input-bordered w-full"
+								value={nascimento}
+								oninput={(e) => {
+									const target = e.target as HTMLInputElement;
+									nascimento = maskDate(target.value);
+									target.value = nascimento;
+								}}
+								required
+							/>
+						</div>
+
+						<!-- Naturalidade -->
+						<div class="form-control">
+							<label class="label" for="naturalidade">
+								<span class="label-text font-medium">Naturalidade</span>
+							</label>
+							<input
+								id="naturalidade"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={naturalidade}
+								placeholder="Cidade de nascimento"
+							/>
+						</div>
+
+						<!-- Naturalidade UF -->
+						<div class="form-control">
+							<label class="label" for="naturalidadeUF">
+								<span class="label-text font-medium">UF Naturalidade</span>
+							</label>
+							<select
+								id="naturalidadeUF"
+								class="select select-bordered w-full"
+								bind:value={naturalidadeUF}
+							>
+								<option value="">Selecione...</option>
+								{#each UFS_BRASIL as ufOption}
+									<option value={ufOption}>{ufOption}</option>
+								{/each}
+							</select>
+						</div>
+
+						<!-- Sexo -->
+						<div class="form-control">
+							<label class="label" for="sexo">
+								<span class="label-text font-medium">Sexo</span>
+							</label>
+							<select id="sexo" class="select select-bordered w-full" bind:value={sexo}>
+								<option value="">Selecione...</option>
+								{#each SEXO_OPTIONS as option}
+									<option value={option.value}>{option.label}</option>
+								{/each}
+							</select>
+						</div>
+
+						<!-- Estado Civil -->
+						<div class="form-control">
+							<label class="label" for="estadoCivil">
+								<span class="label-text font-medium">Estado Civil</span>
+							</label>
+							<select
+								id="estadoCivil"
+								class="select select-bordered w-full"
+								bind:value={estadoCivil}
+							>
+								<option value="">Selecione...</option>
+								{#each ESTADO_CIVIL_OPTIONS as option}
+									<option value={option.value}>{option.label}</option>
+								{/each}
+							</select>
+						</div>
+
+						<!-- Nacionalidade -->
+						<div class="form-control">
+							<label class="label" for="nacionalidade">
+								<span class="label-text font-medium">Nacionalidade</span>
+							</label>
+							<input
+								id="nacionalidade"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={nacionalidade}
+							/>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<!-- Card 2: Documentos Pessoais -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body space-y-4">
+					<h2 class="card-title border-b pb-3 text-xl">
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							class="h-5 w-5"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2"
+							/>
+						</svg>
+						Documentos Pessoais
+					</h2>
+
+					<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+						<!-- Carteira Profissional -->
+						<div class="form-control">
+							<label class="label" for="carteiraProfissionalNumero">
+								<span class="label-text font-medium">Carteira Profissional Nº</span>
+							</label>
+							<input
+								id="carteiraProfissionalNumero"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={carteiraProfissionalNumero}
+							/>
+						</div>
+
+						<div class="form-control">
+							<label class="label" for="carteiraProfissionalSerie">
+								<span class="label-text font-medium">Série</span>
+							</label>
+							<input
+								id="carteiraProfissionalSerie"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={carteiraProfissionalSerie}
+							/>
+						</div>
+
+						<div class="form-control">
+							<label class="label" for="carteiraProfissionalDataEmissao">
+								<span class="label-text font-medium">Data Emissão</span>
+							</label>
+							<input
+								id="carteiraProfissionalDataEmissao"
+								type="text"
+								inputmode="numeric"
+								placeholder="dd/mm/aaaa"
+								class="input input-bordered w-full"
+								value={carteiraProfissionalDataEmissao}
+								oninput={(e) => {
+									const target = e.target as HTMLInputElement;
+									carteiraProfissionalDataEmissao = maskDate(target.value);
+									target.value = carteiraProfissionalDataEmissao;
+								}}
+							/>
+						</div>
+
+						<!-- Reservista -->
+						<div class="form-control">
+							<label class="label" for="reservistaNumero">
+								<span class="label-text font-medium">Reservista Nº</span>
+							</label>
+							<input
+								id="reservistaNumero"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={reservistaNumero}
+							/>
+						</div>
+
+						<div class="form-control">
+							<label class="label" for="reservistaSerie">
+								<span class="label-text font-medium">Série</span>
+							</label>
+							<input
+								id="reservistaSerie"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={reservistaSerie}
+							/>
+						</div>
+
+						<!-- Título de Eleitor -->
+						<div class="form-control">
+							<label class="label" for="tituloEleitorNumero">
+								<span class="label-text font-medium">Título de Eleitor Nº</span>
+							</label>
+							<input
+								id="tituloEleitorNumero"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={tituloEleitorNumero}
+							/>
+						</div>
+
+						<div class="form-control">
+							<label class="label" for="tituloEleitorZona">
+								<span class="label-text font-medium">Zona</span>
+							</label>
+							<input
+								id="tituloEleitorZona"
+								type="text"
+								inputmode="numeric"
+								class="input input-bordered w-full"
+								bind:value={tituloEleitorZona}
+							/>
+						</div>
+
+						<div class="form-control">
+							<label class="label" for="tituloEleitorSecao">
+								<span class="label-text font-medium">Seção</span>
+							</label>
+							<input
+								id="tituloEleitorSecao"
+								type="text"
+								inputmode="numeric"
+								class="input input-bordered w-full"
+								bind:value={tituloEleitorSecao}
+							/>
+						</div>
+
+						<!-- PIS/PASEP -->
+						<div class="form-control">
+							<label class="label" for="pisNumero">
+								<span class="label-text font-medium">PIS/PASEP Nº</span>
+							</label>
+							<input
+								id="pisNumero"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={pisNumero}
+							/>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<!-- Card 3: Formação e Saúde -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body space-y-4">
+					<h2 class="card-title border-b pb-3 text-xl">
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							class="h-5 w-5"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
+							/>
+						</svg>
+						Formação e Saúde
+					</h2>
+
+					<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+						<!-- Grau de Instrução -->
+						<div class="form-control">
+							<label class="label" for="grauInstrucao">
+								<span class="label-text font-medium">Grau de Instrução</span>
+							</label>
+							<select
+								id="grauInstrucao"
+								class="select select-bordered w-full"
+								bind:value={grauInstrucao}
+							>
+								<option value="">Selecione...</option>
+								{#each GRAU_INSTRUCAO_OPTIONS as option}
+									<option value={option.value}>{option.label}</option>
+								{/each}
+							</select>
+						</div>
+
+						<!-- Formação -->
+						<div class="form-control">
+							<label class="label" for="formacao">
+								<span class="label-text font-medium">Formação/Curso</span>
+							</label>
+							<input
+								id="formacao"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={formacao}
+								placeholder="Ex: Administração"
+							/>
+						</div>
+
+						<!-- Registro Nº -->
+						<div class="form-control">
+							<label class="label" for="formacaoRegistro">
+								<span class="label-text font-medium">Registro Nº</span>
+							</label>
+							<input
+								id="formacaoRegistro"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={formacaoRegistro}
+								placeholder="Nº do registro profissional"
+							/>
+						</div>
+
+						<!-- Grupo Sanguíneo -->
+						<div class="form-control">
+							<label class="label" for="grupoSanguineo">
+								<span class="label-text font-medium">Grupo Sanguíneo</span>
+							</label>
+							<select
+								id="grupoSanguineo"
+								class="select select-bordered w-full"
+								bind:value={grupoSanguineo}
+							>
+								<option value="">Selecione...</option>
+								{#each GRUPO_SANGUINEO_OPTIONS as option}
+									<option value={option.value}>{option.label}</option>
+								{/each}
+							</select>
+						</div>
+
+						<!-- Fator RH -->
+						<div class="form-control">
+							<label class="label" for="fatorRH">
+								<span class="label-text font-medium">Fator RH</span>
+							</label>
+							<select id="fatorRH" class="select select-bordered w-full" bind:value={fatorRH}>
+								<option value="">Selecione...</option>
+								{#each FATOR_RH_OPTIONS as option}
+									<option value={option.value}>{option.label}</option>
+								{/each}
+							</select>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<!-- Card 4: Endereço e Contato -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body space-y-4">
+					<h2 class="card-title border-b pb-3 text-xl">
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							class="h-5 w-5"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
+							/>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
+							/>
+						</svg>
+						Endereço e Contato
+					</h2>
+
+					<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
+						<!-- CEP -->
+						<div class="form-control">
+							<label class="label" for="cep">
+								<span class="label-text font-medium">CEP <span class="text-error">*</span></span>
+							</label>
+							<input
+								id="cep"
+								type="text"
+								inputmode="numeric"
+								class="input input-bordered w-full"
+								value={cep}
+								oninput={(e) => {
+									const target = e.target as HTMLInputElement;
+									cep = maskCEP(target.value);
+									target.value = cep;
+								}}
+								onblur={() => fillFromCEP(cep)}
+								required
+							/>
+						</div>
+
+						<!-- Cidade -->
+						<div class="form-control lg:col-span-2">
+							<label class="label" for="cidade">
+								<span class="label-text font-medium">Cidade <span class="text-error">*</span></span>
+							</label>
+							<input
+								id="cidade"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={cidade}
+								required
+							/>
+						</div>
+
+						<!-- UF -->
+						<div class="form-control">
+							<label class="label" for="uf">
+								<span class="label-text font-medium">UF <span class="text-error">*</span></span>
+							</label>
+							<select id="uf" class="select select-bordered w-full" bind:value={uf} required>
+								<option value="">Selecione...</option>
+								{#each UFS_BRASIL as ufOption}
+									<option value={ufOption}>{ufOption}</option>
+								{/each}
+							</select>
+						</div>
+
+						<!-- Endereço -->
+						<div class="form-control lg:col-span-4">
+							<label class="label" for="endereco">
+								<span class="label-text font-medium"
+									>Endereço <span class="text-error">*</span></span
+								>
+							</label>
+							<input
+								id="endereco"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={endereco}
+								required
+							/>
+						</div>
+
+						<!-- E-mail -->
+						<div class="form-control lg:col-span-2">
+							<label class="label" for="email">
+								<span class="label-text font-medium">E-mail <span class="text-error">*</span></span>
+							</label>
+							<input
+								id="email"
+								type="email"
+								class="input input-bordered w-full"
+								bind:value={email}
+								required
+							/>
+						</div>
+
+						<!-- Telefone -->
+						<div class="form-control lg:col-span-2">
+							<label class="label" for="telefone">
+								<span class="label-text font-medium"
+									>Telefone <span class="text-error">*</span></span
+								>
+							</label>
+							<input
+								id="telefone"
+								type="text"
+								inputmode="numeric"
+								class="input input-bordered w-full"
+								value={telefone}
+								oninput={(e) => {
+									const target = e.target as HTMLInputElement;
+									telefone = maskPhone(target.value);
+									target.value = telefone;
+								}}
+								required
+							/>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<!-- Card 5: Cargo e Vínculo -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body space-y-4">
+					<h2 class="card-title border-b pb-3 text-xl">
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							class="h-5 w-5"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+							/>
+						</svg>
+						Cargo e Vínculo
+					</h2>
+
+					<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+						<!-- Símbolo Tipo -->
+						<div class="form-control">
+							<label class="label" for="simboloTipo">
+								<span class="label-text font-medium"
+									>Símbolo Tipo <span class="text-error">*</span></span
+								>
+							</label>
+							<select
+								id="simboloTipo"
+								class="select select-bordered w-full"
+								bind:value={tipo}
+								required
+							>
+								<option value="cargo_comissionado">Cargo Comissionado</option>
+								<option value="funcao_gratificada">Função Gratificada</option>
+							</select>
+						</div>
+
+						<!-- Símbolo -->
+						<div class="form-control">
+							<label class="label" for="simboloId">
+								<span class="label-text font-medium">Símbolo <span class="text-error">*</span></span
+								>
+							</label>
+							<select
+								id="simboloId"
+								class="select select-bordered w-full"
+								bind:value={simboloId}
+								required
+							>
+								<option value="">Selecione...</option>
+								{#each simbolos.filter((s) => s.tipo === tipo) as s}
+									<option value={s._id}>{s.nome} — {s.descricao}</option>
+								{/each}
+							</select>
+						</div>
+
+						<!-- Descrição Cargo/Função -->
+						<div class="form-control lg:col-span-3">
+							<label class="label" for="descricaoCargo">
+								<span class="label-text font-medium">Descrição Cargo/Função</span>
+							</label>
+							<input
+								id="descricaoCargo"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={descricaoCargo}
+								placeholder="Descreva as atribuições do cargo"
+							/>
+						</div>
+
+						<!-- Nomeação/Portaria -->
+						<div class="form-control">
+							<label class="label" for="nomeacaoPortaria">
+								<span class="label-text font-medium">Nomeação/Portaria Nº</span>
+							</label>
+							<input
+								id="nomeacaoPortaria"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={nomeacaoPortaria}
+							/>
+						</div>
+
+						<div class="form-control">
+							<label class="label" for="nomeacaoData">
+								<span class="label-text font-medium">Data</span>
+							</label>
+							<input
+								id="nomeacaoData"
+								type="text"
+								inputmode="numeric"
+								placeholder="dd/mm/aaaa"
+								class="input input-bordered w-full"
+								value={nomeacaoData}
+								oninput={(e) => {
+									const target = e.target as HTMLInputElement;
+									nomeacaoData = maskDate(target.value);
+									target.value = nomeacaoData;
+								}}
+							/>
+						</div>
+
+						<div class="form-control">
+							<label class="label" for="nomeacaoDOE">
+								<span class="label-text font-medium">DOE</span>
+							</label>
+							<input
+								id="nomeacaoDOE"
+								type="text"
+								inputmode="numeric"
+								placeholder="dd/mm/aaaa"
+								class="input input-bordered w-full"
+								value={nomeacaoDOE}
+								oninput={(e) => {
+									const target = e.target as HTMLInputElement;
+									nomeacaoDOE = maskDate(target.value);
+									target.value = nomeacaoDOE;
+								}}
+							/>
+						</div>
+
+						<!-- Data Admissão -->
+						<div class="form-control">
+							<label class="label" for="admissaoData">
+								<span class="label-text font-medium">Data Admissão</span>
+							</label>
+							<input
+								id="admissaoData"
+								type="text"
+								inputmode="numeric"
+								placeholder="dd/mm/aaaa"
+								class="input input-bordered w-full"
+								value={admissaoData}
+								oninput={(e) => {
+									const target = e.target as HTMLInputElement;
+									admissaoData = maskDate(target.value);
+									target.value = admissaoData;
+								}}
+							/>
+						</div>
+
+						<!-- Regime de Trabalho -->
+						<div class="form-control">
+							<label class="label" for="regimeTrabalho">
+								<span class="label-text font-medium"
+									>Regime do Funcionário <span class="text-error">*</span></span
+								>
+							</label>
+							<select
+								id="regimeTrabalho"
+								class="select select-bordered w-full"
+								bind:value={regimeTrabalho}
+								required
+							>
+								<option value="">Selecione...</option>
+								{#each REGIME_TRABALHO_OPTIONS as option}
+									<option value={option.value}>{option.label}</option>
+								{/each}
+							</select>
+						</div>
+
+						<!-- Pertence a Órgão Público -->
+						<div class="form-control lg:col-span-3">
+							<label class="label cursor-pointer justify-start gap-4">
+								<input
+									type="checkbox"
+									class="checkbox checkbox-primary"
+									bind:checked={pertenceOrgaoPublico}
+								/>
+								<span class="label-text font-medium"
+									>Pertence a Órgão Público Federal, Estadual ou Municipal?</span
+								>
+							</label>
+						</div>
+
+						<!-- Órgão de Origem -->
+						{#if pertenceOrgaoPublico}
+							<div class="form-control lg:col-span-2">
+								<label class="label" for="orgaoOrigem">
+									<span class="label-text font-medium"
+										>Órgão de Origem (para servidor extra-quadro)</span
+									>
+								</label>
+								<input
+									id="orgaoOrigem"
+									type="text"
+									class="input input-bordered w-full"
+									bind:value={orgaoOrigem}
+								/>
+							</div>
+						{/if}
+
+						<!-- Aposentado -->
+						<div class="form-control">
+							<label class="label" for="aposentado">
+								<span class="label-text font-medium">Se Aposentado</span>
+							</label>
+							<select id="aposentado" class="select select-bordered w-full" bind:value={aposentado}>
+								{#each APOSENTADO_OPTIONS as option}
+									<option value={option.value}>{option.label}</option>
+								{/each}
+							</select>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<!-- Card 6: Dados Bancários -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body space-y-4">
+					<h2 class="card-title border-b pb-3 text-xl">
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							class="h-5 w-5"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"
+							/>
+						</svg>
+						Dados Bancários - Bradesco
+					</h2>
+
+					<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+						<!-- Conta Corrente -->
+						<div class="form-control">
+							<label class="label" for="contaBradescoNumero">
+								<span class="label-text font-medium">Conta Corrente Nº</span>
+							</label>
+							<input
+								id="contaBradescoNumero"
+								type="text"
+								inputmode="numeric"
+								class="input input-bordered w-full"
+								bind:value={contaBradescoNumero}
+							/>
+						</div>
+
+						<!-- DV -->
+						<div class="form-control">
+							<label class="label" for="contaBradescoDV">
+								<span class="label-text font-medium">DV</span>
+							</label>
+							<input
+								id="contaBradescoDV"
+								type="text"
+								maxlength="2"
+								class="input input-bordered w-full"
+								bind:value={contaBradescoDV}
+							/>
+						</div>
+
+						<!-- Agência -->
+						<div class="form-control">
+							<label class="label" for="contaBradescoAgencia">
+								<span class="label-text font-medium">Agência</span>
+							</label>
+							<input
+								id="contaBradescoAgencia"
+								type="text"
+								inputmode="numeric"
+								class="input input-bordered w-full"
+								bind:value={contaBradescoAgencia}
+							/>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<!-- Modelos de Declarações -->
+			{#if !loadingData}
+				<ModelosDeclaracoes
+					funcionario={{
+						_id: funcionarioId,
+						nome,
+						cpf: onlyDigits(cpf),
+						rg: onlyDigits(rg),
+						nascimento,
+						email,
+						telefone: onlyDigits(telefone),
+						endereco,
+						cep: onlyDigits(cep),
+						cidade,
+						uf,
+						matricula,
+						descricaoCargo,
+						nomeacaoPortaria,
+						nomeacaoData,
+						nomeacaoDOE,
+						orgaoOrigem,
+						aposentado,
+						contaBradescoNumero,
+						contaBradescoDV,
+						contaBradescoAgencia
+					}}
+					showPreencherButton={true}
+				/>
+			{/if}
+
+			<!-- Card 7: Documentação Anexa -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body space-y-6">
+					<h2 class="card-title border-b pb-3 text-xl">
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							class="h-5 w-5"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
+							/>
+						</svg>
+						Documentação Anexa
+					</h2>
+
+					<p class="text-base-content/70 text-sm">
+						Anexe os documentos necessários em formato PDF ou imagem (máximo 10MB cada)
+					</p>
+
+					{#each categoriasDocumentos as categoria}
+						<div class="space-y-3">
+							<h3 class="text-primary text-lg font-semibold">{categoria}</h3>
+							<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+								{#each getDocumentosByCategoria(categoria) as doc}
+									<FileUpload
+										label={doc.nome}
+										helpUrl={doc.helpUrl}
+										value={documentosStorage[doc.campo]}
+										onUpload={(file) => handleDocumentoUpload(doc.campo, file)}
+										onRemove={() => handleDocumentoRemove(doc.campo)}
+										disabled={loading}
+									/>
+								{/each}
+							</div>
+						</div>
+					{/each}
+				</div>
+			</div>
+
+			<!-- Card 7.5: Cursos e Treinamentos -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body space-y-4">
+					<h2 class="card-title border-b pb-3 text-xl">
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							class="h-5 w-5"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
+							/>
+						</svg>
+						Cursos e Treinamentos
+					</h2>
+
+					<p class="text-base-content/70 text-sm">
+						Gerencie cursos e treinamentos do funcionário (até 7 cursos)
+					</p>
+
+					{#if cursos.filter((c) => !c.marcadoParaExcluir).length > 0}
+						<div class="space-y-2">
+							<h3 class="text-sm font-semibold">
+								Cursos cadastrados ({cursos.filter((c) => !c.marcadoParaExcluir).length}/7)
+							</h3>
+							{#each cursos.filter((c) => !c.marcadoParaExcluir) as curso}
+								<div class="bg-base-200 flex items-center gap-3 rounded-lg p-3">
+									<div class="flex-1">
+										<p class="text-sm font-semibold">{curso.descricao}</p>
+										<p class="text-base-content/70 text-xs">{curso.data}</p>
+										{#if curso.certificadoId}
+											<p class="text-success text-xs">✓ Com certificado</p>
+										{/if}
+									</div>
+									<button
+										type="button"
+										class="btn btn-sm btn-error"
+										aria-label="Remover curso"
+										onclick={() => removerCurso(curso.id)}
+									>
+										<svg
+											xmlns="http://www.w3.org/2000/svg"
+											class="h-4 w-4"
+											fill="none"
+											viewBox="0 0 24 24"
+											stroke="currentColor"
+										>
+											<path
+												stroke-linecap="round"
+												stroke-linejoin="round"
+												stroke-width="2"
+												d="M6 18L18 6M6 6l12 12"
+											/>
+										</svg>
+									</button>
+								</div>
+							{/each}
+						</div>
+					{/if}
+
+					{#if cursos.filter((c) => !c.marcadoParaExcluir).length < 7}
+						<div class="collapse-arrow border-base-300 bg-base-200 collapse border">
+							<input type="checkbox" bind:checked={mostrarFormularioCurso} />
+							<div class="collapse-title font-medium">Adicionar Curso/Treinamento</div>
+							<div class="collapse-content">
+								<div class="space-y-3 pt-2">
+									<div class="form-control">
+										<label class="label" for="curso-descricao-edit">
+											<span class="label-text font-medium">Descrição do Curso</span>
+										</label>
+										<input
+											id="curso-descricao-edit"
+											type="text"
+											class="input input-bordered w-full"
+											bind:value={cursoAtual.descricao}
+											placeholder="Ex: Gestão de Projetos"
+										/>
+									</div>
+
+									<div class="form-control">
+										<label class="label" for="curso-data-edit">
+											<span class="label-text font-medium">Data de Conclusão</span>
+										</label>
+										<input
+											id="curso-data-edit"
+											type="text"
+											class="input input-bordered w-full"
+											bind:value={cursoAtual.data}
+											placeholder="Ex: 01/2024"
+											onchange={(e) => (cursoAtual.data = maskDate(e.currentTarget.value))}
+										/>
+									</div>
+
+									<div class="form-control">
+										<label class="label" for="curso-certificado-edit">
+											<span class="label-text font-medium">Certificado/Diploma (opcional)</span>
+										</label>
+										<input
+											id="curso-certificado-edit"
+											type="file"
+											class="file-input file-input-bordered w-full"
+											accept=".pdf,.jpg,.jpeg,.png"
+											onchange={(e) => {
+												const file = e.currentTarget.files?.[0];
+												if (file) cursoAtual.arquivo = file;
+											}}
+										/>
+									</div>
+
+									<button
+										type="button"
+										class="btn btn-primary btn-sm mt-2 gap-2"
+										onclick={adicionarCurso}
+									>
+										<svg
+											xmlns="http://www.w3.org/2000/svg"
+											class="h-4 w-4"
+											fill="none"
+											viewBox="0 0 24 24"
+											stroke="currentColor"
+										>
+											<path
+												stroke-linecap="round"
+												stroke-linejoin="round"
+												stroke-width="2"
+												d="M12 4v16m8-8H4"
+											/>
+										</svg>
+										Adicionar à Lista
+									</button>
+								</div>
+							</div>
+						</div>
+					{:else}
+						<div class="alert alert-info">
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								fill="none"
+								viewBox="0 0 24 24"
+								class="h-6 w-6 shrink-0 stroke-current"
+							>
+								<path
+									stroke-linecap="round"
+									stroke-linejoin="round"
+									stroke-width="2"
+									d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+								></path>
+							</svg>
+							<span>Limite de 7 cursos atingido</span>
+						</div>
+					{/if}
+				</div>
+			</div>
+
+			<!-- Card 8: Ações -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body">
+					<div class="flex flex-col justify-end gap-3 sm:flex-row">
+						<button
+							type="button"
+							class="btn btn-ghost btn-lg"
+							disabled={loading}
+							onclick={() => goto('/recursos-humanos/funcionarios')}
+						>
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								class="h-5 w-5"
+								fill="none"
+								viewBox="0 0 24 24"
+								stroke="currentColor"
+							>
+								<path
+									stroke-linecap="round"
+									stroke-linejoin="round"
+									stroke-width="2"
+									d="M6 18L18 6M6 6l12 12"
+								/>
+							</svg>
+							Cancelar
+						</button>
+						<button type="submit" class="btn btn-primary btn-lg" disabled={loading}>
+							{#if loading}
+								<span class="loading loading-spinner"></span>
+								Atualizando...
+							{:else}
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									class="h-5 w-5"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke="currentColor"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										stroke-width="2"
+										d="M5 13l4 4L19 7"
+									/>
+								</svg>
+								Atualizar Funcionário
+							{/if}
+						</button>
+					</div>
+				</div>
+			</div>
+		</form>
+	</main>
+{/if}
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/cadastro/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/cadastro/+page.svelte
index e2d8851..c19b909 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/cadastro/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/cadastro/+page.svelte
@@ -291,1200 +291,1505 @@
   });
 </script>
 
-<main class="container mx-auto px-4 py-4 max-w-7xl">
-  <!-- Breadcrumb -->
-  <div class="text-sm breadcrumbs mb-4">
-    <ul>
-      <li><a href="/recursos-humanos" class="text-primary hover:underline">Recursos Humanos</a></li>
-      <li><a href="/recursos-humanos/funcionarios" class="text-primary hover:underline">Funcionários</a></li>
-      <li>Cadastrar</li>
-    </ul>
-  </div>
-
-  <!-- Cabeçalho -->
-  <div class="mb-6">
-    <div class="flex items-center gap-4 mb-2">
-      <div class="p-3 bg-blue-500/20 rounded-xl">
-        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z" />
-        </svg>
-      </div>
-      <div>
-        <h1 class="text-3xl font-bold text-primary">Cadastro de Funcionário</h1>
-        <p class="text-base-content/70">Preencha os campos abaixo para cadastrar um novo funcionário</p>
-      </div>
-    </div>
-  </div>
-
-  <!-- Alertas -->
-  {#if notice}
-    <div class="alert mb-6 shadow-lg" class:alert-success={notice.kind === "success"} class:alert-error={notice.kind === "error"}>
-      <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24">
-        {#if notice.kind === "success"}
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
-        {:else}
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
-        {/if}
-      </svg>
-      <span>{notice.text}</span>
-    </div>
-  {/if}
-
-  <!-- Formulário -->
-  <form class="space-y-6" onsubmit={(e) => { e.preventDefault(); }}>
-    
-    <!-- Card 1: Informações Pessoais -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-4">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
-          </svg>
-          Informações Pessoais
-        </h2>
-
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-          <!-- Nome -->
-          <div class="form-control lg:col-span-2">
-            <label class="label" for="nome">
-              <span class="label-text font-medium">Nome Completo <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="nome" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={nome}
-              required 
-            />
-          </div>
-
-          <!-- Matrícula -->
-          <div class="form-control">
-            <label class="label" for="matricula">
-              <span class="label-text font-medium">Matrícula <span class="text-base-content/50 text-xs">(opcional)</span></span>
-            </label>
-            <input 
-              id="matricula" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={matricula}
-              placeholder="Deixe em branco se não tiver"
-            />
-          </div>
-
-          <!-- CPF -->
-          <div class="form-control">
-            <label class="label" for="cpf">
-              <span class="label-text font-medium">CPF <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="cpf" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              value={cpf}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                cpf = maskCPF(target.value);
-                target.value = cpf;
-              }}
-              required 
-            />
-          </div>
-
-          <!-- RG -->
-          <div class="form-control">
-            <label class="label" for="rg">
-              <span class="label-text font-medium">RG <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="rg" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              value={rg}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                rg = onlyDigits(target.value);
-                target.value = rg;
-              }}
-              required 
-            />
-          </div>
-
-          <!-- Órgão Expedidor -->
-          <div class="form-control">
-            <label class="label" for="rgOrgaoExpedidor">
-              <span class="label-text font-medium">Órgão Expedidor</span>
-            </label>
-            <input 
-              id="rgOrgaoExpedidor" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={rgOrgaoExpedidor}
-              placeholder="Ex: SDS/PE"
-            />
-          </div>
-
-          <!-- Data Emissão RG -->
-          <div class="form-control">
-            <label class="label" for="rgDataEmissao">
-              <span class="label-text font-medium">Data Emissão RG</span>
-            </label>
-            <input 
-              id="rgDataEmissao" 
-              type="text" 
-              inputmode="numeric"
-              placeholder="dd/mm/aaaa"
-              class="input input-bordered w-full" 
-              value={rgDataEmissao}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                rgDataEmissao = maskDate(target.value);
-                target.value = rgDataEmissao;
-              }}
-            />
-          </div>
-
-          <!-- Nome do Pai -->
-          <div class="form-control lg:col-span-2">
-            <label class="label" for="nomePai">
-              <span class="label-text font-medium">Nome do Pai</span>
-            </label>
-            <input 
-              id="nomePai" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={nomePai}
-            />
-          </div>
-
-          <!-- Nome da Mãe -->
-          <div class="form-control lg:col-span-2">
-            <label class="label" for="nomeMae">
-              <span class="label-text font-medium">Nome da Mãe</span>
-            </label>
-            <input 
-              id="nomeMae" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={nomeMae}
-            />
-          </div>
-
-          <!-- Data de Nascimento -->
-          <div class="form-control">
-            <label class="label" for="nascimento">
-              <span class="label-text font-medium">Data de Nascimento <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="nascimento" 
-              type="text" 
-              inputmode="numeric"
-              placeholder="dd/mm/aaaa"
-              class="input input-bordered w-full" 
-              value={nascimento}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                nascimento = maskDate(target.value);
-                target.value = nascimento;
-              }}
-              required 
-            />
-          </div>
-
-          <!-- Naturalidade -->
-          <div class="form-control">
-            <label class="label" for="naturalidade">
-              <span class="label-text font-medium">Naturalidade</span>
-            </label>
-            <input 
-              id="naturalidade" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={naturalidade}
-              placeholder="Cidade de nascimento"
-            />
-          </div>
-
-          <!-- Naturalidade UF -->
-          <div class="form-control">
-            <label class="label" for="naturalidadeUF">
-              <span class="label-text font-medium">UF Naturalidade</span>
-            </label>
-            <select 
-              id="naturalidadeUF" 
-              class="select select-bordered w-full" 
-              bind:value={naturalidadeUF}
-            >
-              <option value="">Selecione...</option>
-              {#each UFS_BRASIL as ufOption}
-                <option value={ufOption}>{ufOption}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Sexo -->
-          <div class="form-control">
-            <label class="label" for="sexo">
-              <span class="label-text font-medium">Sexo</span>
-            </label>
-            <select 
-              id="sexo" 
-              class="select select-bordered w-full" 
-              bind:value={sexo}
-            >
-              <option value="">Selecione...</option>
-              {#each SEXO_OPTIONS as option}
-                <option value={option.value}>{option.label}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Estado Civil -->
-          <div class="form-control">
-            <label class="label" for="estadoCivil">
-              <span class="label-text font-medium">Estado Civil</span>
-            </label>
-            <select 
-              id="estadoCivil" 
-              class="select select-bordered w-full" 
-              bind:value={estadoCivil}
-            >
-              <option value="">Selecione...</option>
-              {#each ESTADO_CIVIL_OPTIONS as option}
-                <option value={option.value}>{option.label}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Nacionalidade -->
-          <div class="form-control">
-            <label class="label" for="nacionalidade">
-              <span class="label-text font-medium">Nacionalidade</span>
-            </label>
-            <input 
-              id="nacionalidade" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={nacionalidade}
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card 2: Documentos Pessoais -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-4">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2" />
-          </svg>
-          Documentos Pessoais
-        </h2>
-
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-          <!-- Carteira Profissional -->
-          <div class="form-control">
-            <label class="label" for="carteiraProfissionalNumero">
-              <span class="label-text font-medium">Carteira Profissional Nº</span>
-            </label>
-            <input 
-              id="carteiraProfissionalNumero" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={carteiraProfissionalNumero}
-            />
-          </div>
-
-          <div class="form-control">
-            <label class="label" for="carteiraProfissionalSerie">
-              <span class="label-text font-medium">Série</span>
-            </label>
-            <input 
-              id="carteiraProfissionalSerie" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={carteiraProfissionalSerie}
-            />
-          </div>
-
-          <div class="form-control">
-            <label class="label" for="carteiraProfissionalDataEmissao">
-              <span class="label-text font-medium">Data Emissão</span>
-            </label>
-            <input 
-              id="carteiraProfissionalDataEmissao" 
-              type="text" 
-              inputmode="numeric"
-              placeholder="dd/mm/aaaa"
-              class="input input-bordered w-full" 
-              value={carteiraProfissionalDataEmissao}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                carteiraProfissionalDataEmissao = maskDate(target.value);
-                target.value = carteiraProfissionalDataEmissao;
-              }}
-            />
-          </div>
-
-          <!-- Reservista -->
-          <div class="form-control">
-            <label class="label" for="reservistaNumero">
-              <span class="label-text font-medium">Reservista Nº</span>
-            </label>
-            <input 
-              id="reservistaNumero" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={reservistaNumero}
-            />
-          </div>
-
-          <div class="form-control">
-            <label class="label" for="reservistaSerie">
-              <span class="label-text font-medium">Série</span>
-            </label>
-            <input 
-              id="reservistaSerie" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={reservistaSerie}
-            />
-          </div>
-
-          <!-- Título de Eleitor -->
-          <div class="form-control">
-            <label class="label" for="tituloEleitorNumero">
-              <span class="label-text font-medium">Título de Eleitor Nº</span>
-            </label>
-            <input 
-              id="tituloEleitorNumero" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={tituloEleitorNumero}
-            />
-          </div>
-
-          <div class="form-control">
-            <label class="label" for="tituloEleitorZona">
-              <span class="label-text font-medium">Zona</span>
-            </label>
-            <input 
-              id="tituloEleitorZona" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              bind:value={tituloEleitorZona}
-            />
-          </div>
-
-          <div class="form-control">
-            <label class="label" for="tituloEleitorSecao">
-              <span class="label-text font-medium">Seção</span>
-            </label>
-            <input 
-              id="tituloEleitorSecao" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              bind:value={tituloEleitorSecao}
-            />
-          </div>
-
-          <!-- PIS/PASEP -->
-          <div class="form-control">
-            <label class="label" for="pisNumero">
-              <span class="label-text font-medium">PIS/PASEP Nº</span>
-            </label>
-            <input 
-              id="pisNumero" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={pisNumero}
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card 3: Formação e Saúde -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-4">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
-          </svg>
-          Formação e Saúde
-        </h2>
-
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-          <!-- Grau de Instrução -->
-          <div class="form-control">
-            <label class="label" for="grauInstrucao">
-              <span class="label-text font-medium">Grau de Instrução</span>
-            </label>
-            <select 
-              id="grauInstrucao" 
-              class="select select-bordered w-full" 
-              bind:value={grauInstrucao}
-            >
-              <option value="">Selecione...</option>
-              {#each GRAU_INSTRUCAO_OPTIONS as option}
-                <option value={option.value}>{option.label}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Formação -->
-          <div class="form-control">
-            <label class="label" for="formacao">
-              <span class="label-text font-medium">Formação/Curso</span>
-            </label>
-            <input 
-              id="formacao" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={formacao}
-              placeholder="Ex: Administração"
-            />
-          </div>
-
-          <!-- Registro Nº -->
-          <div class="form-control">
-            <label class="label" for="formacaoRegistro">
-              <span class="label-text font-medium">Registro Nº</span>
-            </label>
-            <input 
-              id="formacaoRegistro" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={formacaoRegistro}
-              placeholder="Nº do registro profissional"
-            />
-          </div>
-
-          <!-- Grupo Sanguíneo -->
-          <div class="form-control">
-            <label class="label" for="grupoSanguineo">
-              <span class="label-text font-medium">Grupo Sanguíneo</span>
-            </label>
-            <select 
-              id="grupoSanguineo" 
-              class="select select-bordered w-full" 
-              bind:value={grupoSanguineo}
-            >
-              <option value="">Selecione...</option>
-              {#each GRUPO_SANGUINEO_OPTIONS as option}
-                <option value={option.value}>{option.label}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Fator RH -->
-          <div class="form-control">
-            <label class="label" for="fatorRH">
-              <span class="label-text font-medium">Fator RH</span>
-            </label>
-            <select 
-              id="fatorRH" 
-              class="select select-bordered w-full" 
-              bind:value={fatorRH}
-            >
-              <option value="">Selecione...</option>
-              {#each FATOR_RH_OPTIONS as option}
-                <option value={option.value}>{option.label}</option>
-              {/each}
-            </select>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card 3.5: Cursos e Treinamentos -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-4">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
-          </svg>
-          Cursos e Treinamentos
-        </h2>
-
-        <p class="text-sm text-base-content/70">
-          Adicione até 7 cursos ou treinamentos realizados pelo funcionário (opcional)
-        </p>
-
-        <!-- Lista de cursos adicionados -->
-        {#if cursos.length > 0}
-          <div class="space-y-2">
-            <h3 class="font-semibold text-sm">Cursos adicionados ({cursos.length}/7)</h3>
-            {#each cursos as curso}
-              <div class="flex items-center gap-3 p-3 bg-base-200 rounded-lg">
-                <div class="flex-1">
-                  <p class="font-semibold text-sm">{curso.descricao}</p>
-                  <p class="text-xs text-base-content/70">{curso.data}</p>
-                </div>
-                <button 
-                  type="button"
-                  class="btn btn-sm btn-error btn-square"
-                  aria-label="Remover curso"
-                  onclick={() => removerCurso(curso.id)}
-                >
-                  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-                  </svg>
-                </button>
-              </div>
-            {/each}
-          </div>
-        {/if}
-
-        <!-- Formulário para adicionar curso -->
-        {#if cursos.length < 7}
-          <div class="collapse collapse-arrow border border-base-300 bg-base-200">
-            <input type="checkbox" bind:checked={mostrarFormularioCurso} />
-            <div class="collapse-title font-medium">
-              Adicionar Curso/Treinamento
-            </div>
-            <div class="collapse-content">
-              <div class="space-y-3 pt-2">
-                <div class="form-control">
-                  <label class="label" for="curso-descricao">
-                    <span class="label-text font-medium">Descrição do Curso</span>
-                  </label>
-                  <input 
-                    id="curso-descricao"
-                    type="text" 
-                    class="input input-bordered w-full" 
-                    bind:value={cursoAtual.descricao}
-                    placeholder="Ex: Gestão de Projetos"
-                  />
-                </div>
-
-                <div class="form-control">
-                  <label class="label" for="curso-data">
-                    <span class="label-text font-medium">Data de Conclusão</span>
-                  </label>
-                  <input 
-                    id="curso-data"
-                    type="text" 
-                    class="input input-bordered w-full" 
-                    bind:value={cursoAtual.data}
-                    placeholder="Ex: 01/2024"
-                    onchange={(e) => cursoAtual.data = maskDate(e.currentTarget.value)}
-                  />
-                </div>
-
-                <div class="form-control">
-                  <label class="label" for="curso-certificado">
-                    <span class="label-text font-medium">Certificado/Diploma (opcional)</span>
-                  </label>
-                  <input 
-                    id="curso-certificado"
-                    type="file" 
-                    class="file-input file-input-bordered w-full" 
-                    accept=".pdf,.jpg,.jpeg,.png"
-                    onchange={(e) => {
-                      const file = e.currentTarget.files?.[0];
-                      if (file) cursoAtual.arquivo = file;
-                    }}
-                  />
-                </div>
-
-                <button 
-                  type="button"
-                  class="btn btn-primary btn-sm gap-2 mt-2"
-                  onclick={adicionarCurso}
-                >
-                  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
-                  </svg>
-                  Adicionar à Lista
-                </button>
-              </div>
-            </div>
-          </div>
-        {:else}
-          <div class="alert alert-info">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-            </svg>
-            <span>Limite de 7 cursos atingido</span>
-          </div>
-        {/if}
-      </div>
-    </div>
-
-    <!-- Card 4: Endereço e Contato -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-4">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
-          </svg>
-          Endereço e Contato
-        </h2>
-
-        <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <!-- CEP -->
-          <div class="form-control">
-            <label class="label" for="cep">
-              <span class="label-text font-medium">CEP <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="cep" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              value={cep}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                cep = maskCEP(target.value);
-                target.value = cep;
-              }}
-              onblur={() => fillFromCEP(cep)}
-              required 
-            />
-          </div>
-
-          <!-- Cidade -->
-          <div class="form-control lg:col-span-2">
-            <label class="label" for="cidade">
-              <span class="label-text font-medium">Cidade <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="cidade" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={cidade}
-              required 
-            />
-          </div>
-
-          <!-- UF -->
-          <div class="form-control">
-            <label class="label" for="uf">
-              <span class="label-text font-medium">UF <span class="text-error">*</span></span>
-            </label>
-            <select 
-              id="uf" 
-              class="select select-bordered w-full" 
-              bind:value={uf}
-              required
-            >
-              <option value="">Selecione...</option>
-              {#each UFS_BRASIL as ufOption}
-                <option value={ufOption}>{ufOption}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Endereço -->
-          <div class="form-control md:col-span-2">
-            <label class="label" for="endereco">
-              <span class="label-text font-medium">Endereço <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="endereco" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={endereco}
-              required 
-            />
-          </div>
-
-          <!-- E-mail -->
-          <div class="form-control lg:col-span-2">
-            <label class="label" for="email">
-              <span class="label-text font-medium">E-mail <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="email" 
-              type="email" 
-              class="input input-bordered w-full" 
-              bind:value={email}
-              required 
-            />
-          </div>
-
-          <!-- Telefone -->
-          <div class="form-control lg:col-span-2">
-            <label class="label" for="telefone">
-              <span class="label-text font-medium">Telefone <span class="text-error">*</span></span>
-            </label>
-            <input 
-              id="telefone" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              value={telefone}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                telefone = maskPhone(target.value);
-                target.value = telefone;
-              }}
-              required 
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card 4.5: Dependentes -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-4">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2a3 3 0 00-5.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2a3 3 0 015.356-1.857M15 7a3 3 0 11-6 0 3 3 0 016 0z" />
-          </svg>
-          Dependentes
-        </h2>
-
-        {#if dependentes.length > 0}
-          <div class="space-y-2">
-            <h3 class="font-semibold text-sm">Dependentes adicionados ({dependentes.length}/10)</h3>
-            {#each dependentes as dep}
-              <div class="flex items-center gap-3 p-3 bg-base-200 rounded-lg">
-                <div class="flex-1 text-sm">
-                  <p class="font-semibold">{dep.nome} — {dep.parentesco}</p>
-                  <p class="text-xs text-base-content/70">CPF: {dep.cpf} • Nasc.: {dep.nascimento}</p>
-                  <div class="flex flex-wrap gap-4 mt-2">
-                    <label class="label cursor-pointer gap-2">
-                      <input type="checkbox" class="checkbox checkbox-xs checkbox-primary" bind:checked={dep.salarioFamilia} />
-                      <span class="label-text text-xs">Salário Família</span>
-                    </label>
-                    <label class="label cursor-pointer gap-2">
-                      <input type="checkbox" class="checkbox checkbox-xs checkbox-primary" bind:checked={dep.impostoRenda} />
-                      <span class="label-text text-xs">Imposto de Renda</span>
-                    </label>
-                  </div>
-                </div>
-                <button type="button" class="btn btn-sm btn-error btn-square" aria-label="Remover dependente" onclick={() => removerDependente(dep.id)}>
-                  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>
-                </button>
-              </div>
-            {/each}
-          </div>
-        {/if}
-
-        {#if dependentes.length < 10}
-          <div class="collapse collapse-arrow border border-base-300 bg-base-200">
-            <input type="checkbox" bind:checked={mostrarFormularioDependente} />
-            <div class="collapse-title font-medium">Adicionar Dependente</div>
-            <div class="collapse-content">
-              <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 pt-2">
-                <div class="form-control">
-                  <label class="label" for="dep-parentesco">
-                    <span class="label-text font-medium">Grau de Parentesco</span>
-                  </label>
-                  <select id="dep-parentesco" class="select select-bordered w-full" bind:value={dependenteAtual.parentesco}>
-                    <option value="">Selecione...</option>
-                    <option value="filho">Filho</option>
-                    <option value="filha">Filha</option>
-                    <option value="conjuge">Cônjuge</option>
-                    <option value="outro">Outros</option>
-                  </select>
-                </div>
-
-                <div class="form-control lg:col-span-2">
-                  <label class="label" for="dep-nome">
-                    <span class="label-text font-medium">Nome do Dependente</span>
-                  </label>
-                  <input id="dep-nome" type="text" class="input input-bordered w-full" bind:value={dependenteAtual.nome} />
-                </div>
-
-                <div class="form-control">
-                  <label class="label" for="dep-cpf">
-                    <span class="label-text font-medium">CPF do Dependente</span>
-                  </label>
-                  <input id="dep-cpf" type="text" inputmode="numeric" class="input input-bordered w-full" value={dependenteAtual.cpf}
-                    oninput={(e) => { const t = e.target as HTMLInputElement; dependenteAtual.cpf = maskCPF(t.value); t.value = dependenteAtual.cpf; }} />
-                </div>
-
-                <div class="form-control">
-                  <label class="label" for="dep-nascimento">
-                    <span class="label-text font-medium">Data de Nascimento</span>
-                  </label>
-                  <input id="dep-nascimento" type="text" inputmode="numeric" placeholder="dd/mm/aaaa" class="input input-bordered w-full" value={dependenteAtual.nascimento}
-                    oninput={(e) => { const t = e.target as HTMLInputElement; dependenteAtual.nascimento = maskDate(t.value); t.value = dependenteAtual.nascimento; }} />
-                </div>
-
-                <div class="form-control lg:col-span-3">
-                  <label class="label" for="dep-doc">
-                    <span class="label-text font-medium">Certidão de Nascimento/Casamento ou Outros (opcional)</span>
-                  </label>
-                  <input id="dep-doc" type="file" class="file-input file-input-bordered w-full" accept=".pdf,.jpg,.jpeg,.png"
-                    onchange={async (e) => { const file = e.currentTarget.files?.[0]; dependenteAtual.arquivo = file || null; if (file) { try { dependenteAtual.documentoId = await uploadDocumentoDependente(file); } catch { alert("Falha no upload do documento do dependente"); } } }} />
-                </div>
-
-              <!-- Checkboxes de benefícios por dependente -->
-              <div class="form-control">
-                <label class="label cursor-pointer justify-start gap-3">
-                  <input type="checkbox" class="checkbox checkbox-primary" bind:checked={dependenteAtual.salarioFamilia} />
-                  <span class="label-text">Salário Família</span>
-                </label>
-              </div>
-              <div class="form-control">
-                <label class="label cursor-pointer justify-start gap-3">
-                  <input type="checkbox" class="checkbox checkbox-primary" bind:checked={dependenteAtual.impostoRenda} />
-                  <span class="label-text">Imposto de Renda</span>
-                </label>
-              </div>
-
-                <div class="lg:col-span-3">
-                  <button type="button" class="btn btn-primary btn-sm gap-2" onclick={adicionarDependente}>
-                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" /></svg>
-                    Adicionar Dependente
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        {/if}
-      </div>
-    </div>
-
-    <!-- Card 5: Cargo e Vínculo -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-4">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
-          </svg>
-          Cargo e Vínculo
-        </h2>
-
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-          <!-- Símbolo Tipo -->
-          <div class="form-control">
-            <label class="label" for="simboloTipo">
-              <span class="label-text font-medium">Símbolo Tipo <span class="text-error">*</span></span>
-            </label>
-            <select 
-              id="simboloTipo" 
-              class="select select-bordered w-full" 
-              bind:value={tipo}
-              required
-            >
-              <option value="cargo_comissionado">Cargo Comissionado</option>
-              <option value="funcao_gratificada">Função Gratificada</option>
-            </select>
-          </div>
-
-          <!-- Símbolo -->
-          <div class="form-control">
-            <label class="label" for="simboloId">
-              <span class="label-text font-medium">Símbolo <span class="text-error">*</span></span>
-            </label>
-            <select 
-              id="simboloId" 
-              class="select select-bordered w-full" 
-              bind:value={simboloId}
-              required
-            >
-              <option value="">Selecione...</option>
-              {#each simbolos.filter((s) => s.tipo === tipo) as s}
-                <option value={s._id}>{s.nome} — {s.descricao}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Descrição Cargo/Função -->
-          <div class="form-control lg:col-span-3">
-            <label class="label" for="descricaoCargo">
-              <span class="label-text font-medium">Descrição Cargo/Função</span>
-            </label>
-            <input 
-              id="descricaoCargo" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={descricaoCargo}
-              placeholder="Descreva as atribuições do cargo"
-            />
-          </div>
-
-          <!-- Nomeação/Portaria -->
-          <div class="form-control">
-            <label class="label" for="nomeacaoPortaria">
-              <span class="label-text font-medium">Nomeação/Portaria Nº</span>
-            </label>
-            <input 
-              id="nomeacaoPortaria" 
-              type="text" 
-              class="input input-bordered w-full" 
-              bind:value={nomeacaoPortaria}
-            />
-          </div>
-
-          <div class="form-control">
-            <label class="label" for="nomeacaoData">
-              <span class="label-text font-medium">Data</span>
-            </label>
-            <input 
-              id="nomeacaoData" 
-              type="text" 
-              inputmode="numeric"
-              placeholder="dd/mm/aaaa"
-              class="input input-bordered w-full" 
-              value={nomeacaoData}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                nomeacaoData = maskDate(target.value);
-                target.value = nomeacaoData;
-              }}
-            />
-          </div>
-
-          <div class="form-control">
-            <label class="label" for="nomeacaoDOE">
-              <span class="label-text font-medium">DOE</span>
-            </label>
-            <input 
-              id="nomeacaoDOE" 
-              type="text" 
-              inputmode="numeric"
-              placeholder="dd/mm/aaaa"
-              class="input input-bordered w-full" 
-              value={nomeacaoDOE}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                nomeacaoDOE = maskDate(target.value);
-                target.value = nomeacaoDOE;
-              }}
-            />
-          </div>
-
-          <!-- Data Admissão -->
-          <div class="form-control">
-            <label class="label" for="admissaoData">
-              <span class="label-text font-medium">Data Admissão</span>
-            </label>
-            <input 
-              id="admissaoData" 
-              type="text" 
-              inputmode="numeric"
-              placeholder="dd/mm/aaaa"
-              class="input input-bordered w-full" 
-              value={admissaoData}
-              oninput={(e) => { 
-                const target = e.target as HTMLInputElement;
-                admissaoData = maskDate(target.value);
-                target.value = admissaoData;
-              }}
-            />
-          </div>
-
-          <!-- Regime de Trabalho -->
-          <div class="form-control">
-            <label class="label" for="regimeTrabalho">
-              <span class="label-text font-medium">Regime do Funcionário</span>
-            </label>
-            <select
-              id="regimeTrabalho"
-              class="select select-bordered w-full"
-              bind:value={regimeTrabalho}
-              required
-            >
-              <option value="">Selecione...</option>
-              {#each REGIME_TRABALHO_OPTIONS as option}
-                <option value={option.value}>{option.label}</option>
-              {/each}
-            </select>
-          </div>
-
-          <!-- Pertence a Órgão Público -->
-          <div class="form-control lg:col-span-3">
-            <label class="label cursor-pointer justify-start gap-4">
-              <input 
-                type="checkbox" 
-                class="checkbox checkbox-primary" 
-                bind:checked={pertenceOrgaoPublico}
-              />
-              <span class="label-text font-medium">Pertence a Órgão Público Federal, Estadual ou Municipal?</span>
-            </label>
-          </div>
-
-          <!-- Órgão de Origem -->
-          {#if pertenceOrgaoPublico}
-            <div class="form-control lg:col-span-2">
-              <label class="label" for="orgaoOrigem">
-                <span class="label-text font-medium">Órgão de Origem (para servidor extra-quadro)</span>
-              </label>
-              <input 
-                id="orgaoOrigem" 
-                type="text" 
-                class="input input-bordered w-full" 
-                bind:value={orgaoOrigem}
-              />
-            </div>
-          {/if}
-
-          <!-- Aposentado -->
-          <div class="form-control">
-            <label class="label" for="aposentado">
-              <span class="label-text font-medium">Se Aposentado</span>
-            </label>
-            <select 
-              id="aposentado" 
-              class="select select-bordered w-full" 
-              bind:value={aposentado}
-            >
-              {#each APOSENTADO_OPTIONS as option}
-                <option value={option.value}>{option.label}</option>
-              {/each}
-            </select>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card 6: Dados Bancários -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-4">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
-          </svg>
-          Dados Bancários - Bradesco
-        </h2>
-
-        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-          <!-- Conta Corrente -->
-          <div class="form-control">
-            <label class="label" for="contaBradescoNumero">
-              <span class="label-text font-medium">Conta Corrente Nº</span>
-            </label>
-            <input 
-              id="contaBradescoNumero" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              bind:value={contaBradescoNumero}
-            />
-          </div>
-
-          <!-- DV -->
-          <div class="form-control">
-            <label class="label" for="contaBradescoDV">
-              <span class="label-text font-medium">DV</span>
-            </label>
-            <input 
-              id="contaBradescoDV" 
-              type="text" 
-              maxlength="2"
-              class="input input-bordered w-full" 
-              bind:value={contaBradescoDV}
-            />
-          </div>
-
-          <!-- Agência -->
-          <div class="form-control">
-            <label class="label" for="contaBradescoAgencia">
-              <span class="label-text font-medium">Agência</span>
-            </label>
-            <input 
-              id="contaBradescoAgencia" 
-              type="text" 
-              inputmode="numeric"
-              class="input input-bordered w-full" 
-              bind:value={contaBradescoAgencia}
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Modelos de Declarações -->
-    <ModelosDeclaracoes />
-
-    <!-- Card 7: Documentação Anexa -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body space-y-6">
-        <h2 class="card-title text-xl border-b pb-3">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" />
-          </svg>
-          Documentação Anexa
-        </h2>
-
-        <p class="text-sm text-base-content/70">
-          Anexe os documentos necessários em formato PDF ou imagem (máximo 10MB cada)
-        </p>
-
-        {#each categoriasDocumentos as categoria}
-          <div class="space-y-3">
-            <h3 class="text-lg font-semibold text-primary">{categoria}</h3>
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-              {#each getDocumentosByCategoria(categoria) as doc}
-                <FileUpload
-                  label={doc.nome}
-                  helpUrl={doc.helpUrl}
-                  value={documentosStorage[doc.campo]}
-                  onUpload={(file) => handleDocumentoUpload(doc.campo, file)}
-                  onRemove={() => handleDocumentoRemove(doc.campo)}
-                  disabled={loading}
-                />
-              {/each}
-            </div>
-          </div>
-        {/each}
-      </div>
-    </div>
-
-    <!-- Card 8: Ações -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body">
-        <div class="flex flex-col sm:flex-row gap-3 justify-end">
-          <button 
-            type="button" 
-            class="btn btn-ghost btn-lg" 
-            disabled={loading}
-            onclick={() => goto("/recursos-humanos/funcionarios")}
-          >
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-            </svg>
-            Cancelar
-          </button>
-          <button 
-            type="button" 
-            class="btn btn-primary btn-lg" 
-            disabled={loading}
-            onclick={() => (document.getElementById('confirmar_cadastro_func') as HTMLDialogElement)?.showModal()}
-          >
-            {#if loading}
-              <span class="loading loading-spinner"></span>
-              Cadastrando...
-            {:else}
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-              </svg>
-              Cadastrar Funcionário
-            {/if}
-          </button>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Modal de Confirmação Legal -->
-    <dialog id="confirmar_cadastro_func" class="modal">
-      <div class="modal-box max-w-3xl">
-        <h3 class="font-bold text-lg mb-3">Declaração de Veracidade</h3>
-        <div class="prose text-sm max-w-none">
-          <p>
-            Declaro, sob as penas da lei (art. 299 do Código Penal Brasileiro, que trata do crime de falsidade ideológica, e demais cominações legais aplicáveis), a veracidade e autenticidade de todas as informações e documentos por mim prestados/enviados neste ato. Tenho ciência de que a falsidade das informações implicará nas penalidades cabíveis, podendo resultar na nulidade do ato.
-          </p>
-        </div>
-        <div class="modal-action">
-          <div class="flex gap-2">
-            <button type="button" class="btn" onclick={() => (document.getElementById('confirmar_cadastro_func') as HTMLDialogElement)?.close()}>Cancelar</button>
-            <button type="button" class="btn btn-primary" onclick={() => { (document.getElementById('confirmar_cadastro_func') as HTMLDialogElement)?.close(); handleSubmit(); }}>Ciente</button>
-          </div>
-        </div>
-      </div>
-    </dialog>
-  </form>
+<main class="container mx-auto max-w-7xl px-4 py-4">
+	<!-- Breadcrumb -->
+	<div class="breadcrumbs mb-4 text-sm">
+		<ul>
+			<li><a href="/recursos-humanos" class="text-primary hover:underline">Recursos Humanos</a></li>
+			<li>
+				<a href="/recursos-humanos/funcionarios" class="text-primary hover:underline"
+					>Funcionários</a
+				>
+			</li>
+			<li>Cadastrar</li>
+		</ul>
+	</div>
+
+	<!-- Cabeçalho -->
+	<div class="mb-6">
+		<div class="mb-2 flex items-center gap-4">
+			<div class="rounded-xl bg-blue-500/20 p-3">
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					class="h-8 w-8 text-blue-600"
+					fill="none"
+					viewBox="0 0 24 24"
+					stroke="currentColor"
+				>
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width="2"
+						d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z"
+					/>
+				</svg>
+			</div>
+			<div>
+				<h1 class="text-primary text-3xl font-bold">Cadastro de Funcionário</h1>
+				<p class="text-base-content/70">
+					Preencha os campos abaixo para cadastrar um novo funcionário
+				</p>
+			</div>
+		</div>
+	</div>
+
+	<!-- Alertas -->
+	{#if notice}
+		<div
+			class="alert mb-6 shadow-lg"
+			class:alert-success={notice.kind === 'success'}
+			class:alert-error={notice.kind === 'error'}
+		>
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				class="h-6 w-6 shrink-0 stroke-current"
+				fill="none"
+				viewBox="0 0 24 24"
+			>
+				{#if notice.kind === 'success'}
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width="2"
+						d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+					/>
+				{:else}
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width="2"
+						d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+					/>
+				{/if}
+			</svg>
+			<span>{notice.text}</span>
+		</div>
+	{/if}
+
+	<!-- Formulário -->
+	<form
+		class="space-y-6"
+		onsubmit={(e) => {
+			e.preventDefault();
+		}}
+	>
+		<!-- Card 1: Informações Pessoais -->
+		<div class="card bg-base-100 shadow-xl">
+			<div class="card-body space-y-4">
+				<h2 class="card-title border-b pb-3 text-xl">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="h-5 w-5"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke="currentColor"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
+						/>
+					</svg>
+					Informações Pessoais
+				</h2>
+
+				<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+					<!-- Nome -->
+					<div class="form-control lg:col-span-2">
+						<label class="label" for="nome">
+							<span class="label-text font-medium"
+								>Nome Completo <span class="text-error">*</span></span
+							>
+						</label>
+						<input
+							id="nome"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={nome}
+							required
+						/>
+					</div>
+
+					<!-- Matrícula -->
+					<div class="form-control">
+						<label class="label" for="matricula">
+							<span class="label-text font-medium"
+								>Matrícula <span class="text-base-content/50 text-xs">(opcional)</span></span
+							>
+						</label>
+						<input
+							id="matricula"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={matricula}
+							placeholder="Deixe em branco se não tiver"
+						/>
+					</div>
+
+					<!-- CPF -->
+					<div class="form-control">
+						<label class="label" for="cpf">
+							<span class="label-text font-medium">CPF <span class="text-error">*</span></span>
+						</label>
+						<input
+							id="cpf"
+							type="text"
+							inputmode="numeric"
+							class="input input-bordered w-full"
+							value={cpf}
+							oninput={(e) => {
+								const target = e.target as HTMLInputElement;
+								cpf = maskCPF(target.value);
+								target.value = cpf;
+							}}
+							required
+						/>
+					</div>
+
+					<!-- RG -->
+					<div class="form-control">
+						<label class="label" for="rg">
+							<span class="label-text font-medium">RG <span class="text-error">*</span></span>
+						</label>
+						<input
+							id="rg"
+							type="text"
+							inputmode="numeric"
+							class="input input-bordered w-full"
+							value={rg}
+							oninput={(e) => {
+								const target = e.target as HTMLInputElement;
+								rg = onlyDigits(target.value);
+								target.value = rg;
+							}}
+							required
+						/>
+					</div>
+
+					<!-- Órgão Expedidor -->
+					<div class="form-control">
+						<label class="label" for="rgOrgaoExpedidor">
+							<span class="label-text font-medium">Órgão Expedidor</span>
+						</label>
+						<input
+							id="rgOrgaoExpedidor"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={rgOrgaoExpedidor}
+							placeholder="Ex: SDS/PE"
+						/>
+					</div>
+
+					<!-- Data Emissão RG -->
+					<div class="form-control">
+						<label class="label" for="rgDataEmissao">
+							<span class="label-text font-medium">Data Emissão RG</span>
+						</label>
+						<input
+							id="rgDataEmissao"
+							type="text"
+							inputmode="numeric"
+							placeholder="dd/mm/aaaa"
+							class="input input-bordered w-full"
+							value={rgDataEmissao}
+							oninput={(e) => {
+								const target = e.target as HTMLInputElement;
+								rgDataEmissao = maskDate(target.value);
+								target.value = rgDataEmissao;
+							}}
+						/>
+					</div>
+
+					<!-- Nome do Pai -->
+					<div class="form-control lg:col-span-2">
+						<label class="label" for="nomePai">
+							<span class="label-text font-medium">Nome do Pai</span>
+						</label>
+						<input
+							id="nomePai"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={nomePai}
+						/>
+					</div>
+
+					<!-- Nome da Mãe -->
+					<div class="form-control lg:col-span-2">
+						<label class="label" for="nomeMae">
+							<span class="label-text font-medium">Nome da Mãe</span>
+						</label>
+						<input
+							id="nomeMae"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={nomeMae}
+						/>
+					</div>
+
+					<!-- Data de Nascimento -->
+					<div class="form-control">
+						<label class="label" for="nascimento">
+							<span class="label-text font-medium"
+								>Data de Nascimento <span class="text-error">*</span></span
+							>
+						</label>
+						<input
+							id="nascimento"
+							type="text"
+							inputmode="numeric"
+							placeholder="dd/mm/aaaa"
+							class="input input-bordered w-full"
+							value={nascimento}
+							oninput={(e) => {
+								const target = e.target as HTMLInputElement;
+								nascimento = maskDate(target.value);
+								target.value = nascimento;
+							}}
+							required
+						/>
+					</div>
+
+					<!-- Naturalidade -->
+					<div class="form-control">
+						<label class="label" for="naturalidade">
+							<span class="label-text font-medium">Naturalidade</span>
+						</label>
+						<input
+							id="naturalidade"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={naturalidade}
+							placeholder="Cidade de nascimento"
+						/>
+					</div>
+
+					<!-- Naturalidade UF -->
+					<div class="form-control">
+						<label class="label" for="naturalidadeUF">
+							<span class="label-text font-medium">UF Naturalidade</span>
+						</label>
+						<select
+							id="naturalidadeUF"
+							class="select select-bordered w-full"
+							bind:value={naturalidadeUF}
+						>
+							<option value="">Selecione...</option>
+							{#each UFS_BRASIL as ufOption}
+								<option value={ufOption}>{ufOption}</option>
+							{/each}
+						</select>
+					</div>
+
+					<!-- Sexo -->
+					<div class="form-control">
+						<label class="label" for="sexo">
+							<span class="label-text font-medium">Sexo</span>
+						</label>
+						<select id="sexo" class="select select-bordered w-full" bind:value={sexo}>
+							<option value="">Selecione...</option>
+							{#each SEXO_OPTIONS as option}
+								<option value={option.value}>{option.label}</option>
+							{/each}
+						</select>
+					</div>
+
+					<!-- Estado Civil -->
+					<div class="form-control">
+						<label class="label" for="estadoCivil">
+							<span class="label-text font-medium">Estado Civil</span>
+						</label>
+						<select id="estadoCivil" class="select select-bordered w-full" bind:value={estadoCivil}>
+							<option value="">Selecione...</option>
+							{#each ESTADO_CIVIL_OPTIONS as option}
+								<option value={option.value}>{option.label}</option>
+							{/each}
+						</select>
+					</div>
+
+					<!-- Nacionalidade -->
+					<div class="form-control">
+						<label class="label" for="nacionalidade">
+							<span class="label-text font-medium">Nacionalidade</span>
+						</label>
+						<input
+							id="nacionalidade"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={nacionalidade}
+						/>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Card 2: Documentos Pessoais -->
+		<div class="card bg-base-100 shadow-xl">
+			<div class="card-body space-y-4">
+				<h2 class="card-title border-b pb-3 text-xl">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="h-5 w-5"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke="currentColor"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2"
+						/>
+					</svg>
+					Documentos Pessoais
+				</h2>
+
+				<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+					<!-- Carteira Profissional -->
+					<div class="form-control">
+						<label class="label" for="carteiraProfissionalNumero">
+							<span class="label-text font-medium">Carteira Profissional Nº</span>
+						</label>
+						<input
+							id="carteiraProfissionalNumero"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={carteiraProfissionalNumero}
+						/>
+					</div>
+
+					<div class="form-control">
+						<label class="label" for="carteiraProfissionalSerie">
+							<span class="label-text font-medium">Série</span>
+						</label>
+						<input
+							id="carteiraProfissionalSerie"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={carteiraProfissionalSerie}
+						/>
+					</div>
+
+					<div class="form-control">
+						<label class="label" for="carteiraProfissionalDataEmissao">
+							<span class="label-text font-medium">Data Emissão</span>
+						</label>
+						<input
+							id="carteiraProfissionalDataEmissao"
+							type="text"
+							inputmode="numeric"
+							placeholder="dd/mm/aaaa"
+							class="input input-bordered w-full"
+							value={carteiraProfissionalDataEmissao}
+							oninput={(e) => {
+								const target = e.target as HTMLInputElement;
+								carteiraProfissionalDataEmissao = maskDate(target.value);
+								target.value = carteiraProfissionalDataEmissao;
+							}}
+						/>
+					</div>
+
+					<!-- Reservista -->
+					<div class="form-control">
+						<label class="label" for="reservistaNumero">
+							<span class="label-text font-medium">Reservista Nº</span>
+						</label>
+						<input
+							id="reservistaNumero"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={reservistaNumero}
+						/>
+					</div>
+
+					<div class="form-control">
+						<label class="label" for="reservistaSerie">
+							<span class="label-text font-medium">Série</span>
+						</label>
+						<input
+							id="reservistaSerie"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={reservistaSerie}
+						/>
+					</div>
+
+					<!-- Título de Eleitor -->
+					<div class="form-control">
+						<label class="label" for="tituloEleitorNumero">
+							<span class="label-text font-medium">Título de Eleitor Nº</span>
+						</label>
+						<input
+							id="tituloEleitorNumero"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={tituloEleitorNumero}
+						/>
+					</div>
+
+					<div class="form-control">
+						<label class="label" for="tituloEleitorZona">
+							<span class="label-text font-medium">Zona</span>
+						</label>
+						<input
+							id="tituloEleitorZona"
+							type="text"
+							inputmode="numeric"
+							class="input input-bordered w-full"
+							bind:value={tituloEleitorZona}
+						/>
+					</div>
+
+					<div class="form-control">
+						<label class="label" for="tituloEleitorSecao">
+							<span class="label-text font-medium">Seção</span>
+						</label>
+						<input
+							id="tituloEleitorSecao"
+							type="text"
+							inputmode="numeric"
+							class="input input-bordered w-full"
+							bind:value={tituloEleitorSecao}
+						/>
+					</div>
+
+					<!-- PIS/PASEP -->
+					<div class="form-control">
+						<label class="label" for="pisNumero">
+							<span class="label-text font-medium">PIS/PASEP Nº</span>
+						</label>
+						<input
+							id="pisNumero"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={pisNumero}
+						/>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Card 3: Formação e Saúde -->
+		<div class="card bg-base-100 shadow-xl">
+			<div class="card-body space-y-4">
+				<h2 class="card-title border-b pb-3 text-xl">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="h-5 w-5"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke="currentColor"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
+						/>
+					</svg>
+					Formação e Saúde
+				</h2>
+
+				<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+					<!-- Grau de Instrução -->
+					<div class="form-control">
+						<label class="label" for="grauInstrucao">
+							<span class="label-text font-medium">Grau de Instrução</span>
+						</label>
+						<select
+							id="grauInstrucao"
+							class="select select-bordered w-full"
+							bind:value={grauInstrucao}
+						>
+							<option value="">Selecione...</option>
+							{#each GRAU_INSTRUCAO_OPTIONS as option}
+								<option value={option.value}>{option.label}</option>
+							{/each}
+						</select>
+					</div>
+
+					<!-- Formação -->
+					<div class="form-control">
+						<label class="label" for="formacao">
+							<span class="label-text font-medium">Formação/Curso</span>
+						</label>
+						<input
+							id="formacao"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={formacao}
+							placeholder="Ex: Administração"
+						/>
+					</div>
+
+					<!-- Registro Nº -->
+					<div class="form-control">
+						<label class="label" for="formacaoRegistro">
+							<span class="label-text font-medium">Registro Nº</span>
+						</label>
+						<input
+							id="formacaoRegistro"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={formacaoRegistro}
+							placeholder="Nº do registro profissional"
+						/>
+					</div>
+
+					<!-- Grupo Sanguíneo -->
+					<div class="form-control">
+						<label class="label" for="grupoSanguineo">
+							<span class="label-text font-medium">Grupo Sanguíneo</span>
+						</label>
+						<select
+							id="grupoSanguineo"
+							class="select select-bordered w-full"
+							bind:value={grupoSanguineo}
+						>
+							<option value="">Selecione...</option>
+							{#each GRUPO_SANGUINEO_OPTIONS as option}
+								<option value={option.value}>{option.label}</option>
+							{/each}
+						</select>
+					</div>
+
+					<!-- Fator RH -->
+					<div class="form-control">
+						<label class="label" for="fatorRH">
+							<span class="label-text font-medium">Fator RH</span>
+						</label>
+						<select id="fatorRH" class="select select-bordered w-full" bind:value={fatorRH}>
+							<option value="">Selecione...</option>
+							{#each FATOR_RH_OPTIONS as option}
+								<option value={option.value}>{option.label}</option>
+							{/each}
+						</select>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Card 3.5: Cursos e Treinamentos -->
+		<div class="card bg-base-100 shadow-xl">
+			<div class="card-body space-y-4">
+				<h2 class="card-title border-b pb-3 text-xl">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="h-5 w-5"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke="currentColor"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
+						/>
+					</svg>
+					Cursos e Treinamentos
+				</h2>
+
+				<p class="text-base-content/70 text-sm">
+					Adicione até 7 cursos ou treinamentos realizados pelo funcionário (opcional)
+				</p>
+
+				<!-- Lista de cursos adicionados -->
+				{#if cursos.length > 0}
+					<div class="space-y-2">
+						<h3 class="text-sm font-semibold">Cursos adicionados ({cursos.length}/7)</h3>
+						{#each cursos as curso}
+							<div class="bg-base-200 flex items-center gap-3 rounded-lg p-3">
+								<div class="flex-1">
+									<p class="text-sm font-semibold">{curso.descricao}</p>
+									<p class="text-base-content/70 text-xs">{curso.data}</p>
+								</div>
+								<button
+									type="button"
+									class="btn btn-sm btn-error"
+									aria-label="Remover curso"
+									onclick={() => removerCurso(curso.id)}
+								>
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										class="h-4 w-4"
+										fill="none"
+										viewBox="0 0 24 24"
+										stroke="currentColor"
+									>
+										<path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											stroke-width="2"
+											d="M6 18L18 6M6 6l12 12"
+										/>
+									</svg>
+								</button>
+							</div>
+						{/each}
+					</div>
+				{/if}
+
+				<!-- Formulário para adicionar curso -->
+				{#if cursos.length < 7}
+					<div class="collapse-arrow border-base-300 bg-base-200 collapse border">
+						<input type="checkbox" bind:checked={mostrarFormularioCurso} />
+						<div class="collapse-title font-medium">Adicionar Curso/Treinamento</div>
+						<div class="collapse-content">
+							<div class="space-y-3 pt-2">
+								<div class="form-control">
+									<label class="label" for="curso-descricao">
+										<span class="label-text font-medium">Descrição do Curso</span>
+									</label>
+									<input
+										id="curso-descricao"
+										type="text"
+										class="input input-bordered w-full"
+										bind:value={cursoAtual.descricao}
+										placeholder="Ex: Gestão de Projetos"
+									/>
+								</div>
+
+								<div class="form-control">
+									<label class="label" for="curso-data">
+										<span class="label-text font-medium">Data de Conclusão</span>
+									</label>
+									<input
+										id="curso-data"
+										type="text"
+										class="input input-bordered w-full"
+										bind:value={cursoAtual.data}
+										placeholder="Ex: 01/2024"
+										onchange={(e) => (cursoAtual.data = maskDate(e.currentTarget.value))}
+									/>
+								</div>
+
+								<div class="form-control">
+									<label class="label" for="curso-certificado">
+										<span class="label-text font-medium">Certificado/Diploma (opcional)</span>
+									</label>
+									<input
+										id="curso-certificado"
+										type="file"
+										class="file-input file-input-bordered w-full"
+										accept=".pdf,.jpg,.jpeg,.png"
+										onchange={(e) => {
+											const file = e.currentTarget.files?.[0];
+											if (file) cursoAtual.arquivo = file;
+										}}
+									/>
+								</div>
+
+								<button
+									type="button"
+									class="btn btn-primary btn-sm mt-2 gap-2"
+									onclick={adicionarCurso}
+								>
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										class="h-4 w-4"
+										fill="none"
+										viewBox="0 0 24 24"
+										stroke="currentColor"
+									>
+										<path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											stroke-width="2"
+											d="M12 4v16m8-8H4"
+										/>
+									</svg>
+									Adicionar à Lista
+								</button>
+							</div>
+						</div>
+					</div>
+				{:else}
+					<div class="alert alert-info">
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							fill="none"
+							viewBox="0 0 24 24"
+							class="h-6 w-6 shrink-0 stroke-current"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+							></path>
+						</svg>
+						<span>Limite de 7 cursos atingido</span>
+					</div>
+				{/if}
+			</div>
+		</div>
+
+		<!-- Card 4: Endereço e Contato -->
+		<div class="card bg-base-100 shadow-xl">
+			<div class="card-body space-y-4">
+				<h2 class="card-title border-b pb-3 text-xl">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="h-5 w-5"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke="currentColor"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
+						/>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
+						/>
+					</svg>
+					Endereço e Contato
+				</h2>
+
+				<div class="grid grid-cols-1 gap-4 md:grid-cols-4">
+					<!-- CEP -->
+					<div class="form-control">
+						<label class="label" for="cep">
+							<span class="label-text font-medium">CEP <span class="text-error">*</span></span>
+						</label>
+						<input
+							id="cep"
+							type="text"
+							inputmode="numeric"
+							class="input input-bordered w-full"
+							value={cep}
+							oninput={(e) => {
+								const target = e.target as HTMLInputElement;
+								cep = maskCEP(target.value);
+								target.value = cep;
+							}}
+							onblur={() => fillFromCEP(cep)}
+							required
+						/>
+					</div>
+
+					<!-- Cidade -->
+					<div class="form-control lg:col-span-2">
+						<label class="label" for="cidade">
+							<span class="label-text font-medium">Cidade <span class="text-error">*</span></span>
+						</label>
+						<input
+							id="cidade"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={cidade}
+							required
+						/>
+					</div>
+
+					<!-- UF -->
+					<div class="form-control">
+						<label class="label" for="uf">
+							<span class="label-text font-medium">UF <span class="text-error">*</span></span>
+						</label>
+						<select id="uf" class="select select-bordered w-full" bind:value={uf} required>
+							<option value="">Selecione...</option>
+							{#each UFS_BRASIL as ufOption}
+								<option value={ufOption}>{ufOption}</option>
+							{/each}
+						</select>
+					</div>
+
+					<!-- Endereço -->
+					<div class="form-control md:col-span-2">
+						<label class="label" for="endereco">
+							<span class="label-text font-medium">Endereço <span class="text-error">*</span></span>
+						</label>
+						<input
+							id="endereco"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={endereco}
+							required
+						/>
+					</div>
+
+					<!-- E-mail -->
+					<div class="form-control lg:col-span-2">
+						<label class="label" for="email">
+							<span class="label-text font-medium">E-mail <span class="text-error">*</span></span>
+						</label>
+						<input
+							id="email"
+							type="email"
+							class="input input-bordered w-full"
+							bind:value={email}
+							required
+						/>
+					</div>
+
+					<!-- Telefone -->
+					<div class="form-control lg:col-span-2">
+						<label class="label" for="telefone">
+							<span class="label-text font-medium">Telefone <span class="text-error">*</span></span>
+						</label>
+						<input
+							id="telefone"
+							type="text"
+							inputmode="numeric"
+							class="input input-bordered w-full"
+							value={telefone}
+							oninput={(e) => {
+								const target = e.target as HTMLInputElement;
+								telefone = maskPhone(target.value);
+								target.value = telefone;
+							}}
+							required
+						/>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Card 4.5: Dependentes -->
+		<div class="card bg-base-100 shadow-xl">
+			<div class="card-body space-y-4">
+				<h2 class="card-title border-b pb-3 text-xl">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="h-5 w-5"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke="currentColor"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2a3 3 0 00-5.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2a3 3 0 015.356-1.857M15 7a3 3 0 11-6 0 3 3 0 016 0z"
+						/>
+					</svg>
+					Dependentes
+				</h2>
+
+				{#if dependentes.length > 0}
+					<div class="space-y-2">
+						<h3 class="text-sm font-semibold">Dependentes adicionados ({dependentes.length}/10)</h3>
+						{#each dependentes as dep}
+							<div class="bg-base-200 flex items-center gap-3 rounded-lg p-3">
+								<div class="flex-1 text-sm">
+									<p class="font-semibold">{dep.nome} — {dep.parentesco}</p>
+									<p class="text-base-content/70 text-xs">
+										CPF: {dep.cpf} • Nasc.: {dep.nascimento}
+									</p>
+									<div class="mt-2 flex flex-wrap gap-4">
+										<label class="label cursor-pointer gap-2">
+											<input
+												type="checkbox"
+												class="checkbox checkbox-xs checkbox-primary"
+												bind:checked={dep.salarioFamilia}
+											/>
+											<span class="label-text text-xs">Salário Família</span>
+										</label>
+										<label class="label cursor-pointer gap-2">
+											<input
+												type="checkbox"
+												class="checkbox checkbox-xs checkbox-primary"
+												bind:checked={dep.impostoRenda}
+											/>
+											<span class="label-text text-xs">Imposto de Renda</span>
+										</label>
+									</div>
+								</div>
+								<button
+									type="button"
+									class="btn btn-sm btn-error"
+									aria-label="Remover dependente"
+									onclick={() => removerDependente(dep.id)}
+								>
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										class="h-4 w-4"
+										fill="none"
+										viewBox="0 0 24 24"
+										stroke="currentColor"
+										><path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											stroke-width="2"
+											d="M6 18L18 6M6 6l12 12"
+										/></svg
+									>
+								</button>
+							</div>
+						{/each}
+					</div>
+				{/if}
+
+				{#if dependentes.length < 10}
+					<div class="collapse-arrow border-base-300 bg-base-200 collapse border">
+						<input type="checkbox" bind:checked={mostrarFormularioDependente} />
+						<div class="collapse-title font-medium">Adicionar Dependente</div>
+						<div class="collapse-content">
+							<div class="grid grid-cols-1 gap-4 pt-2 md:grid-cols-2 lg:grid-cols-3">
+								<div class="form-control">
+									<label class="label" for="dep-parentesco">
+										<span class="label-text font-medium">Grau de Parentesco</span>
+									</label>
+									<select
+										id="dep-parentesco"
+										class="select select-bordered w-full"
+										bind:value={dependenteAtual.parentesco}
+									>
+										<option value="">Selecione...</option>
+										<option value="filho">Filho</option>
+										<option value="filha">Filha</option>
+										<option value="conjuge">Cônjuge</option>
+										<option value="outro">Outros</option>
+									</select>
+								</div>
+
+								<div class="form-control lg:col-span-2">
+									<label class="label" for="dep-nome">
+										<span class="label-text font-medium">Nome do Dependente</span>
+									</label>
+									<input
+										id="dep-nome"
+										type="text"
+										class="input input-bordered w-full"
+										bind:value={dependenteAtual.nome}
+									/>
+								</div>
+
+								<div class="form-control">
+									<label class="label" for="dep-cpf">
+										<span class="label-text font-medium">CPF do Dependente</span>
+									</label>
+									<input
+										id="dep-cpf"
+										type="text"
+										inputmode="numeric"
+										class="input input-bordered w-full"
+										value={dependenteAtual.cpf}
+										oninput={(e) => {
+											const t = e.target as HTMLInputElement;
+											dependenteAtual.cpf = maskCPF(t.value);
+											t.value = dependenteAtual.cpf;
+										}}
+									/>
+								</div>
+
+								<div class="form-control">
+									<label class="label" for="dep-nascimento">
+										<span class="label-text font-medium">Data de Nascimento</span>
+									</label>
+									<input
+										id="dep-nascimento"
+										type="text"
+										inputmode="numeric"
+										placeholder="dd/mm/aaaa"
+										class="input input-bordered w-full"
+										value={dependenteAtual.nascimento}
+										oninput={(e) => {
+											const t = e.target as HTMLInputElement;
+											dependenteAtual.nascimento = maskDate(t.value);
+											t.value = dependenteAtual.nascimento;
+										}}
+									/>
+								</div>
+
+								<div class="form-control lg:col-span-3">
+									<label class="label" for="dep-doc">
+										<span class="label-text font-medium"
+											>Certidão de Nascimento/Casamento ou Outros (opcional)</span
+										>
+									</label>
+									<input
+										id="dep-doc"
+										type="file"
+										class="file-input file-input-bordered w-full"
+										accept=".pdf,.jpg,.jpeg,.png"
+										onchange={async (e) => {
+											const file = e.currentTarget.files?.[0];
+											dependenteAtual.arquivo = file || null;
+											if (file) {
+												try {
+													dependenteAtual.documentoId = await uploadDocumentoDependente(file);
+												} catch {
+													alert('Falha no upload do documento do dependente');
+												}
+											}
+										}}
+									/>
+								</div>
+
+								<!-- Checkboxes de benefícios por dependente -->
+								<div class="form-control">
+									<label class="label cursor-pointer justify-start gap-3">
+										<input
+											type="checkbox"
+											class="checkbox checkbox-primary"
+											bind:checked={dependenteAtual.salarioFamilia}
+										/>
+										<span class="label-text">Salário Família</span>
+									</label>
+								</div>
+								<div class="form-control">
+									<label class="label cursor-pointer justify-start gap-3">
+										<input
+											type="checkbox"
+											class="checkbox checkbox-primary"
+											bind:checked={dependenteAtual.impostoRenda}
+										/>
+										<span class="label-text">Imposto de Renda</span>
+									</label>
+								</div>
+
+								<div class="lg:col-span-3">
+									<button
+										type="button"
+										class="btn btn-primary btn-sm gap-2"
+										onclick={adicionarDependente}
+									>
+										<svg
+											xmlns="http://www.w3.org/2000/svg"
+											class="h-4 w-4"
+											fill="none"
+											viewBox="0 0 24 24"
+											stroke="currentColor"
+											><path
+												stroke-linecap="round"
+												stroke-linejoin="round"
+												stroke-width="2"
+												d="M12 4v16m8-8H4"
+											/></svg
+										>
+										Adicionar Dependente
+									</button>
+								</div>
+							</div>
+						</div>
+					</div>
+				{/if}
+			</div>
+		</div>
+
+		<!-- Card 5: Cargo e Vínculo -->
+		<div class="card bg-base-100 shadow-xl">
+			<div class="card-body space-y-4">
+				<h2 class="card-title border-b pb-3 text-xl">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="h-5 w-5"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke="currentColor"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+						/>
+					</svg>
+					Cargo e Vínculo
+				</h2>
+
+				<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+					<!-- Símbolo Tipo -->
+					<div class="form-control">
+						<label class="label" for="simboloTipo">
+							<span class="label-text font-medium"
+								>Símbolo Tipo <span class="text-error">*</span></span
+							>
+						</label>
+						<select
+							id="simboloTipo"
+							class="select select-bordered w-full"
+							bind:value={tipo}
+							required
+						>
+							<option value="cargo_comissionado">Cargo Comissionado</option>
+							<option value="funcao_gratificada">Função Gratificada</option>
+						</select>
+					</div>
+
+					<!-- Símbolo -->
+					<div class="form-control">
+						<label class="label" for="simboloId">
+							<span class="label-text font-medium">Símbolo <span class="text-error">*</span></span>
+						</label>
+						<select
+							id="simboloId"
+							class="select select-bordered w-full"
+							bind:value={simboloId}
+							required
+						>
+							<option value="">Selecione...</option>
+							{#each simbolos.filter((s) => s.tipo === tipo) as s}
+								<option value={s._id}>{s.nome} — {s.descricao}</option>
+							{/each}
+						</select>
+					</div>
+
+					<!-- Descrição Cargo/Função -->
+					<div class="form-control lg:col-span-3">
+						<label class="label" for="descricaoCargo">
+							<span class="label-text font-medium">Descrição Cargo/Função</span>
+						</label>
+						<input
+							id="descricaoCargo"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={descricaoCargo}
+							placeholder="Descreva as atribuições do cargo"
+						/>
+					</div>
+
+					<!-- Nomeação/Portaria -->
+					<div class="form-control">
+						<label class="label" for="nomeacaoPortaria">
+							<span class="label-text font-medium">Nomeação/Portaria Nº</span>
+						</label>
+						<input
+							id="nomeacaoPortaria"
+							type="text"
+							class="input input-bordered w-full"
+							bind:value={nomeacaoPortaria}
+						/>
+					</div>
+
+					<div class="form-control">
+						<label class="label" for="nomeacaoData">
+							<span class="label-text font-medium">Data</span>
+						</label>
+						<input
+							id="nomeacaoData"
+							type="text"
+							inputmode="numeric"
+							placeholder="dd/mm/aaaa"
+							class="input input-bordered w-full"
+							value={nomeacaoData}
+							oninput={(e) => {
+								const target = e.target as HTMLInputElement;
+								nomeacaoData = maskDate(target.value);
+								target.value = nomeacaoData;
+							}}
+						/>
+					</div>
+
+					<div class="form-control">
+						<label class="label" for="nomeacaoDOE">
+							<span class="label-text font-medium">DOE</span>
+						</label>
+						<input
+							id="nomeacaoDOE"
+							type="text"
+							inputmode="numeric"
+							placeholder="dd/mm/aaaa"
+							class="input input-bordered w-full"
+							value={nomeacaoDOE}
+							oninput={(e) => {
+								const target = e.target as HTMLInputElement;
+								nomeacaoDOE = maskDate(target.value);
+								target.value = nomeacaoDOE;
+							}}
+						/>
+					</div>
+
+					<!-- Data Admissão -->
+					<div class="form-control">
+						<label class="label" for="admissaoData">
+							<span class="label-text font-medium">Data Admissão</span>
+						</label>
+						<input
+							id="admissaoData"
+							type="text"
+							inputmode="numeric"
+							placeholder="dd/mm/aaaa"
+							class="input input-bordered w-full"
+							value={admissaoData}
+							oninput={(e) => {
+								const target = e.target as HTMLInputElement;
+								admissaoData = maskDate(target.value);
+								target.value = admissaoData;
+							}}
+						/>
+					</div>
+
+					<!-- Regime de Trabalho -->
+					<div class="form-control">
+						<label class="label" for="regimeTrabalho">
+							<span class="label-text font-medium">Regime do Funcionário</span>
+						</label>
+						<select
+							id="regimeTrabalho"
+							class="select select-bordered w-full"
+							bind:value={regimeTrabalho}
+							required
+						>
+							<option value="">Selecione...</option>
+							{#each REGIME_TRABALHO_OPTIONS as option}
+								<option value={option.value}>{option.label}</option>
+							{/each}
+						</select>
+					</div>
+
+					<!-- Pertence a Órgão Público -->
+					<div class="form-control lg:col-span-3">
+						<label class="label cursor-pointer justify-start gap-4">
+							<input
+								type="checkbox"
+								class="checkbox checkbox-primary"
+								bind:checked={pertenceOrgaoPublico}
+							/>
+							<span class="label-text font-medium"
+								>Pertence a Órgão Público Federal, Estadual ou Municipal?</span
+							>
+						</label>
+					</div>
+
+					<!-- Órgão de Origem -->
+					{#if pertenceOrgaoPublico}
+						<div class="form-control lg:col-span-2">
+							<label class="label" for="orgaoOrigem">
+								<span class="label-text font-medium"
+									>Órgão de Origem (para servidor extra-quadro)</span
+								>
+							</label>
+							<input
+								id="orgaoOrigem"
+								type="text"
+								class="input input-bordered w-full"
+								bind:value={orgaoOrigem}
+							/>
+						</div>
+					{/if}
+
+					<!-- Aposentado -->
+					<div class="form-control">
+						<label class="label" for="aposentado">
+							<span class="label-text font-medium">Se Aposentado</span>
+						</label>
+						<select id="aposentado" class="select select-bordered w-full" bind:value={aposentado}>
+							{#each APOSENTADO_OPTIONS as option}
+								<option value={option.value}>{option.label}</option>
+							{/each}
+						</select>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Card 6: Dados Bancários -->
+		<div class="card bg-base-100 shadow-xl">
+			<div class="card-body space-y-4">
+				<h2 class="card-title border-b pb-3 text-xl">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="h-5 w-5"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke="currentColor"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"
+						/>
+					</svg>
+					Dados Bancários - Bradesco
+				</h2>
+
+				<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+					<!-- Conta Corrente -->
+					<div class="form-control">
+						<label class="label" for="contaBradescoNumero">
+							<span class="label-text font-medium">Conta Corrente Nº</span>
+						</label>
+						<input
+							id="contaBradescoNumero"
+							type="text"
+							inputmode="numeric"
+							class="input input-bordered w-full"
+							bind:value={contaBradescoNumero}
+						/>
+					</div>
+
+					<!-- DV -->
+					<div class="form-control">
+						<label class="label" for="contaBradescoDV">
+							<span class="label-text font-medium">DV</span>
+						</label>
+						<input
+							id="contaBradescoDV"
+							type="text"
+							maxlength="2"
+							class="input input-bordered w-full"
+							bind:value={contaBradescoDV}
+						/>
+					</div>
+
+					<!-- Agência -->
+					<div class="form-control">
+						<label class="label" for="contaBradescoAgencia">
+							<span class="label-text font-medium">Agência</span>
+						</label>
+						<input
+							id="contaBradescoAgencia"
+							type="text"
+							inputmode="numeric"
+							class="input input-bordered w-full"
+							bind:value={contaBradescoAgencia}
+						/>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Modelos de Declarações -->
+		<ModelosDeclaracoes />
+
+		<!-- Card 7: Documentação Anexa -->
+		<div class="card bg-base-100 shadow-xl">
+			<div class="card-body space-y-6">
+				<h2 class="card-title border-b pb-3 text-xl">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="h-5 w-5"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke="currentColor"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
+						/>
+					</svg>
+					Documentação Anexa
+				</h2>
+
+				<p class="text-base-content/70 text-sm">
+					Anexe os documentos necessários em formato PDF ou imagem (máximo 10MB cada)
+				</p>
+
+				{#each categoriasDocumentos as categoria}
+					<div class="space-y-3">
+						<h3 class="text-primary text-lg font-semibold">{categoria}</h3>
+						<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+							{#each getDocumentosByCategoria(categoria) as doc}
+								<FileUpload
+									label={doc.nome}
+									helpUrl={doc.helpUrl}
+									value={documentosStorage[doc.campo]}
+									onUpload={(file) => handleDocumentoUpload(doc.campo, file)}
+									onRemove={() => handleDocumentoRemove(doc.campo)}
+									disabled={loading}
+								/>
+							{/each}
+						</div>
+					</div>
+				{/each}
+			</div>
+		</div>
+
+		<!-- Card 8: Ações -->
+		<div class="card bg-base-100 shadow-xl">
+			<div class="card-body">
+				<div class="flex flex-col justify-end gap-3 sm:flex-row">
+					<button
+						type="button"
+						class="btn btn-ghost btn-lg"
+						disabled={loading}
+						onclick={() => goto('/recursos-humanos/funcionarios')}
+					>
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							class="h-5 w-5"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M6 18L18 6M6 6l12 12"
+							/>
+						</svg>
+						Cancelar
+					</button>
+					<button
+						type="button"
+						class="btn btn-primary btn-lg"
+						disabled={loading}
+						onclick={() =>
+							(
+								document.getElementById('confirmar_cadastro_func') as HTMLDialogElement
+							)?.showModal()}
+					>
+						{#if loading}
+							<span class="loading loading-spinner"></span>
+							Cadastrando...
+						{:else}
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								class="h-5 w-5"
+								fill="none"
+								viewBox="0 0 24 24"
+								stroke="currentColor"
+							>
+								<path
+									stroke-linecap="round"
+									stroke-linejoin="round"
+									stroke-width="2"
+									d="M5 13l4 4L19 7"
+								/>
+							</svg>
+							Cadastrar Funcionário
+						{/if}
+					</button>
+				</div>
+			</div>
+		</div>
+
+		<!-- Modal de Confirmação Legal -->
+		<dialog id="confirmar_cadastro_func" class="modal">
+			<div class="modal-box max-w-3xl">
+				<h3 class="mb-3 text-lg font-bold">Declaração de Veracidade</h3>
+				<div class="prose max-w-none text-sm">
+					<p>
+						Declaro, sob as penas da lei (art. 299 do Código Penal Brasileiro, que trata do crime de
+						falsidade ideológica, e demais cominações legais aplicáveis), a veracidade e
+						autenticidade de todas as informações e documentos por mim prestados/enviados neste ato.
+						Tenho ciência de que a falsidade das informações implicará nas penalidades cabíveis,
+						podendo resultar na nulidade do ato.
+					</p>
+				</div>
+				<div class="modal-action">
+					<div class="flex gap-2">
+						<button
+							type="button"
+							class="btn"
+							onclick={() =>
+								(document.getElementById('confirmar_cadastro_func') as HTMLDialogElement)?.close()}
+							>Cancelar</button
+						>
+						<button
+							type="button"
+							class="btn btn-primary"
+							onclick={() => {
+								(document.getElementById('confirmar_cadastro_func') as HTMLDialogElement)?.close();
+								handleSubmit();
+							}}>Ciente</button
+						>
+					</div>
+				</div>
+			</div>
+		</dialog>
+	</form>
 </main>
diff --git a/apps/web/src/routes/(dashboard)/ti/times/+page.svelte b/apps/web/src/routes/(dashboard)/ti/times/+page.svelte
index 38f7b96..17ae303 100644
--- a/apps/web/src/routes/(dashboard)/ti/times/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/times/+page.svelte
@@ -457,11 +457,7 @@
 									<h2 class="card-title text-lg">{time.nome}</h2>
 								</div>
 								<div class="dropdown dropdown-end">
-									<button
-										type="button"
-										class="btn btn-ghost btn-sm btn-square"
-										aria-label="Menu do time"
-									>
+									<button type="button" class="btn btn-ghost btn-sm" aria-label="Menu do time">
 										<svg
 											xmlns="http://www.w3.org/2000/svg"
 											class="h-5 w-5"
@@ -671,7 +667,7 @@
 											</div>
 										</div>
 										<button
-											class="btn btn-sm btn-error btn-square"
+											class="btn btn-sm btn-error"
 											onclick={() => removerMembro(membro._id)}
 											disabled={processando}
 											aria-label="Remover membro"
diff --git a/packages/backend/convex/funcionarios.ts b/packages/backend/convex/funcionarios.ts
index c85e216..e008e98 100644
--- a/packages/backend/convex/funcionarios.ts
+++ b/packages/backend/convex/funcionarios.ts
@@ -1,483 +1,502 @@
-import { v } from "convex/values";
-import { query, mutation } from "./_generated/server";
-import { internal } from "./_generated/api";
-import { simboloTipo } from "./schema";
+import { v } from 'convex/values';
+import { query, mutation } from './_generated/server';
+import { internal } from './_generated/api';
+import { simboloTipo } from './schema';
+import { getCurrentUserFunction } from './auth';
 
 // Validadores para campos opcionais
 const sexoValidator = v.optional(
-  v.union(v.literal("masculino"), v.literal("feminino"), v.literal("outro"))
+	v.union(v.literal('masculino'), v.literal('feminino'), v.literal('outro'))
 );
 const estadoCivilValidator = v.optional(
-  v.union(
-    v.literal("solteiro"),
-    v.literal("casado"),
-    v.literal("divorciado"),
-    v.literal("viuvo"),
-    v.literal("uniao_estavel")
-  )
+	v.union(
+		v.literal('solteiro'),
+		v.literal('casado'),
+		v.literal('divorciado'),
+		v.literal('viuvo'),
+		v.literal('uniao_estavel')
+	)
 );
 const grauInstrucaoValidator = v.optional(
-  v.union(
-    v.literal("fundamental"),
-    v.literal("medio"),
-    v.literal("superior"),
-    v.literal("pos_graduacao"),
-    v.literal("mestrado"),
-    v.literal("doutorado")
-  )
+	v.union(
+		v.literal('fundamental'),
+		v.literal('medio'),
+		v.literal('superior'),
+		v.literal('pos_graduacao'),
+		v.literal('mestrado'),
+		v.literal('doutorado')
+	)
 );
 const grupoSanguineoValidator = v.optional(
-  v.union(v.literal("A"), v.literal("B"), v.literal("AB"), v.literal("O"))
-);
-const fatorRHValidator = v.optional(
-  v.union(v.literal("positivo"), v.literal("negativo"))
+	v.union(v.literal('A'), v.literal('B'), v.literal('AB'), v.literal('O'))
 );
+const fatorRHValidator = v.optional(v.union(v.literal('positivo'), v.literal('negativo')));
 const aposentadoValidator = v.optional(
-  v.union(v.literal("nao"), v.literal("funape_ipsep"), v.literal("inss"))
+	v.union(v.literal('nao'), v.literal('funape_ipsep'), v.literal('inss'))
 );
 
 const regimeTrabalhoValidator = v.optional(
-  v.union(
-    v.literal("clt"),
-    v.literal("estatutario_pe"),
-    v.literal("estatutario_federal"),
-    v.literal("estatutario_municipal")
-  )
+	v.union(
+		v.literal('clt'),
+		v.literal('estatutario_pe'),
+		v.literal('estatutario_federal'),
+		v.literal('estatutario_municipal')
+	)
 );
 
 export const getAll = query({
-  args: {},
-  handler: async (ctx) => {
-    // Autorização: listar funcionários
-    await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
-      recurso: "funcionarios",
-      acao: "listar",
-    });
-    const funcionarios = await ctx.db.query("funcionarios").collect();
-    // Retornar apenas os campos necessários para listagem
-    return funcionarios.map((f) => ({
-      _id: f._id,
-      nome: f.nome,
-      matricula: f.matricula,
-      cpf: f.cpf,
-      rg: f.rg,
-      nascimento: f.nascimento,
-      email: f.email,
-      telefone: f.telefone,
-      endereco: f.endereco,
-      cep: f.cep,
-      cidade: f.cidade,
-      uf: f.uf,
-      simboloId: f.simboloId,
-      simboloTipo: f.simboloTipo,
-      admissaoData: f.admissaoData,
-      desligamentoData: f.desligamentoData,
-      descricaoCargo: f.descricaoCargo,
-    }));
-  },
+	args: {},
+	handler: async (ctx) => {
+		// Autorização: listar funcionários
+		await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
+			recurso: 'funcionarios',
+			acao: 'listar'
+		});
+		const funcionarios = await ctx.db.query('funcionarios').collect();
+		// Retornar apenas os campos necessários para listagem
+		return funcionarios.map((f) => ({
+			_id: f._id,
+			nome: f.nome,
+			matricula: f.matricula,
+			cpf: f.cpf,
+			rg: f.rg,
+			nascimento: f.nascimento,
+			email: f.email,
+			telefone: f.telefone,
+			endereco: f.endereco,
+			cep: f.cep,
+			cidade: f.cidade,
+			uf: f.uf,
+			simboloId: f.simboloId,
+			simboloTipo: f.simboloTipo,
+			admissaoData: f.admissaoData,
+			desligamentoData: f.desligamentoData,
+			descricaoCargo: f.descricaoCargo
+		}));
+	}
 });
 
 export const getById = query({
-  args: { id: v.id("funcionarios") },
-  // Tipo inferido automaticamente pelo Convex
-  handler: async (ctx, args) => {
-    // Autorização: ver funcionário
-    await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
-      recurso: "funcionarios",
-      acao: "ver",
-    });
-    return await ctx.db.get(args.id);
-  },
+	args: { id: v.id('funcionarios') },
+	// Tipo inferido automaticamente pelo Convex
+	handler: async (ctx, args) => {
+		// Autorização: ver funcionário
+		await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
+			recurso: 'funcionarios',
+			acao: 'ver'
+		});
+		return await ctx.db.get(args.id);
+	}
+});
+
+export const getCurrent = query({
+	args: {},
+	handler: async (ctx) => {
+		const user = await getCurrentUserFunction(ctx);
+		if (!user) {
+			throw new Error('Usuário não encontrado');
+		}
+
+		if (!user.funcionarioId) {
+			throw new Error('Funcionário não encontrado');
+		}
+
+		const funcionario = await ctx.db.get(user.funcionarioId);
+		if (!funcionario) {
+			throw new Error('Funcionário não encontrado');
+		}
+		return funcionario;
+	}
 });
 
 export const create = mutation({
-  args: {
-    // Campos obrigatórios
-    nome: v.string(),
-    matricula: v.optional(v.string()),
-    simboloId: v.id("simbolos"),
-    nascimento: v.string(),
-    rg: v.string(),
-    cpf: v.string(),
-    endereco: v.string(),
-    cep: v.string(),
-    cidade: v.string(),
-    uf: v.string(),
-    telefone: v.string(),
-    email: v.string(),
-    admissaoData: v.optional(v.string()),
-    desligamentoData: v.optional(v.string()),
-    simboloTipo: simboloTipo,
+	args: {
+		// Campos obrigatórios
+		nome: v.string(),
+		matricula: v.optional(v.string()),
+		simboloId: v.id('simbolos'),
+		nascimento: v.string(),
+		rg: v.string(),
+		cpf: v.string(),
+		endereco: v.string(),
+		cep: v.string(),
+		cidade: v.string(),
+		uf: v.string(),
+		telefone: v.string(),
+		email: v.string(),
+		admissaoData: v.optional(v.string()),
+		desligamentoData: v.optional(v.string()),
+		simboloTipo: simboloTipo,
 
-    // Dados Pessoais Adicionais
-    nomePai: v.optional(v.string()),
-    nomeMae: v.optional(v.string()),
-    naturalidade: v.optional(v.string()),
-    naturalidadeUF: v.optional(v.string()),
-    sexo: sexoValidator,
-    estadoCivil: estadoCivilValidator,
-    nacionalidade: v.optional(v.string()),
+		// Dados Pessoais Adicionais
+		nomePai: v.optional(v.string()),
+		nomeMae: v.optional(v.string()),
+		naturalidade: v.optional(v.string()),
+		naturalidadeUF: v.optional(v.string()),
+		sexo: sexoValidator,
+		estadoCivil: estadoCivilValidator,
+		nacionalidade: v.optional(v.string()),
 
-    // Documentos Pessoais
-    rgOrgaoExpedidor: v.optional(v.string()),
-    rgDataEmissao: v.optional(v.string()),
-    carteiraProfissionalNumero: v.optional(v.string()),
-    carteiraProfissionalSerie: v.optional(v.string()),
-    carteiraProfissionalDataEmissao: v.optional(v.string()),
-    reservistaNumero: v.optional(v.string()),
-    reservistaSerie: v.optional(v.string()),
-    tituloEleitorNumero: v.optional(v.string()),
-    tituloEleitorZona: v.optional(v.string()),
-    tituloEleitorSecao: v.optional(v.string()),
-    pisNumero: v.optional(v.string()),
+		// Documentos Pessoais
+		rgOrgaoExpedidor: v.optional(v.string()),
+		rgDataEmissao: v.optional(v.string()),
+		carteiraProfissionalNumero: v.optional(v.string()),
+		carteiraProfissionalSerie: v.optional(v.string()),
+		carteiraProfissionalDataEmissao: v.optional(v.string()),
+		reservistaNumero: v.optional(v.string()),
+		reservistaSerie: v.optional(v.string()),
+		tituloEleitorNumero: v.optional(v.string()),
+		tituloEleitorZona: v.optional(v.string()),
+		tituloEleitorSecao: v.optional(v.string()),
+		pisNumero: v.optional(v.string()),
 
-    // Formação e Saúde
-    grauInstrucao: grauInstrucaoValidator,
-    formacao: v.optional(v.string()),
-    formacaoRegistro: v.optional(v.string()),
-    grupoSanguineo: grupoSanguineoValidator,
-    fatorRH: fatorRHValidator,
+		// Formação e Saúde
+		grauInstrucao: grauInstrucaoValidator,
+		formacao: v.optional(v.string()),
+		formacaoRegistro: v.optional(v.string()),
+		grupoSanguineo: grupoSanguineoValidator,
+		fatorRH: fatorRHValidator,
 
-    // Cargo e Vínculo
-    descricaoCargo: v.optional(v.string()),
-    nomeacaoPortaria: v.optional(v.string()),
-    nomeacaoData: v.optional(v.string()),
-    nomeacaoDOE: v.optional(v.string()),
-    pertenceOrgaoPublico: v.optional(v.boolean()),
-    orgaoOrigem: v.optional(v.string()),
-    aposentado: aposentadoValidator,
+		// Cargo e Vínculo
+		descricaoCargo: v.optional(v.string()),
+		nomeacaoPortaria: v.optional(v.string()),
+		nomeacaoData: v.optional(v.string()),
+		nomeacaoDOE: v.optional(v.string()),
+		pertenceOrgaoPublico: v.optional(v.boolean()),
+		orgaoOrigem: v.optional(v.string()),
+		aposentado: aposentadoValidator,
 
-    // Dados Bancários
-    contaBradescoNumero: v.optional(v.string()),
-    contaBradescoDV: v.optional(v.string()),
-    contaBradescoAgencia: v.optional(v.string()),
+		// Dados Bancários
+		contaBradescoNumero: v.optional(v.string()),
+		contaBradescoDV: v.optional(v.string()),
+		contaBradescoAgencia: v.optional(v.string()),
 
-    // Documentos Anexos (Storage IDs)
-    certidaoAntecedentesPF: v.optional(v.id("_storage")),
-    certidaoAntecedentesJFPE: v.optional(v.id("_storage")),
-    certidaoAntecedentesSDS: v.optional(v.id("_storage")),
-    certidaoAntecedentesTJPE: v.optional(v.id("_storage")),
-    certidaoImprobidade: v.optional(v.id("_storage")),
-    rgFrente: v.optional(v.id("_storage")),
-    rgVerso: v.optional(v.id("_storage")),
-    cpfFrente: v.optional(v.id("_storage")),
-    cpfVerso: v.optional(v.id("_storage")),
-    situacaoCadastralCPF: v.optional(v.id("_storage")),
-    tituloEleitorFrente: v.optional(v.id("_storage")),
-    tituloEleitorVerso: v.optional(v.id("_storage")),
-    comprovanteVotacao: v.optional(v.id("_storage")),
-    carteiraProfissionalFrente: v.optional(v.id("_storage")),
-    carteiraProfissionalVerso: v.optional(v.id("_storage")),
-    comprovantePIS: v.optional(v.id("_storage")),
-    certidaoRegistroCivil: v.optional(v.id("_storage")),
-    certidaoNascimentoDependentes: v.optional(v.id("_storage")),
-    cpfDependentes: v.optional(v.id("_storage")),
-    reservistaDoc: v.optional(v.id("_storage")),
-    comprovanteEscolaridade: v.optional(v.id("_storage")),
-    comprovanteResidencia: v.optional(v.id("_storage")),
-    comprovanteContaBradesco: v.optional(v.id("_storage")),
+		// Documentos Anexos (Storage IDs)
+		certidaoAntecedentesPF: v.optional(v.id('_storage')),
+		certidaoAntecedentesJFPE: v.optional(v.id('_storage')),
+		certidaoAntecedentesSDS: v.optional(v.id('_storage')),
+		certidaoAntecedentesTJPE: v.optional(v.id('_storage')),
+		certidaoImprobidade: v.optional(v.id('_storage')),
+		rgFrente: v.optional(v.id('_storage')),
+		rgVerso: v.optional(v.id('_storage')),
+		cpfFrente: v.optional(v.id('_storage')),
+		cpfVerso: v.optional(v.id('_storage')),
+		situacaoCadastralCPF: v.optional(v.id('_storage')),
+		tituloEleitorFrente: v.optional(v.id('_storage')),
+		tituloEleitorVerso: v.optional(v.id('_storage')),
+		comprovanteVotacao: v.optional(v.id('_storage')),
+		carteiraProfissionalFrente: v.optional(v.id('_storage')),
+		carteiraProfissionalVerso: v.optional(v.id('_storage')),
+		comprovantePIS: v.optional(v.id('_storage')),
+		certidaoRegistroCivil: v.optional(v.id('_storage')),
+		certidaoNascimentoDependentes: v.optional(v.id('_storage')),
+		cpfDependentes: v.optional(v.id('_storage')),
+		reservistaDoc: v.optional(v.id('_storage')),
+		comprovanteEscolaridade: v.optional(v.id('_storage')),
+		comprovanteResidencia: v.optional(v.id('_storage')),
+		comprovanteContaBradesco: v.optional(v.id('_storage')),
 
-    // Declarações (Storage IDs)
-    declaracaoAcumulacaoCargo: v.optional(v.id("_storage")),
-    declaracaoDependentesIR: v.optional(v.id("_storage")),
-    declaracaoIdoneidade: v.optional(v.id("_storage")),
-    termoNepotismo: v.optional(v.id("_storage")),
-    termoOpcaoRemuneracao: v.optional(v.id("_storage")),
-    // Dependentes (opcional)
-    dependentes: v.optional(
-      v.array(
-        v.object({
-          parentesco: v.union(
-            v.literal("filho"),
-            v.literal("filha"),
-            v.literal("conjuge"),
-            v.literal("outro")
-          ),
-          nome: v.string(),
-          cpf: v.string(),
-          nascimento: v.string(),
-          documentoId: v.optional(v.id("_storage")),
-          salarioFamilia: v.optional(v.boolean()),
-          impostoRenda: v.optional(v.boolean()),
-        })
-      )
-    ),
-  },
-  returns: v.id("funcionarios"),
-  handler: async (ctx, args) => {
-    // Autorização: criar
-    await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
-      recurso: "funcionarios",
-      acao: "criar",
-    });
-    // Unicidade: CPF
-    const cpfExists = await ctx.db
-      .query("funcionarios")
-      .withIndex("by_cpf", (q) => q.eq("cpf", args.cpf))
-      .unique();
-    if (cpfExists) {
-      throw new Error("CPF já cadastrado");
-    }
+		// Declarações (Storage IDs)
+		declaracaoAcumulacaoCargo: v.optional(v.id('_storage')),
+		declaracaoDependentesIR: v.optional(v.id('_storage')),
+		declaracaoIdoneidade: v.optional(v.id('_storage')),
+		termoNepotismo: v.optional(v.id('_storage')),
+		termoOpcaoRemuneracao: v.optional(v.id('_storage')),
+		// Dependentes (opcional)
+		dependentes: v.optional(
+			v.array(
+				v.object({
+					parentesco: v.union(
+						v.literal('filho'),
+						v.literal('filha'),
+						v.literal('conjuge'),
+						v.literal('outro')
+					),
+					nome: v.string(),
+					cpf: v.string(),
+					nascimento: v.string(),
+					documentoId: v.optional(v.id('_storage')),
+					salarioFamilia: v.optional(v.boolean()),
+					impostoRenda: v.optional(v.boolean())
+				})
+			)
+		)
+	},
+	returns: v.id('funcionarios'),
+	handler: async (ctx, args) => {
+		// Autorização: criar
+		await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
+			recurso: 'funcionarios',
+			acao: 'criar'
+		});
+		// Unicidade: CPF
+		const cpfExists = await ctx.db
+			.query('funcionarios')
+			.withIndex('by_cpf', (q) => q.eq('cpf', args.cpf))
+			.unique();
+		if (cpfExists) {
+			throw new Error('CPF já cadastrado');
+		}
 
-    // Unicidade: Matrícula (apenas se fornecida)
-    if (args.matricula) {
-      const matriculaExists = await ctx.db
-        .query("funcionarios")
-        .withIndex("by_matricula", (q) => q.eq("matricula", args.matricula))
-        .unique();
-      if (matriculaExists) {
-        throw new Error(
-          "Já existe um funcionário com esta matrícula. Por favor, use outra ou deixe em branco."
-        );
-      }
-    }
+		// Unicidade: Matrícula (apenas se fornecida)
+		if (args.matricula) {
+			const matriculaExists = await ctx.db
+				.query('funcionarios')
+				.withIndex('by_matricula', (q) => q.eq('matricula', args.matricula))
+				.unique();
+			if (matriculaExists) {
+				throw new Error(
+					'Já existe um funcionário com esta matrícula. Por favor, use outra ou deixe em branco.'
+				);
+			}
+		}
 
-    const novoFuncionarioId = await ctx.db.insert("funcionarios", args);
-    return novoFuncionarioId;
-  },
+		const novoFuncionarioId = await ctx.db.insert('funcionarios', args);
+		return novoFuncionarioId;
+	}
 });
 
 export const update = mutation({
-  args: {
-    id: v.id("funcionarios"),
-    // Campos obrigatórios
-    nome: v.string(),
-    matricula: v.optional(v.string()),
-    simboloId: v.id("simbolos"),
-    nascimento: v.string(),
-    rg: v.string(),
-    cpf: v.string(),
-    endereco: v.string(),
-    cep: v.string(),
-    cidade: v.string(),
-    uf: v.string(),
-    telefone: v.string(),
-    email: v.string(),
-    admissaoData: v.optional(v.string()),
-    desligamentoData: v.optional(v.string()),
-    simboloTipo: simboloTipo,
+	args: {
+		id: v.id('funcionarios'),
+		// Campos obrigatórios
+		nome: v.string(),
+		matricula: v.optional(v.string()),
+		simboloId: v.id('simbolos'),
+		nascimento: v.string(),
+		rg: v.string(),
+		cpf: v.string(),
+		endereco: v.string(),
+		cep: v.string(),
+		cidade: v.string(),
+		uf: v.string(),
+		telefone: v.string(),
+		email: v.string(),
+		admissaoData: v.optional(v.string()),
+		desligamentoData: v.optional(v.string()),
+		simboloTipo: simboloTipo,
 
-    // Dados Pessoais Adicionais
-    nomePai: v.optional(v.string()),
-    nomeMae: v.optional(v.string()),
-    naturalidade: v.optional(v.string()),
-    naturalidadeUF: v.optional(v.string()),
-    sexo: sexoValidator,
-    estadoCivil: estadoCivilValidator,
-    nacionalidade: v.optional(v.string()),
+		// Dados Pessoais Adicionais
+		nomePai: v.optional(v.string()),
+		nomeMae: v.optional(v.string()),
+		naturalidade: v.optional(v.string()),
+		naturalidadeUF: v.optional(v.string()),
+		sexo: sexoValidator,
+		estadoCivil: estadoCivilValidator,
+		nacionalidade: v.optional(v.string()),
 
-    // Documentos Pessoais
-    rgOrgaoExpedidor: v.optional(v.string()),
-    rgDataEmissao: v.optional(v.string()),
-    carteiraProfissionalNumero: v.optional(v.string()),
-    carteiraProfissionalSerie: v.optional(v.string()),
-    carteiraProfissionalDataEmissao: v.optional(v.string()),
-    reservistaNumero: v.optional(v.string()),
-    reservistaSerie: v.optional(v.string()),
-    tituloEleitorNumero: v.optional(v.string()),
-    tituloEleitorZona: v.optional(v.string()),
-    tituloEleitorSecao: v.optional(v.string()),
-    pisNumero: v.optional(v.string()),
+		// Documentos Pessoais
+		rgOrgaoExpedidor: v.optional(v.string()),
+		rgDataEmissao: v.optional(v.string()),
+		carteiraProfissionalNumero: v.optional(v.string()),
+		carteiraProfissionalSerie: v.optional(v.string()),
+		carteiraProfissionalDataEmissao: v.optional(v.string()),
+		reservistaNumero: v.optional(v.string()),
+		reservistaSerie: v.optional(v.string()),
+		tituloEleitorNumero: v.optional(v.string()),
+		tituloEleitorZona: v.optional(v.string()),
+		tituloEleitorSecao: v.optional(v.string()),
+		pisNumero: v.optional(v.string()),
 
-    // Formação e Saúde
-    grauInstrucao: grauInstrucaoValidator,
-    formacao: v.optional(v.string()),
-    formacaoRegistro: v.optional(v.string()),
-    grupoSanguineo: grupoSanguineoValidator,
-    fatorRH: fatorRHValidator,
+		// Formação e Saúde
+		grauInstrucao: grauInstrucaoValidator,
+		formacao: v.optional(v.string()),
+		formacaoRegistro: v.optional(v.string()),
+		grupoSanguineo: grupoSanguineoValidator,
+		fatorRH: fatorRHValidator,
 
-    // Cargo e Vínculo
-    descricaoCargo: v.optional(v.string()),
-    nomeacaoPortaria: v.optional(v.string()),
-    nomeacaoData: v.optional(v.string()),
-    nomeacaoDOE: v.optional(v.string()),
-    regimeTrabalho: regimeTrabalhoValidator,
-    pertenceOrgaoPublico: v.optional(v.boolean()),
-    orgaoOrigem: v.optional(v.string()),
-    aposentado: aposentadoValidator,
+		// Cargo e Vínculo
+		descricaoCargo: v.optional(v.string()),
+		nomeacaoPortaria: v.optional(v.string()),
+		nomeacaoData: v.optional(v.string()),
+		nomeacaoDOE: v.optional(v.string()),
+		regimeTrabalho: regimeTrabalhoValidator,
+		pertenceOrgaoPublico: v.optional(v.boolean()),
+		orgaoOrigem: v.optional(v.string()),
+		aposentado: aposentadoValidator,
 
-    // Dados Bancários
-    contaBradescoNumero: v.optional(v.string()),
-    contaBradescoDV: v.optional(v.string()),
-    contaBradescoAgencia: v.optional(v.string()),
+		// Dados Bancários
+		contaBradescoNumero: v.optional(v.string()),
+		contaBradescoDV: v.optional(v.string()),
+		contaBradescoAgencia: v.optional(v.string()),
 
-    // Documentos Anexos (Storage IDs)
-    certidaoAntecedentesPF: v.optional(v.id("_storage")),
-    certidaoAntecedentesJFPE: v.optional(v.id("_storage")),
-    certidaoAntecedentesSDS: v.optional(v.id("_storage")),
-    certidaoAntecedentesTJPE: v.optional(v.id("_storage")),
-    certidaoImprobidade: v.optional(v.id("_storage")),
-    rgFrente: v.optional(v.id("_storage")),
-    rgVerso: v.optional(v.id("_storage")),
-    cpfFrente: v.optional(v.id("_storage")),
-    cpfVerso: v.optional(v.id("_storage")),
-    situacaoCadastralCPF: v.optional(v.id("_storage")),
-    tituloEleitorFrente: v.optional(v.id("_storage")),
-    tituloEleitorVerso: v.optional(v.id("_storage")),
-    comprovanteVotacao: v.optional(v.id("_storage")),
-    carteiraProfissionalFrente: v.optional(v.id("_storage")),
-    carteiraProfissionalVerso: v.optional(v.id("_storage")),
-    comprovantePIS: v.optional(v.id("_storage")),
-    certidaoRegistroCivil: v.optional(v.id("_storage")),
-    certidaoNascimentoDependentes: v.optional(v.id("_storage")),
-    cpfDependentes: v.optional(v.id("_storage")),
-    reservistaDoc: v.optional(v.id("_storage")),
-    comprovanteEscolaridade: v.optional(v.id("_storage")),
-    comprovanteResidencia: v.optional(v.id("_storage")),
-    comprovanteContaBradesco: v.optional(v.id("_storage")),
+		// Documentos Anexos (Storage IDs)
+		certidaoAntecedentesPF: v.optional(v.id('_storage')),
+		certidaoAntecedentesJFPE: v.optional(v.id('_storage')),
+		certidaoAntecedentesSDS: v.optional(v.id('_storage')),
+		certidaoAntecedentesTJPE: v.optional(v.id('_storage')),
+		certidaoImprobidade: v.optional(v.id('_storage')),
+		rgFrente: v.optional(v.id('_storage')),
+		rgVerso: v.optional(v.id('_storage')),
+		cpfFrente: v.optional(v.id('_storage')),
+		cpfVerso: v.optional(v.id('_storage')),
+		situacaoCadastralCPF: v.optional(v.id('_storage')),
+		tituloEleitorFrente: v.optional(v.id('_storage')),
+		tituloEleitorVerso: v.optional(v.id('_storage')),
+		comprovanteVotacao: v.optional(v.id('_storage')),
+		carteiraProfissionalFrente: v.optional(v.id('_storage')),
+		carteiraProfissionalVerso: v.optional(v.id('_storage')),
+		comprovantePIS: v.optional(v.id('_storage')),
+		certidaoRegistroCivil: v.optional(v.id('_storage')),
+		certidaoNascimentoDependentes: v.optional(v.id('_storage')),
+		cpfDependentes: v.optional(v.id('_storage')),
+		reservistaDoc: v.optional(v.id('_storage')),
+		comprovanteEscolaridade: v.optional(v.id('_storage')),
+		comprovanteResidencia: v.optional(v.id('_storage')),
+		comprovanteContaBradesco: v.optional(v.id('_storage')),
 
-    // Declarações (Storage IDs)
-    declaracaoAcumulacaoCargo: v.optional(v.id("_storage")),
-    declaracaoDependentesIR: v.optional(v.id("_storage")),
-    declaracaoIdoneidade: v.optional(v.id("_storage")),
-    termoNepotismo: v.optional(v.id("_storage")),
-    termoOpcaoRemuneracao: v.optional(v.id("_storage")),
-    // Dependentes (opcional)
-    dependentes: v.optional(
-      v.array(
-        v.object({
-          parentesco: v.union(
-            v.literal("filho"),
-            v.literal("filha"),
-            v.literal("conjuge"),
-            v.literal("outro")
-          ),
-          nome: v.string(),
-          cpf: v.string(),
-          nascimento: v.string(),
-          documentoId: v.optional(v.id("_storage")),
-          salarioFamilia: v.optional(v.boolean()),
-          impostoRenda: v.optional(v.boolean()),
-        })
-      )
-    ),
-  },
-  returns: v.null(),
-  handler: async (ctx, args) => {
-    // Autorização: editar
-    await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
-      recurso: "funcionarios",
-      acao: "editar",
-    });
-    // Unicidade: CPF (excluindo o próprio registro)
-    const cpfExists = await ctx.db
-      .query("funcionarios")
-      .withIndex("by_cpf", (q) => q.eq("cpf", args.cpf))
-      .unique();
-    if (cpfExists && cpfExists._id !== args.id) {
-      throw new Error("CPF já cadastrado");
-    }
+		// Declarações (Storage IDs)
+		declaracaoAcumulacaoCargo: v.optional(v.id('_storage')),
+		declaracaoDependentesIR: v.optional(v.id('_storage')),
+		declaracaoIdoneidade: v.optional(v.id('_storage')),
+		termoNepotismo: v.optional(v.id('_storage')),
+		termoOpcaoRemuneracao: v.optional(v.id('_storage')),
+		// Dependentes (opcional)
+		dependentes: v.optional(
+			v.array(
+				v.object({
+					parentesco: v.union(
+						v.literal('filho'),
+						v.literal('filha'),
+						v.literal('conjuge'),
+						v.literal('outro')
+					),
+					nome: v.string(),
+					cpf: v.string(),
+					nascimento: v.string(),
+					documentoId: v.optional(v.id('_storage')),
+					salarioFamilia: v.optional(v.boolean()),
+					impostoRenda: v.optional(v.boolean())
+				})
+			)
+		)
+	},
+	returns: v.null(),
+	handler: async (ctx, args) => {
+		// Autorização: editar
+		await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
+			recurso: 'funcionarios',
+			acao: 'editar'
+		});
+		// Unicidade: CPF (excluindo o próprio registro)
+		const cpfExists = await ctx.db
+			.query('funcionarios')
+			.withIndex('by_cpf', (q) => q.eq('cpf', args.cpf))
+			.unique();
+		if (cpfExists && cpfExists._id !== args.id) {
+			throw new Error('CPF já cadastrado');
+		}
 
-    // Unicidade: Matrícula (apenas se fornecida, excluindo o próprio registro)
-    if (args.matricula) {
-      const matriculaExists = await ctx.db
-        .query("funcionarios")
-        .withIndex("by_matricula", (q) => q.eq("matricula", args.matricula))
-        .unique();
-      if (matriculaExists && matriculaExists._id !== args.id) {
-        throw new Error(
-          "Já existe um funcionário com esta matrícula. Por favor, use outra ou deixe em branco."
-        );
-      }
-    }
+		// Unicidade: Matrícula (apenas se fornecida, excluindo o próprio registro)
+		if (args.matricula) {
+			const matriculaExists = await ctx.db
+				.query('funcionarios')
+				.withIndex('by_matricula', (q) => q.eq('matricula', args.matricula))
+				.unique();
+			if (matriculaExists && matriculaExists._id !== args.id) {
+				throw new Error(
+					'Já existe um funcionário com esta matrícula. Por favor, use outra ou deixe em branco.'
+				);
+			}
+		}
 
-    const usuarioExists = await ctx.db
-      .query("usuarios")
-      .withIndex("by_funcionarioId", (q) => q.eq("funcionarioId", args.id))
-      .unique();
+		const usuarioExists = await ctx.db
+			.query('usuarios')
+			.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', args.id))
+			.unique();
 
-    if (usuarioExists && usuarioExists.email !== args.email) {
-      await ctx.db.patch(usuarioExists._id, {
-        email: args.email,
-      });
-    }
+		if (usuarioExists && usuarioExists.email !== args.email) {
+			await ctx.db.patch(usuarioExists._id, {
+				email: args.email
+			});
+		}
 
-    const { id, ...updateData } = args;
-    await ctx.db.patch(id, updateData);
-    return null;
-  },
+		const { id, ...updateData } = args;
+		await ctx.db.patch(id, updateData);
+		return null;
+	}
 });
 
 export const remove = mutation({
-  args: { id: v.id("funcionarios") },
-  returns: v.null(),
-  handler: async (ctx, args) => {
-    // Autorização: excluir
-    await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
-      recurso: "funcionarios",
-      acao: "excluir",
-    });
-    // TODO: Talvez queiramos também remover os arquivos do storage
-    await ctx.db.delete(args.id);
-    return null;
-  },
+	args: { id: v.id('funcionarios') },
+	returns: v.null(),
+	handler: async (ctx, args) => {
+		// Autorização: excluir
+		await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
+			recurso: 'funcionarios',
+			acao: 'excluir'
+		});
+		// TODO: Talvez queiramos também remover os arquivos do storage
+		await ctx.db.delete(args.id);
+		return null;
+	}
 });
 
 // Query para obter ficha completa para impressão
 export const getFichaCompleta = query({
-  args: { id: v.id("funcionarios") },
-  // Tipo inferido automaticamente pelo Convex
-  handler: async (ctx, args) => {
-    await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
-      recurso: "funcionarios",
-      acao: "ver",
-    });
-    const funcionario = await ctx.db.get(args.id);
-    if (!funcionario) {
-      return null;
-    }
+	args: { id: v.id('funcionarios') },
+	// Tipo inferido automaticamente pelo Convex
+	handler: async (ctx, args) => {
+		await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
+			recurso: 'funcionarios',
+			acao: 'ver'
+		});
+		const funcionario = await ctx.db.get(args.id);
+		if (!funcionario) {
+			return null;
+		}
 
-    // Buscar informações do símbolo
-    const simbolo = await ctx.db.get(funcionario.simboloId);
+		// Buscar informações do símbolo
+		const simbolo = await ctx.db.get(funcionario.simboloId);
 
-    // Buscar cursos do funcionário
-    const cursos = await ctx.db
-      .query("cursos")
-      .withIndex("by_funcionario", (q) => q.eq("funcionarioId", args.id))
-      .collect();
+		// Buscar cursos do funcionário
+		const cursos = await ctx.db
+			.query('cursos')
+			.withIndex('by_funcionario', (q) => q.eq('funcionarioId', args.id))
+			.collect();
 
-    // Buscar URLs dos certificados
-    const cursosComUrls = await Promise.all(
-      cursos.map(async (curso) => {
-        let certificadoUrl = null;
-        if (curso.certificadoId) {
-          certificadoUrl = await ctx.storage.getUrl(curso.certificadoId);
-        }
-        return {
-          ...curso,
-          certificadoUrl,
-        };
-      })
-    );
+		// Buscar URLs dos certificados
+		const cursosComUrls = await Promise.all(
+			cursos.map(async (curso) => {
+				let certificadoUrl = null;
+				if (curso.certificadoId) {
+					certificadoUrl = await ctx.storage.getUrl(curso.certificadoId);
+				}
+				return {
+					...curso,
+					certificadoUrl
+				};
+			})
+		);
 
-    return {
-      ...funcionario,
-      simbolo: simbolo
-        ? {
-            nome: simbolo.nome,
-            descricao: simbolo.descricao,
-            tipo: simbolo.tipo,
-            vencValor: simbolo.vencValor,
-            repValor: simbolo.repValor,
-            valor: simbolo.valor,
-          }
-        : null,
-      cursos: cursosComUrls,
-    };
-  },
+		return {
+			...funcionario,
+			simbolo: simbolo
+				? {
+						nome: simbolo.nome,
+						descricao: simbolo.descricao,
+						tipo: simbolo.tipo,
+						vencValor: simbolo.vencValor,
+						repValor: simbolo.repValor,
+						valor: simbolo.valor
+					}
+				: null,
+			cursos: cursosComUrls
+		};
+	}
 });
 
 // Mutation: Configurar gestor (apenas para TI_MASTER)
 export const configurarGestor = mutation({
-  args: {
-    funcionarioId: v.id("funcionarios"),
-    gestorId: v.optional(v.id("usuarios")),
-  },
-  returns: v.null(),
-  handler: async (ctx, args) => {
-    await ctx.db.patch(args.funcionarioId, {
-      gestorId: args.gestorId,
-    });
-    return null;
-  },
+	args: {
+		funcionarioId: v.id('funcionarios'),
+		gestorId: v.optional(v.id('usuarios'))
+	},
+	returns: v.null(),
+	handler: async (ctx, args) => {
+		await ctx.db.patch(args.funcionarioId, {
+			gestorId: args.gestorId
+		});
+		return null;
+	}
 });
diff --git a/packages/backend/convex/monitoramento.ts b/packages/backend/convex/monitoramento.ts
index 3d32bc3..6189bed 100644
--- a/packages/backend/convex/monitoramento.ts
+++ b/packages/backend/convex/monitoramento.ts
@@ -139,25 +139,6 @@ export const configurarAlerta = mutation({
  */
 export const listarAlertas = query({
 	args: {},
-	returns: v.array(
-		v.object({
-			_id: v.id('alertConfigurations'),
-			metricName: v.string(),
-			threshold: v.number(),
-			operator: v.union(
-				v.literal('>'),
-				v.literal('<'),
-				v.literal('>='),
-				v.literal('<='),
-				v.literal('==')
-			),
-			enabled: v.boolean(),
-			notifyByEmail: v.boolean(),
-			notifyByChat: v.boolean(),
-			createdBy: v.id('usuarios'),
-			lastModified: v.number()
-		})
-	),
 	handler: async (ctx) => {
 		const alertas = await ctx.db.query('alertConfigurations').collect();
 		return alertas;