diff --git a/.agent/rules/convex-typing.md b/.agent/rules/convex-typing.md
new file mode 100644
index 0000000..b3a8929
--- /dev/null
+++ b/.agent/rules/convex-typing.md
@@ -0,0 +1,69 @@
+---
+trigger: glob
+description: Regras de tipagem para queries e mutations do Convex
+globs: **/*.svelte.ts,**/*.svelte
+---
+
+# Regras de Tipagem do Convex
+
+## Regra Principal
+
+**NUNCA** crie anotações de tipo manuais para queries ou mutations do Convex. Os tipos já são inferidos automaticamente pelo Convex.
+
+### ❌ Errado - Não faça isso:
+
+```typescript
+// NÃO crie tipos manuais para o retorno de queries
+type Funcionario = {
+	_id: Id<'funcionarios'>;
+	nome: string;
+	email: string;
+	// ... outras propriedades
+};
+
+const funcionarios: Funcionario[] = useQuery(api.funcionarios.getAll) ?? [];
+```
+
+### ✅ Correto - Use inferência automática:
+
+```typescript
+// O tipo já vem inferido automaticamente
+const funcionarios = useQuery(api.funcionarios.getAll);
+```
+
+---
+
+## Quando Tipar É Necessário
+
+Em situações onde você **realmente precisa** de um tipo explícito (ex: props de componentes, variáveis de estado, etc.), use `FunctionReturnType` para inferir o tipo:
+
+```typescript
+import { FunctionReturnType } from 'convex/server';
+import { api } from '$convex/_generated/api';
+
+// Infere o tipo de retorno da query
+type FuncionariosQueryResult = FunctionReturnType<typeof api.funcionarios.getAll>;
+
+// Agora pode usar em props de componentes
+interface Props {
+	funcionarios: FuncionariosQueryResult;
+}
+```
+
+### Casos de Uso Válidos para `FunctionReturnType`:
+
+1. **Props de componentes** - quando um componente filho recebe dados de uma query
+2. **Variáveis derivadas** - quando precisa tipar uma transformação dos dados
+3. **Funções auxiliares** - quando cria funções que operam sobre os dados da query
+4. **Stores/Estado global** - quando armazena dados em estado externo ao componente
+
+---
+
+## Resumo
+
+| Situação                    | Abordagem                                         |
+| --------------------------- | ------------------------------------------------- |
+| Usar `useQuery` diretamente | Deixe o tipo ser inferido automaticamente         |
+| Props de componentes        | Use `FunctionReturnType<typeof api.module.query>` |
+| Transformações de dados     | Use `FunctionReturnType<typeof api.module.query>` |
+| Anotações manuais de tipo   | **NUNCA** - sempre infira do Convex               |
diff --git a/.agent/rules/svelte-rules.md b/.agent/rules/svelte-rules.md
index 208d7ff..1737d67 100644
--- a/.agent/rules/svelte-rules.md
+++ b/.agent/rules/svelte-rules.md
@@ -1,5 +1,6 @@
 ---
-trigger: glob
+trigger: model_decision
+description: whenever you're working with Svelte files
 globs: **/*.svelte.ts,**/*.svelte
 ---
 
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 324766b..bdba50b 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -19,28 +19,20 @@
 			"pattern": "packages/*"
 		}
 	],
-	"eslint.validate": [
-		"javascript",
-		"javascriptreact",
-		"typescript",
-		"typescriptreact",
-		"svelte"
-	],
+	"eslint.validate": ["javascript", "typescript", "svelte"],
 	"eslint.options": {
 		"cache": true,
 		"cacheLocation": ".eslintcache"
 	},
 	"editor.formatOnSave": true,
-	"editor.codeActionsOnSave": {
-		"source.fixAll.eslint": "explicit",
-		"source.addMissingImports": "always",
-		"source.removeUnusedImports": "always",
-	},
 	"[typescript]": {
 		"editor.defaultFormatter": "esbenp.prettier-vscode"
 	},
 	"[jsonc]": {
 		"editor.defaultFormatter": "vscode.json-language-features"
 	},
+	"[svelte]": {
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
 	"editor.tabSize": 2
-}
\ No newline at end of file
+}
diff --git a/apps/web/package.json b/apps/web/package.json
index db9e0ba..49ad8c6 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -57,6 +57,7 @@
 		"jspdf-autotable": "^5.0.2",
 		"lib-jitsi-meet": "^1.0.6",
 		"lucide-svelte": "^0.552.0",
+		"marked": "^17.0.1",
 		"papaparse": "^5.4.1",
 		"svelte-sonner": "^1.0.5",
 		"xlsx": "^0.18.5",
diff --git a/apps/web/src/hooks.server.ts b/apps/web/src/hooks.server.ts
index df2d022..a04f98e 100644
--- a/apps/web/src/hooks.server.ts
+++ b/apps/web/src/hooks.server.ts
@@ -1,9 +1,91 @@
-import type { Handle } from '@sveltejs/kit';
+import type { Handle, HandleServerError } from '@sveltejs/kit';
 import { createAuth } from '@sgse-app/backend/convex/auth';
-import { getToken } from '@mmailaender/convex-better-auth-svelte/sveltekit';
+import { getToken, createConvexHttpClient } from '@mmailaender/convex-better-auth-svelte/sveltekit';
+import { api } from '@sgse-app/backend/convex/_generated/api';
 
 export const handle: Handle = async ({ event, resolve }) => {
 	event.locals.token = await getToken(createAuth, event.cookies);
 
 	return resolve(event);
 };
+
+export const handleError: HandleServerError = async ({ error, event, status, message }) => {
+	// Notificar erros 404 e 500+ (erros internos do servidor)
+	if (status === 404 || status === 500 || status >= 500) {
+		// Evitar loop infinito: não registrar erros relacionados à própria página de erros
+		const urlPath = event.url.pathname;
+		if (urlPath.includes('/ti/erros-servidor')) {
+			console.warn(
+				`⚠️ Erro na página de erros do servidor (${status}): Não será registrado para evitar loop.`
+			);
+		} else {
+			try {
+				// Obter token do usuário (se autenticado)
+				const token = event.locals.token;
+
+				// Criar cliente Convex para chamar a action
+				const client = createConvexHttpClient({
+					token: token || undefined
+				});
+
+				// Extrair informações do erro
+				const errorMessage = error instanceof Error ? error.message : String(error);
+				const errorStack = error instanceof Error ? error.stack : undefined;
+				const url = event.url.toString();
+				const method = event.request.method;
+				const ipAddress = event.getClientAddress();
+				const userAgent = event.request.headers.get('user-agent') || undefined;
+
+				// Log para debug
+				console.log(`📝 Registrando erro ${status} no servidor:`, {
+					url,
+					method,
+					mensagem: errorMessage.substring(0, 100)
+				});
+
+				// Chamar action para registrar e notificar erro
+				// Aguardar a promise mas não bloquear a resposta se falhar
+				try {
+					// Usar Promise.race com timeout para evitar bloquear a resposta
+					const actionPromise = client.action(api.errosServidor.registrarErroServidor, {
+						statusCode: status,
+						mensagem: errorMessage,
+						stack: errorStack,
+						url,
+						method,
+						ipAddress,
+						userAgent,
+						usuarioId: undefined // Pode ser implementado depois para obter do token
+					});
+
+					// Timeout de 3 segundos
+					const timeoutPromise = new Promise<never>((_, reject) => {
+						setTimeout(() => reject(new Error('Timeout ao registrar erro')), 3000);
+					});
+
+					const resultado = await Promise.race([actionPromise, timeoutPromise]);
+					console.log(`✅ Erro ${status} registrado com sucesso:`, resultado);
+				} catch (actionError) {
+					// Log do erro de notificação, mas não falhar a resposta
+					console.error(
+						`❌ Erro ao registrar notificação de erro ${status}:`,
+						actionError instanceof Error ? actionError.message : actionError
+					);
+				}
+			} catch (err) {
+				// Se falhar ao criar cliente ou chamar action, apenas logar
+				// Não queremos que falhas na notificação quebrem a resposta de erro
+				console.error(
+					`❌ Erro ao tentar notificar equipe técnica sobre erro ${status}:`,
+					err instanceof Error ? err.message : err
+				);
+			}
+		}
+	}
+
+	// Retornar mensagem de erro padrão
+	return {
+		message: message || 'Erro interno do servidor',
+		status
+	};
+};
diff --git a/apps/web/src/lib/components/ActionGuard.svelte b/apps/web/src/lib/components/ActionGuard.svelte
index 3a774ac..6b718fb 100644
--- a/apps/web/src/lib/components/ActionGuard.svelte
+++ b/apps/web/src/lib/components/ActionGuard.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
+	import { useQuery } from 'convex-svelte';
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
-	import { useQuery } from 'convex-svelte';
-	import { TriangleAlert } from 'lucide-svelte';
 	import { loginModalStore } from '$lib/stores/loginModal.svelte';
+	import { TriangleAlert } from 'lucide-svelte';
 
 	interface Props {
 		recurso: string;
@@ -11,7 +11,7 @@
 		children?: any;
 	}
 
-	const { recurso, acao, children }: Props = $props();
+	let { recurso, acao, children }: Props = $props();
 
 	let verificando = $state(true);
 	let permitido = $state(false);
diff --git a/apps/web/src/lib/components/AlertModal.svelte b/apps/web/src/lib/components/AlertModal.svelte
new file mode 100644
index 0000000..873c80f
--- /dev/null
+++ b/apps/web/src/lib/components/AlertModal.svelte
@@ -0,0 +1,125 @@
+<script lang="ts">
+	import { Info, X } from 'lucide-svelte';
+
+	interface Props {
+		open: boolean;
+		title?: string;
+		message: string;
+		buttonText?: string;
+		onClose: () => void;
+	}
+
+	let {
+		open = $bindable(false),
+		title = 'Atenção',
+		message,
+		buttonText = 'OK',
+		onClose
+	}: Props = $props();
+
+	function handleClose() {
+		open = false;
+		onClose();
+	}
+</script>
+
+{#if open}
+	<div
+		class="pointer-events-none fixed inset-0 z-[9999]"
+		style="animation: fadeIn 0.2s ease-out;"
+		role="dialog"
+		aria-modal="true"
+		aria-labelledby="modal-alert-title"
+	>
+		<!-- Backdrop -->
+		<div
+			class="pointer-events-auto absolute inset-0 bg-black/40 backdrop-blur-sm transition-opacity duration-200"
+			onclick={handleClose}
+		></div>
+
+		<!-- Modal Box -->
+		<div
+			class="bg-base-100 pointer-events-auto absolute left-1/2 top-1/2 z-10 flex max-h-[90vh] w-full max-w-md transform -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-2xl shadow-2xl transition-all duration-300"
+			style="animation: slideUp 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);"
+			onclick={(e) => e.stopPropagation()}
+		>
+			<!-- Header -->
+			<div
+				class="border-base-300 from-info/10 to-info/5 flex flex-shrink-0 items-center justify-between border-b bg-linear-to-r px-6 py-4"
+			>
+				<h2 id="modal-alert-title" class="text-info flex items-center gap-2 text-xl font-bold">
+					<Info class="h-6 w-6" strokeWidth={2.5} />
+					{title}
+				</h2>
+				<button
+					type="button"
+					class="btn btn-sm btn-circle btn-ghost hover:bg-base-300"
+					onclick={handleClose}
+					aria-label="Fechar"
+				>
+					<X class="h-5 w-5" />
+				</button>
+			</div>
+
+			<!-- Content -->
+			<div class="modal-scroll flex-1 overflow-y-auto px-6 py-6">
+				<p class="text-base-content text-base leading-relaxed">{message}</p>
+			</div>
+
+			<!-- Footer -->
+			<div class="border-base-300 flex flex-shrink-0 justify-end border-t px-6 py-4">
+				<button class="btn btn-primary" onclick={handleClose}>{buttonText}</button>
+			</div>
+		</div>
+	</div>
+{/if}
+
+<style>
+	@keyframes fadeIn {
+		from {
+			opacity: 0;
+		}
+		to {
+			opacity: 1;
+		}
+	}
+
+	@keyframes slideUp {
+		from {
+			opacity: 0;
+			transform: translate(-50%, -40%) scale(0.95);
+		}
+		to {
+			opacity: 1;
+			transform: translate(-50%, -50%) scale(1);
+		}
+	}
+
+	/* Scrollbar customizada */
+	:global(.modal-scroll) {
+		scrollbar-width: thin;
+		scrollbar-color: hsl(var(--bc) / 0.3) transparent;
+		scroll-behavior: smooth;
+		-webkit-overflow-scrolling: touch;
+	}
+
+	:global(.modal-scroll::-webkit-scrollbar) {
+		width: 8px;
+	}
+
+	:global(.modal-scroll::-webkit-scrollbar-track) {
+		background: transparent;
+		border-radius: 4px;
+	}
+
+	:global(.modal-scroll::-webkit-scrollbar-thumb) {
+		background-color: hsl(var(--bc) / 0.3);
+		border-radius: 4px;
+		transition: background-color 0.2s ease;
+	}
+
+	:global(.modal-scroll::-webkit-scrollbar-thumb:hover) {
+		background-color: hsl(var(--bc) / 0.5);
+	}
+</style>
+
diff --git a/apps/web/src/lib/components/AlterarStatusFerias.svelte b/apps/web/src/lib/components/AlterarStatusFerias.svelte
index 5e80f6f..cad9d34 100644
--- a/apps/web/src/lib/components/AlterarStatusFerias.svelte
+++ b/apps/web/src/lib/components/AlterarStatusFerias.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
-	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import type { Id, Doc } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { useConvexClient } from 'convex-svelte';
+	import { XCircle, AlertTriangle, X, Clock } from 'lucide-svelte';
 
 	type PeriodoFerias = Doc<'ferias'> & {
 		funcionario?: Doc<'funcionarios'> | null;
@@ -129,20 +130,7 @@
 				<div class="space-y-1">
 					{#each solicitacao.historicoAlteracoes as hist (hist.data)}
 						<div class="text-base-content/70 flex items-center gap-2 text-xs">
-							<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="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
+							<Clock class="h-3 w-3" strokeWidth={2} />
 							<span>{formatarData(hist.data)}</span>
 							<span>-</span>
 							<span>{hist.acao}</span>
@@ -156,19 +144,7 @@
 		{#if solicitacao.status !== 'Cancelado_RH'}
 			<div class="divider mt-6"></div>
 			<div class="alert alert-warning">
-				<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="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-					></path>
-				</svg>
+				<AlertTriangle class="h-6 w-6 shrink-0 stroke-current" />
 				<div>
 					<h3 class="font-bold">Cancelar Férias</h3>
 					<div class="text-sm">
@@ -185,39 +161,14 @@
 					onclick={cancelarPorRH}
 					disabled={processando}
 				>
-					<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>
+					<X class="h-5 w-5" strokeWidth={2} />
 					Cancelar Férias (RH)
 				</button>
 			</div>
 		{:else}
 			<div class="divider mt-6"></div>
 			<div class="alert alert-error">
-				<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="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
-					></path>
-				</svg>
+				<XCircle class="h-6 w-6 shrink-0 stroke-current" />
 				<span>Esta solicitação já foi cancelada pelo RH.</span>
 			</div>
 		{/if}
@@ -225,19 +176,7 @@
 		<!-- Motivo Reprovação (se reprovado) -->
 		{#if solicitacao.status === 'reprovado' && solicitacao.motivoReprovacao}
 			<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>
+				<XCircle class="h-6 w-6 shrink-0 stroke-current" />
 				<div>
 					<div class="font-bold">Motivo da Reprovação:</div>
 					<div class="text-sm">{solicitacao.motivoReprovacao}</div>
@@ -248,19 +187,7 @@
 		<!-- 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>
+				<XCircle class="h-6 w-6 shrink-0 stroke-current" />
 				<span>{erro}</span>
 			</div>
 		{/if}
diff --git a/apps/web/src/lib/components/AprovarAusencias.svelte b/apps/web/src/lib/components/AprovarAusencias.svelte
index 22ce20d..0f8bb92 100644
--- a/apps/web/src/lib/components/AprovarAusencias.svelte
+++ b/apps/web/src/lib/components/AprovarAusencias.svelte
@@ -3,6 +3,9 @@
 	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { useConvexClient } from 'convex-svelte';
 	import ErrorModal from './ErrorModal.svelte';
+	import UserAvatar from './chat/UserAvatar.svelte';
+	import { Calendar, FileText, XCircle, X, Check, Clock, User, Info } from 'lucide-svelte';
+	import { parseLocalDate } from '$lib/utils/datas';
 
 	type SolicitacaoAusencia = Doc<'solicitacoesAusencias'> & {
 		funcionario?: Doc<'funcionarios'> | null;
@@ -28,8 +31,8 @@
 	let mensagemErroModal = $state('');
 
 	function calcularDias(dataInicio: string, dataFim: string): number {
-		const inicio = new Date(dataInicio);
-		const fim = new Date(dataFim);
+		const inicio = parseLocalDate(dataInicio);
+		const fim = parseLocalDate(dataFim);
 		const diff = fim.getTime() - inicio.getTime();
 		return Math.ceil(diff / (1000 * 60 * 60 * 24)) + 1;
 	}
@@ -132,53 +135,48 @@
 
 <div class="aprovar-ausencia">
 	<!-- Header -->
-	<div class="mb-6">
-		<h2 class="text-primary mb-2 text-3xl font-bold">Aprovar/Reprovar Ausência</h2>
-		<p class="text-base-content/70">Analise a solicitação e tome uma decisão</p>
+	<div class="mb-4">
+		<h2 class="text-primary mb-1 text-2xl font-bold">Aprovar/Reprovar Ausência</h2>
+		<p class="text-base-content/70 text-sm">Analise a solicitação e tome uma decisão</p>
 	</div>
 
 	<!-- Card Principal -->
 	<div class="card bg-base-100 border-primary border-t-4 shadow-2xl">
-		<div class="card-body p-8">
+		<div class="card-body p-4 md:p-6">
 			<!-- Informações do Funcionário -->
-			<div class="mb-8">
-				<h3 class="text-primary mb-5 flex items-center gap-3 text-xl font-bold">
-					<div class="bg-primary/10 rounded-lg p-2">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-primary h-6 w-6"
-							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>
+			<div class="mb-4">
+				<h3 class="text-primary mb-3 flex items-center gap-2 text-lg font-bold">
+					<div class="bg-primary/10 rounded-lg p-1.5">
+						<User class="text-primary h-5 w-5" strokeWidth={2} />
 					</div>
 					Funcionário
 				</h3>
-				<div class="grid grid-cols-1 gap-5 md:grid-cols-2">
-					<div class="bg-base-200/50 hover:bg-base-200 rounded-xl p-4 transition-all">
-						<p class="text-base-content/60 mb-2 text-sm font-semibold tracking-wide uppercase">
+				<div class="grid grid-cols-1 gap-3 md:grid-cols-2">
+					<div class="bg-base-200/50 hover:bg-base-200 rounded-lg p-3 transition-all">
+						<p class="text-base-content/60 mb-1.5 text-xs font-semibold tracking-wide uppercase">
 							Nome
 						</p>
-						<p class="text-base-content text-lg font-bold">
-							{solicitacao.funcionario?.nome || 'N/A'}
-						</p>
+						<div class="flex items-center gap-2">
+							<UserAvatar
+								fotoPerfilUrl={solicitacao.funcionario?.fotoPerfilUrl}
+								nome={solicitacao.funcionario?.nome || 'N/A'}
+								size="sm"
+							/>
+							<p class="text-base-content text-base font-bold truncate">
+								{solicitacao.funcionario?.nome || 'N/A'}
+							</p>
+						</div>
 					</div>
 					{#if solicitacao.time}
-						<div class="bg-base-200/50 hover:bg-base-200 rounded-xl p-4 transition-all">
-							<p class="text-base-content/60 mb-2 text-sm font-semibold tracking-wide uppercase">
+						<div class="bg-base-200/50 hover:bg-base-200 rounded-lg p-3 transition-all">
+							<p class="text-base-content/60 mb-1.5 text-xs font-semibold tracking-wide uppercase">
 								Time
 							</p>
 							<div
-								class="badge badge-lg font-semibold"
+								class="badge badge-sm font-semibold max-w-full overflow-hidden text-ellipsis whitespace-nowrap"
 								style="background-color: {solicitacao.time.cor}20; border-color: {solicitacao.time
 									.cor}; color: {solicitacao.time.cor}"
+								title={solicitacao.time.nome}
 							>
 								{solicitacao.time.nome}
 							</div>
@@ -187,84 +185,58 @@
 				</div>
 			</div>
 
-			<div class="divider my-6"></div>
+			<div class="divider my-4"></div>
 
 			<!-- Período da Ausência -->
-			<div class="mb-8">
-				<h3 class="text-primary mb-5 flex items-center gap-3 text-xl font-bold">
-					<div class="bg-primary/10 rounded-lg p-2">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-primary 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>
+			<div class="mb-4">
+				<h3 class="text-primary mb-3 flex items-center gap-2 text-lg font-bold">
+					<div class="bg-primary/10 rounded-lg p-1.5">
+						<Calendar class="text-primary h-5 w-5" strokeWidth={2} />
 					</div>
 					Período da Ausência
 				</h3>
-				<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+				<div class="grid grid-cols-1 gap-3 sm:grid-cols-3">
 					<div
-						class="stat border-primary/20 from-primary/5 to-primary/10 hover:border-primary/30 rounded-xl border-2 bg-gradient-to-br shadow-md transition-all hover:shadow-lg"
+						class="stat border-primary/20 from-primary/5 to-primary/10 hover:border-primary/30 rounded-lg border-2 bg-gradient-to-br shadow-md transition-all hover:shadow-lg p-3"
 					>
-						<div class="stat-title text-base-content/70">Data Início</div>
-						<div class="stat-value text-primary text-2xl">
-							{new Date(solicitacao.dataInicio).toLocaleDateString('pt-BR')}
+						<div class="stat-title text-base-content/70 text-xs">Data Início</div>
+						<div class="stat-value text-primary text-lg font-bold">
+							{parseLocalDate(solicitacao.dataInicio).toLocaleDateString('pt-BR')}
 						</div>
 					</div>
 					<div
-						class="stat border-primary/20 from-primary/5 to-primary/10 hover:border-primary/30 rounded-xl border-2 bg-gradient-to-br shadow-md transition-all hover:shadow-lg"
+						class="stat border-primary/20 from-primary/5 to-primary/10 hover:border-primary/30 rounded-lg border-2 bg-gradient-to-br shadow-md transition-all hover:shadow-lg p-3"
 					>
-						<div class="stat-title text-base-content/70">Data Fim</div>
-						<div class="stat-value text-primary text-2xl">
-							{new Date(solicitacao.dataFim).toLocaleDateString('pt-BR')}
+						<div class="stat-title text-base-content/70 text-xs">Data Fim</div>
+						<div class="stat-value text-primary text-lg font-bold">
+							{parseLocalDate(solicitacao.dataFim).toLocaleDateString('pt-BR')}
 						</div>
 					</div>
 					<div
-						class="stat border-primary/30 from-primary/10 to-primary/15 hover:border-primary/40 rounded-xl border-2 bg-gradient-to-br shadow-md transition-all hover:shadow-lg"
+						class="stat border-primary/30 from-primary/10 to-primary/15 hover:border-primary/40 rounded-lg border-2 bg-gradient-to-br shadow-md transition-all hover:shadow-lg p-3"
 					>
-						<div class="stat-title text-base-content/70">Total de Dias</div>
-						<div class="stat-value text-primary text-3xl font-bold">
+						<div class="stat-title text-base-content/70 text-xs">Total de Dias</div>
+						<div class="stat-value text-primary text-2xl font-bold">
 							{totalDias}
 						</div>
-						<div class="stat-desc text-base-content/60">dias corridos</div>
+						<div class="stat-desc text-base-content/60 text-xs">dias corridos</div>
 					</div>
 				</div>
 			</div>
 
-			<div class="divider my-6"></div>
+			<div class="divider my-4"></div>
 
 			<!-- Motivo -->
-			<div class="mb-8">
-				<h3 class="text-primary mb-5 flex items-center gap-3 text-xl font-bold">
-					<div class="bg-primary/10 rounded-lg p-2">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-primary h-6 w-6"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-							/>
-						</svg>
+			<div class="mb-4">
+				<h3 class="text-primary mb-3 flex items-center gap-2 text-lg font-bold">
+					<div class="bg-primary/10 rounded-lg p-1.5">
+						<FileText class="text-primary h-5 w-5" strokeWidth={2} />
 					</div>
 					Motivo da Ausência
 				</h3>
-				<div class="card border-primary/10 bg-base-200/50 rounded-xl border-2 shadow-sm">
-					<div class="card-body p-5">
-						<p class="text-base-content leading-relaxed whitespace-pre-wrap">
+				<div class="card border-primary/10 bg-base-200/50 rounded-lg border-2 shadow-sm">
+					<div class="card-body p-3">
+						<p class="text-base-content text-sm leading-relaxed whitespace-pre-wrap">
 							{solicitacao.motivo}
 						</p>
 					</div>
@@ -272,89 +244,125 @@
 			</div>
 
 			<!-- Status Atual -->
-			<div class="bg-base-200/30 mb-8 rounded-xl p-4">
-				<div class="flex items-center gap-3">
-					<span class="text-base-content/70 text-sm font-semibold tracking-wide uppercase"
+			<div class="bg-base-200/30 mb-4 rounded-lg p-3">
+				<div class="flex items-center gap-2">
+					<span class="text-base-content/70 text-xs font-semibold tracking-wide uppercase"
 						>Status:</span
 					>
-					<div class={`badge badge-lg ${getStatusBadge(solicitacao.status)}`}>
+					<div class={`badge badge-sm ${getStatusBadge(solicitacao.status)}`}>
 						{getStatusTexto(solicitacao.status)}
 					</div>
 				</div>
 			</div>
 
+			<!-- Informações de Aprovação/Reprovação -->
+			{#if solicitacao.status === 'aprovado'}
+				<div class="alert alert-success mb-4 shadow-lg py-3">
+					<Check class="h-5 w-5 shrink-0 stroke-current" strokeWidth={2} />
+					<div class="flex-1">
+						<div class="font-bold text-sm">Aprovado</div>
+						{#if solicitacao.gestor}
+							<div class="text-xs mt-1">
+								Por: <strong>{solicitacao.gestor.nome}</strong>
+							</div>
+						{/if}
+						{#if solicitacao.dataAprovacao}
+							<div class="text-xs mt-1 opacity-80">
+								Em: {new Date(solicitacao.dataAprovacao).toLocaleString('pt-BR')}
+							</div>
+						{/if}
+					</div>
+				</div>
+			{/if}
+
+			{#if solicitacao.status === 'reprovado'}
+				<div class="alert alert-error mb-4 shadow-lg py-3">
+					<XCircle class="h-5 w-5 shrink-0 stroke-current" strokeWidth={2} />
+					<div class="flex-1">
+						<div class="font-bold text-sm">Reprovado</div>
+						{#if solicitacao.gestor}
+							<div class="text-xs mt-1">
+								Por: <strong>{solicitacao.gestor.nome}</strong>
+							</div>
+						{/if}
+						{#if solicitacao.dataReprovacao}
+							<div class="text-xs mt-1 opacity-80">
+								Em: {new Date(solicitacao.dataReprovacao).toLocaleString('pt-BR')}
+							</div>
+						{/if}
+						{#if solicitacao.motivoReprovacao}
+							<div class="mt-2">
+								<div class="text-xs font-semibold">Motivo:</div>
+								<div class="text-xs">{solicitacao.motivoReprovacao}</div>
+							</div>
+						{/if}
+					</div>
+				</div>
+			{/if}
+
+			<!-- Histórico de Alterações -->
+			{#if solicitacao.historicoAlteracoes && solicitacao.historicoAlteracoes.length > 0}
+				<div class="mb-4">
+					<h3 class="text-primary mb-3 flex items-center gap-2 text-lg font-bold">
+						<div class="bg-primary/10 rounded-lg p-1.5">
+							<Clock class="text-primary h-5 w-5" strokeWidth={2} />
+						</div>
+						Histórico de Alterações
+					</h3>
+					<div class="card border-primary/10 bg-base-200/50 rounded-lg border-2 shadow-sm">
+						<div class="card-body p-3">
+							<div class="space-y-2">
+								{#each solicitacao.historicoAlteracoes as hist}
+									<div class="border-base-300 flex items-start gap-2 border-b pb-2 last:border-0 last:pb-0">
+										<Clock class="text-primary mt-0.5 h-3.5 w-3.5 shrink-0" strokeWidth={2} />
+										<div class="flex-1">
+											<div class="text-base-content text-xs font-semibold">{hist.acao}</div>
+											<div class="text-base-content/60 text-xs">
+												{new Date(hist.data).toLocaleString('pt-BR')}
+											</div>
+										</div>
+									</div>
+								{/each}
+							</div>
+						</div>
+					</div>
+				</div>
+			{/if}
+
 			<!-- Erro -->
 			{#if erro}
-				<div class="alert alert-error mb-6 shadow-lg">
-					<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 class="alert alert-error mb-4 shadow-lg py-3">
+					<XCircle class="h-5 w-5 shrink-0 stroke-current" />
+					<span class="text-sm">{erro}</span>
 				</div>
 			{/if}
 
 			<!-- Ações -->
 			{#if solicitacao.status === 'aguardando_aprovacao'}
-				<div class="card-actions mt-8 justify-end gap-4">
+				<div class="card-actions mt-4 justify-end gap-2 flex-wrap">
 					<button
 						type="button"
-						class="btn btn-error btn-lg gap-2"
+						class="btn btn-error btn-sm md:btn-md gap-2"
 						onclick={reprovar}
 						disabled={processando}
 					>
 						{#if processando}
-							<span class="loading loading-spinner"></span>
+							<span class="loading loading-spinner loading-sm"></span>
 						{: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="M6 18L18 6M6 6l12 12"
-								/>
-							</svg>
+							<X class="h-4 w-4" strokeWidth={2} />
 						{/if}
 						Reprovar
 					</button>
 					<button
 						type="button"
-						class="btn btn-success btn-lg gap-2"
+						class="btn btn-success btn-sm md:btn-md gap-2"
 						onclick={aprovar}
 						disabled={processando}
 					>
 						{#if processando}
-							<span class="loading loading-spinner"></span>
+							<span class="loading loading-spinner loading-sm"></span>
 						{: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>
+							<Check class="h-4 w-4" strokeWidth={2} />
 						{/if}
 						Aprovar
 					</button>
@@ -362,14 +370,14 @@
 
 				<!-- Modal de Reprovação -->
 				{#if motivoReprovacao !== undefined}
-					<div class="border-error/20 bg-error/5 mt-6 rounded-xl border-2 p-5">
+					<div class="border-error/20 bg-error/5 mt-4 rounded-lg border-2 p-3">
 						<div class="form-control">
-							<label class="label" for="motivo-reprovacao">
-								<span class="label-text text-error font-bold">Motivo da Reprovação</span>
+							<label class="label py-1" for="motivo-reprovacao">
+								<span class="label-text text-error text-sm font-bold">Motivo da Reprovação</span>
 							</label>
 							<textarea
 								id="motivo-reprovacao"
-								class="textarea textarea-bordered focus:border-error focus:outline-error h-24"
+								class="textarea textarea-bordered textarea-sm focus:border-error focus:outline-error h-20"
 								placeholder="Informe o motivo da reprovação..."
 								bind:value={motivoReprovacao}
 							></textarea>
@@ -377,29 +385,17 @@
 					</div>
 				{/if}
 			{:else}
-				<div class="alert alert-info shadow-lg">
-					<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>Esta solicitação já foi processada.</span>
+				<div class="alert alert-info shadow-lg py-3">
+					<Info class="h-5 w-5 shrink-0 stroke-current" strokeWidth={2} />
+					<span class="text-sm">Esta solicitação já foi processada.</span>
 				</div>
 			{/if}
 
 			<!-- Botão Cancelar -->
-			<div class="mt-6 text-center">
+			<div class="mt-4 text-center">
 				<button
 					type="button"
-					class="btn btn-ghost"
+					class="btn btn-ghost btn-sm"
 					onclick={() => {
 						if (onCancelar) onCancelar();
 					}}
@@ -422,7 +418,7 @@
 
 <style>
 	.aprovar-ausencia {
-		max-width: 900px;
+		max-width: 100%;
 		margin: 0 auto;
 	}
 </style>
diff --git a/apps/web/src/lib/components/AprovarFerias.svelte b/apps/web/src/lib/components/AprovarFerias.svelte
index a61c86e..cd5103c 100644
--- a/apps/web/src/lib/components/AprovarFerias.svelte
+++ b/apps/web/src/lib/components/AprovarFerias.svelte
@@ -1,6 +1,8 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
-	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import type { Id, Doc } from '@sgse-app/backend/convex/_generated/dataModel';
+	import UserAvatar from './chat/UserAvatar.svelte';
+	import { Clock, Check, Edit, X, XCircle } from 'lucide-svelte';
 	import { useConvexClient } from 'convex-svelte';
 
 	type PeriodoFerias = Doc<'ferias'> & {
@@ -74,7 +76,8 @@
 						dataInicio: periodo.dataInicio,
 						dataFim: periodo.dataFim
 					}
-				]
+				],
+				feriasIdExcluir: periodo._id // Excluir este período do cálculo de saldo pendente
 			});
 
 			if (!validacao.valido) {
@@ -219,13 +222,20 @@
 <div class="card bg-base-100 shadow-xl">
 	<div class="card-body">
 		<div class="mb-4 flex items-start justify-between">
-			<div>
-				<h2 class="card-title text-2xl">
-					{periodo.funcionario?.nome || 'Funcionário'}
-				</h2>
-				<p class="text-base-content/70 mt-1 text-sm">
-					Ano de Referência: {periodo.anoReferencia}
-				</p>
+			<div class="flex items-center gap-3">
+				<UserAvatar
+					fotoPerfilUrl={periodo.funcionario?.fotoPerfilUrl}
+					nome={periodo.funcionario?.nome || 'Funcionário'}
+					size="md"
+				/>
+				<div>
+					<h2 class="card-title text-2xl">
+						{periodo.funcionario?.nome || 'Funcionário'}
+					</h2>
+					<p class="text-base-content/70 mt-1 text-sm">
+						Ano de Referência: {periodo.anoReferencia}
+					</p>
+				</div>
 			</div>
 			<div class={`badge ${getStatusBadge(periodo.status)} badge-lg`}>
 				{getStatusTexto(periodo.status)}
@@ -270,20 +280,7 @@
 				<div class="space-y-1">
 					{#each periodo.historicoAlteracoes as hist}
 						<div class="text-base-content/70 flex items-center gap-2 text-xs">
-							<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="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
+							<Clock class="h-3 w-3" strokeWidth={2} />
 							<span>{formatarData(hist.data)}</span>
 							<span>-</span>
 							<span>{hist.acao}</span>
@@ -307,20 +304,7 @@
 							onclick={aprovar}
 							disabled={processando}
 						>
-							<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>
+							<Check class="h-5 w-5" strokeWidth={2} />
 							Aprovar
 						</button>
 
@@ -330,20 +314,7 @@
 							onclick={() => (modoAjuste = true)}
 							disabled={processando}
 						>
-							<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="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>
+							<Edit class="h-5 w-5" strokeWidth={2} />
 							Ajustar Datas e Aprovar
 						</button>
 					</div>
@@ -364,20 +335,7 @@
 								onclick={reprovar}
 								disabled={processando || !motivoReprovacao.trim()}
 							>
-								<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>
+								<X class="h-4 w-4" strokeWidth={2} />
 								Reprovar
 							</button>
 						</div>
@@ -445,20 +403,7 @@
 							onclick={ajustarEAprovar}
 							disabled={processando || !novaDataInicio || !novaDataFim || diasAjustados <= 0}
 						>
-							<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="M5 13l4 4L19 7"
-								/>
-							</svg>
+							<Check class="h-4 w-4" strokeWidth={2} />
 							Confirmar e Aprovar
 						</button>
 					</div>
@@ -466,25 +411,48 @@
 			{/if}
 		{/if}
 
+		<!-- Informações de Aprovação/Reprovação -->
+		{#if periodo.status === 'aprovado' || periodo.status === 'data_ajustada_aprovada' || periodo.status === 'EmFérias'}
+			<div class="alert alert-success mt-4">
+				<Check class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+				<div class="flex-1">
+					<div class="font-bold">Aprovado</div>
+					{#if periodo.gestor}
+						<div class="text-sm mt-1">
+							Por: <strong>{periodo.gestor.nome}</strong>
+						</div>
+					{/if}
+					{#if periodo.dataAprovacao}
+						<div class="text-xs mt-1 opacity-80">
+							Em: {formatarData(periodo.dataAprovacao)}
+						</div>
+					{/if}
+				</div>
+			</div>
+		{/if}
+
 		<!-- Motivo Reprovação (se reprovado) -->
-		{#if periodo.status === 'reprovado' && periodo.motivoReprovacao}
+		{#if periodo.status === 'reprovado'}
 			<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>
-				<div>
-					<div class="font-bold">Motivo da Reprovação:</div>
+				<XCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+				<div class="flex-1">
+					<div class="font-bold">Reprovado</div>
+					{#if periodo.gestor}
+						<div class="text-sm mt-1">
+							Por: <strong>{periodo.gestor.nome}</strong>
+						</div>
+					{/if}
+					{#if periodo.dataReprovacao}
+						<div class="text-xs mt-1 opacity-80">
+							Em: {formatarData(periodo.dataReprovacao)}
+						</div>
+					{/if}
+					{#if periodo.motivoReprovacao}
+						<div class="mt-2">
+							<div class="text-sm font-semibold">Motivo:</div>
 					<div class="text-sm">{periodo.motivoReprovacao}</div>
+						</div>
+					{/if}
 				</div>
 			</div>
 		{/if}
@@ -492,19 +460,7 @@
 		<!-- 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>
+				<XCircle class="h-6 w-6 shrink-0 stroke-current" />
 				<span>{erro}</span>
 			</div>
 		{/if}
diff --git a/apps/web/src/lib/components/CalendarioAfastamentos.svelte b/apps/web/src/lib/components/CalendarioAfastamentos.svelte
index 3f3f235..d7b2cb2 100644
--- a/apps/web/src/lib/components/CalendarioAfastamentos.svelte
+++ b/apps/web/src/lib/components/CalendarioAfastamentos.svelte
@@ -1,10 +1,11 @@
 <script lang="ts">
+	import { onMount } from 'svelte';
 	import { Calendar } from '@fullcalendar/core';
-	import type { EventInput } from '@fullcalendar/core/index.js';
-	import ptBrLocale from '@fullcalendar/core/locales/pt-br';
 	import dayGridPlugin from '@fullcalendar/daygrid';
 	import interactionPlugin from '@fullcalendar/interaction';
-	import { onMount } from 'svelte';
+	import ptBrLocale from '@fullcalendar/core/locales/pt-br';
+	import type { EventInput } from '@fullcalendar/core/index.js';
+	import { SvelteDate } from 'svelte/reactivity';
 
 	interface Props {
 		eventos: Array<{
@@ -20,7 +21,7 @@
 		tipoFiltro?: string;
 	}
 
-	const { eventos, tipoFiltro = 'todos' }: Props = $props();
+	let { eventos, tipoFiltro = 'todos' }: Props = $props();
 
 	let calendarEl: HTMLDivElement;
 	let calendar: Calendar | null = null;
@@ -40,20 +41,31 @@
 		return eventos.filter((e) => e.tipo === filtroAtivo);
 	});
 
+	// Helper: Adicionar 1 dia à data fim (FullCalendar usa exclusive end)
+	function calcularDataFim(dataFim: string): string {
+		// Usar SvelteDate para evitar problemas de mutabilidade e timezone
+		const data = new SvelteDate(dataFim + 'T00:00:00');
+		data.setDate(data.getDate() + 1);
+		return data.toISOString().split('T')[0];
+	}
+
 	// Converter eventos para formato FullCalendar
-	let eventosFullCalendar = $derived.by(() => {
+	const eventosFullCalendar = $derived.by(() => {
 		return eventosFiltrados.map((evento) => ({
 			id: evento.id,
 			title: evento.title,
 			start: evento.start,
-			end: evento.end,
+			end: calcularDataFim(evento.end), // Ajustar data fim (exclusive end)
+			allDay: true, // IMPORTANTE: Tratar como dia inteiro sem timezone
 			backgroundColor: evento.color,
 			borderColor: evento.color,
 			textColor: '#ffffff',
 			extendedProps: {
 				tipo: evento.tipo,
 				funcionarioNome: evento.funcionarioNome,
-				funcionarioId: evento.funcionarioId
+				funcionarioId: evento.funcionarioId,
+				dataInicioOriginal: evento.start, // Armazenar data original para exibição
+				dataFimOriginal: evento.end // Armazenar data original para exibição
 			}
 		})) as EventInput[];
 	});
@@ -79,12 +91,14 @@
 			},
 			events: eventosFullCalendar,
 			eventClick: (info) => {
+				// Usar datas originais armazenadas nos extendedProps para exibição correta
+				const props = info.event.extendedProps;
 				eventoSelecionado = {
 					title: info.event.title,
-					start: info.event.startStr || '',
-					end: info.event.endStr || '',
-					tipo: info.event.extendedProps.tipo as string,
-					funcionarioNome: info.event.extendedProps.funcionarioNome as string
+					start: (props.dataInicioOriginal as string) || info.event.startStr || '',
+					end: (props.dataFimOriginal as string) || info.event.endStr || '',
+					tipo: props.tipo as string,
+					funcionarioNome: props.funcionarioNome as string
 				};
 				showModal = true;
 			},
@@ -359,8 +373,10 @@
 								<p class="text-base-content/60 text-sm">Duração</p>
 								<p class="font-semibold">
 									{(() => {
-										const inicio = new Date(eventoSelecionado.start);
-										const fim = new Date(eventoSelecionado.end);
+										// Usar SvelteDate para evitar problemas de mutabilidade e timezone
+										const inicio = new SvelteDate(eventoSelecionado.start + 'T00:00:00');
+										const fim = new SvelteDate(eventoSelecionado.end + 'T00:00:00');
+										// Não precisa ajustar porque estamos usando as datas originais dos extendedProps
 										const diffTime = Math.abs(fim.getTime() - inicio.getTime());
 										const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1;
 										return `${diffDays} ${diffDays === 1 ? 'dia' : 'dias'}`;
diff --git a/apps/web/src/lib/components/ConfirmModal.svelte b/apps/web/src/lib/components/ConfirmModal.svelte
new file mode 100644
index 0000000..b7fdc22
--- /dev/null
+++ b/apps/web/src/lib/components/ConfirmModal.svelte
@@ -0,0 +1,135 @@
+<script lang="ts">
+	import { AlertTriangle, X } from 'lucide-svelte';
+
+	interface Props {
+		open: boolean;
+		title?: string;
+		message: string;
+		confirmText?: string;
+		cancelText?: string;
+		onConfirm: () => void;
+		onCancel: () => void;
+	}
+
+	let {
+		open = $bindable(false),
+		title = 'Confirmar ação',
+		message,
+		confirmText = 'Confirmar',
+		cancelText = 'Cancelar',
+		onConfirm,
+		onCancel
+	}: Props = $props();
+
+	function handleConfirm() {
+		open = false;
+		onConfirm();
+	}
+
+	function handleCancel() {
+		open = false;
+		onCancel();
+	}
+</script>
+
+{#if open}
+	<div
+		class="pointer-events-none fixed inset-0 z-[9999]"
+		style="animation: fadeIn 0.2s ease-out;"
+		role="dialog"
+		aria-modal="true"
+		aria-labelledby="modal-confirm-title"
+	>
+		<!-- Backdrop -->
+		<div
+			class="pointer-events-auto absolute inset-0 bg-black/40 backdrop-blur-sm transition-opacity duration-200"
+			onclick={handleCancel}
+		></div>
+
+		<!-- Modal Box -->
+		<div
+			class="bg-base-100 pointer-events-auto absolute left-1/2 top-1/2 z-10 flex max-h-[90vh] w-full max-w-md transform -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-2xl shadow-2xl transition-all duration-300"
+			style="animation: slideUp 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);"
+			onclick={(e) => e.stopPropagation()}
+		>
+			<!-- Header -->
+			<div
+				class="border-base-300 from-warning/10 to-warning/5 flex flex-shrink-0 items-center justify-between border-b bg-linear-to-r px-6 py-4"
+			>
+				<h2 id="modal-confirm-title" class="text-warning flex items-center gap-2 text-xl font-bold">
+					<AlertTriangle class="h-6 w-6" strokeWidth={2.5} />
+					{title}
+				</h2>
+				<button
+					type="button"
+					class="btn btn-sm btn-circle btn-ghost hover:bg-base-300"
+					onclick={handleCancel}
+					aria-label="Fechar"
+				>
+					<X class="h-5 w-5" />
+				</button>
+			</div>
+
+			<!-- Content -->
+			<div class="modal-scroll flex-1 overflow-y-auto px-6 py-6">
+				<p class="text-base-content text-base leading-relaxed">{message}</p>
+			</div>
+
+			<!-- Footer -->
+			<div class="border-base-300 flex flex-shrink-0 justify-end gap-3 border-t px-6 py-4">
+				<button class="btn btn-ghost" onclick={handleCancel}>{cancelText}</button>
+				<button class="btn btn-warning" onclick={handleConfirm}>{confirmText}</button>
+			</div>
+		</div>
+	</div>
+{/if}
+
+<style>
+	@keyframes fadeIn {
+		from {
+			opacity: 0;
+		}
+		to {
+			opacity: 1;
+		}
+	}
+
+	@keyframes slideUp {
+		from {
+			opacity: 0;
+			transform: translate(-50%, -40%) scale(0.95);
+		}
+		to {
+			opacity: 1;
+			transform: translate(-50%, -50%) scale(1);
+		}
+	}
+
+	/* Scrollbar customizada */
+	:global(.modal-scroll) {
+		scrollbar-width: thin;
+		scrollbar-color: hsl(var(--bc) / 0.3) transparent;
+		scroll-behavior: smooth;
+		-webkit-overflow-scrolling: touch;
+	}
+
+	:global(.modal-scroll::-webkit-scrollbar) {
+		width: 8px;
+	}
+
+	:global(.modal-scroll::-webkit-scrollbar-track) {
+		background: transparent;
+		border-radius: 4px;
+	}
+
+	:global(.modal-scroll::-webkit-scrollbar-thumb) {
+		background-color: hsl(var(--bc) / 0.3);
+		border-radius: 4px;
+		transition: background-color 0.2s ease;
+	}
+
+	:global(.modal-scroll::-webkit-scrollbar-thumb:hover) {
+		background-color: hsl(var(--bc) / 0.5);
+	}
+</style>
+
diff --git a/apps/web/src/lib/components/FileUpload.svelte b/apps/web/src/lib/components/FileUpload.svelte
index b70ca05..7898d94 100644
--- a/apps/web/src/lib/components/FileUpload.svelte
+++ b/apps/web/src/lib/components/FileUpload.svelte
@@ -2,14 +2,13 @@
 	import { useConvexClient } from 'convex-svelte';
 	import {
 		ExternalLink,
-		Eye,
-		File as FileIcon,
 		FileText,
-		RefreshCw,
+		File as FileIcon,
+		Upload,
 		Trash2,
-		Upload
+		Eye,
+		RefreshCw
 	} from 'lucide-svelte';
-	import { resolve } from '$app/paths';
 
 	interface Props {
 		label: string;
@@ -21,7 +20,7 @@
 		onRemove: () => Promise<void>;
 	}
 
-	const {
+	let {
 		label,
 		helpUrl,
 		value = $bindable(),
diff --git a/apps/web/src/lib/components/MenuProtection.svelte b/apps/web/src/lib/components/MenuProtection.svelte
index e9d013c..bb772a9 100644
--- a/apps/web/src/lib/components/MenuProtection.svelte
+++ b/apps/web/src/lib/components/MenuProtection.svelte
@@ -1,10 +1,9 @@
 <script lang="ts">
+	import { useQuery } from 'convex-svelte';
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
-	import { useQuery } from 'convex-svelte';
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
 	import { loginModalStore } from '$lib/stores/loginModal.svelte';
+	import { onMount } from 'svelte';
 
 	interface MenuProtectionProps {
 		menuPath: string;
@@ -13,7 +12,7 @@
 		redirectTo?: string;
 	}
 
-	const {
+	let {
 		menuPath,
 		requireGravar = false,
 		children,
diff --git a/apps/web/src/lib/components/ModelosDeclaracoes.svelte b/apps/web/src/lib/components/ModelosDeclaracoes.svelte
index 6d1b676..35e833b 100644
--- a/apps/web/src/lib/components/ModelosDeclaracoes.svelte
+++ b/apps/web/src/lib/components/ModelosDeclaracoes.svelte
@@ -1,21 +1,21 @@
 <script lang="ts">
-	import { FileText, Info } from 'lucide-svelte';
+	import { modelosDeclaracoes } from '$lib/utils/modelosDeclaracoes';
 	import {
-		downloadBlob,
 		gerarDeclaracaoAcumulacaoCargo,
 		gerarDeclaracaoDependentesIR,
 		gerarDeclaracaoIdoneidade,
 		gerarTermoNepotismo,
-		gerarTermoOpcaoRemuneracao
+		gerarTermoOpcaoRemuneracao,
+		downloadBlob
 	} from '$lib/utils/declaracoesGenerator';
-	import { modelosDeclaracoes } from '$lib/utils/modelosDeclaracoes';
+	import { FileText, Info } from 'lucide-svelte';
 
 	interface Props {
 		funcionario?: any;
 		showPreencherButton?: boolean;
 	}
 
-	const { funcionario, showPreencherButton = false }: Props = $props();
+	let { funcionario, showPreencherButton = false }: Props = $props();
 	let generating = $state(false);
 
 	function baixarModelo(arquivoUrl: string, nomeModelo: string) {
diff --git a/apps/web/src/lib/components/PushNotificationManager.svelte b/apps/web/src/lib/components/PushNotificationManager.svelte
index 787b618..c5d93a5 100644
--- a/apps/web/src/lib/components/PushNotificationManager.svelte
+++ b/apps/web/src/lib/components/PushNotificationManager.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import { api } from '@sgse-app/backend/convex/_generated/api';
-	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { onMount } from 'svelte';
+	import { useConvexClient } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import { useQuery } from 'convex-svelte';
 	import {
-		registrarServiceWorker,
-		removerPushSubscription,
 		solicitarPushSubscription,
-		subscriptionToJSON
+		subscriptionToJSON,
+		removerPushSubscription
 	} from '$lib/utils/notifications';
 
 	const client = useConvexClient();
diff --git a/apps/web/src/lib/components/Sidebar.svelte b/apps/web/src/lib/components/Sidebar.svelte
index 702a47c..ea4bfea 100644
--- a/apps/web/src/lib/components/Sidebar.svelte
+++ b/apps/web/src/lib/components/Sidebar.svelte
@@ -419,6 +419,8 @@
 		if (result.data) {
 			// Registrar tentativa de login bem-sucedida
 			// Fazer de forma assíncrona para não bloquear o login
+			// Não tentamos buscar getCurrentUser aqui porque pode causar timeout
+			// O useQuery no componente já busca o usuário automaticamente quando a sessão estiver pronta
 			(async () => {
 				try {
 					// Aguardar um pouco para o usuário ser sincronizado no Convex
@@ -625,8 +627,15 @@
 				<a href={resolve('/abrir-chamado')} class="hover:text-primary font-medium transition-colors"
 					>Suporte</a
 				>
-				<a href={resolve('/')} class="hover:text-primary font-medium transition-colors"
-					>Privacidade</a
+				<span class="text-base-content/30">•</span>
+				<a
+					href={resolve('/abrir-chamado')}
+					class="link link-hover hover:text-primary transition-colors">Suporte</a
+				>
+				<span class="text-base-content/30">•</span>
+				<a
+					href={resolve('/privacidade')}
+					class="link link-hover hover:text-primary transition-colors">Privacidade</a
 				>
 			</div>
 			<div class="mt-2 opacity-70">
diff --git a/apps/web/src/lib/components/ausencias/CalendarioAusencias.svelte b/apps/web/src/lib/components/ausencias/CalendarioAusencias.svelte
index d03f77c..fc1d286 100644
--- a/apps/web/src/lib/components/ausencias/CalendarioAusencias.svelte
+++ b/apps/web/src/lib/components/ausencias/CalendarioAusencias.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { parseLocalDate } from '$lib/utils/datas';
 	import { Calendar } from '@fullcalendar/core';
 	import ptBrLocale from '@fullcalendar/core/locales/pt-br';
 	import dayGridPlugin from '@fullcalendar/daygrid';
@@ -20,7 +21,7 @@
 		readonly?: boolean;
 	}
 
-	const {
+	let {
 		dataInicio,
 		dataFim,
 		ausenciasExistentes = [],
@@ -723,13 +724,13 @@
 					<div>
 						<p class="text-base-content/70 text-sm">Data Início</p>
 						<p class="text-lg font-bold">
-							{new Date(dataInicio).toLocaleDateString('pt-BR')}
+							{parseLocalDate(dataInicio).toLocaleDateString('pt-BR')}
 						</p>
 					</div>
 					<div>
 						<p class="text-base-content/70 text-sm">Data Fim</p>
 						<p class="text-lg font-bold">
-							{new Date(dataFim).toLocaleDateString('pt-BR')}
+							{parseLocalDate(dataFim).toLocaleDateString('pt-BR')}
 						</p>
 					</div>
 					<div>
diff --git a/apps/web/src/lib/components/ausencias/WizardSolicitacaoAusencia.svelte b/apps/web/src/lib/components/ausencias/WizardSolicitacaoAusencia.svelte
index f553e75..cf5795c 100644
--- a/apps/web/src/lib/components/ausencias/WizardSolicitacaoAusencia.svelte
+++ b/apps/web/src/lib/components/ausencias/WizardSolicitacaoAusencia.svelte
@@ -3,7 +3,9 @@
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { SvelteDate } from 'svelte/reactivity';
-	import { toast } from 'svelte-sonner';
+	import { Check, ChevronLeft, ChevronRight, Calendar, AlertTriangle, CheckCircle } from 'lucide-svelte';
+	import { parseLocalDate } from '$lib/utils/datas';
+	import type { toast } from 'svelte-sonner';
 	import ErrorModal from '../ErrorModal.svelte';
 	import CalendarioAusencias from './CalendarioAusencias.svelte';
 
@@ -70,14 +72,14 @@
 
 			const hoje = new SvelteDate();
 			hoje.setHours(0, 0, 0, 0);
-			const inicio = new Date(dataInicio);
+			const inicio = parseLocalDate(dataInicio);
 
 			if (inicio < hoje) {
 				toast.error('A data de início não pode ser no passado');
 				return;
 			}
 
-			if (new Date(dataFim) < new Date(dataInicio)) {
+			if (parseLocalDate(dataFim) < parseLocalDate(dataInicio)) {
 				toast.error('A data de fim deve ser maior ou igual à data de início');
 				return;
 			}
@@ -133,7 +135,7 @@
 				mensagemErro.includes('solicitação aprovada ou pendente')
 			) {
 				mensagemErroModal = 'Não é possível criar esta solicitação.';
-				detalhesErroModal = `Já existe uma solicitação aprovada ou pendente para o período selecionado:\n\nPeríodo selecionado: ${new Date(dataInicio).toLocaleDateString('pt-BR')} até ${new Date(dataFim).toLocaleDateString('pt-BR')}\n\nPor favor, escolha um período diferente ou aguarde a resposta da solicitação existente.`;
+				detalhesErroModal = `Já existe uma solicitação aprovada ou pendente para o período selecionado:\n\nPeríodo selecionado: ${parseLocalDate(dataInicio).toLocaleDateString('pt-BR')} até ${parseLocalDate(dataFim).toLocaleDateString('pt-BR')}\n\nPor favor, escolha um período diferente ou aguarde a resposta da solicitação existente.`;
 				mostrarModalErro = true;
 			} else {
 				// Outros erros continuam usando toast
@@ -168,20 +170,7 @@
 			<div class="step-item">
 				<div class="step-marker">
 					{#if passoAtual > 1}
-						<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="M5 13l4 4L19 7"
-							/>
-						</svg>
+						<Check class="h-6 w-6" strokeWidth={2} />
 					{:else}
 						{passoAtual}
 					{/if}
@@ -196,20 +185,7 @@
 			<div class="step-item">
 				<div class="step-marker">
 					{#if passoAtual > 2}
-						<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="M5 13l4 4L19 7"
-							/>
-						</svg>
+						<Check class="h-6 w-6" strokeWidth={2} />
 					{:else}
 						2
 					{/if}
@@ -251,24 +227,12 @@
 
 					{#if dataInicio && dataFim}
 						<div class="alert alert-success shadow-lg">
-							<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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
+							<CheckCircle class="h-6 w-6 shrink-0 stroke-current" />
 							<div>
 								<h4 class="font-bold">Período selecionado!</h4>
 								<p>
-									De {new Date(dataInicio).toLocaleDateString('pt-BR')} até
-									{new Date(dataFim).toLocaleDateString('pt-BR')} ({totalDias} dias)
+									De {parseLocalDate(dataInicio).toLocaleDateString('pt-BR')} até
+									{parseLocalDate(dataFim).toLocaleDateString('pt-BR')} ({totalDias} dias)
 								</p>
 							</div>
 						</div>
@@ -289,33 +253,20 @@
 						<div class="card border-base-content/20 border-2">
 							<div class="card-body">
 								<h4 class="card-title text-orange-700 dark:text-orange-400">
-									<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="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>
+									<Calendar class="h-5 w-5" strokeWidth={2} />
 									Resumo do Período
 								</h4>
 								<div class="mt-2 grid grid-cols-1 gap-4 md:grid-cols-3">
 									<div>
 										<p class="text-base-content/70 text-sm">Data Início</p>
 										<p class="font-bold">
-											{new Date(dataInicio).toLocaleDateString('pt-BR')}
+											{parseLocalDate(dataInicio).toLocaleDateString('pt-BR')}
 										</p>
 									</div>
 									<div>
 										<p class="text-base-content/70 text-sm">Data Fim</p>
 										<p class="font-bold">
-											{new Date(dataFim).toLocaleDateString('pt-BR')}
+											{parseLocalDate(dataFim).toLocaleDateString('pt-BR')}
 										</p>
 									</div>
 									<div>
@@ -353,19 +304,7 @@
 
 					{#if motivo.trim().length > 0 && motivo.trim().length < 10}
 						<div class="alert alert-warning shadow-lg">
-							<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="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-								/>
-							</svg>
+							<AlertTriangle class="h-6 w-6 shrink-0 stroke-current" />
 							<span>O motivo deve ter no mínimo 10 caracteres</span>
 						</div>
 					{/if}
@@ -380,20 +319,7 @@
 					onclick={passoAnterior}
 					disabled={passoAtual === 1 || processando}
 				>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="mr-2 h-5 w-5"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M15 19l-7-7 7-7"
-						/>
-					</svg>
+					<ChevronLeft class="mr-2 h-5 w-5" strokeWidth={2} />
 					Voltar
 				</button>
 
@@ -405,20 +331,7 @@
 						disabled={processando}
 					>
 						Próximo
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="ml-2 h-5 w-5"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 5l7 7-7 7"
-							/>
-						</svg>
+						<ChevronRight class="ml-2 h-5 w-5" strokeWidth={2} />
 					</button>
 				{:else}
 					<button
@@ -431,20 +344,7 @@
 							<span class="loading loading-spinner"></span>
 							Enviando...
 						{:else}
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="mr-2 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>
+							<Check class="mr-2 h-5 w-5" strokeWidth={2} />
 							Enviar Solicitação
 						{/if}
 					</button>
diff --git a/apps/web/src/lib/components/call/CallControls.svelte b/apps/web/src/lib/components/call/CallControls.svelte
index 5838f27..e27a8a6 100644
--- a/apps/web/src/lib/components/call/CallControls.svelte
+++ b/apps/web/src/lib/components/call/CallControls.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
 	import {
-		Circle,
 		Mic,
 		MicOff,
-		PhoneOff,
-		Radio,
-		Settings,
-		Square,
 		Video,
-		VideoOff
+		VideoOff,
+		Radio,
+		Square,
+		Settings,
+		PhoneOff,
+		Circle
 	} from 'lucide-svelte';
 
 	interface Props {
diff --git a/apps/web/src/lib/components/call/CallSettings.svelte b/apps/web/src/lib/components/call/CallSettings.svelte
index ffa2376..c1815ee 100644
--- a/apps/web/src/lib/components/call/CallSettings.svelte
+++ b/apps/web/src/lib/components/call/CallSettings.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Check, Volume2, VolumeX, X } from 'lucide-svelte';
+	import { Check, Volume2, X } from 'lucide-svelte';
 	import { onMount } from 'svelte';
 	import type { DispositivoMedia } from '$lib/utils/jitsi';
 	import { obterDispositivosDisponiveis, solicitarPermissaoMidia } from '$lib/utils/jitsi';
@@ -19,7 +19,7 @@
 		}) => void;
 	}
 
-	const { open, dispositivoAtual, onClose, onAplicar }: Props = $props();
+	let { open, dispositivoAtual, onClose, onAplicar }: Props = $props();
 
 	let dispositivos = $state<{
 		microphones: DispositivoMedia[];
diff --git a/apps/web/src/lib/components/call/CallWindow.svelte b/apps/web/src/lib/components/call/CallWindow.svelte
index d2a613f..b68873a 100644
--- a/apps/web/src/lib/components/call/CallWindow.svelte
+++ b/apps/web/src/lib/components/call/CallWindow.svelte
@@ -2,7 +2,7 @@
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { useConvexClient, useQuery } from 'convex-svelte';
-	import { GripHorizontal, GripVertical, X } from 'lucide-svelte';
+	import { GripVertical, X } from 'lucide-svelte';
 	import { onDestroy, onMount } from 'svelte';
 	import { browser } from '$app/environment';
 	import type {
@@ -17,42 +17,40 @@
 	// Importação dinâmica do Jitsi apenas no cliente
 	let JitsiMeetJS: JitsiMeetJSLib | null = $state(null);
 
-	import { get } from 'svelte/store';
-
-	import {
-		atualizarDispositivos,
-		atualizarDuracao,
-		atualizarParticipantes,
-		atualizarStatusConexao,
-		callState,
-		finalizarChamada as finalizarChamadaStore,
-		inicializarChamada,
-		iniciarGravacao as iniciarGravacaoStore,
-		pararGravacao as pararGravacaoStore,
-		setAudioHabilitado,
-		setJitsiApi,
-		setStreamLocal,
-		setVideoHabilitado,
-		toggleAudio,
-		toggleVideo
-	} from '$lib/stores/callStore';
-	import { traduzirErro } from '$lib/utils/erroHelpers';
-	import {
-		criarDragHandler,
-		criarResizeHandler,
-		obterPosicaoInicial,
-		restaurarPosicaoJanela,
-		salvarPosicaoJanela
-	} from '$lib/utils/floatingWindow';
-
-	import { obterConfiguracaoJitsi, obterHostEPorta } from '$lib/utils/jitsi';
-	import { GravadorMedia, gerarNomeArquivo, salvarGravacao } from '$lib/utils/mediaRecorder';
-	import ErrorModal from '../ErrorModal.svelte';
-
 	import CallControls from './CallControls.svelte';
 	import CallSettings from './CallSettings.svelte';
 	import HostControls from './HostControls.svelte';
 	import RecordingIndicator from './RecordingIndicator.svelte';
+	import {
+		callState,
+		inicializarChamada,
+		setJitsiApi,
+		atualizarStatusConexao,
+		setStreamLocal,
+		atualizarParticipantes,
+		setAudioHabilitado,
+		setVideoHabilitado,
+		atualizarDispositivos,
+		atualizarDuracao
+	} from '$lib/stores/callStore';
+	import { traduzirErro } from '$lib/utils/erroHelpers';
+	import {
+		restaurarPosicaoJanela,
+		obterPosicaoInicial,
+		criarDragHandler,
+		salvarPosicaoJanela,
+		criarResizeHandler
+	} from '$lib/utils/floatingWindow';
+	import { obterConfiguracaoJitsi, obterHostEPorta } from '$lib/utils/jitsi';
+	import { GravadorMedia, gerarNomeArquivo, salvarGravacao } from '$lib/utils/mediaRecorder';
+	import type { get } from 'svelte/store';
+	import ErrorModal from '../ErrorModal.svelte';
+
+	import {
+		iniciarGravacao as iniciarGravacaoStore,
+		pararGravacao as pararGravacaoStore,
+		finalizarChamada as finalizarChamadaStore
+	} from '$lib/stores/callStore';
 
 	interface Props {
 		chamadaId: Id<'chamadas'>;
@@ -63,7 +61,7 @@
 		onClose: () => void;
 	}
 
-	const { chamadaId, conversaId, tipo, roomName, ehAnfitriao, onClose }: Props = $props();
+	let { chamadaId, conversaId, tipo, roomName, ehAnfitriao, onClose }: Props = $props();
 
 	const client = useConvexClient();
 
diff --git a/apps/web/src/lib/components/chamados/SlaChart.svelte b/apps/web/src/lib/components/chamados/SlaChart.svelte
index 9c6e845..e595fce 100644
--- a/apps/web/src/lib/components/chamados/SlaChart.svelte
+++ b/apps/web/src/lib/components/chamados/SlaChart.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
+	import { onMount, onDestroy } from 'svelte';
 	import { Chart, registerables } from 'chart.js';
-	import { onDestroy, onMount } from 'svelte';
 
 	Chart.register(...registerables);
 
@@ -13,30 +13,10 @@
 				semPrazo: number;
 			};
 			porPrioridade: {
-				baixa: {
-					dentroPrazo: number;
-					proximoVencimento: number;
-					vencido: number;
-					total: number;
-				};
-				media: {
-					dentroPrazo: number;
-					proximoVencimento: number;
-					vencido: number;
-					total: number;
-				};
-				alta: {
-					dentroPrazo: number;
-					proximoVencimento: number;
-					vencido: number;
-					total: number;
-				};
-				critica: {
-					dentroPrazo: number;
-					proximoVencimento: number;
-					vencido: number;
-					total: number;
-				};
+				baixa: { dentroPrazo: number; proximoVencimento: number; vencido: number; total: number };
+				media: { dentroPrazo: number; proximoVencimento: number; vencido: number; total: number };
+				alta: { dentroPrazo: number; proximoVencimento: number; vencido: number; total: number };
+				critica: { dentroPrazo: number; proximoVencimento: number; vencido: number; total: number };
 			};
 			taxaCumprimento: number;
 			totalComPrazo: number;
@@ -45,7 +25,7 @@
 		height?: number;
 	};
 
-	const { dadosSla, height = 400 }: Props = $props();
+	let { dadosSla, height = 400 }: Props = $props();
 
 	let canvas: HTMLCanvasElement;
 	let chart: Chart | null = null;
@@ -134,7 +114,7 @@
 								borderWidth: 1,
 								padding: 12,
 								callbacks: {
-									label: (context) => {
+									label: function (context) {
 										const label = context.dataset.label || '';
 										const value = context.parsed.y;
 										const prioridade = context.label;
diff --git a/apps/web/src/lib/components/chamados/TicketCard.svelte b/apps/web/src/lib/components/chamados/TicketCard.svelte
index 9dd8a7a..709b83e 100644
--- a/apps/web/src/lib/components/chamados/TicketCard.svelte
+++ b/apps/web/src/lib/components/chamados/TicketCard.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
-	import { createEventDispatcher } from 'svelte';
 	import {
 		corPrazo,
 		formatarData,
@@ -9,6 +8,7 @@
 		getStatusLabel,
 		prazoRestante
 	} from '$lib/utils/chamados';
+	import { createEventDispatcher } from 'svelte';
 
 	type Ticket = Doc<'tickets'>;
 
@@ -17,12 +17,10 @@
 		selected?: boolean;
 	}
 
-	const dispatch = createEventDispatcher<{
-		select: { ticketId: Id<'tickets'> };
-	}>();
-	const props = $props<Props>();
-	let ticket = $derived(props.ticket);
-	let selected = $derived(props.selected ?? false);
+	const dispatch = createEventDispatcher<{ select: { ticketId: Id<'tickets'> } }>();
+	const props: Props = $props();
+	const ticket = $derived(props.ticket);
+	const selected = $derived(props.selected ?? false);
 
 	const prioridadeClasses: Record<string, string> = {
 		baixa: 'badge badge-sm bg-base-200 text-base-content/70',
diff --git a/apps/web/src/lib/components/chamados/TicketForm.svelte b/apps/web/src/lib/components/chamados/TicketForm.svelte
index a031d56..653dd06 100644
--- a/apps/web/src/lib/components/chamados/TicketForm.svelte
+++ b/apps/web/src/lib/components/chamados/TicketForm.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import type { Doc } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { createEventDispatcher } from 'svelte';
+	import { Paperclip, X, Send } from 'lucide-svelte';
 
 	interface FormValues {
 		titulo: string;
@@ -18,7 +19,7 @@
 
 	const dispatch = createEventDispatcher<{ submit: { values: FormValues } }>();
 	const props = $props<Props>();
-	let loading = $derived(props.loading ?? false);
+	const loading = $derived(props.loading ?? false);
 
 	let titulo = $state('');
 	let descricao = $state('');
@@ -198,20 +199,7 @@
 				<p class="text-base-content/60 text-sm">Suporte a PDF e imagens (máx. 10MB por arquivo)</p>
 			</div>
 			<label class="btn btn-outline btn-sm">
-				<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="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
-					/>
-				</svg>
+				<Paperclip class="h-4 w-4" strokeWidth={2} />
 				Selecionar arquivos
 				<input
 					type="file"
@@ -261,38 +249,12 @@
 				<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="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"
-					/>
-				</svg>
+				<Send class="h-5 w-5" strokeWidth={2} />
 				Registrar chamado
 			{/if}
 		</button>
 		<button type="button" class="btn btn-ghost" onclick={resetForm} disabled={loading}>
-			<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>
+			<X class="h-5 w-5" strokeWidth={2} />
 			Limpar
 		</button>
 	</section>
diff --git a/apps/web/src/lib/components/chamados/TicketTimeline.svelte b/apps/web/src/lib/components/chamados/TicketTimeline.svelte
index 9f38214..399dfd1 100644
--- a/apps/web/src/lib/components/chamados/TicketTimeline.svelte
+++ b/apps/web/src/lib/components/chamados/TicketTimeline.svelte
@@ -14,7 +14,7 @@
 		timeline?: Array<TimelineEntry>;
 	}
 
-	const props = $props<Props>();
+	const props: Props = $props();
 	let timeline = $derived<Array<TimelineEntry>>(props.timeline ?? []);
 
 	const badgeClasses: Record<string, string> = {
diff --git a/apps/web/src/lib/components/chat/ChatList.svelte b/apps/web/src/lib/components/chat/ChatList.svelte
index 29cfa05..23fea2b 100644
--- a/apps/web/src/lib/components/chat/ChatList.svelte
+++ b/apps/web/src/lib/components/chat/ChatList.svelte
@@ -1,11 +1,14 @@
 <script lang="ts">
+	import { useQuery, useConvexClient } from 'convex-svelte';
 	import { api } from '@sgse-app/backend/convex/_generated/api';
-	import type { Id, Doc } from '@sgse-app/backend/convex/_generated/dataModel';
-	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { abrirConversa } from '$lib/stores/chatStore';
-	import NewConversationModal from './NewConversationModal.svelte';
-	import UserAvatar from './UserAvatar.svelte';
+	import { formatDistanceToNow } from 'date-fns';
+	import { ptBR } from 'date-fns/locale';
 	import UserStatusBadge from './UserStatusBadge.svelte';
+	import UserAvatar from './UserAvatar.svelte';
+	import NewConversationModal from './NewConversationModal.svelte';
+	import { Search, Plus, MessageSquare, Users, UsersRound } from 'lucide-svelte';
+	import type { Id, Doc } from '@sgse-app/backend/convex/_generated/dataModel';
 
 	const client = useConvexClient();
 
@@ -86,16 +89,22 @@
 		});
 	});
 
+	function formatarTempo(timestamp: number | undefined): string {
+		if (!timestamp) return '';
+		try {
+			return formatDistanceToNow(new Date(timestamp), {
+				addSuffix: true,
+				locale: ptBR
+			});
+		} catch {
+			return '';
+		}
+	}
+
 	let processando = $state(false);
 	let showNewConversationModal = $state(false);
 
-	interface Usuario {
-		_id: Id<'usuarios'>;
-		nome: string;
-		[key: string]: unknown;
-	}
-
-	async function handleClickUsuario(usuario: Usuario) {
+	async function handleClickUsuario(usuario: any) {
 		if (processando) {
 			console.log('⏳ Já está processando uma ação, aguarde...');
 			return;
@@ -178,7 +187,6 @@
 	}
 </script>
 
-```
 <div class="flex h-full flex-col">
 	<!-- Search bar -->
 	<div class="border-base-300 border-b p-4">
@@ -188,21 +196,16 @@
 				placeholder="Buscar usuários (nome, email, matrícula)..."
 				class="input input-bordered w-full pl-10"
 				bind:value={searchQuery}
+				aria-label="Buscar usuários ou conversas"
+				aria-describedby="search-help"
 			/>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				fill="none"
-				viewBox="0 0 24 24"
-				stroke-width="1.5"
-				stroke="currentColor"
-				class="text-base-content/50 absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2"
+			<span id="search-help" class="sr-only"
+				>Digite para buscar usuários por nome, email ou matrícula</span
 			>
-				<path
-					stroke-linecap="round"
-					stroke-linejoin="round"
-					d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
-				/>
-			</svg>
+			<Search
+				class="text-base-content/50 absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2"
+				strokeWidth={1.5}
+			/>
 		</div>
 	</div>
 
@@ -222,7 +225,7 @@
 				class={`tab flex-1 ${activeTab === 'conversas' ? 'tab-active' : ''}`}
 				onclick={() => (activeTab = 'conversas')}
 			>
-				💬 Conversas ({conversasFiltradas().length})
+				💬 Conversas ({conversasFiltradas.length})
 			</button>
 		</div>
 
@@ -235,16 +238,7 @@
 				title="Nova conversa (grupo ou sala de reunião)"
 				aria-label="Nova conversa"
 			>
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke-width="2"
-					stroke="currentColor"
-					class="mr-1 h-4 w-4"
-				>
-					<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
-				</svg>
+				<Plus class="mr-1 h-4 w-4" strokeWidth={2} />
 				Nova Conversa
 			</button>
 		</div>
@@ -263,34 +257,24 @@
 							: 'cursor-pointer'}"
 						onclick={() => handleClickUsuario(usuario)}
 						disabled={processando}
+						aria-label="Abrir conversa com {usuario.nome}"
+						aria-describedby="usuario-status-{usuario._id}"
 					>
 						<!-- Ícone de mensagem -->
 						<div
 							class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl transition-all duration-300 hover:scale-110"
 							style="background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%); border: 1px solid rgba(102, 126, 234, 0.2);"
 						>
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								viewBox="0 0 24 24"
-								fill="none"
-								stroke="currentColor"
-								stroke-width="2"
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								class="text-primary h-5 w-5"
-							>
-								<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
-								<path d="M9 10h.01M15 10h.01" />
-							</svg>
+							<MessageSquare class="text-primary h-5 w-5" strokeWidth={2} />
 						</div>
 
 						<!-- Avatar -->
 						<div class="relative shrink-0">
 							<UserAvatar
-								avatar={usuario.avatar}
 								fotoPerfilUrl={usuario.fotoPerfilUrl}
 								nome={usuario.nome}
 								size="md"
+								userId={usuario._id}
 							/>
 							<!-- Status badge -->
 							<div class="absolute right-0 bottom-0">
@@ -321,6 +305,9 @@
 									{usuario.statusMensagem || usuario.email}
 								</p>
 							</div>
+							<span id="usuario-status-{usuario._id}" class="sr-only">
+								Status: {getStatusLabel(usuario.statusPresenca)}
+							</span>
 						</div>
 					</button>
 				{/each}
@@ -332,27 +319,14 @@
 			{:else}
 				<!-- Nenhum usuário encontrado -->
 				<div class="flex h-full flex-col items-center justify-center px-4 text-center">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke-width="1.5"
-						stroke="currentColor"
-						class="text-base-content/30 mb-4 h-16 w-16"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z"
-						/>
-					</svg>
+					<UsersRound class="text-base-content/30 mb-4 h-16 w-16" strokeWidth={1.5} />
 					<p class="text-base-content/70">Nenhum usuário encontrado</p>
 				</div>
 			{/if}
 		{:else}
 			<!-- Lista de conversas (grupos e salas) -->
-			{#if conversas?.data && conversasFiltradas().length > 0}
-				{#each conversasFiltradas() as conversa (conversa._id)}
+			{#if conversas?.data && conversasFiltradas.length > 0}
+				{#each conversasFiltradas as conversa (conversa._id)}
 					<button
 						type="button"
 						class="hover:bg-base-200 border-base-300 flex w-full items-center gap-3 border-b px-4 py-3 text-left transition-colors {processando
@@ -369,35 +343,9 @@
 								: 'from-primary/20 to-secondary/20 border-primary/30 border bg-linear-to-br'}"
 						>
 							{#if conversa.tipo === 'sala_reuniao'}
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke-width="2"
-									stroke="currentColor"
-									class="h-5 w-5 text-blue-500"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z"
-									/>
-								</svg>
+								<UsersRound class="h-5 w-5 text-blue-500" strokeWidth={2} />
 							{:else}
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke-width="2"
-									stroke="currentColor"
-									class="text-primary h-5 w-5"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z"
-									/>
-								</svg>
+								<Users class="text-primary h-5 w-5" strokeWidth={2} />
 							{/if}
 						</div>
 
@@ -440,20 +388,7 @@
 			{:else}
 				<!-- Nenhuma conversa encontrada -->
 				<div class="flex h-full flex-col items-center justify-center px-4 text-center">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke-width="1.5"
-						stroke="currentColor"
-						class="text-base-content/30 mb-4 h-16 w-16"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"
-						/>
-					</svg>
+					<MessageSquare class="text-base-content/30 mb-4 h-16 w-16" strokeWidth={1.5} />
 					<p class="text-base-content/70 mb-2 font-medium">Nenhuma conversa encontrada</p>
 					<p class="text-base-content/50 text-sm">Crie um grupo ou sala de reunião para começar</p>
 				</div>
diff --git a/apps/web/src/lib/components/chat/ChatWidget.svelte b/apps/web/src/lib/components/chat/ChatWidget.svelte
index fdc596c..64a893e 100644
--- a/apps/web/src/lib/components/chat/ChatWidget.svelte
+++ b/apps/web/src/lib/components/chat/ChatWidget.svelte
@@ -11,29 +11,46 @@
 		conversaAtiva,
 		fecharChat,
 		maximizarChat,
-		minimizarChat
+		minimizarChat,
+		notificacaoAtiva
 	} from '$lib/stores/chatStore';
 	import ChatList from './ChatList.svelte';
 	import ChatWindow from './ChatWindow.svelte';
+	import { MessageSquare, Minus, Maximize2, X, Bell } from 'lucide-svelte';
 
 	const count = useQuery(api.chat.contarNotificacoesNaoLidas, {});
 
-	// Query para verificar o ID do usuário logado (usar como referência)
+	// Query otimizada: usar apenas uma query para obter usuário atual
+	// Priorizar obterPerfil pois retorna mais informações úteis
 	const meuPerfilQuery = useQuery(api.usuarios.obterPerfil, {});
-	// Usuário atual
 	const currentUser = useQuery(api.auth.getCurrentUser, {});
 
+	// Derivar ID do usuário de forma otimizada (usar perfil primeiro, fallback para currentUser)
+	const meuId = $derived(() => {
+		if (meuPerfilQuery?.data?._id) {
+			return String(meuPerfilQuery.data._id).trim();
+		}
+		if (currentUser?.data?._id) {
+			return String(currentUser.data._id).trim();
+		}
+		return null;
+	});
+
 	let isOpen = $derived(false);
 	let isMinimized = $derived(false);
 	let activeConversation = $state<string | null>(null);
 
-	// Função para obter a URL do avatar/foto do usuário logado
+	// Função para obter a URL do avatar/foto do usuário logado (otimizada)
 	let avatarUrlDoUsuario = $derived(() => {
-		const usuario = currentUser?.data;
-		if (!usuario) return null;
+		// Priorizar perfil (tem mais informações)
+		const perfil = meuPerfilQuery?.data;
+		if (perfil?.fotoPerfilUrl) {
+			return perfil.fotoPerfilUrl;
+		}
 
-		// Prioridade: fotoPerfilUrl > avatar > fallback com nome
-		if (usuario.fotoPerfilUrl) {
+		// Fallback para currentUser
+		const usuario = currentUser?.data;
+		if (usuario?.fotoPerfilUrl) {
 			return usuario.fotoPerfilUrl;
 		}
 
@@ -50,6 +67,13 @@
 	let dragThreshold = $state(5); // Distância mínima em pixels para considerar arrastar
 	let hasMoved = $state(false); // Flag para verificar se houve movimento durante o arrastar
 	let shouldPreventClick = $state(false); // Flag para prevenir clique após arrastar
+	let isDoubleClicking = $state(false); // Flag para prevenir clique simples após duplo clique
+
+	// Suporte a gestos touch (swipe)
+	let touchStart = $state<{ x: number; y: number; time: number } | null>(null);
+	let touchCurrent = $state<{ x: number; y: number } | null>(null);
+	let isTouching = $state(false);
+	let swipeVelocity = $state(0); // Velocidade do swipe para animação
 
 	// Tamanho da janela (redimensionável)
 	const MIN_WIDTH = 300;
@@ -397,47 +421,29 @@
 		}
 	}
 
+	// Throttle para evitar execuções muito frequentes do effect
+	let ultimaExecucaoNotificacao = $state(0);
+	const THROTTLE_NOTIFICACAO_MS = 1000; // 1 segundo entre execuções
+
 	$effect(() => {
-		if (todasConversas?.data && currentUser?.data?._id) {
+		const agora = Date.now();
+		const tempoDesdeUltimaExecucao = agora - ultimaExecucaoNotificacao;
+
+		// Throttle: só executar se passou tempo suficiente
+		if (tempoDesdeUltimaExecucao < THROTTLE_NOTIFICACAO_MS && ultimaExecucaoNotificacao > 0) {
+			return;
+		}
+
+		if (todasConversas?.data && meuId()) {
+			ultimaExecucaoNotificacao = agora;
 			const conversas = todasConversas.data as ConversaComTimestamp[];
+			const meuIdAtual = meuId();
 
-			// Encontrar conversas com novas mensagens
-			// Obter ID do usuário logado de forma robusta
-			// Prioridade: usar query do Convex (mais confiável) > authStore
-			const usuarioLogado = currentUser?.data;
-			const perfilConvex = meuPerfilQuery?.data;
-
-			// Usar ID do Convex se disponível, caso contrário usar authStore
-			let meuId: string | null = null;
-
-			if (perfilConvex && perfilConvex._id) {
-				// Usar ID retornado pela query do Convex (mais confiável)
-				meuId = String(perfilConvex._id).trim();
-			} else if (usuarioLogado && usuarioLogado._id) {
-				// Fallback para authStore
-				meuId = String(usuarioLogado._id).trim();
-			}
-
-			if (!meuId) {
-				console.warn('⚠️ [ChatWidget] Não foi possível identificar o ID do usuário logado:', {
-					currentUser: !!usuarioLogado,
-					currentUserId: usuarioLogado?._id,
-					convexPerfil: !!perfilConvex,
-					convexId: perfilConvex?._id
-				});
+			if (!meuIdAtual) {
+				console.warn('⚠️ [ChatWidget] Não foi possível identificar o ID do usuário logado');
 				return;
 			}
 
-			// Log para debug (apenas em desenvolvimento)
-			if (import.meta.env.DEV) {
-				console.log('🔍 [ChatWidget] Usuário logado identificado:', {
-					id: meuId,
-					fonte: perfilConvex ? 'Convex Query' : 'CurrentUser',
-					nome: usuarioLogado?.nome || perfilConvex?.nome,
-					email: usuarioLogado?.email
-				});
-			}
-
 			conversas.forEach((conv) => {
 				if (!conv.ultimaMensagemTimestamp) return;
 
@@ -447,21 +453,8 @@
 					? String(conv.ultimaMensagemRemetenteId).trim()
 					: null;
 
-				// Log para debug da comparação (apenas em desenvolvimento)
-				if (import.meta.env.DEV && remetenteIdStr) {
-					const ehMinhaMensagem = remetenteIdStr === meuId;
-					if (ehMinhaMensagem) {
-						console.log('✅ [ChatWidget] Mensagem identificada como própria (ignorada):', {
-							conversaId: conv._id,
-							meuId,
-							remetenteId: remetenteIdStr,
-							mensagem: conv.ultimaMensagem?.substring(0, 50)
-						});
-					}
-				}
-
 				// Se a mensagem foi enviada pelo próprio usuário, ignorar completamente
-				if (remetenteIdStr && remetenteIdStr === meuId) {
+				if (remetenteIdStr && remetenteIdStr === meuIdAtual) {
 					// Mensagem enviada pelo próprio usuário - não tocar beep nem mostrar notificação
 					// Marcar como notificada para evitar processamento futuro
 					const mensagemId = `${conv._id}-${conv.ultimaMensagemTimestamp}`;
@@ -482,14 +475,29 @@
 				const conversaIdStr = String(conv._id).trim();
 				const estaConversaEstaAberta = conversaAtivaId === conversaIdStr;
 
+				// Verificar se outra notificação já está ativa para esta mensagem
+				const notificacaoAtual = $notificacaoAtiva;
+				const jaTemNotificacaoAtiva =
+					notificacaoAtual &&
+					notificacaoAtual.conversaId === conversaIdStr &&
+					notificacaoAtual.mensagemId === mensagemId;
+
 				// Só mostrar notificação se:
 				// 1. O chat não está aberto OU
 				// 2. O chat está aberto mas não estamos vendo essa conversa específica
-				if (!isOpen || !estaConversaEstaAberta) {
+				// 3. E não há outra notificação ativa para esta mensagem
+				if ((!isOpen || !estaConversaEstaAberta) && !jaTemNotificacaoAtiva) {
 					// Marcar como notificada ANTES de mostrar notificação (evita duplicação)
 					mensagensNotificadasGlobal.add(mensagemId);
 					salvarMensagensNotificadasGlobal();
 
+					// Registrar notificação ativa no store global
+					notificacaoAtiva.set({
+						conversaId: conversaIdStr,
+						mensagemId,
+						componente: 'widget'
+					});
+
 					// Tocar som de notificação (apenas uma vez)
 					tocarSomNotificacaoGlobal();
 
@@ -501,13 +509,17 @@
 					};
 					showGlobalNotificationPopup = true;
 
-					// Ocultar popup após 5 segundos
+					// Ocultar popup após 5 segundos - garantir limpeza
 					if (globalNotificationTimeout) {
 						clearTimeout(globalNotificationTimeout);
+						globalNotificationTimeout = null;
 					}
 					globalNotificationTimeout = setTimeout(() => {
 						showGlobalNotificationPopup = false;
 						globalNotificationMessage = null;
+						globalNotificationTimeout = null;
+						// Limpar notificação ativa do store
+						notificacaoAtiva.set(null);
 					}, 5000);
 				} else {
 					// Chat está aberto e estamos vendo essa conversa - marcar como visualizada
@@ -517,6 +529,14 @@
 				}
 			});
 		}
+
+		// Cleanup: limpar timeout quando o effect for desmontado
+		return () => {
+			if (globalNotificationTimeout) {
+				clearTimeout(globalNotificationTimeout);
+				globalNotificationTimeout = null;
+			}
+		};
 	});
 
 	function handleToggle() {
@@ -575,6 +595,56 @@
 		maximizarChat();
 	}
 
+	// Handler para duplo clique no botão flutuante - abre e maximiza
+	function handleDoubleClick() {
+		// Marcar que estamos processando um duplo clique
+		isDoubleClicking = true;
+
+		// Se o chat estiver fechado ou minimizado, abrir e maximizar
+		if (!isOpen || isMinimized) {
+			abrirChat();
+			// Aguardar um pouco para garantir que o chat foi aberto antes de maximizar
+			setTimeout(() => {
+				if (position) {
+					// Salvar tamanho e posição atuais antes de maximizar
+					previousSize = { ...windowSize };
+					previousPosition = { ...position };
+
+					// Maximizar completamente
+					const winWidth =
+						windowDimensions.width ||
+						(typeof window !== 'undefined' ? window.innerWidth : DEFAULT_WIDTH);
+					const winHeight =
+						windowDimensions.height ||
+						(typeof window !== 'undefined' ? window.innerHeight : DEFAULT_HEIGHT);
+
+					windowSize = {
+						width: winWidth,
+						height: winHeight
+					};
+					position = {
+						x: 0,
+						y: 0
+					};
+					isMaximized = true;
+					saveSize();
+					ajustarPosicao();
+					maximizarChat();
+				}
+				// Resetar flag após processar
+				setTimeout(() => {
+					isDoubleClicking = false;
+				}, 300);
+			}, 50);
+		} else {
+			// Se já estiver aberto, apenas maximizar
+			handleMaximize();
+			setTimeout(() => {
+				isDoubleClicking = false;
+			}, 300);
+		}
+	}
+
 	// Funcionalidade de arrastar
 	function handleMouseDown(e: MouseEvent) {
 		if (e.button !== 0 || !position) return; // Apenas botão esquerdo
@@ -611,6 +681,136 @@
 		// Não prevenir default para permitir clique funcionar se não houver movimento
 	}
 
+	// Handlers para gestos touch (swipe)
+	function handleTouchStart(e: TouchEvent) {
+		if (!position || e.touches.length !== 1) return;
+		const touch = e.touches[0];
+		touchStart = {
+			x: touch.clientX,
+			y: touch.clientY,
+			time: Date.now()
+		};
+		touchCurrent = { x: touch.clientX, y: touch.clientY };
+		isTouching = true;
+		isDragging = true;
+		dragStart = {
+			x: touch.clientX - position.x,
+			y: touch.clientY - position.y
+		};
+		hasMoved = false;
+		shouldPreventClick = false;
+		document.body.classList.add('dragging');
+	}
+
+	function handleTouchMove(e: TouchEvent) {
+		if (!isTouching || !touchStart || !position || e.touches.length !== 1) return;
+		const touch = e.touches[0];
+		touchCurrent = { x: touch.clientX, y: touch.clientY };
+
+		// Calcular velocidade do swipe
+		const deltaTime = Date.now() - touchStart.time;
+		const deltaX = touch.clientX - touchStart.x;
+		const deltaY = touch.clientY - touchStart.y;
+		const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+
+		if (deltaTime > 0) {
+			swipeVelocity = distance / deltaTime; // pixels por ms
+		}
+
+		// Calcular nova posição
+		const newX = touch.clientX - dragStart.x;
+		const newY = touch.clientY - dragStart.y;
+
+		// Verificar se houve movimento significativo
+		const deltaXAbs = Math.abs(newX - position.x);
+		const deltaYAbs = Math.abs(newY - position.y);
+
+		if (deltaXAbs > dragThreshold || deltaYAbs > dragThreshold) {
+			hasMoved = true;
+			shouldPreventClick = true;
+		}
+
+		// Dimensões do widget
+		const widgetWidth = isOpen && !isMinimized ? windowSize.width : 72;
+		const widgetHeight = isOpen && !isMinimized ? windowSize.height : 72;
+
+		const winWidth =
+			windowDimensions.width || (typeof window !== 'undefined' ? window.innerWidth : 0);
+		const winHeight =
+			windowDimensions.height || (typeof window !== 'undefined' ? window.innerHeight : 0);
+
+		const minX = -(widgetWidth - 100);
+		const maxX = Math.max(0, winWidth - 100);
+		const minY = -(widgetHeight - 100);
+		const maxY = Math.max(0, winHeight - 100);
+
+		position = {
+			x: Math.max(minX, Math.min(newX, maxX)),
+			y: Math.max(minY, Math.min(newY, maxY))
+		};
+	}
+
+	function handleTouchEnd(e: TouchEvent) {
+		if (!isTouching || !touchStart || !position) return;
+
+		const hadMoved = hasMoved;
+
+		// Aplicar momentum se houver velocidade suficiente
+		if (swipeVelocity > 0.5 && hadMoved) {
+			const deltaX = touchCurrent ? touchCurrent.x - touchStart.x : 0;
+			const deltaY = touchCurrent ? touchCurrent.y - touchStart.y : 0;
+			const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+
+			if (distance > 10) {
+				// Aplicar momentum suave
+				const momentum = Math.min(swipeVelocity * 50, 200); // Limitar momentum
+				const angle = Math.atan2(deltaY, deltaX);
+
+				let momentumX = position.x + Math.cos(angle) * momentum;
+				let momentumY = position.y + Math.sin(angle) * momentum;
+
+				// Limitar dentro dos bounds
+				const widgetWidth = isOpen && !isMinimized ? windowSize.width : 72;
+				const widgetHeight = isOpen && !isMinimized ? windowSize.height : 72;
+				const winWidth =
+					windowDimensions.width || (typeof window !== 'undefined' ? window.innerWidth : 0);
+				const winHeight =
+					windowDimensions.height || (typeof window !== 'undefined' ? window.innerHeight : 0);
+				const minX = -(widgetWidth - 100);
+				const maxX = Math.max(0, winWidth - 100);
+				const minY = -(widgetHeight - 100);
+				const maxY = Math.max(0, winHeight - 100);
+
+				momentumX = Math.max(minX, Math.min(momentumX, maxX));
+				momentumY = Math.max(minY, Math.min(momentumY, maxY));
+
+				position = { x: momentumX, y: momentumY };
+				isAnimating = true;
+
+				setTimeout(() => {
+					isAnimating = false;
+					ajustarPosicao();
+				}, 300);
+			}
+		} else {
+			ajustarPosicao();
+		}
+
+		isDragging = false;
+		isTouching = false;
+		touchStart = null;
+		touchCurrent = null;
+		swipeVelocity = 0;
+		document.body.classList.remove('dragging');
+
+		setTimeout(() => {
+			hasMoved = false;
+			shouldPreventClick = false;
+		}, 100);
+
+		savePosition();
+	}
+
 	function handleMouseMove(e: MouseEvent) {
 		if (isResizing) {
 			handleResizeMove(e);
@@ -745,10 +945,14 @@
 
 		window.addEventListener('mousemove', handleMouseMove);
 		window.addEventListener('mouseup', handleMouseUp);
+		window.addEventListener('touchmove', handleTouchMove, { passive: false });
+		window.addEventListener('touchend', handleTouchEnd);
 
 		return () => {
 			window.removeEventListener('mousemove', handleMouseMove);
 			window.removeEventListener('mouseup', handleMouseUp);
+			window.removeEventListener('touchmove', handleTouchMove);
+			window.removeEventListener('touchend', handleTouchEnd);
 		};
 	});
 </script>
@@ -787,9 +991,16 @@
 		onmouseup={(e) => {
 			handleMouseUp(e);
 		}}
+		ontouchstart={handleTouchStart}
 		onclick={(e) => {
+			// Prevenir clique simples se estamos processando um duplo clique
+			if (isDoubleClicking) {
+				e.preventDefault();
+				e.stopPropagation();
+				return;
+			}
 			// Só executar toggle se não houve movimento durante o arrastar
-			if (!shouldPreventClick && !hasMoved) {
+			if (!shouldPreventClick && !hasMoved && !isTouching) {
 				handleToggle();
 			} else {
 				// Prevenir clique se houve movimento
@@ -798,30 +1009,54 @@
 				shouldPreventClick = false; // Resetar após prevenir
 			}
 		}}
-		aria-label="Abrir chat"
+		ondblclick={(e) => {
+			// Prevenir que o clique simples seja executado após o duplo clique
+			e.preventDefault();
+			e.stopPropagation();
+			// Executar maximização apenas se não houve movimento
+			if (!shouldPreventClick && !hasMoved && !isTouching) {
+				handleDoubleClick();
+			}
+		}}
+		aria-label="Abrir chat (duplo clique para maximizar)"
 	>
-		<!-- Anel de brilho rotativo -->
+		<!-- Anel de brilho rotativo melhorado com múltiplas camadas -->
 		<div
 			class="absolute inset-0 rounded-full opacity-0 transition-opacity duration-500 group-hover:opacity-100"
-			style="background: conic-gradient(from 0deg, transparent 0%, rgba(255,255,255,0.3) 50%, transparent 100%); animation: rotate 3s linear infinite;"
+			style="background: conic-gradient(from 0deg, transparent 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.4) 75%, transparent 100%); animation: rotate 3s linear infinite; transform-origin: center;"
 		></div>
+		<!-- Segunda camada para efeito de profundidade -->
+		<div
+			class="absolute inset-0 cursor-pointer rounded-lg opacity-0 transition-opacity duration-700 group-hover:opacity-60"
+			style="background: conic-gradient(from 180deg, transparent 0%, rgba(255,255,255,0.2) 30%, transparent 60%); animation: rotate 4s linear infinite reverse; transform-origin: center;"
+			onclick={(e) => {
+				// Propagar o clique para o elemento pai
+				e.stopPropagation();
+				if (!isDoubleClicking && !shouldPreventClick && !hasMoved && !isTouching) {
+					handleToggle();
+				}
+			}}
+			ondblclick={(e) => {
+				e.stopPropagation();
+				if (!shouldPreventClick && !hasMoved && !isTouching) {
+					handleDoubleClick();
+				}
+			}}
+		></div>
+		<!-- Efeito de brilho pulsante durante arrasto -->
+		{#if isDragging || isTouching}
+			<div
+				class="absolute inset-0 animate-pulse rounded-full opacity-30"
+				style="background: radial-gradient(circle at center, rgba(255,255,255,0.4) 0%, transparent 70%); animation: pulse-glow 1.5s ease-in-out infinite;"
+			></div>
+		{/if}
 
 		<!-- Ícone de chat moderno com efeito 3D -->
-		<svg
-			xmlns="http://www.w3.org/2000/svg"
-			viewBox="0 0 24 24"
-			fill="none"
-			stroke="currentColor"
-			stroke-width="2"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-			class="relative z-10 h-7 w-7 text-white transition-all duration-500 group-hover:scale-110"
+		<MessageSquare
+			class="relative z-10 h-10 w-10 text-white transition-all duration-500 group-hover:scale-110"
 			style="filter: drop-shadow(0 4px 12px rgba(0,0,0,0.4));"
-		>
-			<path
-				d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"
-			/>
-		</svg>
+			strokeWidth={2}
+		/>
 
 		<!-- Badge ULTRA PREMIUM com gradiente e brilho -->
 		{#if count?.data && count.data > 0}
@@ -914,26 +1149,16 @@
 					{#if avatarUrlDoUsuario()}
 						<img
 							src={avatarUrlDoUsuario()}
-							alt={currentUser?.data?.nome || 'Usuário'}
+							alt={meuPerfilQuery?.data?.nome || currentUser?.data?.nome || 'Usuário'}
 							class="h-full w-full object-cover"
 						/>
 					{:else}
 						<!-- Fallback: ícone de chat genérico -->
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							viewBox="0 0 24 24"
-							fill="none"
-							stroke="currentColor"
-							stroke-width="2"
-							stroke-linecap="round"
-							stroke-linejoin="round"
+						<MessageSquare
 							class="h-5 w-5"
 							style="filter: drop-shadow(0 2px 6px rgba(0,0,0,0.2));"
-						>
-							<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
-							<line x1="9" y1="10" x2="15" y2="10" />
-							<line x1="9" y1="14" x2="13" y2="14" />
-						</svg>
+							strokeWidth={2}
+						/>
 					{/if}
 				</div>
 				<span
@@ -955,19 +1180,11 @@
 					<div
 						class="absolute inset-0 bg-white/0 transition-colors duration-300 group-hover:bg-white/20"
 					></div>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2.5"
-						stroke-linecap="round"
-						stroke-linejoin="round"
+					<Minus
 						class="relative z-10 h-5 w-5 transition-transform duration-300 group-hover:scale-110"
 						style="filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));"
-					>
-						<line x1="5" y1="12" x2="19" y2="12" />
-					</svg>
+						strokeWidth={2.5}
+					/>
 				</button>
 
 				<!-- Botão maximizar MODERNO -->
@@ -981,21 +1198,11 @@
 					<div
 						class="absolute inset-0 bg-white/0 transition-colors duration-300 group-hover:bg-white/20"
 					></div>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2.5"
-						stroke-linecap="round"
-						stroke-linejoin="round"
+					<Maximize2
 						class="relative z-10 h-5 w-5 transition-transform duration-300 group-hover:scale-110"
 						style="filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));"
-					>
-						<path
-							d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"
-						/>
-					</svg>
+						strokeWidth={2.5}
+					/>
 				</button>
 
 				<!-- Botão fechar MODERNO -->
@@ -1009,20 +1216,11 @@
 					<div
 						class="absolute inset-0 bg-red-500/0 transition-colors duration-300 group-hover:bg-red-500/30"
 					></div>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2.5"
-						stroke-linecap="round"
-						stroke-linejoin="round"
+					<X
 						class="relative z-10 h-5 w-5 transition-all duration-300 group-hover:scale-110 group-hover:rotate-90"
 						style="filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));"
-					>
-						<line x1="18" y1="6" x2="6" y2="18" />
-						<line x1="6" y1="6" x2="18" y2="18" />
-					</svg>
+						strokeWidth={2.5}
+					/>
 				</button>
 			</div>
 		</div>
@@ -1117,6 +1315,8 @@
 	</div>
 {/if}
 
+<!-- Indicador de Conexão -->
+
 <!-- Popup Global de Notificação de Nova Mensagem (quando chat está fechado/minimizado) -->
 {#if showGlobalNotificationPopup && globalNotificationMessage}
 	{@const notificationMsg = globalNotificationMessage}
@@ -1157,20 +1357,7 @@
 	>
 		<div class="flex items-start gap-3">
 			<div class="bg-primary/20 flex h-10 w-10 shrink-0 items-center justify-center rounded-full">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke-width="2"
-					stroke="currentColor"
-					class="text-primary h-5 w-5"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						d="M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
-					/>
-				</svg>
+				<Bell class="text-primary h-5 w-5" strokeWidth={2} />
 			</div>
 			<div class="min-w-0 flex-1">
 				<p class="text-base-content mb-1 text-sm font-semibold">
@@ -1194,16 +1381,7 @@
 					}
 				}}
 			>
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke-width="2"
-					stroke="currentColor"
-					class="h-4 w-4"
-				>
-					<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
-				</svg>
+				<X class="h-4 w-4" strokeWidth={2} />
 			</button>
 		</div>
 	</div>
@@ -1249,7 +1427,7 @@
 		}
 	}
 
-	/* Rotação para anel de brilho */
+	/* Rotação para anel de brilho - suavizada */
 	@keyframes rotate {
 		from {
 			transform: rotate(0deg);
@@ -1259,6 +1437,19 @@
 		}
 	}
 
+	/* Efeito de pulso de brilho durante arrasto */
+	@keyframes pulse-glow {
+		0%,
+		100% {
+			opacity: 0.2;
+			transform: scale(1);
+		}
+		50% {
+			opacity: 0.4;
+			transform: scale(1.05);
+		}
+	}
+
 	/* Efeito shimmer para o header */
 	@keyframes shimmer {
 		0% {
diff --git a/apps/web/src/lib/components/chat/ChatWindow.svelte b/apps/web/src/lib/components/chat/ChatWindow.svelte
index 31b4d9b..4e54ca1 100644
--- a/apps/web/src/lib/components/chat/ChatWindow.svelte
+++ b/apps/web/src/lib/components/chat/ChatWindow.svelte
@@ -1,31 +1,35 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
-	import { useConvexClient, useQuery } from 'convex-svelte';
+	import MessageList from './MessageList.svelte';
+	import MessageInput from './MessageInput.svelte';
+	import UserStatusBadge from './UserStatusBadge.svelte';
+	import UserAvatar from './UserAvatar.svelte';
+	import ScheduleMessageModal from './ScheduleMessageModal.svelte';
+	import SalaReuniaoManager from './SalaReuniaoManager.svelte';
+	import CallWindow from '../call/CallWindow.svelte';
+	import ErrorModal from '../ErrorModal.svelte';
+	import E2EManagementModal from './E2EManagementModal.svelte';
+	//import { getAvatarUrl } from '$lib/utils/avatarGenerator';
+	import { browser } from '$app/environment';
+	import { traduzirErro } from '$lib/utils/erroHelpers';
 	import {
 		ArrowLeft,
 		Bell,
 		Clock,
 		LogOut,
-		MoreVertical,
-		Phone,
 		Users,
+		Phone,
 		Video,
-		X,
-		XCircle
+		Search,
+		Lock,
+		MoreVertical,
+		XCircle,
+		X
 	} from 'lucide-svelte';
 	//import { getAvatarUrl } from '$lib/utils/avatarGenerator';
-	import { browser } from '$app/environment';
 	import { voltarParaLista } from '$lib/stores/chatStore';
-	import { traduzirErro } from '$lib/utils/erroHelpers';
-	import CallWindow from '../call/CallWindow.svelte';
-	import ErrorModal from '../ErrorModal.svelte';
-	import MessageInput from './MessageInput.svelte';
-	import MessageList from './MessageList.svelte';
-	import SalaReuniaoManager from './SalaReuniaoManager.svelte';
-	import ScheduleMessageModal from './ScheduleMessageModal.svelte';
-	import UserAvatar from './UserAvatar.svelte';
-	import UserStatusBadge from './UserStatusBadge.svelte';
+	import { useConvexClient, useQuery } from 'convex-svelte';
 
 	//import { Bell, X, ArrowLeft, LogOut, MoreVertical, Users, Clock, XCircle } from 'lucide-svelte';
 
@@ -43,16 +47,18 @@
 	let showSalaManager = $state(false);
 	let showAdminMenu = $state(false);
 	let showNotificacaoModal = $state(false);
+	let showE2EModal = $state(false);
 	let iniciandoChamada = $state(false);
 	let chamadaAtiva = $state<Id<'chamadas'> | null>(null);
-
-	// Estados para modal de erro
+	let showSearch = $state(false);
+	let searchQuery = $state('');
+	let searchResults = $state<Array<unknown | undefined>>([]);
+	let searching = $state(false);
+	let selectedSearchResult = $state<number>(-1);
 	let showErrorModal = $state(false);
 	let errorTitle = $state('Erro');
 	let errorMessage = $state('');
 	let errorInstructions = $state<string | undefined>(undefined);
-	let errorDetails = $state<string | undefined>(undefined);
-
 	const chamadaAtivaQuery = useQuery(api.chamadas.obterChamadaAtiva, {
 		conversaId: conversaId as Id<'conversas'>
 	});
@@ -63,7 +69,12 @@
 		conversaId: conversaId as Id<'conversas'>
 	});
 
-	let conversa = $derived(() => {
+	// Verificar se a conversa tem criptografia E2E habilitada
+	const temCriptografiaE2E = useQuery(api.chat.verificarCriptografiaE2E, {
+		conversaId: conversaId as Id<'conversas'>
+	});
+
+	const conversa = $derived(() => {
 		console.log('🔍 [ChatWindow] Buscando conversa ID:', conversaId);
 		console.log('📋 [ChatWindow] Conversas disponíveis:', conversas?.data);
 
@@ -184,9 +195,7 @@
 				}
 
 				// Buscar informações da chamada para obter roomName
-				const chamadaInfo = await client.query(api.chamadas.obterChamada, {
-					chamadaId
-				});
+				const chamadaInfo = await client.query(api.chamadas.obterChamada, { chamadaId });
 
 				if (!chamadaInfo) {
 					throw new Error('Chamada não encontrada');
@@ -277,6 +286,7 @@
 					fotoPerfilUrl={conversa()?.outroUsuario?.fotoPerfilUrl}
 					nome={conversa()?.outroUsuario?.nome || 'Usuário'}
 					size="md"
+					userId={conversa()?.outroUsuario?._id}
 				/>
 			{:else}
 				<div class="bg-primary/20 flex h-10 w-10 items-center justify-center rounded-full text-xl">
@@ -291,9 +301,29 @@
 		</div>
 
 		<div class="min-w-0 flex-1">
-			<p class="text-base-content truncate font-semibold">
-				{getNomeConversa()}
-			</p>
+			<!-- Nome da conversa com indicador de criptografia E2E -->
+			<div class="flex items-center gap-2">
+				<p class="text-base-content truncate font-semibold">
+					{getNomeConversa()}
+				</p>
+				{#if temCriptografiaE2E?.data}
+					<button
+						type="button"
+						class="shrink-0"
+						onclick={(e) => {
+							e.stopPropagation();
+							showE2EModal = true;
+						}}
+						title="Gerenciar criptografia end-to-end (E2E)"
+						aria-label="Gerenciar criptografia E2E"
+					>
+						<Lock
+							class="text-success hover:text-success/80 h-4 w-4 transition-colors"
+							strokeWidth={2}
+						/>
+					</button>
+				{/if}
+			</div>
 			{#if getStatusMensagem()}
 				<p class="text-base-content/60 truncate text-xs">
 					{getStatusMensagem()}
@@ -316,7 +346,7 @@
 						{conversa()?.participantesInfo?.length || 0}
 						{conversa()?.participantesInfo?.length === 1 ? 'participante' : 'participantes'}
 					</p>
-					{#if conversa()?.participantesInfo && conversa()?.participantesInfo.length > 0}
+					{#if conversa()?.participantesInfo && conversa()?.participantesInfo?.length > 0}
 						<div class="flex items-center gap-2">
 							<div class="flex -space-x-2">
 								{#each conversa()?.participantesInfo.slice(0, 5) as participante (participante._id)}
@@ -362,6 +392,32 @@
 
 		<!-- Botões de ação -->
 		<div class="flex items-center gap-1">
+			<!-- Botão de Busca -->
+			<button
+				type="button"
+				class="group relative flex h-9 w-9 items-center justify-center overflow-hidden rounded-lg transition-all duration-300"
+				style="background: rgba(34, 197, 94, 0.1); border: 1px solid rgba(34, 197, 94, 0.2);"
+				onclick={(e) => {
+					e.stopPropagation();
+					showSearch = !showSearch;
+					if (!showSearch) {
+						searchQuery = '';
+						searchResults = [];
+					}
+				}}
+				aria-label="Buscar mensagens"
+				title="Buscar mensagens"
+				aria-expanded={showSearch}
+			>
+				<div
+					class="absolute inset-0 bg-green-500/0 transition-colors duration-300 group-hover:bg-green-500/10"
+				></div>
+				<Search
+					class="relative z-10 h-5 w-5 text-green-500 transition-transform group-hover:scale-110"
+					strokeWidth={2}
+				/>
+			</button>
+
 			<!-- Botões de Chamada -->
 			{#if !chamadaAtual && !chamadaAtiva}
 				<div class="dropdown dropdown-end">
@@ -376,7 +432,7 @@
 						aria-label="Ligação de áudio"
 						title="Iniciar ligação de áudio"
 					>
-						<Phone class="h-5 w-5" strokeWidth={2} />
+						<Phone class="h-5 w-5 text-white" strokeWidth={2} />
 					</button>
 					<ul
 						tabindex="0"
@@ -422,7 +478,7 @@
 						aria-label="Ligação de vídeo"
 						title="Iniciar ligação de vídeo"
 					>
-						<Video class="h-5 w-5" strokeWidth={2} />
+						<Video class="h-5 w-5 text-white" strokeWidth={2} />
 					</button>
 					<ul
 						tabindex="0"
@@ -577,6 +633,27 @@
 				</div>
 			{/if}
 
+			<!-- Botão Gerenciar E2E -->
+			<button
+				type="button"
+				class="group relative flex h-9 w-9 items-center justify-center overflow-hidden rounded-lg transition-all duration-300"
+				style="background: rgba(34, 197, 94, 0.1); border: 1px solid rgba(34, 197, 94, 0.2);"
+				onclick={(e) => {
+					e.stopPropagation();
+					showE2EModal = true;
+				}}
+				aria-label="Gerenciar criptografia E2E"
+				title="Gerenciar criptografia end-to-end"
+			>
+				<div
+					class="absolute inset-0 bg-green-500/0 transition-colors duration-300 group-hover:bg-green-500/10"
+				></div>
+				<Lock
+					class="relative z-10 h-5 w-5 text-green-500 transition-transform group-hover:scale-110"
+					strokeWidth={2}
+				/>
+			</button>
+
 			<!-- Botão Agendar MODERNO -->
 			<button
 				type="button"
@@ -597,6 +674,113 @@
 		</div>
 	</div>
 
+	<!-- Barra de Busca (quando ativa) -->
+	{#if showSearch}
+		<div
+			class="border-base-300 bg-base-200 flex items-center gap-2 border-b px-4 py-2"
+			onclick={(e) => e.stopPropagation()}
+		>
+			<Search class="text-base-content/50 h-4 w-4" strokeWidth={2} />
+			<input
+				type="text"
+				placeholder="Buscar mensagens nesta conversa..."
+				class="input input-sm input-bordered flex-1"
+				bind:value={searchQuery}
+				onkeydown={handleSearchKeyDown}
+				aria-label="Buscar mensagens"
+				aria-describedby="search-results-info"
+			/>
+			<button
+				type="button"
+				class="btn btn-sm btn-ghost"
+				onclick={() => {
+					showSearch = false;
+					searchQuery = '';
+					searchResults = [];
+				}}
+				aria-label="Fechar busca"
+			>
+				<X class="h-4 w-4" />
+			</button>
+		</div>
+
+		<!-- Resultados da Busca -->
+		{#if searchQuery.trim().length >= 2}
+			<div
+				class="border-base-300 bg-base-200 max-h-64 overflow-y-auto border-b"
+				role="listbox"
+				aria-label="Resultados da busca"
+				id="search-results"
+			>
+				{#if searching}
+					<div class="flex items-center justify-center p-4">
+						<span class="loading loading-spinner loading-sm"></span>
+						<span class="text-base-content/50 ml-2 text-sm">Buscando...</span>
+					</div>
+				{:else if searchResults.length > 0}
+					<p id="search-results-info" class="sr-only">
+						{searchResults.length} resultado{searchResults.length !== 1 ? 's' : ''} encontrado{searchResults.length !==
+						1
+							? 's'
+							: ''}
+					</p>
+					{#each searchResults as resultado, index (resultado._id)}
+						<button
+							type="button"
+							class="hover:bg-base-300 flex w-full items-start gap-3 px-4 py-3 text-left transition-colors {index ===
+							selectedSearchResult
+								? 'bg-primary/10'
+								: ''}"
+							onclick={() => {
+								window.dispatchEvent(
+									new CustomEvent('scrollToMessage', {
+										detail: { mensagemId: resultado._id }
+									})
+								);
+								showSearch = false;
+								searchQuery = '';
+							}}
+							role="option"
+							aria-selected={index === selectedSearchResult}
+							aria-label="Mensagem de {resultado.remetente?.nome || 'Usuário'}"
+						>
+							<div
+								class="bg-primary/20 flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full"
+							>
+								{#if resultado.remetente?.fotoPerfilUrl}
+									<img
+										src={resultado.remetente.fotoPerfilUrl}
+										alt={resultado.remetente.nome}
+										class="h-full w-full object-cover"
+									/>
+								{:else}
+									<span class="text-xs font-semibold">
+										{resultado.remetente?.nome?.charAt(0).toUpperCase() || 'U'}
+									</span>
+								{/if}
+							</div>
+							<div class="min-w-0 flex-1">
+								<p class="text-base-content mb-1 text-xs font-semibold">
+									{resultado.remetente?.nome || 'Usuário'}
+								</p>
+								<p class="text-base-content/70 line-clamp-2 text-xs">
+									{resultado.conteudo}
+								</p>
+								<p class="text-base-content/50 mt-1 text-xs">
+									{new Date(resultado.enviadaEm).toLocaleString('pt-BR')}
+								</p>
+							</div>
+						</button>
+					{/each}
+				{:else if searchQuery.trim().length >= 2}
+					<div class="p-4 text-center">
+						<p class="text-base-content/50 text-sm">Nenhuma mensagem encontrada</p>
+					</div>
+				{/if}
+			</div>
+		{/if}
+	{/if}
+
 	<!-- Mensagens -->
 	<div class="min-h-0 flex-1 overflow-hidden">
 		<MessageList conversaId={conversaId as Id<'conversas'>} />
@@ -614,6 +798,14 @@
 		conversaId={conversaId as Id<'conversas'>}
 		onClose={() => (showScheduleModal = false)}
 	/>
+
+	<!-- Modal de Gerenciamento E2E -->
+	{#if showE2EModal}
+		<E2EManagementModal
+			conversaId={conversaId as Id<'conversas'>}
+			onClose={() => (showE2EModal = false)}
+		/>
+	{/if}
 {/if}
 
 <!-- Modal de Gerenciamento de Sala -->
diff --git a/apps/web/src/lib/components/chat/ConnectionIndicator.svelte b/apps/web/src/lib/components/chat/ConnectionIndicator.svelte
new file mode 100644
index 0000000..8ca81f3
--- /dev/null
+++ b/apps/web/src/lib/components/chat/ConnectionIndicator.svelte
@@ -0,0 +1,90 @@
+<script lang="ts">
+	import { useConvexClient } from 'convex-svelte';
+	import { onMount } from 'svelte';
+	import { Wifi, WifiOff, AlertCircle } from 'lucide-svelte';
+
+	const client = useConvexClient();
+
+	let isOnline = $state(true);
+	let convexConnected = $state(true);
+	let showIndicator = $state(false);
+
+	// Detectar status de conexão com internet
+	function updateOnlineStatus() {
+		isOnline = navigator.onLine;
+		showIndicator = !isOnline || !convexConnected;
+	}
+
+	// Detectar status de conexão com Convex
+	function updateConvexStatus() {
+		// Verificar se o client está conectado
+		// O Convex client expõe o status de conexão
+		const connectionState = (client as any).connectionState?.();
+		convexConnected = connectionState === 'Connected' || connectionState === 'Connecting';
+		showIndicator = !isOnline || !convexConnected;
+	}
+
+	onMount(() => {
+		// Verificar status inicial
+		updateOnlineStatus();
+		updateConvexStatus();
+
+		// Listeners para mudanças de conexão
+		window.addEventListener('online', updateOnlineStatus);
+		window.addEventListener('offline', updateOnlineStatus);
+
+		// Verificar status do Convex periodicamente
+		const interval = setInterval(() => {
+			updateConvexStatus();
+		}, 5000);
+
+		return () => {
+			window.removeEventListener('online', updateOnlineStatus);
+			window.removeEventListener('offline', updateOnlineStatus);
+			clearInterval(interval);
+		};
+	});
+
+	// Observar mudanças no client do Convex
+	$effect(() => {
+		// Tentar acessar o estado de conexão do Convex
+		try {
+			const connectionState = (client as any).connectionState?.();
+			if (connectionState !== undefined) {
+				convexConnected = connectionState === 'Connected' || connectionState === 'Connecting';
+				showIndicator = !isOnline || !convexConnected;
+			}
+		} catch {
+			// Se não conseguir acessar, assumir conectado
+			convexConnected = true;
+		}
+	});
+</script>
+
+{#if showIndicator}
+	<div
+		class="fixed bottom-4 left-4 z-[99998] flex items-center gap-2 rounded-lg px-3 py-2 shadow-lg transition-all"
+		class:bg-error={!isOnline || !convexConnected}
+		class:bg-warning={isOnline && !convexConnected}
+		class:text-white={!isOnline || !convexConnected}
+		role="status"
+		aria-live="polite"
+		aria-label={!isOnline
+			? 'Sem conexão com a internet'
+			: !convexConnected
+				? 'Reconectando ao servidor'
+				: 'Conectado'}
+	>
+		{#if !isOnline}
+			<WifiOff class="h-4 w-4" />
+			<span class="text-sm font-medium">Sem conexão</span>
+		{:else if !convexConnected}
+			<AlertCircle class="h-4 w-4" />
+			<span class="text-sm font-medium">Reconectando...</span>
+		{:else}
+			<Wifi class="h-4 w-4" />
+			<span class="text-sm font-medium">Conectado</span>
+		{/if}
+	</div>
+{/if}
+
diff --git a/apps/web/src/lib/components/chat/E2EManagementModal.svelte b/apps/web/src/lib/components/chat/E2EManagementModal.svelte
new file mode 100644
index 0000000..bfb336e
--- /dev/null
+++ b/apps/web/src/lib/components/chat/E2EManagementModal.svelte
@@ -0,0 +1,267 @@
+<script lang="ts">
+	import { useQuery, useConvexClient } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import { Lock, X, RefreshCw, Shield, AlertTriangle, CheckCircle } from 'lucide-svelte';
+	import {
+		generateEncryptionKey,
+		exportKey,
+		storeEncryptionKey,
+		hasEncryptionKey,
+		removeStoredEncryptionKey
+	} from '$lib/utils/e2eEncryption';
+	import { armazenarChaveCriptografia, removerChaveCriptografia } from '$lib/stores/chatStore';
+	import { format } from 'date-fns';
+	import { ptBR } from 'date-fns/locale';
+
+	interface Props {
+		conversaId: Id<'conversas'>;
+		onClose: () => void;
+	}
+
+	let { conversaId, onClose }: Props = $props();
+
+	const client = useConvexClient();
+	const temCriptografiaE2E = useQuery(api.chat.verificarCriptografiaE2E, { conversaId });
+	const chaveAtual = useQuery(api.chat.obterChaveCriptografia, { conversaId });
+	const conversa = useQuery(api.chat.listarConversas, {});
+
+	let ativando = $state(false);
+	let regenerando = $state(false);
+	let desativando = $state(false);
+
+	// Obter informações da conversa
+	const conversaInfo = $derived(() => {
+		if (!conversa?.data || !Array.isArray(conversa.data)) return null;
+		return conversa.data.find((c: { _id: string }) => c._id === conversaId) || null;
+	});
+
+	async function ativarE2E() {
+		if (!confirm('Deseja ativar criptografia end-to-end para esta conversa?\n\nTodas as mensagens futuras serão criptografadas.')) {
+			return;
+		}
+
+		try {
+			ativando = true;
+
+			// Gerar nova chave de criptografia
+			const encryptionKey = await generateEncryptionKey();
+			const keyData = await exportKey(encryptionKey.key);
+
+			// Armazenar localmente
+			storeEncryptionKey(conversaId, keyData, encryptionKey.keyId);
+			armazenarChaveCriptografia(conversaId, encryptionKey.key);
+
+			// Compartilhar chave com outros participantes
+			await client.mutation(api.chat.compartilharChaveCriptografia, {
+				conversaId,
+				chaveCompartilhada: keyData, // Em produção, isso deveria ser criptografado com chave pública de cada participante
+				keyId: encryptionKey.keyId
+			});
+
+			alert('Criptografia E2E ativada com sucesso!');
+		} catch (error) {
+			console.error('Erro ao ativar E2E:', error);
+			alert('Erro ao ativar criptografia E2E');
+		} finally {
+			ativando = false;
+		}
+	}
+
+	async function regenerarChave() {
+		if (!confirm('Deseja regenerar a chave de criptografia?\n\nAs mensagens antigas continuarão legíveis, mas novas mensagens usarão a nova chave.')) {
+			return;
+		}
+
+		try {
+			regenerando = true;
+
+			// Gerar nova chave
+			const encryptionKey = await generateEncryptionKey();
+			const keyData = await exportKey(encryptionKey.key);
+
+			// Atualizar chave localmente
+			storeEncryptionKey(conversaId, keyData, encryptionKey.keyId);
+			armazenarChaveCriptografia(conversaId, encryptionKey.key);
+
+			// Compartilhar nova chave (desativa chaves antigas automaticamente)
+			await client.mutation(api.chat.compartilharChaveCriptografia, {
+				conversaId,
+				chaveCompartilhada: keyData,
+				keyId: encryptionKey.keyId
+			});
+
+			alert('Chave regenerada com sucesso!');
+		} catch (error) {
+			console.error('Erro ao regenerar chave:', error);
+			alert('Erro ao regenerar chave');
+		} finally {
+			regenerando = false;
+		}
+	}
+
+	async function desativarE2E() {
+		if (!confirm('Deseja desativar criptografia end-to-end para esta conversa?\n\nAs mensagens antigas continuarão criptografadas, mas novas mensagens não serão mais criptografadas.')) {
+			return;
+		}
+
+		try {
+			desativando = true;
+
+			// Remover chave localmente
+			removeStoredEncryptionKey(conversaId);
+			removerChaveCriptografia(conversaId);
+
+			// Desativar chave no servidor (marcar como inativa)
+			// Nota: Não removemos a chave do servidor, apenas a marcamos como inativa
+			// Isso permite que mensagens antigas ainda possam ser descriptografadas
+			if (chaveAtual?.data) {
+				// A mutation compartilharChaveCriptografia já desativa chaves antigas
+				// Mas precisamos de uma mutation específica para desativar completamente
+				// Por enquanto, vamos apenas remover localmente
+				alert('Criptografia E2E desativada localmente. As mensagens antigas ainda podem ser descriptografadas se você tiver a chave.');
+			}
+		} catch (error) {
+			console.error('Erro ao desativar E2E:', error);
+			alert('Erro ao desativar criptografia E2E');
+		} finally {
+			desativando = false;
+		}
+	}
+
+	function formatarData(timestamp: number): string {
+		try {
+			return format(new Date(timestamp), "dd/MM/yyyy 'às' HH:mm", { locale: ptBR });
+		} catch {
+			return 'Data inválida';
+		}
+	}
+</script>
+
+<div
+	class="modal modal-open"
+	role="dialog"
+	aria-labelledby="modal-title"
+	aria-modal="true"
+	onclick={(e) => {
+		if (e.target === e.currentTarget) onClose();
+	}}
+>
+	<div
+		class="modal-box max-w-2xl"
+		onclick={(e) => e.stopPropagation()}
+	>
+		<!-- Header -->
+		<div class="border-base-300 flex items-center justify-between border-b px-6 py-4">
+			<h2 id="modal-title" class="flex items-center gap-2 text-xl font-bold">
+				<Shield class="text-primary h-5 w-5" />
+				Criptografia End-to-End (E2E)
+			</h2>
+			<button type="button" class="btn btn-sm btn-circle" onclick={onClose} aria-label="Fechar">
+				<X class="h-5 w-5" />
+			</button>
+		</div>
+
+		<!-- Content -->
+		<div class="flex-1 space-y-6 overflow-y-auto p-6">
+			<!-- Status da Criptografia -->
+			<div class="card bg-base-200">
+				<div class="card-body">
+					<div class="flex items-center gap-3">
+						{#if temCriptografiaE2E?.data}
+							<CheckCircle class="text-success h-6 w-6 shrink-0" />
+							<div class="flex-1">
+								<h3 class="card-title text-lg text-success">Criptografia E2E Ativa</h3>
+								<p class="text-sm text-base-content/70">
+									Suas mensagens estão protegidas com criptografia end-to-end
+								</p>
+							</div>
+						{:else}
+							<AlertTriangle class="text-warning h-6 w-6 shrink-0" />
+							<div class="flex-1">
+								<h3 class="card-title text-lg text-warning">Criptografia E2E Desativada</h3>
+								<p class="text-sm text-base-content/70">
+									Suas mensagens não estão criptografadas
+								</p>
+							</div>
+						{/if}
+					</div>
+				</div>
+			</div>
+
+			<!-- Informações da Chave -->
+			{#if temCriptografiaE2E?.data && chaveAtual?.data}
+				<div class="card bg-base-200">
+					<div class="card-body">
+						<h3 class="card-title text-lg">Informações da Chave</h3>
+						<div class="space-y-2 text-sm">
+							<div class="flex justify-between">
+								<span class="text-base-content/70">ID da Chave:</span>
+								<span class="font-mono text-xs">{chaveAtual.data.keyId.substring(0, 16)}...</span>
+							</div>
+							<div class="flex justify-between">
+								<span class="text-base-content/70">Criada em:</span>
+								<span>{formatarData(chaveAtual.data.criadoEm)}</span>
+							</div>
+							<div class="flex justify-between">
+								<span class="text-base-content/70">Chave local:</span>
+								<span class="text-success">
+									{hasEncryptionKey(conversaId) ? '✓ Armazenada' : '✗ Não encontrada'}
+								</span>
+							</div>
+						</div>
+					</div>
+				</div>
+			{/if}
+
+			<!-- Informações sobre E2E -->
+			<div class="alert alert-info">
+				<Lock class="h-5 w-5" />
+				<div class="text-sm">
+					<p class="font-semibold">Como funciona a criptografia E2E?</p>
+					<ul class="mt-2 list-inside list-disc space-y-1 text-xs">
+						<li>Suas mensagens são criptografadas no seu dispositivo antes de serem enviadas</li>
+						<li>Apenas você e os participantes da conversa podem descriptografar as mensagens</li>
+						<li>O servidor não consegue ler o conteúdo das mensagens criptografadas</li>
+						<li>Mensagens antigas continuam legíveis mesmo após regenerar a chave</li>
+					</ul>
+				</div>
+			</div>
+
+			<!-- Ações -->
+			<div class="flex flex-col gap-3">
+				{#if temCriptografiaE2E?.data}
+					<button
+						type="button"
+						class="btn btn-warning"
+						onclick={regenerarChave}
+						disabled={regenerando || ativando || desativando}
+					>
+						<RefreshCw class="h-4 w-4 {regenerando ? 'animate-spin' : ''}" />
+						{regenerando ? 'Regenerando...' : 'Regenerar Chave'}
+					</button>
+					<button
+						type="button"
+						class="btn btn-error"
+						onclick={desativarE2E}
+						disabled={regenerando || ativando || desativando}
+					>
+						<X class="h-4 w-4" />
+						{desativando ? 'Desativando...' : 'Desativar E2E'}
+					</button>
+				{:else}
+					<button
+						type="button"
+						class="btn btn-primary"
+						onclick={ativarE2E}
+						disabled={regenerando || ativando || desativando}
+					>
+						<Lock class="h-4 w-4" />
+						{ativando ? 'Ativando...' : 'Ativar Criptografia E2E'}
+					</button>
+				{/if}
+			</div>
+		</div>
+	</div>
+</div>
+
diff --git a/apps/web/src/lib/components/chat/MessageInput.svelte b/apps/web/src/lib/components/chat/MessageInput.svelte
index a9369fd..21c258b 100644
--- a/apps/web/src/lib/components/chat/MessageInput.svelte
+++ b/apps/web/src/lib/components/chat/MessageInput.svelte
@@ -1,9 +1,18 @@
 <script lang="ts">
+	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
-	import { useConvexClient, useQuery } from 'convex-svelte';
-	import { Paperclip, Send, Smile } from 'lucide-svelte';
 	import { onMount } from 'svelte';
+	import { Paperclip, Smile, Send } from 'lucide-svelte';
+	import {
+		encryptMessage,
+		encryptFile,
+		loadEncryptionKey,
+		storeEncryptionKey,
+		exportKey,
+		type EncryptedMessage
+	} from '$lib/utils/e2eEncryption';
+	import { obterChaveCriptografia, armazenarChaveCriptografia } from '$lib/stores/chatStore';
 
 	interface Props {
 		conversaId: Id<'conversas'>;
@@ -23,15 +32,50 @@
 		participantesInfo?: ParticipanteInfo[];
 	};
 
-	const { conversaId }: Props = $props();
+	let { conversaId }: Props = $props();
 
 	const client = useConvexClient();
 	const conversas = useQuery(api.chat.listarConversas, {});
 
+	// Verificar se a conversa tem criptografia E2E habilitada
+	const temCriptografiaE2E = useQuery(api.chat.verificarCriptografiaE2E, { conversaId });
+
+	// Constantes de validação
+	const MAX_MENSAGEM_LENGTH = 5000; // Limite de caracteres por mensagem
+	const MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB
+	// Tipos de arquivo permitidos
+	const TIPOS_PERMITIDOS = {
+		imagens: ['image/jpeg', 'image/png', 'image/gif', 'image/webp', 'image/svg+xml'],
+		documentos: [
+			'application/pdf',
+			'application/msword',
+			'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+			'application/vnd.ms-excel',
+			'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+			'application/vnd.ms-powerpoint',
+			'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+			'text/plain',
+			'text/csv'
+		],
+		arquivos: [
+			'application/zip',
+			'application/x-rar-compressed',
+			'application/x-7z-compressed',
+			'application/x-tar',
+			'application/gzip'
+		]
+	};
+	const TODOS_TIPOS_PERMITIDOS = [
+		...TIPOS_PERMITIDOS.imagens,
+		...TIPOS_PERMITIDOS.documentos,
+		...TIPOS_PERMITIDOS.arquivos
+	];
+
 	let mensagem = $state('');
 	let textarea: HTMLTextAreaElement;
 	let enviando = $state(false);
 	let uploadingFile = $state(false);
+	let uploadProgress = $state(0); // Progresso do upload (0-100)
 	let digitacaoTimeout: ReturnType<typeof setTimeout> | null = null;
 	let showEmojiPicker = $state(false);
 	let mensagemRespondendo: {
@@ -42,6 +86,8 @@
 	let showMentionsDropdown = $state(false);
 	let mentionQuery = $state('');
 	let mentionStartPos = $state(0);
+	let selectedMentionIndex = $state(0); // Índice do participante selecionado no dropdown
+	let mensagemMuitoLonga = $state(false);
 
 	// Emojis mais usados
 	const emojis = [
@@ -106,20 +152,20 @@
 	}
 
 	// Obter conversa atual
-	let conversa = $derived((): ConversaComParticipantes | null => {
+	const conversa = $derived((): ConversaComParticipantes | null => {
 		if (!conversas?.data) return null;
 		return (conversas.data as ConversaComParticipantes[]).find((c) => c._id === conversaId) || null;
 	});
 
 	// Obter participantes para menções (apenas grupos e salas)
-	let participantesParaMencoes = $derived((): ParticipanteInfo[] => {
+	const participantesParaMencoes = $derived((): ParticipanteInfo[] => {
 		const c = conversa();
 		if (!c || (c.tipo !== 'grupo' && c.tipo !== 'sala_reuniao')) return [];
 		return c.participantesInfo || [];
 	});
 
 	// Filtrar participantes para dropdown de menções
-	let participantesFiltrados = $derived((): ParticipanteInfo[] => {
+	const participantesFiltrados = $derived((): ParticipanteInfo[] => {
 		if (!mentionQuery.trim()) return participantesParaMencoes().slice(0, 5);
 		const query = mentionQuery.toLowerCase();
 		return participantesParaMencoes()
@@ -134,6 +180,19 @@
 	// Auto-resize do textarea e detectar menções
 	function handleInput(e: Event) {
 		const target = e.target as HTMLTextAreaElement;
+
+		// Validar tamanho da mensagem
+		if (mensagem.length > MAX_MENSAGEM_LENGTH) {
+			mensagemMuitoLonga = true;
+			// Limitar ao tamanho máximo
+			mensagem = mensagem.substring(0, MAX_MENSAGEM_LENGTH);
+			if (textarea) {
+				textarea.value = mensagem;
+			}
+		} else {
+			mensagemMuitoLonga = false;
+		}
+
 		if (textarea) {
 			textarea.style.height = 'auto';
 			textarea.style.height = Math.min(textarea.scrollHeight, 120) + 'px';
@@ -160,11 +219,13 @@
 		// Indicador de digitação (debounce de 1s)
 		if (digitacaoTimeout) {
 			clearTimeout(digitacaoTimeout);
+			digitacaoTimeout = null;
 		}
 		digitacaoTimeout = setTimeout(() => {
 			if (mensagem.trim()) {
 				client.mutation(api.chat.indicarDigitacao, { conversaId });
 			}
+			digitacaoTimeout = null;
 		}, 1000);
 	}
 
@@ -175,6 +236,7 @@
 		mensagem = antes + `@${nome} ` + depois;
 		showMentionsDropdown = false;
 		mentionQuery = '';
+		selectedMentionIndex = 0; // Resetar índice selecionado
 		if (textarea) {
 			textarea.focus();
 			const newPos = antes.length + nome.length + 2;
@@ -188,6 +250,12 @@
 		const texto = mensagem.trim();
 		if (!texto || enviando) return;
 
+		// Validar tamanho antes de enviar
+		if (texto.length > MAX_MENSAGEM_LENGTH) {
+			alert(`Mensagem muito longa. O limite é de ${MAX_MENSAGEM_LENGTH} caracteres.`);
+			return;
+		}
+
 		// Extrair menções do texto (@nome)
 		const mencoesIds: Id<'usuarios'>[] = [];
 		const mentionRegex = /@(\w+)/g;
@@ -202,10 +270,70 @@
 			}
 		}
 
+		// Verificar se a conversa tem criptografia E2E e criptografar mensagem se necessário
+		const conversaTemE2E = temCriptografiaE2E?.data ?? false;
+		let conteudoParaEnviar = texto;
+		let criptografado = false;
+		let iv: string | undefined;
+		let keyId: string | undefined;
+
+		if (conversaTemE2E) {
+			try {
+				// Tentar obter chave do store primeiro
+				let encryptionKey = obterChaveCriptografia(conversaId);
+
+				// Se não estiver no store, tentar carregar do localStorage
+				if (!encryptionKey) {
+					encryptionKey = await loadEncryptionKey(conversaId);
+					if (encryptionKey) {
+						armazenarChaveCriptografia(conversaId, encryptionKey);
+					}
+				}
+
+				// Se ainda não tiver chave, tentar obter do servidor
+				if (!encryptionKey) {
+					const chaveDoServidor = await client.query(api.chat.obterChaveCriptografia, {
+						conversaId
+					});
+
+					if (chaveDoServidor?.chaveCompartilhada) {
+						// Importar chave do servidor (assumindo que está em formato exportado)
+						// Nota: Em produção, a chave do servidor deve ser criptografada com chave pública do usuário
+						// Por enquanto, vamos assumir que a chave já está descriptografada no cliente
+						const { importKey } = await import('$lib/utils/e2eEncryption');
+						encryptionKey = await importKey(chaveDoServidor.chaveCompartilhada);
+
+						// Armazenar chave localmente
+						const keyData = await exportKey(encryptionKey);
+						storeEncryptionKey(conversaId, keyData, chaveDoServidor.keyId);
+						armazenarChaveCriptografia(conversaId, encryptionKey);
+					}
+				}
+
+				if (encryptionKey) {
+					// Criptografar mensagem
+					const encrypted: EncryptedMessage = await encryptMessage(texto, encryptionKey);
+					conteudoParaEnviar = encrypted.encryptedContent;
+					iv = encrypted.iv;
+					keyId = encrypted.keyId;
+					criptografado = true;
+				} else {
+					console.warn(
+						'⚠️ [MessageInput] Criptografia E2E habilitada mas chave não encontrada. Enviando sem criptografia.'
+					);
+				}
+			} catch (error) {
+				console.error('❌ [MessageInput] Erro ao criptografar mensagem:', error);
+				alert('Erro ao criptografar mensagem. Tentando enviar sem criptografia...');
+				// Continuar sem criptografia em caso de erro
+			}
+		}
+
 		console.log('📤 [MessageInput] Enviando mensagem:', {
 			conversaId,
-			conteudo: texto,
+			conteudo: criptografado ? '[CRIPTOGRAFADO]' : texto,
 			tipo: 'texto',
+			criptografado,
 			respostaPara: mensagemRespondendo?.id,
 			mencoes: mencoesIds
 		});
@@ -214,10 +342,13 @@
 			enviando = true;
 			const result = await client.mutation(api.chat.enviarMensagem, {
 				conversaId,
-				conteudo: texto,
+				conteudo: conteudoParaEnviar,
 				tipo: 'texto',
 				respostaPara: mensagemRespondendo?.id,
-				mencoes: mencoesIds.length > 0 ? mencoesIds : undefined
+				mencoes: mencoesIds.length > 0 ? mencoesIds : undefined,
+				criptografado: criptografado ? true : undefined,
+				iv: iv,
+				keyId: keyId
 			});
 
 			console.log('✅ [MessageInput] Mensagem enviada com sucesso! ID:', result);
@@ -253,7 +384,7 @@
 			const customEvent = e as CustomEvent<{ mensagemId: Id<'mensagens'> }>;
 			// Buscar informações da mensagem para exibir preview
 			client.query(api.chat.obterMensagens, { conversaId, limit: 100 }).then((mensagens) => {
-				const msg = (mensagens as MensagemComRemetente[]).find(
+				const msg = (mensagens as unknown as { mensagens: MensagemComRemetente[] }).mensagens.find(
 					(m) => m._id === customEvent.detail.mensagemId
 				);
 				if (msg) {
@@ -270,22 +401,43 @@
 		window.addEventListener('responderMensagem', handler);
 		return () => {
 			window.removeEventListener('responderMensagem', handler);
+			// Limpar timeout de digitação ao desmontar
+			if (digitacaoTimeout) {
+				clearTimeout(digitacaoTimeout);
+				digitacaoTimeout = null;
+			}
 		};
 	});
 
 	function handleKeyDown(e: KeyboardEvent) {
 		// Navegar dropdown de menções
 		if (showMentionsDropdown && participantesFiltrados().length > 0) {
-			if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Enter') {
+			const participantes = participantesFiltrados();
+
+			if (e.key === 'ArrowDown') {
 				e.preventDefault();
-				// Implementação simples: selecionar primeiro participante
-				if (e.key === 'Enter') {
-					inserirMencao(participantesFiltrados()[0]);
+				selectedMentionIndex = Math.min(selectedMentionIndex + 1, participantes.length - 1);
+				return;
+			}
+
+			if (e.key === 'ArrowUp') {
+				e.preventDefault();
+				selectedMentionIndex = Math.max(selectedMentionIndex - 1, 0);
+				return;
+			}
+
+			if (e.key === 'Enter' || e.key === 'Tab') {
+				e.preventDefault();
+				if (participantes[selectedMentionIndex]) {
+					inserirMencao(participantes[selectedMentionIndex]);
 				}
 				return;
 			}
+
 			if (e.key === 'Escape') {
+				e.preventDefault();
 				showMentionsDropdown = false;
+				selectedMentionIndex = 0;
 				return;
 			}
 		}
@@ -302,43 +454,175 @@
 		const file = input.files?.[0];
 		if (!file) return;
 
-		// Validar tamanho (max 10MB)
-		if (file.size > 10 * 1024 * 1024) {
-			alert('Arquivo muito grande. O tamanho máximo é 10MB.');
+		// Validar tamanho
+		if (file.size > MAX_FILE_SIZE) {
+			alert(
+				`Arquivo muito grande. O tamanho máximo é ${(MAX_FILE_SIZE / 1024 / 1024).toFixed(0)}MB.`
+			);
+			input.value = '';
 			return;
 		}
 
+		// Validar tipo de arquivo
+		if (!TODOS_TIPOS_PERMITIDOS.includes(file.type)) {
+			alert(
+				`Tipo de arquivo não permitido. Tipos aceitos:\n- Imagens: JPEG, PNG, GIF, WebP, SVG\n- Documentos: PDF, Word, Excel, PowerPoint, TXT, CSV\n- Arquivos: ZIP, RAR, 7Z, TAR, GZIP`
+			);
+			input.value = '';
+			return;
+		}
+
+		// Validar extensão do arquivo (segurança adicional)
+		const extensao = file.name.split('.').pop()?.toLowerCase();
+		const extensoesPermitidas = [
+			'jpg',
+			'jpeg',
+			'png',
+			'gif',
+			'webp',
+			'svg',
+			'pdf',
+			'doc',
+			'docx',
+			'xls',
+			'xlsx',
+			'ppt',
+			'pptx',
+			'txt',
+			'csv',
+			'zip',
+			'rar',
+			'7z',
+			'tar',
+			'gz'
+		];
+		if (extensao && !extensoesPermitidas.includes(extensao)) {
+			alert(`Extensão de arquivo não permitida: .${extensao}`);
+			input.value = '';
+			return;
+		}
+
+		// Sanitizar nome do arquivo (remover caracteres perigosos)
+		const nomeSanitizado = file.name.replace(/[^a-zA-Z0-9._-]/g, '_');
+
+		// Verificar se a conversa tem criptografia E2E e criptografar arquivo se necessário
+		const conversaTemE2E = temCriptografiaE2E?.data ?? false;
+		let arquivoParaUpload: Blob = file;
+		let arquivoCriptografado = false;
+		let arquivoIv: string | undefined;
+		let arquivoKeyId: string | undefined;
+
+		if (conversaTemE2E) {
+			try {
+				// Tentar obter chave de criptografia
+				let encryptionKey = obterChaveCriptografia(conversaId);
+
+				if (!encryptionKey) {
+					encryptionKey = await loadEncryptionKey(conversaId);
+					if (encryptionKey) {
+						armazenarChaveCriptografia(conversaId, encryptionKey);
+					}
+				}
+
+				if (!encryptionKey) {
+					const chaveDoServidor = await client.query(api.chat.obterChaveCriptografia, {
+						conversaId
+					});
+
+					if (chaveDoServidor?.chaveCompartilhada) {
+						const { importKey } = await import('$lib/utils/e2eEncryption');
+						encryptionKey = await importKey(chaveDoServidor.chaveCompartilhada);
+
+						const keyData = await exportKey(encryptionKey);
+						storeEncryptionKey(conversaId, keyData, chaveDoServidor.keyId);
+						armazenarChaveCriptografia(conversaId, encryptionKey);
+					}
+				}
+
+				if (encryptionKey) {
+					// Criptografar arquivo
+					const encrypted = await encryptFile(file, encryptionKey);
+					arquivoParaUpload = encrypted.encryptedBlob;
+					arquivoIv = encrypted.iv;
+					arquivoKeyId = encrypted.keyId;
+					arquivoCriptografado = true;
+				} else {
+					console.warn(
+						'⚠️ [MessageInput] Criptografia E2E habilitada mas chave não encontrada. Enviando arquivo sem criptografia.'
+					);
+				}
+			} catch (error) {
+				console.error('❌ [MessageInput] Erro ao criptografar arquivo:', error);
+				alert('Erro ao criptografar arquivo. Tentando enviar sem criptografia...');
+			}
+		}
+
 		try {
 			uploadingFile = true;
+			uploadProgress = 0;
 
 			// 1. Obter upload URL
 			const uploadUrl = await client.mutation(api.chat.uploadArquivoChat, {
 				conversaId
 			});
 
-			// 2. Upload do arquivo
-			const result = await fetch(uploadUrl, {
-				method: 'POST',
-				headers: { 'Content-Type': file.type },
-				body: file
+			// 2. Upload do arquivo com progresso
+			const xhr = new XMLHttpRequest();
+
+			// Promise para aguardar upload completo
+			const uploadPromise = new Promise<string>((resolve, reject) => {
+				xhr.upload.addEventListener('progress', (e) => {
+					if (e.lengthComputable) {
+						uploadProgress = Math.round((e.loaded / e.total) * 100);
+					}
+				});
+
+				xhr.addEventListener('load', () => {
+					if (xhr.status >= 200 && xhr.status < 300) {
+						try {
+							const response = JSON.parse(xhr.responseText);
+							resolve(response.storageId);
+						} catch {
+							reject(new Error('Resposta inválida do servidor'));
+						}
+					} else {
+						reject(new Error(`Falha no upload: ${xhr.statusText}`));
+					}
+				});
+
+				xhr.addEventListener('error', () => {
+					reject(new Error('Erro de rede durante upload'));
+				});
+
+				xhr.addEventListener('abort', () => {
+					reject(new Error('Upload cancelado'));
+				});
+
+				xhr.open('POST', uploadUrl);
+				// Se arquivo foi criptografado, usar tipo genérico
+				xhr.setRequestHeader(
+					'Content-Type',
+					arquivoCriptografado ? 'application/octet-stream' : file.type
+				);
+				xhr.send(arquivoParaUpload);
 			});
 
-			if (!result.ok) {
-				throw new Error('Falha no upload');
-			}
-
-			const { storageId } = await result.json();
+			const storageId = await uploadPromise;
 
 			// 3. Enviar mensagem com o arquivo
 			const tipo: 'imagem' | 'arquivo' = file.type.startsWith('image/') ? 'imagem' : 'arquivo';
 			await client.mutation(api.chat.enviarMensagem, {
 				conversaId,
-				conteudo: tipo === 'imagem' ? '' : file.name,
+				conteudo: tipo === 'imagem' ? '' : nomeSanitizado,
 				tipo,
-				arquivoId: storageId,
-				arquivoNome: file.name,
+				arquivoId: storageId as Id<'_storage'>,
+				arquivoNome: nomeSanitizado,
 				arquivoTamanho: file.size,
-				arquivoTipo: file.type
+				arquivoTipo: file.type,
+				// Campos de criptografia E2E para arquivos
+				criptografado: arquivoCriptografado ? true : undefined,
+				iv: arquivoIv,
+				keyId: arquivoKeyId
 			});
 
 			// Limpar input
@@ -383,31 +667,48 @@
 
 	<div class="flex items-end gap-2">
 		<!-- Botão de anexar arquivo MODERNO -->
-		<label
-			class="group relative flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-xl transition-all duration-300"
-			style="background: rgba(102, 126, 234, 0.1); border: 1px solid rgba(102, 126, 234, 0.2);"
-			title="Anexar arquivo"
-		>
-			<input
-				type="file"
-				class="hidden"
-				onchange={handleFileUpload}
-				disabled={uploadingFile || enviando}
-				accept="*/*"
-			/>
-			<div
-				class="bg-primary/0 group-hover:bg-primary/10 absolute inset-0 transition-colors duration-300"
-			></div>
-			{#if uploadingFile}
-				<span class="loading loading-spinner loading-sm relative z-10"></span>
-			{:else}
-				<!-- Ícone de clipe moderno -->
-				<Paperclip
-					class="text-primary relative z-10 h-5 w-5 transition-transform group-hover:scale-110"
-					strokeWidth={2}
+		<div class="relative shrink-0">
+			<label
+				class="group relative flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-xl transition-all duration-300"
+				style="background: rgba(102, 126, 234, 0.1); border: 1px solid rgba(102, 126, 234, 0.2);"
+				title="Anexar arquivo"
+				aria-label="Anexar arquivo"
+			>
+				<input
+					type="file"
+					class="hidden"
+					onchange={handleFileUpload}
+					disabled={uploadingFile || enviando}
+					accept="*/*"
+					aria-label="Selecionar arquivo para anexar"
 				/>
+				<div
+					class="bg-primary/0 group-hover:bg-primary/10 absolute inset-0 transition-colors duration-300"
+				></div>
+				{#if uploadingFile}
+					<span class="loading loading-spinner loading-sm relative z-10"></span>
+				{:else}
+					<!-- Ícone de clipe moderno -->
+					<Paperclip
+						class="text-primary relative z-10 h-5 w-5 transition-transform group-hover:scale-110"
+						strokeWidth={2}
+					/>
+				{/if}
+			</label>
+
+			<!-- Barra de progresso do upload -->
+			{#if uploadingFile && uploadProgress > 0}
+				<div
+					class="bg-base-200 absolute right-0 -bottom-1 left-0 h-1 rounded-full"
+					style="z-index: 20;"
+				>
+					<div
+						class="bg-primary h-full rounded-full transition-all duration-300"
+						style="width: {uploadProgress}%;"
+					></div>
+				</div>
 			{/if}
-		</label>
+		</div>
 
 		<!-- Botão de EMOJI MODERNO -->
 		<div class="relative shrink-0">
@@ -418,6 +719,8 @@
 				onclick={() => (showEmojiPicker = !showEmojiPicker)}
 				disabled={enviando || uploadingFile}
 				aria-label="Adicionar emoji"
+				aria-expanded={showEmojiPicker}
+				aria-haspopup="true"
 				title="Adicionar emoji"
 			>
 				<div
@@ -434,13 +737,18 @@
 				<div
 					class="bg-base-100 border-base-300 absolute bottom-full left-0 z-50 mb-2 rounded-xl border p-3 shadow-2xl"
 					style="width: 280px; max-height: 200px; overflow-y-auto;"
+					role="dialog"
+					aria-label="Selecionar emoji"
+					id="emoji-picker"
 				>
-					<div class="grid grid-cols-10 gap-1">
-						{#each emojis as emoji}
+					<div class="grid grid-cols-10 gap-1" role="grid">
+						{#each emojis as emoji, index (emoji)}
 							<button
 								type="button"
 								class="hover:bg-base-200 cursor-pointer rounded p-1 text-2xl transition-transform hover:scale-125"
 								onclick={() => adicionarEmoji(emoji)}
+								aria-label="Adicionar emoji {emoji}"
+								role="gridcell"
 							>
 								{emoji}
 							</button>
@@ -458,21 +766,46 @@
 				oninput={handleInput}
 				onkeydown={handleKeyDown}
 				placeholder="Digite uma mensagem... (use @ para mencionar)"
-				class="textarea textarea-bordered max-h-[120px] min-h-[44px] w-full resize-none pr-10"
+				class="textarea textarea-bordered max-h-[120px] min-h-[44px] w-full resize-none pr-10 {mensagemMuitoLonga
+					? 'textarea-error'
+					: ''}"
 				rows="1"
 				disabled={enviando || uploadingFile}
+				maxlength={MAX_MENSAGEM_LENGTH}
+				aria-label="Campo de mensagem"
+				aria-describedby="mensagem-help"
+				aria-invalid={mensagemMuitoLonga}
 			></textarea>
+			{#if mensagemMuitoLonga || mensagem.length > MAX_MENSAGEM_LENGTH * 0.9}
+				<div
+					class="absolute right-2 bottom-1 text-xs {mensagem.length > MAX_MENSAGEM_LENGTH
+						? 'text-error'
+						: 'text-base-content/50'}"
+				>
+					{mensagem.length}/{MAX_MENSAGEM_LENGTH}
+				</div>
+			{/if}
 
 			<!-- Dropdown de Menções -->
 			{#if showMentionsDropdown && participantesFiltrados().length > 0 && (conversa()?.tipo === 'grupo' || conversa()?.tipo === 'sala_reuniao')}
 				<div
 					class="bg-base-100 border-base-300 absolute bottom-full left-0 z-50 mb-2 max-h-48 w-64 overflow-y-auto rounded-lg border shadow-xl"
+					role="listbox"
+					aria-label="Lista de participantes para mencionar"
+					id="mentions-dropdown"
 				>
-					{#each participantesFiltrados() as participante (participante._id)}
+					{#each participantesFiltrados() as participante, index (participante._id)}
 						<button
 							type="button"
-							class="hover:bg-base-200 flex w-full items-center gap-2 px-4 py-2 text-left transition-colors"
+							class="hover:bg-base-200 flex w-full items-center gap-2 px-4 py-2 text-left transition-colors {index ===
+							selectedMentionIndex
+								? 'bg-primary/20'
+								: ''}"
 							onclick={() => inserirMencao(participante)}
+							role="option"
+							aria-selected={index === selectedMentionIndex}
+							aria-label="Mencionar {participante.nome}"
+							id="mention-option-{index}"
 						>
 							<div
 								class="bg-primary/20 flex h-8 w-8 items-center justify-center overflow-hidden rounded-full"
@@ -508,7 +841,8 @@
 			style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); box-shadow: 0 8px 24px -4px rgba(102, 126, 234, 0.4);"
 			onclick={handleEnviar}
 			disabled={!mensagem.trim() || enviando || uploadingFile}
-			aria-label="Enviar"
+			aria-label="Enviar mensagem"
+			aria-describedby="mensagem-help"
 		>
 			<div
 				class="absolute inset-0 bg-white/0 transition-colors duration-300 group-hover:bg-white/10"
@@ -525,7 +859,8 @@
 	</div>
 
 	<!-- Informação sobre atalhos -->
-	<p class="text-base-content/50 mt-2 text-center text-xs">
-		💡 Enter para enviar • Shift+Enter para quebrar linha • 😊 Clique no emoji
+	<p id="mensagem-help" class="text-base-content/50 mt-2 text-center text-xs" role="note">
+		💡 Enter para enviar • Shift+Enter para quebrar linha • 😊 Clique no emoji • Use @ para
+		mencionar
 	</p>
 </div>
diff --git a/apps/web/src/lib/components/chat/MessageList.svelte b/apps/web/src/lib/components/chat/MessageList.svelte
index 6cca104..aebfbbb 100644
--- a/apps/web/src/lib/components/chat/MessageList.svelte
+++ b/apps/web/src/lib/components/chat/MessageList.svelte
@@ -1,22 +1,120 @@
 <script lang="ts">
+	import { useQuery, useConvexClient } from 'convex-svelte';
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
-	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { format } from 'date-fns';
 	import { ptBR } from 'date-fns/locale';
 	import { onMount, tick } from 'svelte';
+	import { File, CheckCircle2, CheckCircle, MessageSquare, Bell, X } from 'lucide-svelte';
+	import {
+		notificacaoAtiva,
+		obterChaveCriptografia,
+		armazenarChaveCriptografia
+	} from '$lib/stores/chatStore';
+	import {
+		decryptMessage,
+		decryptFile,
+		loadEncryptionKey,
+		exportKey,
+		storeEncryptionKey,
+		type EncryptedMessage
+	} from '$lib/utils/e2eEncryption';
 
 	interface Props {
 		conversaId: Id<'conversas'>;
 	}
 
-	const { conversaId }: Props = $props();
+	let { conversaId }: Props = $props();
 
 	const client = useConvexClient();
-	const mensagens = useQuery(api.chat.obterMensagens, {
+
+	// Estados para paginação
+	let cursor = $state<Id<'mensagens'> | null>(null);
+	let todasMensagens = $state<Array<any>>([]);
+	let carregandoMais = $state(false);
+	let hasMore = $state(true);
+
+	// Query para obter mensagens com paginação
+	const mensagensQuery = useQuery(api.chat.obterMensagens, {
 		conversaId,
-		limit: 50
+		limit: 50,
+		cursor: cursor || undefined
 	});
+
+	// Atualizar lista de mensagens quando a query mudar
+	// Usar untrack para evitar loops infinitos
+	let processandoMensagens = false;
+	$effect(() => {
+		if (processandoMensagens) return;
+		if (!mensagensQuery?.data) return;
+
+		const resultado = mensagensQuery.data as {
+			mensagens: any[];
+			hasMore: boolean;
+			nextCursor: Id<'mensagens'> | null;
+		};
+		const novasMensagens = resultado.mensagens || [];
+
+		// Comparação simples usando JSON para evitar loops
+		const idsAtuais = todasMensagens
+			.map((m) => String(m?._id))
+			.sort()
+			.join(',');
+		const idsNovos = novasMensagens
+			.map((m) => String(m?._id))
+			.sort()
+			.join(',');
+
+		// Só atualizar se realmente mudou
+		if (idsAtuais !== idsNovos) {
+			processandoMensagens = true;
+			try {
+				if (cursor === null) {
+					todasMensagens = novasMensagens;
+				} else {
+					// Carregamento adicional: adicionar no início
+					const idsExistentes = new Set(todasMensagens.map((m) => String(m?._id)));
+					const novasParaAdicionar = novasMensagens.filter(
+						(m) => m?._id && !idsExistentes.has(String(m._id))
+					);
+					if (novasParaAdicionar.length > 0) {
+						todasMensagens = [...novasParaAdicionar, ...todasMensagens];
+					}
+				}
+				hasMore = resultado.hasMore || false;
+				carregandoMais = false;
+			} finally {
+				processandoMensagens = false;
+			}
+		} else {
+			hasMore = resultado.hasMore || false;
+			carregandoMais = false;
+		}
+	});
+
+	// Resetar quando mudar de conversa
+	let conversaIdAnterior = $state<string | null>(null);
+	let resetandoConversa = false;
+	$effect(() => {
+		if (resetandoConversa) return;
+
+		const conversaIdAtual = String(conversaId);
+		if (conversaIdAnterior !== null && conversaIdAnterior !== conversaIdAtual) {
+			resetandoConversa = true;
+			try {
+				cursor = null;
+				todasMensagens = [];
+				hasMore = true;
+				carregandoMais = false;
+				mensagensComConteudo = [];
+				ultimoProcessamento = '';
+			} finally {
+				resetandoConversa = false;
+			}
+		}
+		conversaIdAnterior = conversaIdAtual;
+	});
+
 	const digitando = useQuery(api.chat.obterDigitando, { conversaId });
 	const isAdmin = useQuery(api.chat.verificarSeEhAdmin, { conversaId });
 	const conversas = useQuery(api.chat.listarConversas, {});
@@ -53,8 +151,8 @@
 			mensagensCarregadas = true;
 
 			// Marcar todas as mensagens atuais como já visualizadas (não tocar beep ao abrir)
-			if (mensagens?.data && mensagens.data.length > 0) {
-				mensagens.data.forEach((msg) => {
+			if (todasMensagens.length > 0) {
+				todasMensagens.forEach((msg) => {
 					mensagensNotificadas.add(String(msg._id));
 				});
 				salvarMensagensNotificadas();
@@ -146,16 +244,48 @@
 		}
 	}
 
+	// Função para carregar mais mensagens (scroll infinito)
+	async function carregarMaisMensagens() {
+		if (carregandoMais || !hasMore || !mensagensQuery?.data) return;
+
+		const resultado = mensagensQuery.data as {
+			mensagens: any[];
+			hasMore: boolean;
+			nextCursor: Id<'mensagens'> | null;
+		};
+		if (!resultado.nextCursor) return;
+
+		carregandoMais = true;
+		cursor = resultado.nextCursor;
+
+		// Aguardar um pouco para a query atualizar
+		await new Promise((resolve) => setTimeout(resolve, 100));
+	}
+
+	// Detectar quando usuário rola para o topo para carregar mais mensagens
+	function handleScroll(e: Event) {
+		const target = e.target as HTMLDivElement;
+		// Considerar "no final" se estiver a menos de 150px do final
+		const distanciaDoFinal = target.scrollHeight - target.scrollTop - target.clientHeight;
+		const isAtBottom = distanciaDoFinal < 150;
+		shouldScrollToBottom = isAtBottom;
+
+		// Se está próximo do topo (menos de 200px), carregar mais mensagens
+		if (target.scrollTop < 200 && hasMore && !carregandoMais) {
+			carregarMaisMensagens();
+		}
+	}
+
 	// Auto-scroll para a última mensagem quando novas mensagens chegam
 	// E detectar novas mensagens para tocar som e mostrar popup
 	$effect(() => {
-		if (mensagens?.data && messagesContainer) {
-			const currentCount = mensagens.data.length;
+		if (todasMensagens.length > 0 && messagesContainer) {
+			const currentCount = todasMensagens.length;
 			const isNewMessage = currentCount > lastMessageCount;
 
 			// Detectar nova mensagem de outro usuário
-			if (isNewMessage && mensagens.data.length > 0 && usuarioAtualId) {
-				const ultimaMensagem = mensagens.data[mensagens.data.length - 1];
+			if (isNewMessage && todasMensagens.length > 0 && usuarioAtualId) {
+				const ultimaMensagem = todasMensagens[todasMensagens.length - 1];
 				const mensagemId = String(ultimaMensagem._id);
 				const remetenteIdStr = ultimaMensagem.remetenteId
 					? String(ultimaMensagem.remetenteId).trim()
@@ -163,16 +293,33 @@
 						? String(ultimaMensagem.remetente._id).trim()
 						: null;
 
+				// Verificar se outra notificação já está ativa para esta mensagem
+				const notificacaoAtual = $notificacaoAtiva;
+				const conversaIdStr = String(conversaId).trim();
+				const jaTemNotificacaoAtiva =
+					notificacaoAtual &&
+					notificacaoAtual.conversaId === conversaIdStr &&
+					notificacaoAtual.mensagemId === mensagemId;
+
 				// Se é uma nova mensagem de outro usuário (não minha) E ainda não foi notificada
+				// E não há outra notificação ativa para esta mensagem
 				if (
 					remetenteIdStr &&
 					remetenteIdStr !== usuarioAtualId &&
-					!mensagensNotificadas.has(mensagemId)
+					!mensagensNotificadas.has(mensagemId) &&
+					!jaTemNotificacaoAtiva
 				) {
 					// Marcar como notificada antes de tocar som (evita duplicação)
 					mensagensNotificadas.add(mensagemId);
 					salvarMensagensNotificadas();
 
+					// Registrar notificação ativa no store global
+					notificacaoAtiva.set({
+						conversaId: conversaIdStr,
+						mensagemId,
+						componente: 'messageList'
+					});
+
 					// Tocar som de notificação (apenas uma vez)
 					tocarSomNotificacao();
 
@@ -185,19 +332,55 @@
 					};
 					showNotificationPopup = true;
 
-					// Ocultar popup após 5 segundos
+					// Ocultar popup após 5 segundos - garantir limpeza
 					if (notificationTimeout) {
 						clearTimeout(notificationTimeout);
+						notificationTimeout = null;
 					}
 					notificationTimeout = setTimeout(() => {
 						showNotificationPopup = false;
 						notificationMessage = null;
+						notificationTimeout = null;
+						// Limpar notificação ativa do store
+						notificacaoAtiva.set(null);
 					}, 5000);
 				}
 			}
 
-			if (isNewMessage || shouldScrollToBottom) {
-				// Usar requestAnimationFrame para garantir que o DOM foi atualizado
+			// Scroll automático inteligente: só rolar se:
+			// 1. É uma nova mensagem E o usuário está no final (ou perto)
+			// 2. OU o usuário já estava no final antes
+			if (isNewMessage) {
+				// Verificar se está no final antes de fazer scroll
+				if (messagesContainer) {
+					const distanciaDoFinal =
+						messagesContainer.scrollHeight -
+						messagesContainer.scrollTop -
+						messagesContainer.clientHeight;
+					const estaNoFinal = distanciaDoFinal < 150;
+
+					// Só fazer scroll se estiver no final ou se for minha própria mensagem
+					const ultimaMensagem = todasMensagens[todasMensagens.length - 1];
+					const remetenteIdStr = ultimaMensagem.remetenteId
+						? String(ultimaMensagem.remetenteId).trim()
+						: ultimaMensagem.remetente?._id
+							? String(ultimaMensagem.remetente._id).trim()
+							: null;
+					const ehMinhaMensagem = remetenteIdStr && remetenteIdStr === usuarioAtualId;
+
+					if (estaNoFinal || ehMinhaMensagem || shouldScrollToBottom) {
+						// Usar requestAnimationFrame para garantir que o DOM foi atualizado
+						requestAnimationFrame(() => {
+							tick().then(() => {
+								if (messagesContainer) {
+									messagesContainer.scrollTop = messagesContainer.scrollHeight;
+								}
+							});
+						});
+					}
+				}
+			} else if (shouldScrollToBottom) {
+				// Se não é nova mensagem mas o usuário estava no final, manter no final
 				requestAnimationFrame(() => {
 					tick().then(() => {
 						if (messagesContainer) {
@@ -209,12 +392,20 @@
 
 			lastMessageCount = currentCount;
 		}
+
+		// Cleanup: limpar timeout quando o effect for desmontado
+		return () => {
+			if (notificationTimeout) {
+				clearTimeout(notificationTimeout);
+				notificationTimeout = null;
+			}
+		};
 	});
 
 	// Marcar como lida quando mensagens carregam
 	$effect(() => {
-		if (mensagens?.data && mensagens.data.length > 0 && usuarioAtualId) {
-			const ultimaMensagem = mensagens.data[mensagens.data.length - 1];
+		if (todasMensagens.length > 0 && usuarioAtualId) {
+			const ultimaMensagem = todasMensagens[todasMensagens.length - 1];
 			const remetenteIdStr = ultimaMensagem.remetenteId
 				? String(ultimaMensagem.remetenteId).trim()
 				: ultimaMensagem.remetente?._id
@@ -285,8 +476,232 @@
 			site?: string;
 		} | null;
 		lidaPor?: Id<'usuarios'>[]; // IDs dos usuários que leram a mensagem
+		// Campos para criptografia E2E
+		criptografado?: boolean;
+		iv?: string;
+		keyId?: string;
+		// Campo derivado para conteúdo descriptografado (cache)
+		conteudoDescriptografado?: string | null;
+		// Campo derivado para URL de arquivo descriptografado (cache)
+		arquivoUrlDescriptografado?: string | null;
 	}
 
+	// Função para descriptografar um arquivo
+	async function descriptografarArquivo(
+		mensagem: Mensagem,
+		encryptionKey: CryptoKey
+	): Promise<string | null> {
+		if (!mensagem.criptografado || !mensagem.iv || !mensagem.arquivoUrl) {
+			return null; // Arquivo não está criptografado ou não tem URL
+		}
+
+		try {
+			// Buscar arquivo do storage
+			const response = await fetch(mensagem.arquivoUrl);
+			if (!response.ok) {
+				console.warn('⚠️ [MessageList] Erro ao buscar arquivo criptografado:', response.statusText);
+				return null;
+			}
+
+			const encryptedBlob = await response.blob();
+
+			// Descriptografar arquivo
+			const decryptedBlob = await decryptFile(encryptedBlob, mensagem.iv, encryptionKey);
+
+			// Criar URL temporária para o arquivo descriptografado
+			const url = URL.createObjectURL(decryptedBlob);
+			return url;
+		} catch (error) {
+			console.error('❌ [MessageList] Erro ao descriptografar arquivo:', error);
+			return null;
+		}
+	}
+
+	// Função para descriptografar uma mensagem
+	async function descriptografarMensagem(mensagem: Mensagem): Promise<string | null> {
+		if (!mensagem.criptografado || !mensagem.iv || !mensagem.keyId) {
+			return null; // Mensagem não está criptografada
+		}
+
+		try {
+			// Tentar obter chave do store primeiro
+			let encryptionKey = obterChaveCriptografia(conversaId);
+
+			// Se não estiver no store, tentar carregar do localStorage
+			if (!encryptionKey) {
+				encryptionKey = await loadEncryptionKey(conversaId);
+				if (encryptionKey) {
+					armazenarChaveCriptografia(conversaId, encryptionKey);
+				}
+			}
+
+			// Se ainda não tiver chave, tentar obter do servidor
+			if (!encryptionKey) {
+				const chaveDoServidor = await client.query(api.chat.obterChaveCriptografia, {
+					conversaId
+				});
+
+				if (chaveDoServidor?.chaveCompartilhada) {
+					const { importKey } = await import('$lib/utils/e2eEncryption');
+					encryptionKey = await importKey(chaveDoServidor.chaveCompartilhada);
+
+					// Armazenar chave localmente
+					const keyData = await exportKey(encryptionKey);
+					storeEncryptionKey(conversaId, keyData, chaveDoServidor.keyId);
+					armazenarChaveCriptografia(conversaId, encryptionKey);
+				}
+			}
+
+			if (!encryptionKey) {
+				console.warn(
+					'⚠️ [MessageList] Chave de criptografia não encontrada para descriptografar mensagem'
+				);
+				return null;
+			}
+
+			// Descriptografar mensagem
+			const encrypted: EncryptedMessage = {
+				encryptedContent: mensagem.conteudo,
+				iv: mensagem.iv,
+				keyId: mensagem.keyId
+			};
+
+			const decrypted = await decryptMessage(encrypted, encryptionKey);
+			return decrypted;
+		} catch (error) {
+			console.error('❌ [MessageList] Erro ao descriptografar mensagem:', error);
+			return null;
+		}
+	}
+
+	// Usar mensagens processadas (com cache de descriptografia)
+	let mensagensComConteudo = $state<Mensagem[]>([]);
+
+	// Processar mensagens para descriptografar as criptografadas
+	let ultimoProcessamento = $state<string>('');
+	let processandoDescriptografia = false;
+	$effect(() => {
+		if (processandoDescriptografia) return;
+
+		const mensagens = todasMensagens;
+
+		// Se não há mensagens, limpar e retornar
+		if (!mensagens || mensagens.length === 0) {
+			if (mensagensComConteudo.length > 0) {
+				mensagensComConteudo = [];
+			}
+			ultimoProcessamento = '';
+			return;
+		}
+
+		// Criar hash simples das mensagens para evitar reprocessamento
+		const hashMensagens = mensagens
+			.map((m) => `${String(m._id)}-${m.criptografado ? '1' : '0'}`)
+			.join('|');
+		if (hashMensagens === ultimoProcessamento && mensagensComConteudo.length === mensagens.length) {
+			return; // Já foi processado
+		}
+
+		ultimoProcessamento = hashMensagens;
+		processandoDescriptografia = true;
+
+		const processarMensagens = async () => {
+			const processadas: Mensagem[] = [];
+
+			// Obter chave de criptografia uma vez para todas as mensagens
+			let encryptionKey: CryptoKey | null = null;
+			if (mensagens.some((m) => m?.criptografado)) {
+				encryptionKey = obterChaveCriptografia(conversaId);
+
+				if (!encryptionKey) {
+					encryptionKey = await loadEncryptionKey(conversaId);
+					if (encryptionKey) {
+						armazenarChaveCriptografia(conversaId, encryptionKey);
+					}
+				}
+
+				if (!encryptionKey) {
+					const chaveDoServidor = await client.query(api.chat.obterChaveCriptografia, {
+						conversaId
+					});
+
+					if (chaveDoServidor?.chaveCompartilhada) {
+						const { importKey } = await import('$lib/utils/e2eEncryption');
+						encryptionKey = await importKey(chaveDoServidor.chaveCompartilhada);
+
+						const keyData = await exportKey(encryptionKey);
+						storeEncryptionKey(conversaId, keyData, chaveDoServidor.keyId);
+						armazenarChaveCriptografia(conversaId, encryptionKey);
+					}
+				}
+			}
+
+			for (const msg of mensagens) {
+				if (!msg) continue; // Pular mensagens nulas
+
+				const mensagemProcessada = { ...msg };
+
+				// Se a mensagem está criptografada e ainda não foi descriptografada
+				if (mensagemProcessada.criptografado && encryptionKey) {
+					// Descriptografar conteúdo de texto
+					if (!mensagemProcessada.conteudoDescriptografado && mensagemProcessada.tipo === 'texto') {
+						const decrypted = await descriptografarMensagem(mensagemProcessada);
+						if (decrypted !== null) {
+							mensagemProcessada.conteudoDescriptografado = decrypted;
+						} else {
+							mensagemProcessada.conteudoDescriptografado =
+								'🔒 Não foi possível descriptografar esta mensagem';
+						}
+					}
+
+					// Descriptografar arquivo/imagem
+					if (
+						!mensagemProcessada.arquivoUrlDescriptografado &&
+						(mensagemProcessada.tipo === 'arquivo' || mensagemProcessada.tipo === 'imagem')
+					) {
+						const arquivoDescriptografado = await descriptografarArquivo(
+							mensagemProcessada,
+							encryptionKey
+						);
+						if (arquivoDescriptografado) {
+							mensagemProcessada.arquivoUrlDescriptografado = arquivoDescriptografado;
+						}
+					}
+				} else if (!mensagemProcessada.criptografado) {
+					// Mensagem não criptografada: usar conteúdo original
+					mensagemProcessada.conteudoDescriptografado = mensagemProcessada.conteudo || '';
+					mensagemProcessada.arquivoUrlDescriptografado = mensagemProcessada.arquivoUrl || null;
+				} else {
+					// Já foi processada, manter
+					if (!mensagemProcessada.conteudoDescriptografado) {
+						mensagemProcessada.conteudoDescriptografado = mensagemProcessada.conteudo || '';
+					}
+					if (!mensagemProcessada.arquivoUrlDescriptografado) {
+						mensagemProcessada.arquivoUrlDescriptografado = mensagemProcessada.arquivoUrl || null;
+					}
+				}
+
+				processadas.push(mensagemProcessada);
+			}
+
+			mensagensComConteudo = processadas;
+			processandoDescriptografia = false;
+		};
+
+		processarMensagens().catch((error) => {
+			console.error('❌ [MessageList] Erro ao processar mensagens:', error);
+			// Em caso de erro, pelo menos mostrar as mensagens sem descriptografia
+			mensagensComConteudo = todasMensagens.map((msg) => ({
+				...msg,
+				conteudoDescriptografado: msg.criptografado
+					? '🔒 Erro ao descriptografar'
+					: msg.conteudo || '',
+				arquivoUrlDescriptografado: msg.criptografado ? null : msg.arquivoUrl || null
+			}));
+			processandoDescriptografia = false;
+		});
+	});
+
 	function agruparMensagensPorDia(msgs: Mensagem[]): Record<string, Mensagem[]> {
 		const grupos: Record<string, Mensagem[]> = {};
 		for (const msg of msgs) {
@@ -299,12 +714,6 @@
 		return grupos;
 	}
 
-	function handleScroll(e: Event) {
-		const target = e.target as HTMLDivElement;
-		const isAtBottom = target.scrollHeight - target.scrollTop - target.clientHeight < 100;
-		shouldScrollToBottom = isAtBottom;
-	}
-
 	async function handleReagir(mensagemId: Id<'mensagens'>, emoji: string) {
 		await client.mutation(api.chat.reagirMensagem, {
 			mensagemId,
@@ -328,7 +737,8 @@
 
 	async function editarMensagem(mensagem: Mensagem) {
 		mensagemEditando = mensagem;
-		novoConteudoEditado = mensagem.conteudo;
+		// Usar conteúdo descriptografado se disponível, senão usar original
+		novoConteudoEditado = mensagem.conteudoDescriptografado ?? mensagem.conteudo;
 	}
 
 	async function salvarEdicao() {
@@ -395,7 +805,7 @@
 	}
 
 	// Obter informações da conversa atual
-	let conversaAtual = $derived(() => {
+	const conversaAtual = $derived(() => {
 		if (!conversas?.data) return null;
 		return (conversas.data as any[]).find((c) => c._id === conversaId) || null;
 	});
@@ -434,6 +844,34 @@
 
 		return false;
 	}
+
+	// Escutar evento de scroll para mensagem específica (da busca)
+	onMount(() => {
+		const handler = (e: Event) => {
+			const customEvent = e as CustomEvent<{ mensagemId: Id<'mensagens'> }>;
+			const mensagemId = customEvent.detail.mensagemId;
+
+			// Encontrar elemento da mensagem e fazer scroll
+			if (messagesContainer) {
+				const mensagemElement = messagesContainer.querySelector(
+					`[data-mensagem-id="${mensagemId}"]`
+				);
+				if (mensagemElement) {
+					mensagemElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
+					// Destacar mensagem temporariamente
+					mensagemElement.classList.add('bg-yellow-200', 'dark:bg-yellow-900');
+					setTimeout(() => {
+						mensagemElement.classList.remove('bg-yellow-200', 'dark:bg-yellow-900');
+					}, 2000);
+				}
+			}
+		};
+
+		window.addEventListener('scrollToMessage', handler);
+		return () => {
+			window.removeEventListener('scrollToMessage', handler);
+		};
+	});
 </script>
 
 <div
@@ -441,8 +879,10 @@
 	bind:this={messagesContainer}
 	onscroll={handleScroll}
 >
-	{#if mensagens?.data && mensagens.data.length > 0}
-		{@const gruposPorDia = agruparMensagensPorDia(mensagens.data)}
+	{#if todasMensagens.length > 0}
+		{@const mensagensParaExibir =
+			mensagensComConteudo.length > 0 ? mensagensComConteudo : todasMensagens}
+		{@const gruposPorDia = agruparMensagensPorDia(mensagensParaExibir)}
 		{#each Object.entries(gruposPorDia) as [dia, mensagensDia]}
 			<!-- Separador de dia -->
 			<div class="my-4 flex items-center justify-center">
@@ -511,12 +951,27 @@
 												cancelarEdicao();
 											}
 										}}
+										aria-label="Editar mensagem"
+										aria-describedby="edicao-help"
 									></textarea>
+									<p id="edicao-help" class="sr-only">
+										Pressione Ctrl+Enter para salvar ou Escape para cancelar
+									</p>
 									<div class="flex justify-end gap-2">
-										<button class="btn btn-xs btn-ghost" onclick={cancelarEdicao}>
+										<button
+											class="btn btn-xs btn-ghost"
+											onclick={cancelarEdicao}
+											aria-label="Cancelar edição"
+										>
 											Cancelar
 										</button>
-										<button class="btn btn-xs btn-primary" onclick={salvarEdicao}> Salvar </button>
+										<button
+											class="btn btn-xs btn-primary"
+											onclick={salvarEdicao}
+											aria-label="Salvar edição"
+										>
+											Salvar
+										</button>
 									</div>
 								</div>
 							{:else if mensagem.deletada}
@@ -525,7 +980,7 @@
 								<div class="space-y-2">
 									<div class="flex items-start gap-2">
 										<p class="flex-1 text-sm break-words whitespace-pre-wrap">
-											{mensagem.conteudo}
+											{mensagem.conteudoDescriptografado ?? mensagem.conteudo}
 										</p>
 										{#if mensagem.editadaEm}
 											<span class="text-xs italic opacity-50" title="Editado">(editado)</span>
@@ -573,37 +1028,30 @@
 							{:else if mensagem.tipo === 'imagem'}
 								<div class="mb-2">
 									<img
-										src={mensagem.arquivoUrl}
+										src={mensagem.arquivoUrlDescriptografado ?? mensagem.arquivoUrl}
 										alt={mensagem.arquivoNome}
 										class="max-w-full rounded-lg"
+										onerror={(e) => {
+											if (mensagem.criptografado) {
+												(e.target as HTMLImageElement).alt = '🔒 Erro ao descriptografar imagem';
+											}
+										}}
 									/>
 								</div>
 								{#if mensagem.conteudo}
 									<p class="text-sm break-words whitespace-pre-wrap">
-										{mensagem.conteudo}
+										{mensagem.conteudoDescriptografado ?? mensagem.conteudo}
 									</p>
 								{/if}
 							{:else if mensagem.tipo === 'arquivo'}
 								<a
-									href={mensagem.arquivoUrl}
+									href={mensagem.arquivoUrlDescriptografado ?? mensagem.arquivoUrl}
 									target="_blank"
 									rel="noopener noreferrer"
+									download={mensagem.arquivoNome}
 									class="flex items-center gap-2 hover:opacity-80"
 								>
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke-width="1.5"
-										stroke="currentColor"
-										class="h-5 w-5"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
-										/>
-									</svg>
+									<File class="h-5 w-5" strokeWidth={1.5} />
 									<div class="text-sm">
 										<p class="font-medium">{mensagem.arquivoNome}</p>
 										{#if mensagem.arquivoTamanho}
@@ -637,6 +1085,7 @@
 									class="text-base-content/50 hover:text-primary mt-1 text-xs transition-colors"
 									onclick={() => responderMensagem(mensagem)}
 									title="Responder"
+									aria-label="Responder à mensagem de {mensagem.remetente?.nome || 'usuário'}"
 								>
 									↪️ Responder
 								</button>
@@ -655,45 +1104,15 @@
 								<div class="ml-1 flex items-center gap-0.5">
 									{#if mensagemFoiLida(mensagem)}
 										<!-- Dois checks azuis para mensagem lida -->
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											viewBox="0 0 24 24"
-											fill="currentColor"
+										<CheckCircle2
 											class="h-3.5 w-3.5 text-blue-500"
 											style="margin-left: -2px;"
-										>
-											<path
-												fill-rule="evenodd"
-												d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z"
-												clip-rule="evenodd"
-											/>
-										</svg>
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											viewBox="0 0 24 24"
 											fill="currentColor"
-											class="h-3.5 w-3.5 text-blue-500"
-										>
-											<path
-												fill-rule="evenodd"
-												d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z"
-												clip-rule="evenodd"
-											/>
-										</svg>
+										/>
+										<CheckCircle2 class="h-3.5 w-3.5 text-blue-500" fill="currentColor" />
 									{:else}
 										<!-- Um check verde para mensagem enviada -->
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											viewBox="0 0 24 24"
-											fill="currentColor"
-											class="h-3.5 w-3.5 text-green-500"
-										>
-											<path
-												fill-rule="evenodd"
-												d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z"
-												clip-rule="evenodd"
-											/>
-										</svg>
+										<CheckCircle class="h-3.5 w-3.5 text-green-500" fill="currentColor" />
 									{/if}
 								</div>
 							{/if}
@@ -705,6 +1124,7 @@
 											class="text-base-content/50 hover:text-primary text-xs transition-colors"
 											onclick={() => editarMensagem(mensagem)}
 											title="Editar mensagem"
+											aria-label="Editar esta mensagem"
 										>
 											✏️
 										</button>
@@ -712,6 +1132,7 @@
 											class="text-base-content/50 hover:text-error text-xs transition-colors"
 											onclick={() => deletarMensagem(mensagem._id, false)}
 											title="Deletar mensagem"
+											aria-label="Deletar esta mensagem"
 										>
 											🗑️
 										</button>
@@ -721,6 +1142,7 @@
 											class="text-base-content/50 hover:text-error text-xs transition-colors"
 											onclick={() => deletarMensagem(mensagem._id, true)}
 											title="Deletar mensagem (como administrador)"
+											aria-label="Deletar esta mensagem como administrador"
 										>
 											🗑️ Admin
 										</button>
@@ -753,7 +1175,22 @@
 				</p>
 			</div>
 		{/if}
-	{:else if !mensagens?.data}
+
+		<!-- Indicador de carregamento de mais mensagens -->
+		{#if carregandoMais}
+			<div class="my-4 flex items-center justify-center">
+				<span class="loading loading-spinner loading-sm"></span>
+				<span class="text-base-content/50 ml-2 text-xs">Carregando mensagens anteriores...</span>
+			</div>
+		{/if}
+
+		<!-- Indicador de fim das mensagens -->
+		{#if !hasMore && todasMensagens.length > 0}
+			<div class="my-4 flex items-center justify-center">
+				<span class="text-base-content/50 text-xs">Não há mais mensagens</span>
+			</div>
+		{/if}
+	{:else if !mensagensQuery?.data && todasMensagens.length === 0}
 		<!-- Loading -->
 		<div class="flex h-full items-center justify-center">
 			<span class="loading loading-spinner loading-lg"></span>
@@ -761,20 +1198,7 @@
 	{:else}
 		<!-- Vazio -->
 		<div class="flex h-full flex-col items-center justify-center text-center">
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				fill="none"
-				viewBox="0 0 24 24"
-				stroke-width="1.5"
-				stroke="currentColor"
-				class="text-base-content/30 mb-4 h-16 w-16"
-			>
-				<path
-					stroke-linecap="round"
-					stroke-linejoin="round"
-					d="M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 0 1 .865-.501 48.172 48.172 0 0 0 3.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z"
-				/>
-			</svg>
+			<MessageSquare class="text-base-content/30 mb-4 h-16 w-16" strokeWidth={1.5} />
 			<p class="text-base-content/70">Nenhuma mensagem ainda</p>
 			<p class="text-base-content/50 mt-1 text-sm">Envie a primeira mensagem!</p>
 		</div>
@@ -796,20 +1220,7 @@
 	>
 		<div class="flex items-start gap-3">
 			<div class="bg-primary/20 flex h-10 w-10 shrink-0 items-center justify-center rounded-full">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke-width="2"
-					stroke="currentColor"
-					class="text-primary h-5 w-5"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						d="M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
-					/>
-				</svg>
+				<Bell class="text-primary h-5 w-5" strokeWidth={2} />
 			</div>
 			<div class="min-w-0 flex-1">
 				<p class="text-base-content mb-1 text-sm font-semibold">
@@ -831,16 +1242,7 @@
 					}
 				}}
 			>
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke-width="2"
-					stroke="currentColor"
-					class="h-4 w-4"
-				>
-					<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
-				</svg>
+				<X class="h-4 w-4" strokeWidth={2} />
 			</button>
 		</div>
 	</div>
diff --git a/apps/web/src/lib/components/chat/NotificationBell.svelte b/apps/web/src/lib/components/chat/NotificationBell.svelte
index 26f066d..d270e47 100644
--- a/apps/web/src/lib/components/chat/NotificationBell.svelte
+++ b/apps/web/src/lib/components/chat/NotificationBell.svelte
@@ -1,11 +1,10 @@
 <script lang="ts">
+	import { useQuery, useConvexClient } from 'convex-svelte';
 	import { api } from '@sgse-app/backend/convex/_generated/api';
-	import { useConvexClient, useQuery } from 'convex-svelte';
+	import { notificacoesCount } from '$lib/stores/chatStore';
 	import { formatDistanceToNow } from 'date-fns';
 	import { ptBR } from 'date-fns/locale';
-	import { AtSign, Bell, BellOff, Calendar, Clock, Mail, Trash2, Users, X } from 'lucide-svelte';
-	import { onMount } from 'svelte';
-	import { notificacoesCount } from '$lib/stores/chatStore';
+	import { Bell, Mail, AtSign, Users, Calendar, Clock, BellOff, Trash2, X } from 'lucide-svelte';
 
 	// Queries e Client
 	const client = useConvexClient();
@@ -82,19 +81,25 @@
 					});
 					notificacoesAusencias = notifsAusencias || [];
 				} catch (queryError: unknown) {
-					// Silenciar erro se a função não estiver disponível ainda (Convex não sincronizado)
+					// Silenciar erros de timeout e função não encontrada
 					const errorMessage =
 						queryError instanceof Error ? queryError.message : String(queryError);
-					if (!errorMessage.includes('Could not find public function')) {
+					const isTimeout = errorMessage.includes('timed out') || errorMessage.includes('timeout');
+					const isFunctionNotFound = errorMessage.includes('Could not find public function');
+
+					if (!isTimeout && !isFunctionNotFound) {
 						console.error('Erro ao buscar notificações de ausências:', queryError);
 					}
 					notificacoesAusencias = [];
 				}
 			}
 		} catch (e) {
-			// Erro geral - silenciar se for sobre função não encontrada
+			// Erro geral - silenciar se for sobre função não encontrada ou timeout
 			const errorMessage = e instanceof Error ? e.message : String(e);
-			if (!errorMessage.includes('Could not find public function')) {
+			const isTimeout = errorMessage.includes('timed out') || errorMessage.includes('timeout');
+			const isFunctionNotFound = errorMessage.includes('Could not find public function');
+
+			if (!isTimeout && !isFunctionNotFound) {
 				console.error('Erro ao buscar notificações de ausências:', e);
 			}
 		}
diff --git a/apps/web/src/lib/components/chat/PresenceManager.svelte b/apps/web/src/lib/components/chat/PresenceManager.svelte
index b513151..e3da5c9 100644
--- a/apps/web/src/lib/components/chat/PresenceManager.svelte
+++ b/apps/web/src/lib/components/chat/PresenceManager.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
+	import { useConvexClient } from 'convex-svelte';
+	import { useQuery } from 'convex-svelte';
 	import { api } from '@sgse-app/backend/convex/_generated/api';
-	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { onMount } from 'svelte';
 
 	const client = useConvexClient();
@@ -14,6 +15,52 @@
 	let heartbeatInterval: ReturnType<typeof setInterval> | null = null;
 	let inactivityTimeout: ReturnType<typeof setTimeout> | null = null;
 	let lastActivity = Date.now();
+	let lastStatusUpdate = 0;
+	let pendingStatusUpdate: ReturnType<typeof setTimeout> | null = null;
+	const STATUS_UPDATE_THROTTLE = 5000; // 5 segundos entre atualizações
+
+	// Função auxiliar para atualizar status com throttle e tratamento de erro
+	async function atualizarStatusPresencaSeguro(
+		status: 'online' | 'offline' | 'ausente' | 'externo' | 'em_reuniao'
+	) {
+		if (!usuarioAutenticado) return;
+
+		const now = Date.now();
+		// Throttle: só atualizar se passou tempo suficiente desde a última atualização
+		if (now - lastStatusUpdate < STATUS_UPDATE_THROTTLE) {
+			// Cancelar atualização pendente se houver
+			if (pendingStatusUpdate) {
+				clearTimeout(pendingStatusUpdate);
+			}
+			// Agendar atualização para depois do throttle
+			pendingStatusUpdate = setTimeout(
+				() => {
+					atualizarStatusPresencaSeguro(status);
+				},
+				STATUS_UPDATE_THROTTLE - (now - lastStatusUpdate)
+			);
+			return;
+		}
+
+		// Limpar atualização pendente se houver
+		if (pendingStatusUpdate) {
+			clearTimeout(pendingStatusUpdate);
+			pendingStatusUpdate = null;
+		}
+
+		lastStatusUpdate = now;
+
+		try {
+			await client.mutation(api.chat.atualizarStatusPresenca, { status });
+		} catch (error) {
+			// Silenciar erros de timeout - não são críticos para a funcionalidade
+			const errorMessage = error instanceof Error ? error.message : String(error);
+			const isTimeout = errorMessage.includes('timed out') || errorMessage.includes('timeout');
+			if (!isTimeout) {
+				console.error('Erro ao atualizar status de presença:', error);
+			}
+		}
+	}
 
 	// Detectar atividade do usuário
 	function handleActivity() {
@@ -30,9 +77,7 @@
 		inactivityTimeout = setTimeout(
 			() => {
 				if (usuarioAutenticado) {
-					client.mutation(api.chat.atualizarStatusPresenca, {
-						status: 'ausente'
-					});
+					atualizarStatusPresencaSeguro('ausente');
 				}
 			},
 			5 * 60 * 1000
@@ -44,7 +89,7 @@
 		if (!usuarioAutenticado) return;
 
 		// Configurar como online ao montar (apenas se autenticado)
-		client.mutation(api.chat.atualizarStatusPresenca, { status: 'online' });
+		atualizarStatusPresencaSeguro('online');
 
 		// Heartbeat a cada 30 segundos (apenas se autenticado)
 		heartbeatInterval = setInterval(() => {
@@ -60,7 +105,7 @@
 
 			// Se houve atividade nos últimos 5 minutos, manter online
 			if (timeSinceLastActivity < 5 * 60 * 1000) {
-				client.mutation(api.chat.atualizarStatusPresenca, { status: 'online' });
+				atualizarStatusPresencaSeguro('online');
 			}
 		}, 30 * 1000);
 
@@ -81,10 +126,10 @@
 
 			if (document.hidden) {
 				// Aba ficou inativa
-				client.mutation(api.chat.atualizarStatusPresenca, { status: 'ausente' });
+				atualizarStatusPresencaSeguro('ausente');
 			} else {
 				// Aba ficou ativa
-				client.mutation(api.chat.atualizarStatusPresenca, { status: 'online' });
+				atualizarStatusPresencaSeguro('online');
 				handleActivity();
 			}
 		}
@@ -93,9 +138,15 @@
 
 		// Cleanup
 		return () => {
+			// Limpar atualização pendente
+			if (pendingStatusUpdate) {
+				clearTimeout(pendingStatusUpdate);
+				pendingStatusUpdate = null;
+			}
+
 			// Marcar como offline ao desmontar (apenas se autenticado)
 			if (usuarioAutenticado) {
-				client.mutation(api.chat.atualizarStatusPresenca, { status: 'offline' });
+				atualizarStatusPresencaSeguro('offline');
 			}
 
 			if (heartbeatInterval) {
diff --git a/apps/web/src/lib/components/chat/UserAvatar.svelte b/apps/web/src/lib/components/chat/UserAvatar.svelte
index 58cc60d..0972e06 100644
--- a/apps/web/src/lib/components/chat/UserAvatar.svelte
+++ b/apps/web/src/lib/components/chat/UserAvatar.svelte
@@ -1,13 +1,55 @@
 <script lang="ts">
 	import { User } from 'lucide-svelte';
+	import { getCachedAvatar } from '$lib/utils/avatarCache';
+	import { onMount } from 'svelte';
 
 	interface Props {
 		fotoPerfilUrl?: string | null;
 		nome: string;
 		size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+		userId?: string; // ID do usuário para cache
 	}
 
-	const { fotoPerfilUrl, nome, size = 'md' }: Props = $props();
+	let { fotoPerfilUrl, nome, size = 'md', userId }: Props = $props();
+
+	let cachedAvatarUrl = $state<string | null>(null);
+	let loading = $state(true);
+
+	onMount(async () => {
+		if (fotoPerfilUrl) {
+			loading = true;
+			try {
+				cachedAvatarUrl = await getCachedAvatar(fotoPerfilUrl, userId);
+			} catch (error) {
+				console.warn('Erro ao carregar avatar:', error);
+				cachedAvatarUrl = null;
+			} finally {
+				loading = false;
+			}
+		} else {
+			loading = false;
+		}
+	});
+
+	// Atualizar quando fotoPerfilUrl mudar
+	$effect(() => {
+		if (fotoPerfilUrl) {
+			loading = true;
+			getCachedAvatar(fotoPerfilUrl, userId)
+				.then((url) => {
+					cachedAvatarUrl = url;
+					loading = false;
+				})
+				.catch((error) => {
+					console.warn('Erro ao carregar avatar:', error);
+					cachedAvatarUrl = null;
+					loading = false;
+				});
+		} else {
+			cachedAvatarUrl = null;
+			loading = false;
+		}
+	});
 
 	const sizeClasses = {
 		xs: 'w-8 h-8',
@@ -30,11 +72,25 @@
 	<div
 		class={`${sizeClasses[size]} bg-base-200 text-base-content/50 flex items-center justify-center overflow-hidden rounded-full`}
 	>
-		{#if fotoPerfilUrl}
+		{#if loading}
+			<span class="loading loading-spinner loading-xs"></span>
+		{:else if cachedAvatarUrl}
+			<img
+				src={cachedAvatarUrl}
+				alt={`Foto de perfil de ${nome}`}
+				class="h-full w-full object-cover"
+				loading="lazy"
+				onerror={() => {
+					cachedAvatarUrl = null;
+				}}
+			/>
+		{:else if fotoPerfilUrl}
+			<!-- Fallback: usar URL original se cache falhar -->
 			<img
 				src={fotoPerfilUrl}
 				alt={`Foto de perfil de ${nome}`}
 				class="h-full w-full object-cover"
+				loading="lazy"
 			/>
 		{:else}
 			<User size={iconSizes[size]} />
diff --git a/apps/web/src/lib/components/chat/UserStatusBadge.svelte b/apps/web/src/lib/components/chat/UserStatusBadge.svelte
index 47f143a..50b1d61 100644
--- a/apps/web/src/lib/components/chat/UserStatusBadge.svelte
+++ b/apps/web/src/lib/components/chat/UserStatusBadge.svelte
@@ -1,10 +1,12 @@
 <script lang="ts">
+	import { CheckCircle2, XCircle, AlertCircle, Plus, Video } from 'lucide-svelte';
+
 	interface Props {
 		status?: 'online' | 'offline' | 'ausente' | 'externo' | 'em_reuniao';
 		size?: 'sm' | 'md' | 'lg';
 	}
 
-	const { status = 'offline', size = 'md' }: Props = $props();
+	let { status = 'offline', size = 'md' }: Props = $props();
 
 	const sizeClasses = {
 		sm: 'w-3 h-3',
@@ -12,63 +14,55 @@
 		lg: 'w-5 h-5'
 	};
 
+	const iconSizes = {
+		sm: 8,
+		md: 12,
+		lg: 16
+	};
+
 	const statusConfig = {
 		online: {
 			color: 'bg-success',
 			borderColor: 'border-success',
-			icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-full h-full">
-        <circle cx="12" cy="12" r="10" fill="#10b981"/>
-        <path d="M9 12l2 2 4-4" stroke="white" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
-      </svg>`,
+			icon: CheckCircle2,
 			label: '🟢 Online'
 		},
 		offline: {
 			color: 'bg-base-300',
 			borderColor: 'border-base-300',
-			icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-full h-full">
-        <circle cx="12" cy="12" r="10" fill="#9ca3af"/>
-        <path d="M8 8l8 8M16 8l-8 8" stroke="white" stroke-width="2" stroke-linecap="round"/>
-      </svg>`,
+			icon: XCircle,
 			label: '⚫ Offline'
 		},
 		ausente: {
 			color: 'bg-warning',
 			borderColor: 'border-warning',
-			icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-full h-full">
-        <circle cx="12" cy="12" r="10" fill="#f59e0b"/>
-        <circle cx="12" cy="6" r="1.5" fill="white"/>
-        <path d="M12 10v4" stroke="white" stroke-width="2" stroke-linecap="round"/>
-      </svg>`,
+			icon: AlertCircle,
 			label: '🟡 Ausente'
 		},
 		externo: {
 			color: 'bg-info',
 			borderColor: 'border-info',
-			icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-full h-full">
-        <circle cx="12" cy="12" r="10" fill="#3b82f6"/>
-        <path d="M8 12h8M12 8v8" stroke="white" stroke-width="2" stroke-linecap="round"/>
-      </svg>`,
+			icon: Plus,
 			label: '🔵 Externo'
 		},
 		em_reuniao: {
 			color: 'bg-error',
 			borderColor: 'border-error',
-			icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-full h-full">
-        <circle cx="12" cy="12" r="10" fill="#ef4444"/>
-        <rect x="8" y="8" width="8" height="8" fill="white" rx="1"/>
-      </svg>`,
+			icon: Video,
 			label: '🔴 Em Reunião'
 		}
 	};
 
-	let config = $derived(statusConfig[status]);
+	const config = $derived(statusConfig[status]);
+	const IconComponent = $derived(config.icon);
+	const iconSize = $derived(iconSizes[size]);
 </script>
 
 <div
-	class={`${sizeClasses[size]} relative flex items-center justify-center rounded-full`}
-	style="box-shadow: 0 2px 8px rgba(0,0,0,0.15); border: 2px solid white;"
+	class={`${sizeClasses[size]} ${config.color} ${config.borderColor} relative flex items-center justify-center rounded-full border-2`}
+	style="box-shadow: 0 2px 8px rgba(0,0,0,0.15);"
 	title={config.label}
 	aria-label={config.label}
 >
-	{@html config.icon}
+	<IconComponent class="text-white" size={iconSize} strokeWidth={2.5} fill="currentColor" />
 </div>
diff --git a/apps/web/src/lib/components/ferias/WizardSolicitacaoFerias.svelte b/apps/web/src/lib/components/ferias/WizardSolicitacaoFerias.svelte
index 34cb88b..67df941 100644
--- a/apps/web/src/lib/components/ferias/WizardSolicitacaoFerias.svelte
+++ b/apps/web/src/lib/components/ferias/WizardSolicitacaoFerias.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
-	import { useConvexClient, useQuery } from 'convex-svelte';
-	import { toast } from 'svelte-sonner';
+	import { Check, Zap, Clock, Info, AlertTriangle, Calendar, X, Plus, ChevronLeft, ChevronRight, Trash2, CheckCircle } from 'lucide-svelte';
 
 	interface Props {
 		funcionarioId: Id<'funcionarios'>;
@@ -249,20 +248,7 @@
 						style:box-shadow={passoAtual === i + 1 ? '0 0 20px rgba(102, 126, 234, 0.5)' : 'none'}
 					>
 						{#if passoAtual > i + 1}
-							<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="3"
-									d="M5 13l4 4L19 7"
-								/>
-							</svg>
+							<Check class="h-6 w-6" strokeWidth={3} />
 						{:else}
 							{i + 1}
 						{/if}
@@ -337,19 +323,7 @@
 							<div class="stats stats-vertical lg:stats-horizontal w-full shadow-lg">
 								<div class="stat">
 									<div class="stat-figure text-primary">
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											fill="none"
-											viewBox="0 0 24 24"
-											class="inline-block h-8 w-8 stroke-current"
-										>
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M13 10V3L4 14h7v7l9-11h-7z"
-											></path>
-										</svg>
+										<Zap class="inline-block h-8 w-8 stroke-current" strokeWidth={2} />
 									</div>
 									<div class="stat-title">Total Direito</div>
 									<div class="stat-value text-primary">{saldo.diasDireito}</div>
@@ -358,19 +332,7 @@
 
 								<div class="stat">
 									<div class="stat-figure text-success">
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											fill="none"
-											viewBox="0 0 24 24"
-											class="inline-block h-8 w-8 stroke-current"
-										>
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M5 13l4 4L19 7"
-											></path>
-										</svg>
+										<Check class="inline-block h-8 w-8 stroke-current" strokeWidth={2} />
 									</div>
 									<div class="stat-title">Disponível</div>
 									<div class="stat-value text-success">
@@ -381,19 +343,7 @@
 
 								<div class="stat">
 									<div class="stat-figure text-warning">
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											fill="none"
-											viewBox="0 0 24 24"
-											class="inline-block h-8 w-8 stroke-current"
-										>
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-											></path>
-										</svg>
+										<Clock class="inline-block h-8 w-8 stroke-current" strokeWidth={2} />
 									</div>
 									<div class="stat-title">Usado</div>
 									<div class="stat-value text-warning">{saldo.diasUsados}</div>
@@ -403,19 +353,7 @@
 
 							<!-- Informações do Regime -->
 							<div class="alert alert-info mt-4">
-								<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>
+								<Info class="h-6 w-6 shrink-0 stroke-current" />
 								<div>
 									<h4 class="font-bold">{saldo.regimeTrabalho}</h4>
 									<p class="text-sm">
@@ -433,19 +371,7 @@
 
 							{#if saldo.diasDisponiveis === 0}
 								<div class="alert alert-warning 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="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-										/>
-									</svg>
+									<AlertTriangle class="h-6 w-6 shrink-0 stroke-current" />
 									<span>Você não tem saldo disponível para este ano.</span>
 								</div>
 							{/if}
@@ -453,19 +379,7 @@
 					</div>
 				{:else}
 					<div class="alert alert-warning">
-						<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="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-							/>
-						</svg>
+						<AlertTriangle class="h-6 w-6 shrink-0 stroke-current" />
 						<span>Nenhum saldo encontrado para este ano.</span>
 					</div>
 				{/if}
@@ -483,19 +397,7 @@
 
 				<!-- Resumo rápido -->
 				<div class="alert bg-base-200 mb-6">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						fill="none"
-						viewBox="0 0 24 24"
-						class="stroke-info h-6 w-6 shrink-0"
-					>
-						<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>
+					<Info class="stroke-info h-6 w-6 shrink-0" />
 					<div>
 						<p>
 							<strong>Saldo disponível:</strong>
@@ -556,20 +458,7 @@
 								onclick={adicionarPeriodo}
 								disabled={!dataInicioPeriodo || !dataFimPeriodo || diasPeriodoAtual <= 0}
 							>
-								<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 4v16m8-8H4"
-									/>
-								</svg>
+								<Plus class="h-5 w-5" strokeWidth={2} />
 								Adicionar Período
 							</button>
 						</div>
@@ -604,20 +493,7 @@
 											class="btn btn-error btn-sm gap-2"
 											onclick={() => removerPeriodo(index)}
 										>
-											<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>
+											<Trash2 class="h-4 w-4" strokeWidth={2} />
 											Remover
 										</button>
 									</div>
@@ -632,36 +508,12 @@
 					<div class="mt-6">
 						{#if validacao.valido}
 							<div class="alert alert-success">
-								<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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-									/>
-								</svg>
+								<CheckCircle class="h-6 w-6 shrink-0 stroke-current" />
 								<span>✅ Períodos válidos! Total: {validacao.totalDias} dias</span>
 							</div>
 						{:else}
 							<div class="alert alert-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"
-								>
-									<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>
+								<X class="h-6 w-6 shrink-0 stroke-current" />
 								<div>
 									<p class="font-bold">Erros encontrados:</p>
 									<ul class="list-inside list-disc">
@@ -675,19 +527,7 @@
 
 						{#if validacao.avisos.length > 0}
 							<div class="alert alert-warning 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="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-									/>
-								</svg>
+								<AlertTriangle class="h-6 w-6 shrink-0 stroke-current" />
 								<div>
 									<p class="font-bold">Avisos:</p>
 									<ul class="list-inside list-disc">
@@ -777,20 +617,7 @@
 		<div>
 			{#if passoAtual > 1}
 				<button type="button" class="btn btn-outline btn-lg gap-2" onclick={passoAnterior}>
-					<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="M15 19l-7-7 7-7"
-						/>
-					</svg>
+					<ChevronLeft class="h-5 w-5" strokeWidth={2} />
 					Voltar
 				</button>
 			{:else if onCancelar}
@@ -807,20 +634,7 @@
 					disabled={passoAtual === 1 && (!saldo || saldo.diasDisponiveis === 0)}
 				>
 					Próximo
-					<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="M9 5l7 7-7 7"
-						/>
-					</svg>
+					<ChevronRight class="h-5 w-5" strokeWidth={2} />
 				</button>
 			{:else}
 				<button
@@ -833,20 +647,7 @@
 						<span class="loading loading-spinner"></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>
+						<Check class="h-5 w-5" strokeWidth={2} />
 						Enviar Solicitação
 					{/if}
 				</button>
diff --git a/apps/web/src/lib/components/ponto/BancoHorasMensal.svelte b/apps/web/src/lib/components/ponto/BancoHorasMensal.svelte
new file mode 100644
index 0000000..e8df006
--- /dev/null
+++ b/apps/web/src/lib/components/ponto/BancoHorasMensal.svelte
@@ -0,0 +1,1253 @@
+<script lang="ts">
+	import { useQuery } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import {
+		Clock,
+		TrendingUp,
+		TrendingDown,
+		Calendar,
+		AlertTriangle,
+		Info,
+		ChevronLeft,
+		ChevronRight,
+		History,
+		Edit,
+		Settings,
+		Download,
+		FileText,
+		CheckCircle2,
+		XCircle,
+		FileCheck,
+		FileX,
+		AlertCircle
+	} from 'lucide-svelte';
+	import LineChart from '$lib/components/ti/charts/LineChart.svelte';
+	import jsPDF from 'jspdf';
+	import * as ExcelJS from 'exceljs';
+	import logoGovPE from '$lib/assets/logo_governo_PE.png';
+
+	interface Props {
+		funcionarioId: Id<'funcionarios'>;
+	}
+
+	let { funcionarioId }: Props = $props();
+
+	// Estado para mês selecionado
+	const hoje = new Date();
+	let mesSelecionado = $state(
+		`${hoje.getFullYear()}-${String(hoje.getMonth() + 1).padStart(2, '0')}`
+	);
+
+	// Query para banco de horas mensal
+	const bancoMensalQuery = useQuery(api.pontos.obterBancoHorasMensal, {
+		funcionarioId,
+		mes: mesSelecionado
+	});
+
+	// Query para histórico mensal (últimos 6 meses)
+	const historicoQuery = useQuery(api.pontos.listarHistoricoMensal, {
+		funcionarioId,
+		mesInicio: (() => {
+			const data = new Date(mesSelecionado + '-01');
+			data.setMonth(data.getMonth() - 5);
+			return `${data.getFullYear()}-${String(data.getMonth() + 1).padStart(2, '0')}`;
+		})(),
+		mesFim: mesSelecionado
+	});
+
+	// Query para histórico de alterações
+	const historicoAlteracoesQuery = useQuery(api.pontos.listarHistoricoAlteracoesBancoHoras, {
+		funcionarioId,
+		mes: mesSelecionado
+	});
+
+	// Query para ajustes do banco de horas
+	const ajustesQuery = useQuery(api.pontos.listarAjustesBancoHoras, {
+		funcionarioId,
+		dataInicio: `${mesSelecionado}-01`,
+		dataFim: (() => {
+			const data = new Date(mesSelecionado + '-01');
+			data.setMonth(data.getMonth() + 1);
+			data.setDate(0); // Último dia do mês
+			return data.toISOString().split('T')[0]!;
+		})()
+	});
+
+	// Query para inconsistências
+	const inconsistenciasQuery = useQuery(api.pontos.verificarInconsistencias, {
+		funcionarioId,
+		dataInicio: `${mesSelecionado}-01`,
+		dataFim: (() => {
+			const data = new Date(mesSelecionado + '-01');
+			data.setMonth(data.getMonth() + 1);
+			data.setDate(0); // Último dia do mês
+			return data.toISOString().split('T')[0]!;
+		})()
+	});
+
+	const bancoMensal = $derived(bancoMensalQuery?.data);
+	const historico = $derived(historicoQuery?.data || []);
+	const historicoAlteracoes = $derived(historicoAlteracoesQuery?.data || []);
+	const ajustes = $derived(ajustesQuery?.data || []);
+	const inconsistencias = $derived(inconsistenciasQuery?.data || []);
+
+	// Dados para o gráfico de evolução
+	const chartData = $derived(() => {
+		if (!historico || historico.length === 0) return null;
+
+		// Ordenar por mês (crescente)
+		const historicoOrdenado = [...historico].sort((a, b) => {
+			if (a.mes < b.mes) return -1;
+			if (a.mes > b.mes) return 1;
+			return 0;
+		});
+
+		return {
+			labels: historicoOrdenado.map((h) => {
+				const [ano, mesNum] = h.mes.split('-');
+				const data = new Date(parseInt(ano), parseInt(mesNum) - 1, 1);
+				return data.toLocaleDateString('pt-BR', { month: 'short', year: 'numeric' });
+			}),
+			datasets: [
+				{
+					label: 'Saldo Final (horas)',
+					data: historicoOrdenado.map((h) => h.saldoFinalMinutos / 60),
+					borderColor: 'rgb(59, 130, 246)',
+					backgroundColor: 'rgba(59, 130, 246, 0.1)',
+					tension: 0.4,
+					fill: true
+				}
+			]
+		};
+	});
+
+	// Função para formatar mês
+	function formatarMes(mes: string): string {
+		const [ano, mesNum] = mes.split('-');
+		const data = new Date(parseInt(ano), parseInt(mesNum) - 1, 1);
+		return data.toLocaleDateString('pt-BR', { month: 'long', year: 'numeric' });
+	}
+
+	// Função para navegar entre meses
+	function mudarMes(direcao: 'anterior' | 'proximo') {
+		const data = new Date(mesSelecionado + '-01');
+		if (direcao === 'anterior') {
+			data.setMonth(data.getMonth() - 1);
+		} else {
+			data.setMonth(data.getMonth() + 1);
+		}
+		mesSelecionado = `${data.getFullYear()}-${String(data.getMonth() + 1).padStart(2, '0')}`;
+	}
+
+	// Verificar se há saldo negativo acumulado
+	const saldoNegativo = $derived(
+		bancoMensal?.saldoFinalMinutos !== undefined && bancoMensal.saldoFinalMinutos < 0
+	);
+
+	// Função para exportar relatório em PDF
+	async function exportarPDF() {
+		if (!bancoMensal || !historico) return;
+
+		const doc = new jsPDF('portrait', 'mm', 'a4');
+		let yPosition = 20;
+
+		// Logo (se disponível)
+		try {
+			const logoImg = await new Promise<HTMLImageElement>((resolve, reject) => {
+				const img = new Image();
+				img.crossOrigin = 'anonymous';
+				img.onload = () => resolve(img);
+				img.onerror = reject;
+				img.src = logoGovPE;
+			});
+
+			const logoWidth = 30;
+			const aspectRatio = logoImg.height / logoImg.width;
+			const logoHeight = logoWidth * aspectRatio;
+
+			doc.addImage(logoImg, 'PNG', 15, 10, logoWidth, logoHeight);
+			yPosition = Math.max(25, 10 + logoHeight / 2);
+		} catch (err) {
+			console.warn('Não foi possível carregar a logo:', err);
+		}
+
+		// Título
+		doc.setFontSize(18);
+		doc.setTextColor(41, 128, 185);
+		doc.text('RELATÓRIO DE BANCO DE HORAS', 105, yPosition, { align: 'center' });
+
+		yPosition += 10;
+
+		// Mês de referência
+		doc.setFontSize(11);
+		doc.setTextColor(0, 0, 0);
+		doc.text(`Mês de Referência: ${formatarMes(mesSelecionado)}`, 105, yPosition, {
+			align: 'center'
+		});
+
+		yPosition += 15;
+
+		// Resumo do Mês
+		doc.setFontSize(14);
+		doc.setTextColor(41, 128, 185);
+		doc.text('Resumo do Mês', 15, yPosition);
+
+		yPosition += 8;
+
+		doc.setFontSize(10);
+		doc.setTextColor(0, 0, 0);
+
+		const formatarMinutos = (minutos: number) => {
+			const horas = Math.floor(Math.abs(minutos) / 60);
+			const mins = Math.abs(minutos) % 60;
+			const sinal = minutos >= 0 ? '+' : '-';
+			return `${sinal}${horas}h ${mins}min`;
+		};
+
+		doc.text(`Saldo Inicial: ${formatarMinutos(bancoMensal.saldoInicialMinutos)}`, 20, yPosition);
+		yPosition += 6;
+		doc.text(`Saldo do Mês: ${formatarMinutos(bancoMensal.saldoMesMinutos)}`, 20, yPosition);
+		yPosition += 6;
+		doc.text(`Saldo Final: ${formatarMinutos(bancoMensal.saldoFinalMinutos)}`, 20, yPosition);
+		yPosition += 6;
+		doc.text(`Dias Trabalhados: ${bancoMensal.diasTrabalhados} dias`, 20, yPosition);
+		yPosition += 6;
+		doc.text(`Horas Extras: ${formatarMinutos(bancoMensal.horasExtras)}`, 20, yPosition);
+		yPosition += 6;
+		doc.text(`Déficit: ${formatarMinutos(-bancoMensal.horasDeficit)}`, 20, yPosition);
+
+		// Adicionar informações de ajustes se disponíveis
+		if (bancoMensal.totalAjustes !== undefined && bancoMensal.totalAjustes > 0) {
+			yPosition += 6;
+			doc.text(`Total de Ajustes: ${formatarMinutos(bancoMensal.totalAjustes)}`, 20, yPosition);
+		}
+		if (bancoMensal.totalAbonos !== undefined && bancoMensal.totalAbonos > 0) {
+			yPosition += 6;
+			doc.text(`Total de Abonos: ${formatarMinutos(bancoMensal.totalAbonos)}`, 20, yPosition);
+		}
+		if (bancoMensal.totalDescontos !== undefined && bancoMensal.totalDescontos > 0) {
+			yPosition += 6;
+			doc.text(`Total de Descontos: ${formatarMinutos(-bancoMensal.totalDescontos)}`, 20, yPosition);
+		}
+		if (bancoMensal.inconsistenciasResolvidas !== undefined) {
+			yPosition += 6;
+			doc.text(`Inconsistências Resolvidas: ${bancoMensal.inconsistenciasResolvidas}`, 20, yPosition);
+		}
+
+		yPosition += 15;
+
+		// Histórico dos Últimos 6 Meses
+		if (historico.length > 0) {
+			doc.setFontSize(14);
+			doc.setTextColor(41, 128, 185);
+			doc.text('Histórico dos Últimos 6 Meses', 15, yPosition);
+
+			yPosition += 8;
+
+			// Cabeçalho da tabela
+			doc.setFontSize(9);
+			doc.setTextColor(100, 100, 100);
+			doc.text('Mês', 20, yPosition);
+			doc.text('Saldo Inicial', 60, yPosition);
+			doc.text('Saldo Mês', 100, yPosition);
+			doc.text('Saldo Final', 140, yPosition);
+			doc.text('Dias', 180, yPosition);
+
+			yPosition += 6;
+
+			// Linhas da tabela
+			doc.setFontSize(8);
+			doc.setTextColor(0, 0, 0);
+
+			for (const item of historico.slice(0, 6)) {
+				if (yPosition > 250) {
+					doc.addPage();
+					yPosition = 20;
+				}
+
+				doc.text(formatarMes(item.mes), 20, yPosition);
+				doc.text(formatarMinutos(item.saldoInicialMinutos), 60, yPosition);
+				doc.text(formatarMinutos(item.saldoMesMinutos), 100, yPosition);
+				doc.text(formatarMinutos(item.saldoFinalMinutos), 140, yPosition);
+				doc.text(item.diasTrabalhados.toString(), 180, yPosition);
+
+				yPosition += 6;
+			}
+		}
+
+		// Ajustes Aplicados
+		if (ajustes && ajustes.length > 0) {
+			yPosition += 10;
+			if (yPosition > 250) {
+				doc.addPage();
+				yPosition = 20;
+			}
+
+			doc.setFontSize(14);
+			doc.setTextColor(41, 128, 185);
+			doc.text('Ajustes Aplicados', 15, yPosition);
+
+			yPosition += 8;
+
+			// Cabeçalho da tabela
+			doc.setFontSize(9);
+			doc.setTextColor(100, 100, 100);
+			doc.text('Data', 20, yPosition);
+			doc.text('Tipo', 50, yPosition);
+			doc.text('Motivo', 80, yPosition);
+			doc.text('Valor', 150, yPosition);
+
+			yPosition += 6;
+
+			// Linhas da tabela
+			doc.setFontSize(8);
+			doc.setTextColor(0, 0, 0);
+
+			for (const ajuste of ajustes.slice(0, 10)) {
+				if (yPosition > 250) {
+					doc.addPage();
+					yPosition = 20;
+				}
+
+				doc.text(
+					new Date(ajuste.dataAplicacao).toLocaleDateString('pt-BR', {
+						day: '2-digit',
+						month: '2-digit'
+					}),
+					20,
+					yPosition
+				);
+				doc.text(
+					ajuste.tipo === 'abonar' ? 'Abonar' : ajuste.tipo === 'descontar' ? 'Descontar' : 'Compensar',
+					50,
+					yPosition
+				);
+				doc.text(
+					(ajuste.motivoDescricao || ajuste.motivoTipo || 'N/A').substring(0, 30),
+					80,
+					yPosition
+				);
+				doc.text(formatarMinutos(ajuste.valorMinutos), 150, yPosition);
+
+				yPosition += 6;
+			}
+		}
+
+		// Inconsistências
+		if (inconsistencias && inconsistencias.length > 0) {
+			yPosition += 10;
+			if (yPosition > 250) {
+				doc.addPage();
+				yPosition = 20;
+			}
+
+			doc.setFontSize(14);
+			doc.setTextColor(255, 152, 0);
+			doc.text('Inconsistências Detectadas', 15, yPosition);
+
+			yPosition += 8;
+
+			// Cabeçalho da tabela
+			doc.setFontSize(9);
+			doc.setTextColor(100, 100, 100);
+			doc.text('Data', 20, yPosition);
+			doc.text('Tipo', 60, yPosition);
+			doc.text('Status', 120, yPosition);
+
+			yPosition += 6;
+
+			// Linhas da tabela
+			doc.setFontSize(8);
+			doc.setTextColor(0, 0, 0);
+
+			for (const inconsistencia of inconsistencias.slice(0, 10)) {
+				if (yPosition > 250) {
+					doc.addPage();
+					yPosition = 20;
+				}
+
+				doc.text(
+					new Date(inconsistencia.dataDetectada).toLocaleDateString('pt-BR', {
+						day: '2-digit',
+						month: '2-digit'
+					}),
+					20,
+					yPosition
+				);
+				doc.text(
+					inconsistencia.tipo === 'ponto_com_atestado'
+						? 'Ponto + Atestado'
+						: inconsistencia.tipo === 'ponto_com_licenca'
+							? 'Ponto + Licença'
+							: inconsistencia.tipo === 'ponto_com_ausencia'
+								? 'Ponto + Ausência'
+								: inconsistencia.tipo,
+					60,
+					yPosition
+				);
+				doc.text(
+					inconsistencia.status === 'resolvida'
+						? 'Resolvida'
+						: inconsistencia.status === 'ignorada'
+							? 'Ignorada'
+							: 'Pendente',
+					120,
+					yPosition
+				);
+
+				yPosition += 6;
+			}
+		}
+
+		// Rodapé
+		const pageCount = doc.getNumberOfPages();
+		for (let i = 1; i <= pageCount; i++) {
+			doc.setPage(i);
+			doc.setFontSize(8);
+			doc.setTextColor(100, 100, 100);
+			doc.text(
+				`Gerado em: ${new Date().toLocaleDateString('pt-BR', {
+					day: '2-digit',
+					month: '2-digit',
+					year: 'numeric',
+					hour: '2-digit',
+					minute: '2-digit'
+				})}`,
+				105,
+				285,
+				{ align: 'center' }
+			);
+			doc.text(`Página ${i} de ${pageCount}`, 105, 290, { align: 'center' });
+		}
+
+		// Salvar PDF
+		doc.save(`banco-horas-${mesSelecionado}.pdf`);
+	}
+
+	// Função para exportar relatório em Excel
+	async function exportarExcel() {
+		if (!bancoMensal || !historico) return;
+
+		const workbook = new ExcelJS.Workbook();
+		workbook.creator = 'SGSE - Sistema de Gerenciamento';
+		workbook.created = new Date();
+
+		// Planilha 1: Resumo Mensal
+		const resumoSheet = workbook.addWorksheet('Resumo Mensal');
+		resumoSheet.columns = [
+			{ header: 'Item', key: 'item', width: 30 },
+			{ header: 'Valor', key: 'valor', width: 20 }
+		];
+
+		resumoSheet.addRow({ item: 'Mês de Referência', valor: formatarMes(mesSelecionado) });
+		resumoSheet.addRow({ item: 'Saldo Inicial', valor: `${Math.floor(bancoMensal.saldoInicialMinutos / 60)}h ${Math.abs(bancoMensal.saldoInicialMinutos) % 60}min` });
+		resumoSheet.addRow({ item: 'Saldo do Mês', valor: `${Math.floor(bancoMensal.saldoMesMinutos / 60)}h ${Math.abs(bancoMensal.saldoMesMinutos) % 60}min` });
+		resumoSheet.addRow({ item: 'Saldo Final', valor: `${Math.floor(bancoMensal.saldoFinalMinutos / 60)}h ${Math.abs(bancoMensal.saldoFinalMinutos) % 60}min` });
+		resumoSheet.addRow({ item: 'Dias Trabalhados', valor: `${bancoMensal.diasTrabalhados} dias` });
+		resumoSheet.addRow({ item: 'Horas Extras', valor: `${Math.floor(bancoMensal.horasExtras / 60)}h ${bancoMensal.horasExtras % 60}min` });
+		resumoSheet.addRow({ item: 'Déficit', valor: `${Math.floor(bancoMensal.horasDeficit / 60)}h ${bancoMensal.horasDeficit % 60}min` });
+
+		if (bancoMensal.totalAjustes !== undefined) {
+			resumoSheet.addRow({ item: 'Total de Ajustes', valor: `${Math.floor(bancoMensal.totalAjustes / 60)}h ${bancoMensal.totalAjustes % 60}min` });
+		}
+		if (bancoMensal.totalAbonos !== undefined) {
+			resumoSheet.addRow({ item: 'Total de Abonos', valor: `${Math.floor(bancoMensal.totalAbonos / 60)}h ${bancoMensal.totalAbonos % 60}min` });
+		}
+		if (bancoMensal.totalDescontos !== undefined) {
+			resumoSheet.addRow({ item: 'Total de Descontos', valor: `${Math.floor(bancoMensal.totalDescontos / 60)}h ${bancoMensal.totalDescontos % 60}min` });
+		}
+
+		// Planilha 2: Histórico
+		if (historico.length > 0) {
+			const historicoSheet = workbook.addWorksheet('Histórico');
+			historicoSheet.columns = [
+				{ header: 'Mês', key: 'mes', width: 20 },
+				{ header: 'Saldo Inicial', key: 'saldoInicial', width: 15 },
+				{ header: 'Saldo do Mês', key: 'saldoMes', width: 15 },
+				{ header: 'Saldo Final', key: 'saldoFinal', width: 15 },
+				{ header: 'Dias Trabalhados', key: 'dias', width: 15 }
+			];
+
+			historico.forEach((item) => {
+				historicoSheet.addRow({
+					mes: formatarMes(item.mes),
+					saldoInicial: `${Math.floor(item.saldoInicialMinutos / 60)}h ${Math.abs(item.saldoInicialMinutos) % 60}min`,
+					saldoMes: `${Math.floor(item.saldoMesMinutos / 60)}h ${Math.abs(item.saldoMesMinutos) % 60}min`,
+					saldoFinal: `${Math.floor(item.saldoFinalMinutos / 60)}h ${Math.abs(item.saldoFinalMinutos) % 60}min`,
+					dias: item.diasTrabalhados
+				});
+			});
+
+			// Formatação condicional para saldo final
+			historicoSheet.getColumn('saldoFinal').eachCell((cell, rowNumber) => {
+				if (rowNumber > 1) {
+					const item = historico[rowNumber - 2];
+					if (item && item.saldoFinalMinutos < 0) {
+						cell.font = { color: { argb: 'FFFF0000' } };
+					} else if (item && item.saldoFinalMinutos > 0) {
+						cell.font = { color: { argb: 'FF00FF00' } };
+					}
+				}
+			});
+		}
+
+		// Planilha 3: Ajustes
+		if (ajustes && ajustes.length > 0) {
+			const ajustesSheet = workbook.addWorksheet('Ajustes');
+			ajustesSheet.columns = [
+				{ header: 'Data', key: 'data', width: 15 },
+				{ header: 'Tipo', key: 'tipo', width: 15 },
+				{ header: 'Motivo', key: 'motivo', width: 30 },
+				{ header: 'Valor', key: 'valor', width: 15 },
+				{ header: 'Gestor', key: 'gestor', width: 25 },
+				{ header: 'Status', key: 'status', width: 15 }
+			];
+
+			ajustes.forEach((ajuste) => {
+				ajustesSheet.addRow({
+					data: new Date(ajuste.dataAplicacao).toLocaleDateString('pt-BR'),
+					tipo: ajuste.tipo === 'abonar' ? 'Abonar' : ajuste.tipo === 'descontar' ? 'Descontar' : 'Compensar',
+					motivo: ajuste.motivoDescricao || ajuste.motivoTipo || 'N/A',
+					valor: `${Math.floor(Math.abs(ajuste.valorMinutos) / 60)}h ${Math.abs(ajuste.valorMinutos) % 60}min`,
+					gestor: ajuste.gestor?.nome || 'Sistema',
+					status: ajuste.aplicado ? 'Aplicado' : 'Pendente'
+				});
+			});
+		}
+
+		// Planilha 4: Inconsistências
+		if (inconsistencias && inconsistencias.length > 0) {
+			const inconsistenciasSheet = workbook.addWorksheet('Inconsistências');
+			inconsistenciasSheet.columns = [
+				{ header: 'Data Detectada', key: 'data', width: 15 },
+				{ header: 'Tipo', key: 'tipo', width: 25 },
+				{ header: 'Descrição', key: 'descricao', width: 40 },
+				{ header: 'Status', key: 'status', width: 15 }
+			];
+
+			inconsistencias.forEach((inconsistencia) => {
+				inconsistenciasSheet.addRow({
+					data: new Date(inconsistencia.dataDetectada).toLocaleDateString('pt-BR'),
+					tipo: inconsistencia.tipo === 'ponto_com_atestado'
+						? 'Ponto + Atestado'
+						: inconsistencia.tipo === 'ponto_com_licenca'
+							? 'Ponto + Licença'
+							: inconsistencia.tipo === 'ponto_com_ausencia'
+								? 'Ponto + Ausência'
+								: inconsistencia.tipo,
+					descricao: inconsistencia.descricao,
+					status: inconsistencia.status === 'resolvida'
+						? 'Resolvida'
+						: inconsistencia.status === 'ignorada'
+							? 'Ignorada'
+							: 'Pendente'
+				});
+			});
+		}
+
+		// Salvar arquivo
+		const buffer = await workbook.xlsx.writeBuffer();
+		const blob = new Blob([buffer], {
+			type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+		});
+		const url = window.URL.createObjectURL(blob);
+		const link = document.createElement('a');
+		link.href = url;
+		link.download = `banco-horas-${mesSelecionado}.xlsx`;
+		link.click();
+		window.URL.revokeObjectURL(url);
+	}
+</script>
+
+<div class="space-y-6">
+	<!-- Header com navegação de mês -->
+	<div class="flex items-center justify-between">
+		<h2 class="text-2xl font-bold">Banco de Horas Mensal</h2>
+		<div class="flex items-center gap-4">
+			<button
+				type="button"
+				class="btn btn-sm btn-primary"
+				onclick={exportarPDF}
+				disabled={!bancoMensal}
+				title="Exportar relatório em PDF"
+			>
+				<Download class="h-4 w-4" strokeWidth={2} />
+				Exportar PDF
+			</button>
+			<button
+				type="button"
+				class="btn btn-sm btn-success"
+				onclick={exportarExcel}
+				disabled={!bancoMensal}
+				title="Exportar relatório em Excel"
+			>
+				<FileText class="h-4 w-4" strokeWidth={2} />
+				Exportar Excel
+			</button>
+			<div class="flex items-center gap-2">
+				<button
+					type="button"
+					class="btn btn-sm btn-circle"
+					onclick={() => mudarMes('anterior')}
+					aria-label="Mês anterior"
+				>
+					<ChevronLeft class="h-5 w-5" strokeWidth={2} />
+				</button>
+				<span class="min-w-[200px] text-center text-lg font-semibold">
+					{formatarMes(mesSelecionado)}
+				</span>
+				<button
+					type="button"
+					class="btn btn-sm btn-circle"
+					onclick={() => mudarMes('proximo')}
+					aria-label="Próximo mês"
+					disabled={mesSelecionado >= `${hoje.getFullYear()}-${String(hoje.getMonth() + 1).padStart(2, '0')}`}
+				>
+					<ChevronRight class="h-5 w-5" strokeWidth={2} />
+				</button>
+			</div>
+		</div>
+	</div>
+
+	<!-- Alerta de saldo negativo -->
+	{#if saldoNegativo && bancoMensal}
+		<div class="alert alert-warning shadow-lg">
+			<AlertTriangle class="h-6 w-6 shrink-0" strokeWidth={2} />
+			<div>
+				<h3 class="font-bold">Atenção: Saldo Negativo Acumulado</h3>
+				<div class="text-sm">
+					Seu saldo acumulado está negativo em{' '}
+					<strong>
+						{Math.abs(bancoMensal.saldoFormatado.final.horas)}h{' '}
+						{Math.abs(bancoMensal.saldoFormatado.final.minutos)}min
+					</strong>
+					. Considere compensar horas ou entrar em contato com seu gestor.
+				</div>
+			</div>
+		</div>
+	{/if}
+
+	{#if bancoMensalQuery?.isLoading}
+		<div class="flex items-center justify-center py-12">
+			<span class="loading loading-spinner loading-lg text-primary"></span>
+		</div>
+	{:else if bancoMensal}
+		<!-- Cards de Resumo -->
+		<div class="grid grid-cols-1 gap-6 md:grid-cols-3">
+			<!-- Saldo Inicial -->
+			<div class="card bg-base-100 border-base-300 shadow-xl">
+				<div class="card-body">
+					<div class="flex items-center justify-between">
+						<div>
+							<p class="text-sm font-medium text-base-content/60">Saldo Inicial</p>
+							<p
+								class={`text-2xl font-bold ${
+									bancoMensal.saldoFormatado.inicial.positivo
+										? 'text-success'
+										: 'text-error'
+								}`}
+							>
+								{bancoMensal.saldoFormatado.inicial.positivo ? '+' : '-'}
+								{bancoMensal.saldoFormatado.inicial.horas}h{' '}
+								{bancoMensal.saldoFormatado.inicial.minutos}min
+							</p>
+						</div>
+						<div
+							class={`rounded-full p-3 ${
+								bancoMensal.saldoFormatado.inicial.positivo
+									? 'bg-success/20'
+									: 'bg-error/20'
+							}`}
+						>
+							{#if bancoMensal.saldoFormatado.inicial.positivo}
+								<TrendingUp class="h-6 w-6 text-success" strokeWidth={2} />
+							{:else}
+								<TrendingDown class="h-6 w-6 text-error" strokeWidth={2} />
+							{/if}
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<!-- Saldo do Mês -->
+			<div class="card bg-base-100 border-base-300 shadow-xl">
+				<div class="card-body">
+					<div class="flex items-center justify-between">
+						<div>
+							<p class="text-sm font-medium text-base-content/60">Saldo do Mês</p>
+							<p
+								class={`text-2xl font-bold ${
+									bancoMensal.saldoFormatado.mes.positivo
+										? 'text-success'
+										: 'text-error'
+								}`}
+							>
+								{bancoMensal.saldoFormatado.mes.positivo ? '+' : '-'}
+								{bancoMensal.saldoFormatado.mes.horas}h{' '}
+								{bancoMensal.saldoFormatado.mes.minutos}min
+							</p>
+						</div>
+						<div
+							class={`rounded-full p-3 ${
+								bancoMensal.saldoFormatado.mes.positivo
+									? 'bg-success/20'
+									: 'bg-error/20'
+							}`}
+						>
+							{#if bancoMensal.saldoFormatado.mes.positivo}
+								<TrendingUp class="h-6 w-6 text-success" strokeWidth={2} />
+							{:else}
+								<TrendingDown class="h-6 w-6 text-error" strokeWidth={2} />
+							{/if}
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<!-- Saldo Final -->
+			<div
+				class={`card border-base-300 shadow-xl ${
+					saldoNegativo ? 'border-error/50 bg-error/5' : 'bg-base-100'
+				}`}
+			>
+				<div class="card-body">
+					<div class="flex items-center justify-between">
+						<div>
+							<p class="text-sm font-medium text-base-content/60">Saldo Final</p>
+							<p
+								class={`text-2xl font-bold ${
+									bancoMensal.saldoFormatado.final.positivo
+										? 'text-success'
+										: 'text-error'
+								}`}
+							>
+								{bancoMensal.saldoFormatado.final.positivo ? '+' : '-'}
+								{bancoMensal.saldoFormatado.final.horas}h{' '}
+								{bancoMensal.saldoFormatado.final.minutos}min
+							</p>
+						</div>
+						<div
+							class={`rounded-full p-3 ${
+								bancoMensal.saldoFormatado.final.positivo
+									? 'bg-success/20'
+									: 'bg-error/20'
+							}`}
+						>
+							{#if bancoMensal.saldoFormatado.final.positivo}
+								<TrendingUp class="h-6 w-6 text-success" strokeWidth={2} />
+							{:else}
+								<TrendingDown class="h-6 w-6 text-error" strokeWidth={2} />
+							{/if}
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Estatísticas Detalhadas -->
+		<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
+			<!-- Horas Extras -->
+			<div class="card bg-success/10 border-success/30 shadow-lg">
+				<div class="card-body">
+					<div class="flex items-center gap-4">
+						<div class="rounded-full bg-success/20 p-4">
+							<TrendingUp class="h-8 w-8 text-success" strokeWidth={2} />
+						</div>
+						<div>
+							<p class="text-sm font-medium text-base-content/60">Horas Extras</p>
+							<p class="text-2xl font-bold text-success">
+								{Math.floor(bancoMensal.horasExtras / 60)}h{' '}
+								{bancoMensal.horasExtras % 60}min
+							</p>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<!-- Déficit de Horas -->
+			<div class="card bg-error/10 border-error/30 shadow-lg">
+				<div class="card-body">
+					<div class="flex items-center gap-4">
+						<div class="rounded-full bg-error/20 p-4">
+							<TrendingDown class="h-8 w-8 text-error" strokeWidth={2} />
+						</div>
+						<div>
+							<p class="text-sm font-medium text-base-content/60">Déficit de Horas</p>
+							<p class="text-2xl font-bold text-error">
+								{Math.floor(bancoMensal.horasDeficit / 60)}h{' '}
+								{bancoMensal.horasDeficit % 60}min
+							</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Informações Adicionais -->
+		<div class="card bg-base-100 border-base-300 shadow-lg">
+			<div class="card-body">
+				<h3 class="mb-4 flex items-center gap-2 text-lg font-semibold">
+					<Info class="h-5 w-5" strokeWidth={2} />
+					Informações do Mês
+				</h3>
+				<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+					<div>
+						<p class="text-sm font-medium text-base-content/60">Dias Trabalhados</p>
+						<p class="text-xl font-bold">{bancoMensal.diasTrabalhados} dias</p>
+					</div>
+					<div>
+						<p class="text-sm font-medium text-base-content/60">Última Atualização</p>
+						<p class="text-xl font-bold">
+							{new Date(bancoMensal.atualizadoEm).toLocaleDateString('pt-BR', {
+								day: '2-digit',
+								month: '2-digit',
+								year: 'numeric',
+								hour: '2-digit',
+								minute: '2-digit'
+							})}
+						</p>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Ajustes Aplicados -->
+		{#if ajustes && ajustes.length > 0}
+			<div class="card bg-base-100 border-base-300 shadow-lg">
+				<div class="card-body">
+					<h3 class="mb-4 flex items-center gap-2 text-lg font-semibold">
+						<FileCheck class="h-5 w-5" strokeWidth={2} />
+						Ajustes Aplicados - {formatarMes(mesSelecionado)}
+					</h3>
+					<div class="overflow-x-auto">
+						<table class="table">
+							<thead>
+								<tr>
+									<th>Data</th>
+									<th>Tipo</th>
+									<th>Motivo</th>
+									<th class="text-right">Valor</th>
+									<th>Gestor</th>
+									<th>Status</th>
+								</tr>
+							</thead>
+							<tbody>
+								{#each ajustes as ajuste}
+									<tr>
+										<td>
+											{new Date(ajuste.dataAplicacao).toLocaleDateString('pt-BR', {
+												day: '2-digit',
+												month: '2-digit',
+												year: 'numeric'
+											})}
+										</td>
+										<td>
+											<span
+												class={`badge ${
+													ajuste.tipo === 'abonar'
+														? 'badge-success'
+														: ajuste.tipo === 'descontar'
+															? 'badge-error'
+															: 'badge-info'
+												}`}
+											>
+												{ajuste.tipo === 'abonar'
+													? 'Abonar'
+													: ajuste.tipo === 'descontar'
+														? 'Descontar'
+														: 'Compensar'}
+											</span>
+										</td>
+										<td>
+											<div class="flex flex-col">
+												<span class="font-medium">
+													{ajuste.motivoTipo === 'atestado'
+														? 'Atestado Médico'
+														: ajuste.motivoTipo === 'licenca'
+															? 'Licença'
+															: ajuste.motivoTipo === 'ausencia'
+																? 'Ausência'
+																: 'Manual'}
+												</span>
+												{#if ajuste.motivoDescricao}
+													<span class="text-xs text-base-content/60">
+														{ajuste.motivoDescricao}
+													</span>
+												{/if}
+											</div>
+										</td>
+										<td class="text-right">
+											<span
+												class={ajuste.valorMinutos >= 0 ? 'text-success' : 'text-error'}
+											>
+												{ajuste.valorMinutos >= 0 ? '+' : ''}
+												{Math.floor(Math.abs(ajuste.valorMinutos) / 60)}h{' '}
+												{Math.abs(ajuste.valorMinutos) % 60}min
+											</span>
+										</td>
+										<td>{ajuste.gestor?.nome || 'Sistema'}</td>
+										<td>
+											{#if ajuste.aplicado}
+												<span class="badge badge-success badge-sm">
+													<CheckCircle2 class="h-3 w-3" />
+													Aplicado
+												</span>
+											{:else}
+												<span class="badge badge-warning badge-sm">
+													<AlertCircle class="h-3 w-3" />
+													Pendente
+												</span>
+											{/if}
+										</td>
+									</tr>
+								{/each}
+							</tbody>
+						</table>
+					</div>
+				</div>
+			</div>
+		{/if}
+
+		<!-- Inconsistências Detectadas -->
+		{#if inconsistencias && inconsistencias.length > 0}
+			<div class="card bg-warning/10 border-warning/30 shadow-lg">
+				<div class="card-body">
+					<h3 class="mb-4 flex items-center gap-2 text-lg font-semibold text-warning">
+						<AlertTriangle class="h-5 w-5" strokeWidth={2} />
+						Inconsistências Detectadas - {formatarMes(mesSelecionado)}
+					</h3>
+					<div class="space-y-3">
+						{#each inconsistencias as inconsistencia}
+							<div
+								class={`rounded-lg border p-4 ${
+									inconsistencia.status === 'resolvida'
+										? 'border-success/30 bg-success/5'
+										: inconsistencia.status === 'ignorada'
+											? 'border-base-300 bg-base-200'
+											: 'border-warning/50 bg-warning/10'
+								}`}
+							>
+								<div class="flex items-start justify-between">
+									<div class="flex-1">
+										<div class="mb-2 flex items-center gap-2">
+											<span
+												class={`badge ${
+													inconsistencia.status === 'resolvida'
+														? 'badge-success'
+														: inconsistencia.status === 'ignorada'
+															? 'badge-base-300'
+															: 'badge-warning'
+												}`}
+											>
+												{inconsistencia.status === 'resolvida'
+													? 'Resolvida'
+													: inconsistencia.status === 'ignorada'
+														? 'Ignorada'
+														: 'Pendente'}
+											</span>
+											<span class="text-sm font-medium">
+												{inconsistencia.tipo === 'ponto_com_atestado'
+													? 'Registro de Ponto com Atestado'
+													: inconsistencia.tipo === 'ponto_com_licenca'
+														? 'Registro de Ponto com Licença'
+														: inconsistencia.tipo === 'ponto_com_ausencia'
+															? 'Registro de Ponto com Ausência'
+															: inconsistencia.tipo === 'registro_duplicado'
+																? 'Registro Duplicado'
+																: inconsistencia.tipo === 'sequencia_invalida'
+																	? 'Sequência Inválida'
+																	: 'Saldo Inconsistente'}
+											</span>
+										</div>
+										<p class="text-sm text-base-content/80">{inconsistencia.descricao}</p>
+										<p class="mt-2 text-xs text-base-content/60">
+											Detectada em:{' '}
+											{new Date(inconsistencia.dataDetectada).toLocaleDateString('pt-BR', {
+												day: '2-digit',
+												month: '2-digit',
+												year: 'numeric'
+											})}
+										</p>
+									</div>
+									{#if inconsistencia.status === 'pendente'}
+										<XCircle class="h-5 w-5 text-warning" strokeWidth={2} />
+									{:else if inconsistencia.status === 'resolvida'}
+										<CheckCircle2 class="h-5 w-5 text-success" strokeWidth={2} />
+									{/if}
+								</div>
+							</div>
+						{/each}
+					</div>
+				</div>
+			</div>
+		{/if}
+
+		<!-- Resumo de Ajustes e Inconsistências -->
+		{#if bancoMensal && (bancoMensal.totalAjustes || bancoMensal.totalAbonos || bancoMensal.totalDescontos || bancoMensal.inconsistenciasResolvidas !== undefined)}
+			<div class="card bg-base-100 border-base-300 shadow-lg">
+				<div class="card-body">
+					<h3 class="mb-4 flex items-center gap-2 text-lg font-semibold">
+						<Info class="h-5 w-5" strokeWidth={2} />
+						Resumo de Ajustes e Inconsistências
+					</h3>
+					<div class="grid grid-cols-1 gap-4 md:grid-cols-4">
+						{#if bancoMensal.totalAjustes !== undefined}
+							<div>
+								<p class="text-sm font-medium text-base-content/60">Total de Ajustes</p>
+								<p class="text-xl font-bold">
+									{Math.floor(Math.abs(bancoMensal.totalAjustes) / 60)}h{' '}
+									{Math.abs(bancoMensal.totalAjustes) % 60}min
+								</p>
+							</div>
+						{/if}
+						{#if bancoMensal.totalAbonos !== undefined}
+							<div>
+								<p class="text-sm font-medium text-success">Total de Abonos</p>
+								<p class="text-xl font-bold text-success">
+									+{Math.floor(bancoMensal.totalAbonos / 60)}h{' '}
+									{bancoMensal.totalAbonos % 60}min
+								</p>
+							</div>
+						{/if}
+						{#if bancoMensal.totalDescontos !== undefined}
+							<div>
+								<p class="text-sm font-medium text-error">Total de Descontos</p>
+								<p class="text-xl font-bold text-error">
+									-{Math.floor(bancoMensal.totalDescontos / 60)}h{' '}
+									{bancoMensal.totalDescontos % 60}min
+								</p>
+							</div>
+						{/if}
+						{#if bancoMensal.inconsistenciasResolvidas !== undefined}
+							<div>
+								<p class="text-sm font-medium text-base-content/60">
+									Inconsistências Resolvidas
+								</p>
+								<p class="text-xl font-bold">{bancoMensal.inconsistenciasResolvidas}</p>
+							</div>
+						{/if}
+					</div>
+				</div>
+			</div>
+		{/if}
+	{:else}
+		<div class="card bg-base-100 border-base-300 shadow-lg">
+			<div class="card-body text-center">
+				<Calendar class="mx-auto mb-4 h-12 w-12 text-base-content/40" strokeWidth={2} />
+				<p class="text-lg font-semibold">Nenhum dado disponível para este mês</p>
+				<p class="text-sm text-base-content/60">
+					Não há registros de banco de horas para {formatarMes(mesSelecionado)}.
+				</p>
+			</div>
+		</div>
+	{/if}
+
+		<!-- Gráfico de Evolução -->
+	{#if chartData && historico && historico.length > 0}
+		<div class="card bg-base-100 border-base-300 shadow-lg">
+			<div class="card-body">
+				<h3 class="mb-4 flex items-center gap-2 text-lg font-semibold">
+					<TrendingUp class="h-5 w-5" strokeWidth={2} />
+					Evolução do Banco de Horas
+				</h3>
+				<div class="h-64 w-full">
+					<LineChart data={chartData} title="Evolução do Banco de Horas" height={256} />
+				</div>
+			</div>
+		</div>
+	{/if}
+
+	<!-- Histórico dos Últimos 6 Meses -->
+	{#if historico && historico.length > 0}
+		<div class="card bg-base-100 border-base-300 shadow-lg">
+			<div class="card-body">
+				<h3 class="mb-4 flex items-center gap-2 text-lg font-semibold">
+					<Clock class="h-5 w-5" strokeWidth={2} />
+					Histórico dos Últimos 6 Meses
+				</h3>
+				<div class="overflow-x-auto">
+					<table class="table">
+						<thead>
+							<tr>
+								<th>Mês</th>
+								<th class="text-right">Saldo Inicial</th>
+								<th class="text-right">Saldo do Mês</th>
+								<th class="text-right">Saldo Final</th>
+								<th class="text-right">Dias</th>
+							</tr>
+						</thead>
+						<tbody>
+							{#each historico as item}
+								<tr
+									class={item.mes === mesSelecionado ? 'bg-primary/10 font-semibold' : ''}
+								>
+									<td>{formatarMes(item.mes)}</td>
+									<td class="text-right">
+										<span
+											class={item.saldoFormatado.inicial.positivo
+												? 'text-success'
+												: 'text-error'}
+										>
+											{item.saldoFormatado.inicial.positivo ? '+' : '-'}
+											{item.saldoFormatado.inicial.horas}h{' '}
+											{item.saldoFormatado.inicial.minutos}min
+										</span>
+									</td>
+									<td class="text-right">
+										<span
+											class={item.saldoFormatado.mes.positivo
+												? 'text-success'
+												: 'text-error'}
+										>
+											{item.saldoFormatado.mes.positivo ? '+' : '-'}
+											{item.saldoFormatado.mes.horas}h{' '}
+											{item.saldoFormatado.mes.minutos}min
+										</span>
+									</td>
+									<td class="text-right">
+										<span
+											class={item.saldoFormatado.final.positivo
+												? 'text-success'
+												: 'text-error'}
+										>
+											{item.saldoFormatado.final.positivo ? '+' : '-'}
+											{item.saldoFormatado.final.horas}h{' '}
+											{item.saldoFormatado.final.minutos}min
+										</span>
+									</td>
+									<td class="text-right">{item.diasTrabalhados}</td>
+								</tr>
+							{/each}
+						</tbody>
+					</table>
+				</div>
+			</div>
+		</div>
+	{/if}
+
+	<!-- Histórico de Alterações -->
+	{#if historicoAlteracoes && historicoAlteracoes.length > 0}
+		<div class="card bg-base-100 border-base-300 shadow-lg">
+			<div class="card-body">
+				<h3 class="mb-4 flex items-center gap-2 text-lg font-semibold">
+					<History class="h-5 w-5" strokeWidth={2} />
+					Histórico de Alterações - {formatarMes(mesSelecionado)}
+				</h3>
+				<div class="space-y-4">
+					{#each historicoAlteracoes as alteracao}
+						<div class="border-base-300 rounded-lg border p-4 shadow-sm">
+							<div class="flex items-start justify-between">
+								<div class="flex-1">
+									<div class="mb-2 flex items-center gap-2">
+										{#if alteracao.tipoAlteracao === 'edicao_registro'}
+											<Edit class="h-4 w-4 text-info" strokeWidth={2} />
+											<span class="badge badge-info badge-sm">Edição de Registro</span>
+										{:else if alteracao.tipoAlteracao === 'ajuste_banco'}
+											<Settings class="h-4 w-4 text-warning" strokeWidth={2} />
+											<span class="badge badge-warning badge-sm">
+												Ajuste de Banco de Horas
+											</span>
+										{:else}
+											<Info class="h-4 w-4 text-base-content/60" strokeWidth={2} />
+											<span class="badge badge-ghost badge-sm">Outro</span>
+										{/if}
+										<span class="text-xs text-base-content/60">
+											{alteracao.dataFormatada}
+										</span>
+									</div>
+
+									{#if alteracao.tipoAlteracao === 'edicao_registro' && alteracao.registro}
+										<div class="text-sm">
+											<p>
+												<strong>Registro:</strong> {alteracao.registro.tipo} em{' '}
+												{alteracao.registro.data}
+											</p>
+											<p>
+												<strong>Alteração:</strong>{' '}
+												<span class="text-error">
+													{alteracao.registro.horaAnterior}
+												</span>{' '}
+												→{' '}
+												<span class="text-success">
+													{alteracao.registro.horaNova}
+												</span>
+											</p>
+											{#if alteracao.diferencaMinutos !== undefined}
+												<p>
+													<strong>Diferença:</strong>{' '}
+													<span
+														class={alteracao.diferencaMinutos >= 0
+															? 'text-success'
+															: 'text-error'}
+													>
+														{alteracao.diferencaMinutos >= 0 ? '+' : ''}
+														{Math.floor(Math.abs(alteracao.diferencaMinutos) / 60)}h{' '}
+														{Math.abs(alteracao.diferencaMinutos) % 60}min
+													</span>
+												</p>
+											{/if}
+										</div>
+									{:else if alteracao.tipoAlteracao === 'ajuste_banco'}
+										<div class="text-sm">
+											<p>
+												<strong>Tipo:</strong> {alteracao.tipoAjuste === 'compensar'
+													? 'Compensar'
+													: alteracao.tipoAjuste === 'abonar'
+														? 'Abonar'
+														: 'Descontar'}
+											</p>
+											{#if alteracao.ajusteMinutos !== undefined}
+												<p>
+													<strong>Ajuste:</strong>{' '}
+													<span
+														class={alteracao.ajusteMinutos >= 0
+															? 'text-success'
+															: 'text-error'}
+													>
+														{alteracao.ajusteMinutos >= 0 ? '+' : ''}
+														{Math.floor(Math.abs(alteracao.ajusteMinutos) / 60)}h{' '}
+														{Math.abs(alteracao.ajusteMinutos) % 60}min
+													</span>
+												</p>
+											{/if}
+										</div>
+									{/if}
+
+									{#if alteracao.motivoDescricao}
+										<p class="mt-2 text-sm">
+											<strong>Motivo:</strong> {alteracao.motivoDescricao}
+										</p>
+									{/if}
+
+									{#if alteracao.observacoes}
+										<p class="mt-1 text-sm text-base-content/70">
+											<strong>Observações:</strong> {alteracao.observacoes}
+										</p>
+									{/if}
+
+									{#if alteracao.gestor}
+										<p class="mt-1 text-xs text-base-content/60">
+											Alterado por: <strong>{alteracao.gestor.nome}</strong>
+										</p>
+									{/if}
+								</div>
+							</div>
+						</div>
+					{/each}
+				</div>
+			</div>
+		</div>
+	{:else if historicoAlteracoesQuery?.data && historicoAlteracoesQuery.data.length === 0}
+		<div class="card bg-base-100 border-base-300 shadow-lg">
+			<div class="card-body text-center">
+				<History class="mx-auto mb-4 h-12 w-12 text-base-content/40" strokeWidth={2} />
+				<p class="text-lg font-semibold">Nenhuma alteração registrada</p>
+				<p class="text-sm text-base-content/60">
+					Não há histórico de alterações para {formatarMes(mesSelecionado)}.
+				</p>
+			</div>
+		</div>
+	{/if}
+</div>
+
diff --git a/apps/web/src/lib/components/ponto/PrintPontoModal.svelte b/apps/web/src/lib/components/ponto/PrintPontoModal.svelte
index 33c661a..82e2939 100644
--- a/apps/web/src/lib/components/ponto/PrintPontoModal.svelte
+++ b/apps/web/src/lib/components/ponto/PrintPontoModal.svelte
@@ -43,7 +43,8 @@
 
 	function handleGenerate() {
 		onGenerate(sections);
-		onClose();
+		// Não chamar onClose() aqui - o modal será fechado pelo callback onSuccess
+		// após a geração do PDF ser concluída com sucesso
 	}
 
 	function handleClose() {
diff --git a/apps/web/src/lib/components/ponto/RegistroPonto.svelte b/apps/web/src/lib/components/ponto/RegistroPonto.svelte
index 40abeeb..6371e05 100644
--- a/apps/web/src/lib/components/ponto/RegistroPonto.svelte
+++ b/apps/web/src/lib/components/ponto/RegistroPonto.svelte
@@ -1,33 +1,37 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import type { FunctionReference } from 'convex/server';
 	import { useConvexClient, useQuery } from 'convex-svelte';
-	import jsPDF from 'jspdf';
-	import {
-		Camera,
-		CheckCircle2,
-		Clock,
-		LogIn,
-		LogOut,
-		Printer,
-		TrendingDown,
-		TrendingUp,
-		XCircle
-	} from 'lucide-svelte';
 	import { onMount } from 'svelte';
-	import logoGovPE from '$lib/assets/logo_governo_PE.png';
 	import { obterInformacoesDispositivo } from '$lib/utils/deviceInfo';
+	import { obterTempoServidor } from '$lib/utils/sincronizacaoTempo';
 	import {
-		formatarDataHoraCompleta,
 		formatarHoraPonto,
 		getProximoTipoRegistro,
 		getTipoRegistroLabel
 	} from '$lib/utils/ponto';
-	import { obterTempoServidor } from '$lib/utils/sincronizacaoTempo';
-	import ErrorModal from '../ErrorModal.svelte';
-	import ComprovantePonto from './ComprovantePonto.svelte';
+	import {
+		LogIn,
+		LogOut,
+		Clock,
+		CheckCircle2,
+		XCircle,
+		TrendingUp,
+		TrendingDown,
+		Printer,
+		Camera,
+		AlertTriangle,
+		Image as ImageIcon,
+		Info
+	} from 'lucide-svelte';
+	import jsPDF from 'jspdf';
+	import logoGovPE from '$lib/assets/logo_governo_PE.png';
+	import { formatarDataHoraCompleta } from '$lib/utils/ponto';
 	import RelogioSincronizado from './RelogioSincronizado.svelte';
 	import WebcamCapture from './WebcamCapture.svelte';
+	import ComprovantePonto from './ComprovantePonto.svelte';
+	import ErrorModal from '../ErrorModal.svelte';
 
 	const client = useConvexClient();
 
@@ -35,30 +39,45 @@
 	let refreshKey = $state(0);
 
 	// Queries
-	const currentUser = useQuery(api.auth.getCurrentUser, {});
+	const currentUser = useQuery(api.auth.getCurrentUser as FunctionReference<'query'>);
 	const configQuery = useQuery(api.configuracaoPonto.obterConfiguracao, {});
 
 	// Query para histórico e saldo do dia
 	let funcionarioId = $derived(currentUser?.data?.funcionarioId ?? null);
 	let dataHoje = $derived(new Date().toISOString().split('T')[0]!);
 
-	// Usar refreshKey para forçar atualização após registro
-	const registrosHojeQuery = useQuery(api.pontos.listarRegistrosDia, {
+	// Parâmetros reativos para queries de ponto
+	const registrosHojeParams = $derived({
 		data: dataHoje,
 		_refresh: refreshKey
 	});
 
-	const historicoSaldoQuery = useQuery(
-		api.pontos.obterHistoricoESaldoDia,
+	const historicoSaldoParams = $derived(
 		funcionarioId && dataHoje ? { funcionarioId, data: dataHoje, _refresh: refreshKey } : 'skip'
 	);
 
-	// Query para verificar dispensa ativa
-	const dispensaQuery = useQuery(
-		api.pontos.verificarDispensaAtiva,
+	const dispensaParams = $derived(
 		funcionarioId && dataHoje ? { funcionarioId, data: dataHoje } : 'skip'
 	);
 
+	const registrosHojeQuery = $derived.by(() =>
+		useQuery(api.pontos.listarRegistrosDia, registrosHojeParams)
+	);
+
+	const historicoSaldoQuery = $derived.by(() =>
+		useQuery(api.pontos.obterHistoricoESaldoDia, historicoSaldoParams)
+	);
+
+	const dispensaQuery = $derived.by(() =>
+		useQuery(api.pontos.verificarDispensaAtiva, dispensaParams)
+	);
+
+	// Query para obter status atual do funcionário (férias/licença)
+	const funcionarioStatusQuery = useQuery(
+		api.funcionarios.getCurrent,
+		currentUser?.data ? {} : 'skip'
+	);
+
 	// Estados
 	let mostrandoWebcam = $state(false);
 	let registrando = $state(false);
@@ -83,6 +102,12 @@
 	let registrosHoje = $derived(registrosHojeQuery?.data || []);
 	let config = $derived(configQuery?.data);
 
+	// Status de férias/licença do funcionário
+	const funcionarioStatus = $derived(funcionarioStatusQuery?.data);
+	const statusFerias = $derived(funcionarioStatus?.statusFerias ?? 'ativo');
+	const emFerias = $derived(statusFerias === 'em_ferias');
+	const emLicenca = $derived(statusFerias === 'em_licenca');
+
 	let proximoTipo = $derived.by(() => {
 		if (registrosHoje.length === 0) {
 			return 'entrada';
@@ -210,6 +235,16 @@
 			return;
 		}
 
+		// Verificar se funcionário está em férias ou licença
+		if (emFerias || emLicenca) {
+			mensagemErroModal = 'Registro de ponto não permitido';
+			detalhesErroModal = emFerias
+				? 'Seu status atual é "Em Férias". Durante o período de férias não é permitido registrar ponto.'
+				: 'Seu status atual é "Em Licença". Durante o período de licença não é permitido registrar ponto.';
+			mostrarModalErro = true;
+			return;
+		}
+
 		// Verificar permissões antes de registrar
 		const permissoes = await verificarPermissoes();
 		if (!permissoes.localizacao || !permissoes.webcam) {
@@ -597,9 +632,7 @@
 	async function imprimirComprovante(registroId: Id<'registrosPonto'>) {
 		try {
 			// Buscar dados completos do registro
-			const registro = await client.query(api.pontos.obterRegistro, {
-				registroId
-			});
+			const registro = await client.query(api.pontos.obterRegistro, { registroId });
 
 			if (!registro) {
 				alert('Registro não encontrado');
@@ -831,6 +864,8 @@
 			!coletandoInfo &&
 			config !== undefined &&
 			!estaDispensado &&
+			!emFerias &&
+			!emLicenca &&
 			temFuncionarioAssociado
 		);
 	});
@@ -844,7 +879,7 @@
 			try {
 				// Solicitar apenas permissão, sem iniciar o stream ainda
 				await navigator.mediaDevices.getUserMedia({ video: true });
-			} catch (error) {
+			} catch {
 				// Ignorar erro silenciosamente - a permissão será solicitada quando necessário
 				console.log('Permissão de webcam não concedida ainda');
 			}
@@ -868,7 +903,7 @@
 						{ timeout: 2000, maximumAge: 0, enableHighAccuracy: false } // enableHighAccuracy false para ser mais rápido
 					);
 				});
-			} catch (error) {
+			} catch {
 				// Ignorar erro silenciosamente
 				console.log('Permissão de geolocalização não concedida ainda');
 			}
@@ -879,11 +914,7 @@
 		if (!config) return [];
 
 		const horarios = [
-			{
-				tipo: 'entrada',
-				horario: config.horarioEntrada,
-				label: config.nomeEntrada || 'Entrada 1'
-			},
+			{ tipo: 'entrada', horario: config.horarioEntrada, label: config.nomeEntrada || 'Entrada 1' },
 			{
 				tipo: 'saida_almoco',
 				horario: config.horarioSaidaAlmoco,
@@ -894,11 +925,7 @@
 				horario: config.horarioRetornoAlmoco,
 				label: config.nomeRetornoAlmoco || 'Entrada 2'
 			},
-			{
-				tipo: 'saida',
-				horario: config.horarioSaida,
-				label: config.nomeSaida || 'Saída 2'
-			}
+			{ tipo: 'saida', horario: config.horarioSaida, label: config.nomeSaida || 'Saída 2' }
 		];
 
 		const resultado = horarios.map((h) => {
@@ -916,10 +943,7 @@
 			console.log('[RegistroPonto] mapaHorarios atualizado:', {
 				totalRegistrosHoje: registrosHoje.length,
 				horariosComRegistro: resultado.filter((h) => h.registrado).length,
-				registrosHoje: registrosHoje.map((r) => ({
-					tipo: r.tipo,
-					hora: `${r.hora}:${r.minuto}`
-				}))
+				registrosHoje: registrosHoje.map((r) => ({ tipo: r.tipo, hora: `${r.hora}:${r.minuto}` }))
 			});
 		}
 
@@ -1041,19 +1065,7 @@
 	<!-- Alerta de Funcionário Não Associado -->
 	{#if !temFuncionarioAssociado}
 		<div class="alert alert-error shadow-lg">
-			<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>
+			<XCircle class="h-6 w-6 shrink-0 stroke-current" />
 			<div>
 				<h3 class="font-bold">Funcionário Não Associado</h3>
 				<div class="text-sm">
@@ -1068,19 +1080,7 @@
 	<!-- Alerta de Dispensa -->
 	{#if estaDispensado && motivoDispensa && temFuncionarioAssociado}
 		<div class="alert alert-warning shadow-lg">
-			<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="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-				/>
-			</svg>
+			<AlertTriangle class="h-6 w-6 shrink-0 stroke-current" />
 			<div>
 				<h3 class="font-bold">Registro de Ponto Dispensado</h3>
 				<div class="text-sm">
@@ -1093,9 +1093,28 @@
 		</div>
 	{/if}
 
+	<!-- Alerta de Status de Férias/Licença -->
+	{#if temFuncionarioAssociado && (emFerias || emLicenca)}
+		<div class="alert alert-info shadow-lg">
+			<Info class="h-6 w-6 shrink-0 stroke-current" />
+			<div>
+				<h3 class="font-bold">Status do Funcionário</h3>
+				<div class="text-sm">
+					{#if emFerias}
+						Seu status atual é <strong>Em Férias</strong>. Durante o período de férias não é
+						permitido registrar ponto.
+					{:else}
+						Seu status atual é <strong>Em Licença</strong>. Durante o período de licença não é
+						permitido registrar ponto.
+					{/if}
+				</div>
+			</div>
+		</div>
+	{/if}
+
 	<!-- Card de Registro de Ponto Modernizado -->
 	<div
-		class="card from-base-100 via-base-100 to-primary/5 border-base-300 mx-auto max-w-2xl border bg-gradient-to-br shadow-2xl"
+		class="card from-base-100 via-base-100 to-primary/5 border-base-300 mx-auto max-w-2xl border bg-linear-to-br shadow-2xl"
 	>
 		<div id="card-registro-ponto-ref" class="card-body p-6">
 			<!-- Cabeçalho -->
@@ -1110,7 +1129,7 @@
 			<div class="mb-5 flex justify-center">
 				<div
 					id="relogio-sincronizado-ref"
-					class="card from-primary/10 to-primary/5 border-primary/20 w-full max-w-sm rounded-2xl border-2 bg-gradient-to-br p-5 shadow-lg"
+					class="card from-primary/10 to-primary/5 border-primary/20 w-full max-w-sm rounded-2xl border-2 bg-linear-to-br p-5 shadow-lg"
 				>
 					<RelogioSincronizado />
 				</div>
@@ -1125,7 +1144,11 @@
 					? 'Você não possui funcionário associado à sua conta'
 					: estaDispensado
 						? 'Você está dispensado de registrar ponto no momento'
-						: ''}
+						: emFerias
+							? 'Você está em férias. Durante o período de férias não é permitido registrar ponto.'
+							: emLicenca
+								? 'Você está em licença. Durante o período de licença não é permitido registrar ponto.'
+								: ''}
 			>
 				{#if registrando}
 					<span class="loading loading-spinner loading-sm"></span>
@@ -1140,6 +1163,12 @@
 				{:else if estaDispensado}
 					<XCircle class="h-5 w-5" />
 					Registro Indisponível
+				{:else if emFerias}
+					<XCircle class="h-5 w-5" />
+					Em Férias
+				{:else if emLicenca}
+					<XCircle class="h-5 w-5" />
+					Em Licença
 				{:else if proximoTipo === 'entrada' || proximoTipo === 'retorno_almoco'}
 					<LogIn class="h-5 w-5" />
 					Registrar Entrada
@@ -1176,7 +1205,7 @@
 
 			<!-- Próximo Registro -->
 			<div
-				class="card from-info/10 to-info/5 border-info/20 rounded-xl border-2 bg-gradient-to-br p-4 shadow-md"
+				class="card from-info/10 to-info/5 border-info/20 rounded-xl border-2 bg-linear-to-br p-4 shadow-md"
 			>
 				<div class="flex items-center justify-center gap-2">
 					<div class="bg-info/20 rounded-lg p-1.5">
@@ -1212,9 +1241,9 @@
 						<div
 							class="relative h-full rounded-xl border-2 transition-all duration-300 hover:shadow-lg {horario.registrado
 								? horario.dentroDoPrazo
-									? 'from-success/20 to-success/10 border-success bg-gradient-to-br shadow-md'
-									: 'from-error/20 to-error/10 border-error bg-gradient-to-br shadow-md'
-								: 'from-base-200 to-base-300 border-base-300 bg-gradient-to-br'} p-5"
+									? 'from-success/20 to-success/10 border-success bg-linear-to-br shadow-md'
+									: 'from-error/20 to-error/10 border-error bg-linear-to-br shadow-md'
+								: 'from-base-200 to-base-300 border-base-300 bg-linear-to-br'} p-5"
 						>
 							<!-- Status Icon -->
 							<div class="absolute top-3 right-3">
@@ -1314,7 +1343,7 @@
 					<div class="relative">
 						<!-- Linha vertical central da timeline -->
 						<div
-							class="from-primary/20 via-base-300 to-secondary/20 absolute top-0 bottom-0 left-1/2 w-1 -translate-x-1/2 transform bg-gradient-to-b"
+							class="from-primary/20 via-base-300 to-secondary/20 absolute top-0 bottom-0 left-1/2 w-1 -translate-x-1/2 transform bg-linear-to-b"
 						></div>
 
 						<!-- Container com duas colunas -->
@@ -1348,9 +1377,9 @@
 												<!-- Tipo de registro e status -->
 												<div class="mb-2 flex items-center gap-2">
 													{#if registro.dentroDoPrazo}
-														<CheckCircle2 class="text-success h-4 w-4 flex-shrink-0" />
+														<CheckCircle2 class="text-success h-4 w-4 shrink-0" />
 													{:else}
-														<XCircle class="text-error h-4 w-4 flex-shrink-0" />
+														<XCircle class="text-error h-4 w-4 shrink-0" />
 													{/if}
 													<span class="text-base-content/80 text-sm font-semibold">
 														{config
@@ -1422,7 +1451,7 @@
 
 								<!-- Mostrar horários esperados que não foram registrados -->
 								{#if config}
-									{#each [{ tipo: 'entrada', horario: config.horarioEntrada, label: config.nomeEntrada || 'Entrada 1' }, { tipo: 'retorno_almoco', horario: config.horarioRetornoAlmoco, label: config.nomeRetornoAlmoco || 'Entrada 2' }] as horarioEsperado}
+									{#each [{ tipo: 'entrada', horario: config.horarioEntrada, label: config.nomeEntrada || 'Entrada 1' }, { tipo: 'retorno_almoco', horario: config.horarioRetornoAlmoco, label: config.nomeRetornoAlmoco || 'Entrada 2' }] as horarioEsperado (horarioEsperado.tipo)}
 										{#if !registrosOrdenados.find((r) => r.tipo === horarioEsperado.tipo)}
 											<div class="relative opacity-50">
 												<div
@@ -1482,9 +1511,9 @@
 															: getTipoRegistroLabel(registro.tipo)}
 													</span>
 													{#if registro.dentroDoPrazo}
-														<CheckCircle2 class="text-success h-4 w-4 flex-shrink-0" />
+														<CheckCircle2 class="text-success h-4 w-4 shrink-0" />
 													{:else}
-														<XCircle class="text-error h-4 w-4 flex-shrink-0" />
+														<XCircle class="text-error h-4 w-4 shrink-0" />
 													{/if}
 												</div>
 
@@ -1548,7 +1577,7 @@
 
 								<!-- Mostrar horários esperados que não foram registrados -->
 								{#if config}
-									{#each [{ tipo: 'saida_almoco', horario: config.horarioSaidaAlmoco, label: config.nomeSaidaAlmoco || 'Saída 1' }, { tipo: 'saida', horario: config.horarioSaida, label: config.nomeSaida || 'Saída 2' }] as horarioEsperado}
+									{#each [{ tipo: 'saida_almoco', horario: config.horarioSaidaAlmoco, label: config.nomeSaidaAlmoco || 'Saída 1' }, { tipo: 'saida', horario: config.horarioSaida, label: config.nomeSaida || 'Saída 2' }] as horarioEsperado (horarioEsperado.tipo)}
 										{#if !registrosOrdenados.find((r) => r.tipo === horarioEsperado.tipo)}
 											<div class="relative opacity-50">
 												<div
@@ -1589,19 +1618,19 @@
 			<!-- Backdrop leve -->
 			<div
 				class="pointer-events-auto absolute inset-0 bg-black/20 transition-opacity duration-200"
+				role="button"
+				tabindex="0"
 				onclick={handleWebcamCancel}
+				onkeydown={(e) => (e.key === 'Enter' || e.key === ' ') && handleWebcamCancel()}
 			></div>
 
 			<!-- Modal Box -->
 			<div
 				class="bg-base-100 pointer-events-auto absolute z-10 flex max-h-[90vh] w-full max-w-2xl transform flex-col overflow-hidden rounded-2xl shadow-2xl transition-all duration-300"
 				style="animation: slideUp 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); {getModalStyle()}"
-				onclick={(e) => e.stopPropagation()}
 			>
 				<!-- Header fixo -->
-				<div
-					class="border-base-300 flex flex-shrink-0 items-center justify-between border-b px-6 py-4"
-				>
+				<div class="border-base-300 flex shrink-0 items-center justify-between border-b px-6 py-4">
 					<div class="flex items-center gap-3">
 						<div class="bg-primary/10 rounded-lg p-2">
 							<Camera class="text-primary h-5 w-5" strokeWidth={2} />
@@ -1737,19 +1766,19 @@
 			<!-- Backdrop leve -->
 			<div
 				class="pointer-events-auto absolute inset-0 bg-black/20 transition-opacity duration-200"
+				role="button"
+				tabindex="0"
 				onclick={cancelarRegistro}
+				onkeydown={(e) => (e.key === 'Enter' || e.key === ' ') && cancelarRegistro()}
 			></div>
 
 			<!-- Modal Box -->
 			<div
 				class="bg-base-100 pointer-events-auto absolute z-10 flex max-h-[90vh] w-full max-w-3xl transform flex-col overflow-hidden rounded-2xl shadow-2xl transition-all duration-300"
 				style="animation: slideUp 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); {getModalStyle()}"
-				onclick={(e) => e.stopPropagation()}
 			>
 				<!-- Header fixo -->
-				<div
-					class="border-base-300 flex flex-shrink-0 items-center justify-between border-b px-6 py-4"
-				>
+				<div class="border-base-300 flex shrink-0 items-center justify-between border-b px-6 py-4">
 					<div class="flex items-center gap-3">
 						<div class="bg-primary/10 rounded-lg p-2">
 							<Clock class="text-primary h-6 w-6" strokeWidth={2} />
@@ -1776,25 +1805,12 @@
 				<div class="modal-scroll flex-1 space-y-6 overflow-y-auto px-6 py-4">
 					<!-- Card da Imagem -->
 					<div
-						class="card from-base-200 to-base-300 border-primary/20 border-2 bg-gradient-to-br shadow-lg"
+						class="card from-base-200 to-base-300 border-primary/20 border-2 bg-linear-to-br shadow-lg"
 					>
 						<div class="card-body p-6">
 							<div class="mb-4 flex items-center gap-2">
 								<div class="bg-primary/10 rounded-lg p-1.5">
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="text-primary h-5 w-5"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke="currentColor"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
-										/>
-									</svg>
+									<ImageIcon class="text-primary h-5 w-5" strokeWidth={2} />
 								</div>
 								<h4 class="text-lg font-semibold">Foto Capturada</h4>
 							</div>
@@ -1812,7 +1828,7 @@
 
 					<!-- Card de Informações -->
 					<div
-						class="card from-primary/5 to-primary/10 border-primary/20 border-2 bg-gradient-to-br shadow-lg"
+						class="card from-primary/5 to-primary/10 border-primary/20 border-2 bg-linear-to-br shadow-lg"
 					>
 						<div class="card-body p-6">
 							<div class="mb-4 flex items-center gap-2">
@@ -1863,19 +1879,7 @@
 
 					<!-- Aviso -->
 					<div class="alert alert-info shadow-lg">
-						<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="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-							/>
-						</svg>
+						<Info class="h-6 w-6 shrink-0 stroke-current" />
 						<div>
 							<h3 class="font-bold">Confirme os dados</h3>
 							<div class="text-sm">
@@ -1886,7 +1890,7 @@
 				</div>
 
 				<!-- Footer fixo com botões -->
-				<div class="border-base-300 flex flex-shrink-0 justify-end gap-3 border-t px-6 py-4">
+				<div class="border-base-300 flex shrink-0 justify-end gap-3 border-t px-6 py-4">
 					<button
 						class="btn btn-outline"
 						onclick={cancelarRegistro}
diff --git a/apps/web/src/lib/components/ponto/RelogioSincronizado.svelte b/apps/web/src/lib/components/ponto/RelogioSincronizado.svelte
index 64d1f3a..181d24f 100644
--- a/apps/web/src/lib/components/ponto/RelogioSincronizado.svelte
+++ b/apps/web/src/lib/components/ponto/RelogioSincronizado.svelte
@@ -54,18 +54,17 @@
 				erro = 'Usando relógio do PC';
 			}
 
-			// Aplicar GMT offset ao timestamp
-			// Quando GMT é 0, usar timestamp UTC puro e deixar toLocaleTimeString() fazer a conversão automática
-			// Quando GMT ≠ 0, aplicar offset configurado ao timestamp
+			// Aplicar GMT offset ao timestamp UTC
+			// O offset é aplicado manualmente, então usamos UTC como base para evitar conversão dupla
 			let timestampAjustado: number;
 			if (gmtOffset !== 0) {
-				// Aplicar offset configurado
+				// Aplicar offset configurado ao timestamp UTC
 				timestampAjustado = timestampBase + gmtOffset * 60 * 60 * 1000;
 			} else {
 				// Quando GMT = 0, manter timestamp UTC puro
-				// O toLocaleTimeString() converterá automaticamente para o timezone local do navegador
 				timestampAjustado = timestampBase;
 			}
+			// Armazenar o timestamp ajustado (não o Date, para evitar problemas de timezone)
 			tempoAtual = new Date(timestampAjustado);
 		} catch (error) {
 			console.error('Erro ao obter tempo:', error);
@@ -95,20 +94,26 @@
 		}
 	});
 
-	let horaFormatada = $derived.by(() => {
+	const horaFormatada = $derived.by(() => {
+		// Usar UTC como base pois já aplicamos o offset manualmente no timestamp
+		// Isso evita conversão dupla pelo navegador
 		return tempoAtual.toLocaleTimeString('pt-BR', {
 			hour: '2-digit',
 			minute: '2-digit',
-			second: '2-digit'
+			second: '2-digit',
+			timeZone: 'UTC' // Usar UTC como base pois já aplicamos o offset manualmente
 		});
 	});
 
-	let dataFormatada = $derived.by(() => {
+	const dataFormatada = $derived.by(() => {
+		// Usar UTC como base pois já aplicamos o offset manualmente no timestamp
+		// Isso evita conversão dupla pelo navegador
 		return tempoAtual.toLocaleDateString('pt-BR', {
 			weekday: 'long',
 			day: '2-digit',
 			month: 'long',
-			year: 'numeric'
+			year: 'numeric',
+			timeZone: 'UTC' // Usar UTC como base pois já aplicamos o offset manualmente
 		});
 	});
 </script>
diff --git a/apps/web/src/lib/components/ponto/TimePicker.svelte b/apps/web/src/lib/components/ponto/TimePicker.svelte
new file mode 100644
index 0000000..5bbe728
--- /dev/null
+++ b/apps/web/src/lib/components/ponto/TimePicker.svelte
@@ -0,0 +1,163 @@
+<script lang="ts">
+	import { ChevronUp, ChevronDown } from 'lucide-svelte';
+
+	interface Props {
+		hours: number;
+		minutes: number;
+		onChange: (hours: number, minutes: number) => void;
+		label?: string;
+		disabled?: boolean;
+	}
+
+	let { hours, minutes, onChange, label, disabled = false }: Props = $props();
+
+	function incrementHours() {
+		if (disabled) return;
+		const newHours = hours + 1;
+		onChange(newHours, minutes);
+	}
+
+	function decrementHours() {
+		if (disabled) return;
+		const newHours = Math.max(0, hours - 1);
+		onChange(newHours, minutes);
+	}
+
+	function incrementMinutes() {
+		if (disabled) return;
+		const newMinutes = minutes + 15;
+		if (newMinutes >= 60) {
+			const extraHours = Math.floor(newMinutes / 60);
+			const remainingMinutes = newMinutes % 60;
+			onChange(hours + extraHours, remainingMinutes);
+		} else {
+			onChange(hours, newMinutes);
+		}
+	}
+
+	function decrementMinutes() {
+		if (disabled) return;
+		const newMinutes = minutes - 15;
+		if (newMinutes < 0) {
+			if (hours > 0) {
+				onChange(hours - 1, 60 + newMinutes);
+			} else {
+				onChange(0, 0);
+			}
+		} else {
+			onChange(hours, newMinutes);
+		}
+	}
+
+	function handleHoursInput(e: Event) {
+		if (disabled) return;
+		const target = e.target as HTMLInputElement;
+		const value = parseInt(target.value) || 0;
+		onChange(Math.max(0, value), minutes);
+	}
+
+	function handleMinutesInput(e: Event) {
+		if (disabled) return;
+		const target = e.target as HTMLInputElement;
+		const value = parseInt(target.value) || 0;
+		const clampedValue = Math.max(0, Math.min(59, value));
+		onChange(hours, clampedValue);
+	}
+
+	const totalMinutes = $derived(hours * 60 + minutes);
+	const displayText = $derived.by(() => {
+		if (totalMinutes === 0) return '0h 0min';
+		const h = Math.floor(totalMinutes / 60);
+		const m = totalMinutes % 60;
+		return `${h}h ${m}min`;
+	});
+</script>
+
+<div class="time-picker">
+	{#if label}
+		<div class="mb-2 block text-sm font-medium text-gray-700">{label}</div>
+	{/if}
+
+	<div class="flex items-center gap-3">
+		<!-- Horas -->
+		<div class="flex flex-col items-center">
+			<button
+				type="button"
+				onclick={incrementHours}
+				disabled={disabled}
+				class="flex h-10 w-12 items-center justify-center rounded-t-lg border border-gray-300 bg-gray-50 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50"
+			>
+				<ChevronUp class="h-4 w-4 text-gray-600" />
+			</button>
+			<input
+				type="number"
+				min="0"
+				value={hours}
+				oninput={handleHoursInput}
+				disabled={disabled}
+				class="h-14 w-12 border-x border-gray-300 bg-white text-center text-xl font-bold text-gray-900 focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20 disabled:cursor-not-allowed disabled:bg-gray-50"
+			/>
+			<button
+				type="button"
+				onclick={decrementHours}
+				disabled={disabled || hours === 0}
+				class="flex h-10 w-12 items-center justify-center rounded-b-lg border border-gray-300 bg-gray-50 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50"
+			>
+				<ChevronDown class="h-4 w-4 text-gray-600" />
+			</button>
+			<span class="mt-1 text-xs text-gray-500">horas</span>
+		</div>
+
+		<!-- Separador -->
+		<div class="text-2xl font-bold text-gray-400">:</div>
+
+		<!-- Minutos -->
+		<div class="flex flex-col items-center">
+			<button
+				type="button"
+				onclick={incrementMinutes}
+				disabled={disabled}
+				class="flex h-10 w-12 items-center justify-center rounded-t-lg border border-gray-300 bg-gray-50 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50"
+			>
+				<ChevronUp class="h-4 w-4 text-gray-600" />
+			</button>
+			<input
+				type="number"
+				min="0"
+				max="59"
+				value={minutes}
+				oninput={handleMinutesInput}
+				disabled={disabled}
+				class="h-14 w-12 border-x border-gray-300 bg-white text-center text-xl font-bold text-gray-900 focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20 disabled:cursor-not-allowed disabled:bg-gray-50"
+			/>
+			<button
+				type="button"
+				onclick={decrementMinutes}
+				disabled={disabled || (hours === 0 && minutes === 0)}
+				class="flex h-10 w-12 items-center justify-center rounded-b-lg border border-gray-300 bg-gray-50 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50"
+			>
+				<ChevronDown class="h-4 w-4 text-gray-600" />
+			</button>
+			<span class="mt-1 text-xs text-gray-500">min</span>
+		</div>
+
+		<!-- Total -->
+		<div class="ml-4 flex flex-col items-center justify-center rounded-lg bg-primary/10 px-4 py-2">
+			<span class="text-xs text-gray-600">Total</span>
+			<span class="text-lg font-bold text-primary">{displayText}</span>
+		</div>
+	</div>
+</div>
+
+<style>
+	.time-picker input[type='number']::-webkit-inner-spin-button,
+	.time-picker input[type='number']::-webkit-outer-spin-button {
+		-webkit-appearance: none;
+		margin: 0;
+	}
+
+	.time-picker input[type='number'] {
+		-moz-appearance: textfield;
+	}
+</style>
+
diff --git a/apps/web/src/lib/components/ponto/WebcamCapture.svelte b/apps/web/src/lib/components/ponto/WebcamCapture.svelte
index 9ecb551..9001b2f 100644
--- a/apps/web/src/lib/components/ponto/WebcamCapture.svelte
+++ b/apps/web/src/lib/components/ponto/WebcamCapture.svelte
@@ -11,7 +11,7 @@
 		fotoObrigatoria?: boolean; // Se true, não permite continuar sem foto
 	}
 
-	const {
+	let {
 		onCapture,
 		onCancel,
 		onError,
diff --git a/apps/web/src/lib/components/ponto/registro-pontos/EstatisticasCards.svelte b/apps/web/src/lib/components/ponto/registro-pontos/EstatisticasCards.svelte
new file mode 100644
index 0000000..3a50852
--- /dev/null
+++ b/apps/web/src/lib/components/ponto/registro-pontos/EstatisticasCards.svelte
@@ -0,0 +1,104 @@
+<script lang="ts">
+	import { BarChart3, CheckCircle2, XCircle, Users } from 'lucide-svelte';
+
+	interface Estatisticas {
+		totalRegistros: number;
+		dentroDoPrazo: number;
+		foraDoPrazo: number;
+		totalFuncionarios: number;
+		funcionariosDentroPrazo: number;
+		funcionariosForaPrazo: number;
+	}
+
+	interface Props {
+		estatisticas?: Estatisticas;
+	}
+
+	let { estatisticas = undefined }: Props = $props();
+</script>
+
+{#if estatisticas}
+	<div class="mb-8 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4">
+		<!-- Total de Registros -->
+		<div
+			class="card transform border border-blue-500/20 bg-gradient-to-br from-blue-500/10 to-blue-600/20 shadow-xl transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"
+		>
+			<div class="card-body">
+				<div class="flex items-center justify-between">
+					<div class="flex-1">
+						<p class="text-base-content/70 mb-1 text-sm font-semibold">Total de Registros</p>
+						<p class="text-base-content text-3xl font-bold">{estatisticas.totalRegistros}</p>
+					</div>
+					<div class="rounded-xl bg-blue-500/20 p-3">
+						<BarChart3 class="h-8 w-8 text-blue-600" strokeWidth={2.5} />
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Dentro do Prazo -->
+		<div
+			class="card transform border border-green-500/20 bg-gradient-to-br from-green-500/10 to-green-600/20 shadow-xl transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"
+		>
+			<div class="card-body">
+				<div class="flex items-center justify-between">
+					<div class="flex-1">
+						<p class="text-base-content/70 mb-1 text-sm font-semibold">Dentro do Prazo</p>
+						<p class="text-3xl font-bold text-green-600">{estatisticas.dentroDoPrazo}</p>
+						<p class="text-base-content/60 mt-1 text-xs">
+							{estatisticas.totalRegistros > 0
+								? ((estatisticas.dentroDoPrazo / estatisticas.totalRegistros) * 100).toFixed(1)
+								: 0}% do total
+						</p>
+					</div>
+					<div class="rounded-xl bg-green-500/20 p-3">
+						<CheckCircle2 class="h-8 w-8 text-green-600" strokeWidth={2.5} />
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Fora do Prazo -->
+		<div
+			class="card transform border border-red-500/20 bg-gradient-to-br from-red-500/10 to-red-600/20 shadow-xl transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"
+		>
+			<div class="card-body">
+				<div class="flex items-center justify-between">
+					<div class="flex-1">
+						<p class="text-base-content/70 mb-1 text-sm font-semibold">Fora do Prazo</p>
+						<p class="text-3xl font-bold text-red-600">{estatisticas.foraDoPrazo}</p>
+						<p class="text-base-content/60 mt-1 text-xs">
+							{estatisticas.totalRegistros > 0
+								? ((estatisticas.foraDoPrazo / estatisticas.totalRegistros) * 100).toFixed(1)
+								: 0}% do total
+						</p>
+					</div>
+					<div class="rounded-xl bg-red-500/20 p-3">
+						<XCircle class="h-8 w-8 text-red-600" strokeWidth={2.5} />
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Funcionários -->
+		<div
+			class="card transform border border-purple-500/20 bg-gradient-to-br from-purple-500/10 to-purple-600/20 shadow-xl transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"
+		>
+			<div class="card-body">
+				<div class="flex items-center justify-between">
+					<div class="flex-1">
+						<p class="text-base-content/70 mb-1 text-sm font-semibold">Funcionários</p>
+						<p class="text-3xl font-bold text-purple-600">{estatisticas.totalFuncionarios}</p>
+						<p class="text-base-content/60 mt-1 text-xs">
+							{estatisticas.funcionariosDentroPrazo} dentro, {estatisticas.funcionariosForaPrazo} fora
+						</p>
+					</div>
+					<div class="rounded-xl bg-purple-500/20 p-3">
+						<Users class="h-8 w-8 text-purple-600" strokeWidth={2.5} />
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+{/if}
+
diff --git a/apps/web/src/lib/components/ponto/registro-pontos/GraficoEstatisticas.svelte b/apps/web/src/lib/components/ponto/registro-pontos/GraficoEstatisticas.svelte
new file mode 100644
index 0000000..460ac03
--- /dev/null
+++ b/apps/web/src/lib/components/ponto/registro-pontos/GraficoEstatisticas.svelte
@@ -0,0 +1,218 @@
+<script lang="ts">
+	import { onMount, onDestroy } from 'svelte';
+	import { Chart, registerables } from 'chart.js';
+	import { BarChart3, XCircle, FileText } from 'lucide-svelte';
+
+	interface Estatisticas {
+		totalRegistros: number;
+		dentroDoPrazo: number;
+		foraDoPrazo: number;
+	}
+
+	interface Props {
+		estatisticas?: Estatisticas;
+		chartData?: {
+			labels: string[];
+			datasets: Array<{
+				label: string;
+				data: number[];
+				backgroundColor: string;
+				borderColor: string;
+				borderWidth: number;
+			}>;
+		} | null;
+		isLoading?: boolean;
+		error?: Error | null;
+	}
+
+	let { estatisticas = undefined, chartData = null, isLoading = false, error = null }: Props = $props();
+
+	let chartCanvas: HTMLCanvasElement;
+	let chartInstance: Chart | null = null;
+
+	onMount(() => {
+		Chart.register(...registerables);
+		const timeoutId = setTimeout(() => {
+			if (chartCanvas && estatisticas && chartData && !chartInstance) {
+				try {
+					criarGrafico();
+				} catch (err) {
+					console.error('Erro ao criar gráfico no onMount:', err);
+				}
+			}
+		}, 500);
+
+		return () => {
+			clearTimeout(timeoutId);
+		};
+	});
+
+	onDestroy(() => {
+		if (chartInstance) {
+			chartInstance.destroy();
+		}
+	});
+
+	function criarGrafico() {
+		if (!chartCanvas || !estatisticas || !chartData) {
+			return;
+		}
+
+		const ctx = chartCanvas.getContext('2d');
+		if (!ctx) {
+			return;
+		}
+
+		if (chartInstance) {
+			chartInstance.destroy();
+			chartInstance = null;
+		}
+
+		try {
+			chartInstance = new Chart(ctx, {
+				type: 'bar',
+				data: chartData,
+				options: {
+					responsive: true,
+					maintainAspectRatio: false,
+					plugins: {
+						legend: {
+							display: true,
+							position: 'top',
+							labels: {
+								color: 'hsl(var(--bc))',
+								font: {
+									size: 12,
+									family: "'Inter', sans-serif"
+								},
+								usePointStyle: true,
+								padding: 15
+							}
+						},
+						tooltip: {
+							backgroundColor: 'rgba(0, 0, 0, 0.85)',
+							titleColor: '#fff',
+							bodyColor: '#fff',
+							borderColor: 'hsl(var(--p))',
+							borderWidth: 1,
+							padding: 12,
+							callbacks: {
+								label: function (context) {
+									const label = context.dataset.label || '';
+									const value = context.parsed.y;
+									const total = estatisticas!.totalRegistros;
+									const percentage = total > 0 ? ((value / total) * 100).toFixed(1) : '0.0';
+									return `${label}: ${value} (${percentage}%)`;
+								}
+							}
+						}
+					},
+					scales: {
+						x: {
+							stacked: true,
+							grid: {
+								display: false
+							},
+							ticks: {
+								color: 'hsl(var(--bc))',
+								font: {
+									size: 12
+								}
+							}
+						},
+						y: {
+							stacked: true,
+							beginAtZero: true,
+							grid: {
+								color: 'rgba(0, 0, 0, 0.05)'
+							},
+							ticks: {
+								color: 'hsl(var(--bc))',
+								font: {
+									size: 11
+								},
+								stepSize: 1
+							}
+						}
+					},
+					animation: {
+						duration: 1000,
+						easing: 'easeInOutQuart'
+					},
+					interaction: {
+						mode: 'index',
+						intersect: false
+					}
+				}
+			});
+		} catch (error) {
+			console.error('Erro ao criar gráfico:', error);
+		}
+	}
+
+	$effect(() => {
+		if (chartCanvas && estatisticas && chartData) {
+			if (chartInstance) {
+				chartInstance.destroy();
+				chartInstance = null;
+			}
+
+			const timeoutId = setTimeout(() => {
+				try {
+					criarGrafico();
+				} catch (err) {
+					console.error('Erro ao criar gráfico no effect:', err);
+				}
+			}, 200);
+
+			return () => {
+				clearTimeout(timeoutId);
+			};
+		}
+	});
+</script>
+
+<div class="card bg-base-100/90 border-base-300 mb-8 border shadow-xl backdrop-blur-sm">
+	<div class="card-body">
+		<div class="mb-6 flex items-center justify-between">
+			<h2 class="card-title text-2xl">
+				<div class="bg-primary/10 rounded-lg p-2">
+					<BarChart3 class="text-primary h-6 w-6" strokeWidth={2.5} />
+				</div>
+				<span>Visão Geral das Estatísticas</span>
+			</h2>
+		</div>
+		<div class="bg-base-200/50 border-base-300 relative h-80 w-full rounded-xl border p-4">
+			{#if isLoading}
+				<div class="bg-base-200/30 absolute inset-0 flex items-center justify-center rounded-xl">
+					<div class="flex flex-col items-center gap-4">
+						<span class="loading loading-spinner loading-lg text-primary"></span>
+						<span class="text-base-content/70 font-medium">Carregando estatísticas...</span>
+					</div>
+				</div>
+			{:else if error}
+				<div class="bg-base-200/30 absolute inset-0 flex items-center justify-center rounded-xl">
+					<div class="alert alert-error shadow-lg">
+						<XCircle class="h-6 w-6" />
+						<div>
+							<h3 class="font-bold">Erro ao carregar estatísticas</h3>
+							<div class="mt-1 text-sm">
+								{error?.message || String(error) || 'Erro desconhecido'}
+							</div>
+						</div>
+					</div>
+				</div>
+			{:else if !estatisticas || !chartData}
+				<div class="bg-base-200/30 absolute inset-0 flex items-center justify-center rounded-xl">
+					<div class="text-center">
+						<FileText class="text-base-content/30 mx-auto mb-2 h-12 w-12" />
+						<p class="text-base-content/70">Nenhuma estatística disponível</p>
+					</div>
+				</div>
+			{:else}
+				<canvas bind:this={chartCanvas} class="h-full w-full"></canvas>
+			{/if}
+		</div>
+	</div>
+</div>
+
diff --git a/apps/web/src/lib/components/ponto/registro-pontos/HeaderRegistroPontos.svelte b/apps/web/src/lib/components/ponto/registro-pontos/HeaderRegistroPontos.svelte
new file mode 100644
index 0000000..0007918
--- /dev/null
+++ b/apps/web/src/lib/components/ponto/registro-pontos/HeaderRegistroPontos.svelte
@@ -0,0 +1,66 @@
+<script lang="ts">
+	import { Clock } from 'lucide-svelte';
+
+	interface Estatisticas {
+		totalRegistros: number;
+		totalFuncionarios: number;
+		dentroDoPrazo: number;
+	}
+
+	interface Props {
+		estatisticas?: Estatisticas;
+	}
+
+	let { estatisticas = undefined }: Props = $props();
+</script>
+
+<section
+	class="border-base-300 from-primary/10 via-base-100 to-secondary/10 relative mb-8 overflow-hidden rounded-2xl border bg-gradient-to-br p-8 shadow-lg"
+>
+	<div class="bg-primary/20 absolute top-10 -left-10 h-40 w-40 rounded-full blur-3xl"></div>
+	<div class="bg-secondary/20 absolute right-0 -bottom-16 h-56 w-56 rounded-full blur-3xl"></div>
+	<div class="relative z-10 flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between">
+		<div class="flex items-center gap-4">
+			<div
+				class="bg-primary/20 border-primary/30 rounded-2xl border p-4 shadow-lg backdrop-blur-sm"
+			>
+				<Clock class="text-primary h-10 w-10" strokeWidth={2.5} />
+			</div>
+			<div class="max-w-3xl space-y-2">
+				<h1 class="text-base-content text-4xl leading-tight font-black sm:text-5xl">
+					Registro de Pontos
+				</h1>
+				<p class="text-base-content/70 text-base leading-relaxed sm:text-lg">
+					Gerencie e visualize os registros de ponto dos funcionários com informações detalhadas e
+					relatórios
+				</p>
+			</div>
+		</div>
+		{#if estatisticas}
+			<div
+				class="border-base-200/60 bg-base-100/70 grid grid-cols-2 gap-4 rounded-2xl border p-6 shadow-lg backdrop-blur sm:max-w-sm"
+			>
+				<div>
+					<p class="text-base-content/60 text-sm font-semibold">Total de Registros</p>
+					<p class="text-base-content mt-2 text-2xl font-bold">{estatisticas.totalRegistros}</p>
+				</div>
+				<div class="text-right">
+					<p class="text-base-content/60 text-sm font-semibold">Funcionários</p>
+					<p class="text-base-content mt-2 text-xl font-bold">{estatisticas.totalFuncionarios}</p>
+				</div>
+				<div
+					class="via-base-300 col-span-2 h-px bg-gradient-to-r from-transparent to-transparent"
+				></div>
+				<div class="text-base-content/70 col-span-2 flex items-center justify-between text-sm">
+					<span>
+						{estatisticas.totalRegistros > 0
+							? ((estatisticas.dentroDoPrazo / estatisticas.totalRegistros) * 100).toFixed(1)
+							: 0}% dentro do prazo
+					</span>
+					<span class="badge badge-primary badge-sm">Ativo</span>
+				</div>
+			</div>
+		{/if}
+	</div>
+</section>
+
diff --git a/apps/web/src/lib/components/ti/AlertConfigModal.svelte b/apps/web/src/lib/components/ti/AlertConfigModal.svelte
index 5617882..6b5b178 100644
--- a/apps/web/src/lib/components/ti/AlertConfigModal.svelte
+++ b/apps/web/src/lib/components/ti/AlertConfigModal.svelte
@@ -1,17 +1,24 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
-	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import type { Id, Doc } from '@sgse-app/backend/convex/_generated/dataModel';
+	import AlertModal from '$lib/components/AlertModal.svelte';
+	import ConfirmModal from '$lib/components/ConfirmModal.svelte';
 	import { useConvexClient, useQuery } from 'convex-svelte';
 
 	const { onClose }: { onClose: () => void } = $props();
 
 	const client = useConvexClient();
 	const alertasQuery = useQuery(api.monitoramento.listarAlertas, {});
-	let alertas = $derived.by(() => {
-		if (!alertasQuery) return [];
-		// O useQuery pode retornar o array diretamente ou em .data
-		if (Array.isArray(alertasQuery)) return alertasQuery;
-		return alertasQuery.data ?? [];
+
+	// Derivação - o useQuery retorna um objeto com propriedade data quando a query retorna um array
+	const alertas = $derived.by(() => {
+		if (alertasQuery === undefined) return [];
+		// Verificar se é um objeto com propriedade data
+		if (alertasQuery && typeof alertasQuery === 'object' && 'data' in alertasQuery) {
+			return Array.isArray(alertasQuery.data) ? alertasQuery.data : [];
+		}
+		// Fallback: se for diretamente um array
+		return Array.isArray(alertasQuery) ? alertasQuery : [];
 	});
 
 	// Estado para novo alerta
@@ -25,6 +32,13 @@
 	let saving = $state(false);
 	let showForm = $state(false);
 
+	// Estado para modais
+	let showAlertModal = $state(false);
+	let alertMessage = $state('');
+	let showConfirmModal = $state(false);
+	let confirmMessage = $state('');
+	let confirmCallback = $state<(() => void) | null>(null);
+
 	const metricOptions = [
 		{ value: 'cpuUsage', label: 'Uso de CPU (%)' },
 		{ value: 'memoryUsage', label: 'Uso de Memória (%)' },
@@ -55,7 +69,7 @@
 		showForm = false;
 	}
 
-	function editAlert(alert: any) {
+	function editAlert(alert: Doc<'alertConfigurations'>) {
 		editingAlertId = alert._id;
 		metricName = alert.metricName;
 		threshold = alert.threshold;
@@ -67,9 +81,15 @@
 	}
 
 	async function saveAlert() {
+		if (!notifyByChat && !notifyByEmail) {
+			alertMessage = 'Selecione pelo menos um método de notificação (Chat ou Email)';
+			showAlertModal = true;
+			return;
+		}
+
 		saving = true;
 		try {
-			await client.mutation(api.monitoramento.configurarAlerta, {
+			const result = await client.mutation(api.monitoramento.configurarAlerta, {
 				alertId: editingAlertId || undefined,
 				metricName,
 				threshold,
@@ -79,23 +99,38 @@
 				notifyByChat
 			});
 
-			resetForm();
+			if (result.success) {
+				// Aguardar um pouco para garantir que a query seja atualizada pelo Convex Svelte
+				await new Promise((resolve) => setTimeout(resolve, 200));
+				resetForm();
+			}
 		} catch (error) {
 			console.error('Erro ao salvar alerta:', error);
-			alert('Erro ao salvar alerta. Tente novamente.');
+			alertMessage = 'Erro ao salvar alerta. Tente novamente.';
+			showAlertModal = true;
 		} finally {
 			saving = false;
 		}
 	}
 
-	async function deleteAlert(alertId: Id<'alertConfigurations'>) {
-		if (!confirm('Tem certeza que deseja deletar este alerta?')) return;
+	function handleDeleteClick(alertId: Id<'alertConfigurations'>) {
+		confirmMessage = 'Tem certeza que deseja deletar este alerta? Esta ação não pode ser desfeita.';
+		confirmCallback = () => deleteAlert(alertId);
+		showConfirmModal = true;
+		console.log('Modal de confirmação aberto para deletar alerta:', alertId);
+	}
 
+	async function deleteAlert(alertId: Id<'alertConfigurations'>) {
 		try {
+			console.log('Deletando alerta:', alertId);
 			await client.mutation(api.monitoramento.deletarAlerta, { alertId });
+			console.log('Alerta deletado com sucesso');
+			// Aguardar um pouco para garantir que a query seja atualizada
+			await new Promise((resolve) => setTimeout(resolve, 200));
 		} catch (error) {
 			console.error('Erro ao deletar alerta:', error);
-			alert('Erro ao deletar alerta. Tente novamente.');
+			alertMessage = 'Erro ao deletar alerta. Tente novamente.';
+			showAlertModal = true;
 		}
 	}
 
@@ -109,7 +144,9 @@
 </script>
 
 <dialog class="modal modal-open">
-	<div class="modal-box from-base-100 to-base-200 max-w-4xl bg-linear-to-br">
+	<div
+		class="modal-box from-base-100 to-base-200 max-h-[90vh] max-w-4xl overflow-y-auto bg-linear-to-br"
+	>
 		<button
 			type="button"
 			class="btn btn-sm btn-circle btn-ghost absolute top-2 right-2"
@@ -163,7 +200,7 @@
 								class="select select-bordered select-primary"
 								bind:value={metricName}
 							>
-								{#each metricOptions as option}
+								{#each metricOptions as option (option.value)}
 									<option value={option.value}>{option.label}</option>
 								{/each}
 							</select>
@@ -179,7 +216,7 @@
 								class="select select-bordered select-primary"
 								bind:value={operator}
 							>
-								{#each operatorOptions as option}
+								{#each operatorOptions as option (option.value)}
 									<option value={option.value}>{option.label}</option>
 								{/each}
 							</select>
@@ -211,6 +248,32 @@
 
 					<!-- Notificações -->
 					<div class="divider">Método de Notificação</div>
+
+					<!-- Aviso sobre destinatários -->
+					<div class="alert alert-warning mb-4">
+						<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>
+						<div>
+							<h4 class="font-bold">⚠️ Destinatários das Notificações</h4>
+							<p class="text-sm">
+								As notificações de alerta serão enviadas <strong
+									>apenas para usuários com perfil TI_MASTER</strong
+								>. Certifique-se de que os responsáveis pelo monitoramento possuem este perfil.
+							</p>
+						</div>
+					</div>
+
 					<div class="flex gap-6">
 						<label class="label cursor-pointer gap-3">
 							<input
@@ -328,7 +391,11 @@
 		<!-- Lista de Alertas -->
 		<div class="divider">Alertas Configurados</div>
 
-		{#if alertas.length > 0}
+		{#if alertasQuery === undefined}
+			<div class="py-8 text-center">
+				<span class="loading loading-spinner loading-lg"></span>
+			</div>
+		{:else if alertas.length > 0}
 			<div class="overflow-x-auto">
 				<table class="table-zebra table">
 					<thead>
@@ -341,7 +408,7 @@
 						</tr>
 					</thead>
 					<tbody>
-						{#each alertas as alerta}
+						{#each alertas as alerta (alerta._id)}
 							<tr class={!alerta.enabled ? 'opacity-50' : ''}>
 								<td>
 									<div class="font-semibold">
@@ -405,7 +472,12 @@
 								</td>
 								<td>
 									<div class="flex gap-2">
-										<button type="button" class="btn btn-xs" onclick={() => editAlert(alerta)}>
+										<button
+											type="button"
+											class="btn btn-xs"
+											onclick={() => editAlert(alerta)}
+											aria-label="Editar alerta"
+										>
 											<svg
 												xmlns="http://www.w3.org/2000/svg"
 												class="h-4 w-4"
@@ -424,7 +496,8 @@
 										<button
 											type="button"
 											class="btn btn-xs text-error"
-											onclick={() => deleteAlert(alerta._id)}
+											onclick={() => handleDeleteClick(alerta._id)}
+											aria-label="Deletar alerta"
 										>
 											<svg
 												xmlns="http://www.w3.org/2000/svg"
@@ -477,3 +550,32 @@
 		<button type="button">close</button>
 	</form>
 </dialog>
+
+<!-- Modais padrão SGSE -->
+<AlertModal
+	open={showAlertModal}
+	title="Atenção"
+	message={alertMessage}
+	onClose={() => (showAlertModal = false)}
+/>
+
+<ConfirmModal
+	open={showConfirmModal}
+	title="Confirmar exclusão"
+	message={confirmMessage}
+	confirmText="Deletar"
+	cancelText="Cancelar"
+	onConfirm={async () => {
+		if (confirmCallback) {
+			await confirmCallback();
+			confirmCallback = null;
+		}
+		showConfirmModal = false;
+		// Aguardar um pouco para garantir que a query seja atualizada
+		await new Promise((resolve) => setTimeout(resolve, 200));
+	}}
+	onCancel={() => {
+		confirmCallback = null;
+		showConfirmModal = false;
+	}}
+/>
diff --git a/apps/web/src/lib/components/ti/AlertDiagnosticsCard.svelte b/apps/web/src/lib/components/ti/AlertDiagnosticsCard.svelte
new file mode 100644
index 0000000..34782d4
--- /dev/null
+++ b/apps/web/src/lib/components/ti/AlertDiagnosticsCard.svelte
@@ -0,0 +1,246 @@
+<script lang="ts">
+	import { useQuery } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import {
+		CheckCircle,
+		XCircle,
+		AlertCircle,
+		RefreshCw,
+		Mail,
+		Settings,
+		FileText
+	} from 'lucide-svelte';
+
+	// Criar uma chave reativa para forçar atualização da query
+	let refreshKey = $state(0);
+
+	// Usar refreshKey nos argumentos para forçar recarregamento quando mudar
+	// O backend ignora esse parâmetro, mas força o Convex Svelte a reexecutar a query
+	const configQuery = useQuery(api.monitoramento.verificarConfiguracaoAlertas, {
+		_refresh: refreshKey
+	});
+
+	function refresh() {
+		refreshKey++;
+	}
+</script>
+
+<div class="card bg-base-100 shadow-xl">
+	<div class="card-body">
+		<div class="card-title flex items-center justify-between">
+			<div class="flex items-center gap-2">
+				<Settings class="text-primary h-6 w-6" />
+				<h2 class="text-2xl font-bold">Diagnóstico de Configuração de Alertas</h2>
+			</div>
+			<button class="btn btn-sm btn-ghost" onclick={refresh}>
+				<RefreshCw class="h-4 w-4" />
+				Atualizar
+			</button>
+		</div>
+
+		{#if configQuery === undefined}
+			<div class="flex items-center justify-center py-8">
+				<span class="loading loading-spinner loading-lg"></span>
+			</div>
+		{:else if configQuery === null}
+			<div class="alert alert-error">
+				<XCircle class="h-6 w-6" />
+				<span>Erro ao carregar diagnóstico</span>
+			</div>
+		{:else}
+			{@const config = configQuery || {
+				templateExiste: false,
+				templateInfo: null,
+				roleTiMasterExiste: false,
+				usuariosTiMaster: [],
+				configSmtpAtiva: false,
+				configSmtpInfo: null,
+				emailsPendentes: 0,
+				emailsFalha: 0,
+				alertasAtivos: 0,
+				alertasComEmail: 0
+			}}
+			{@const usuariosTiMaster = Array.isArray(config.usuariosTiMaster)
+				? config.usuariosTiMaster
+				: []}
+
+			<!-- Template -->
+			<div class="divider">Template de Email</div>
+			<div class="flex items-center gap-4">
+				{#if config.templateExiste}
+					<CheckCircle class="text-success h-6 w-6" />
+					<div class="flex-1">
+						<p class="text-success font-semibold">Template encontrado</p>
+						{#if config.templateInfo}
+							<p class="text-base-content/70 text-sm">
+								{config.templateInfo.nome} ({config.templateInfo.codigo})
+							</p>
+							{#if !config.templateInfo.htmlCorpo}
+								<p class="text-warning mt-1 text-xs">⚠️ Template não possui HTML personalizado</p>
+							{/if}
+						{/if}
+					</div>
+				{:else}
+					<XCircle class="text-error h-6 w-6" />
+					<div class="flex-1">
+						<p class="text-error font-semibold">Template não encontrado</p>
+						<p class="text-base-content/70 text-sm">
+							O template "monitoramento_alerta_sistema" não foi encontrado no banco de dados.
+						</p>
+						{#if config.todosTemplatesCodigos && config.todosTemplatesCodigos.length > 0}
+							<p class="text-base-content/60 mt-2 text-xs">
+								<strong>Templates encontrados no banco:</strong>
+								{config.todosTemplatesCodigos.join(', ')}
+							</p>
+						{/if}
+						<p class="text-warning mt-1 text-xs">
+							💡 Para criar os templates padrão, acesse a página de <a
+								href="/ti/notificacoes"
+								class="link link-primary">Notificações</a
+							>
+							e use o botão "Criar Templates Padrão", ou execute a mutation
+							<code class="text-xs">criarTemplatesPadrao</code> via Convex Dashboard.
+						</p>
+					</div>
+				{/if}
+			</div>
+
+			<!-- Role TI_MASTER -->
+			<div class="divider">Perfil TI_MASTER</div>
+			<div class="flex items-center gap-4">
+				{#if config.roleTiMasterExiste}
+					<CheckCircle class="text-success h-6 w-6" />
+					<div class="flex-1">
+						<p class="text-success font-semibold">Perfil TI_MASTER encontrado</p>
+						<p class="text-base-content/70 text-sm">
+							{usuariosTiMaster?.length || 0} usuário(s) com este perfil
+						</p>
+					</div>
+				{:else}
+					<XCircle class="text-error h-6 w-6" />
+					<div class="flex-1">
+						<p class="text-error font-semibold">Perfil TI_MASTER não encontrado</p>
+						<p class="text-base-content/70 text-sm">
+							A role "ti_master" não existe no banco de dados.
+						</p>
+						<p class="text-warning mt-1 text-xs">
+							💡 Execute o seed do banco de dados para criar as roles padrão.
+						</p>
+					</div>
+				{/if}
+			</div>
+
+			<!-- Usuários TI_MASTER -->
+			{#if usuariosTiMaster.length > 0}
+				<div class="mt-2 ml-10 space-y-2">
+					{#each usuariosTiMaster as usuario}
+						<div class="flex items-center gap-2">
+							{#if usuario?.temEmail}
+								<CheckCircle class="text-success h-4 w-4" />
+							{:else}
+								<XCircle class="text-error h-4 w-4" />
+							{/if}
+							<span class="text-sm">
+								{usuario?.nome || 'Usuário desconhecido'}
+								{#if usuario?.email}
+									<span class="text-base-content/60">({usuario.email})</span>
+								{:else}
+									<span class="text-error"> - Sem email cadastrado</span>
+								{/if}
+							</span>
+						</div>
+					{/each}
+				</div>
+			{:else if config.roleTiMasterExiste}
+				<div class="mt-2 ml-10">
+					<div class="alert alert-warning">
+						<AlertCircle class="h-5 w-5" />
+						<span class="text-sm">Nenhum usuário com perfil TI_MASTER encontrado</span>
+					</div>
+				</div>
+			{/if}
+
+			<!-- Configuração SMTP -->
+			<div class="divider">Configuração SMTP</div>
+			<div class="flex items-center gap-4">
+				{#if config.configSmtpAtiva}
+					<CheckCircle class="text-success h-6 w-6" />
+					<div class="flex-1">
+						<p class="text-success font-semibold">Configuração SMTP ativa</p>
+						{#if config.configSmtpInfo}
+							<div class="text-base-content/70 space-y-1 text-sm">
+								<p>Servidor: {config.configSmtpInfo.servidor}:{config.configSmtpInfo.porta}</p>
+								<p>Remetente: {config.configSmtpInfo.emailRemetente}</p>
+							</div>
+						{/if}
+					</div>
+				{:else}
+					<XCircle class="text-error h-6 w-6" />
+					<div class="flex-1">
+						<p class="text-error font-semibold">Configuração SMTP não encontrada ou inativa</p>
+						<p class="text-base-content/70 text-sm">
+							Nenhuma configuração SMTP ativa foi encontrada no banco de dados.
+						</p>
+						<p class="text-warning mt-1 text-xs">
+							💡 Configure o SMTP em: <a href="/ti/configuracoes-email" class="link"
+								>Configurações de Email</a
+							>
+						</p>
+					</div>
+				{/if}
+			</div>
+
+			<!-- Estatísticas -->
+			<div class="divider">Estatísticas</div>
+			<div class="grid grid-cols-2 gap-4">
+				<div class="stat bg-base-200 rounded-lg">
+					<div class="stat-figure text-primary">
+						<FileText class="h-8 w-8" />
+					</div>
+					<div class="stat-title">Alertas Ativos</div>
+					<div class="stat-value text-primary">{config.alertasAtivos}</div>
+					<div class="stat-desc">com notificação por email: {config.alertasComEmail}</div>
+				</div>
+
+				<div class="stat bg-base-200 rounded-lg">
+					<div class="stat-figure text-warning">
+						<Mail class="h-8 w-8" />
+					</div>
+					<div class="stat-title">Emails Pendentes</div>
+					<div class="stat-value text-warning">{config.emailsPendentes}</div>
+					<div class="stat-desc">em falha: {config.emailsFalha}</div>
+				</div>
+			</div>
+
+			<!-- Resumo -->
+			<div class="divider">Resumo</div>
+			<div
+				class="alert {config.templateExiste &&
+				config.roleTiMasterExiste &&
+				usuariosTiMaster.some((u) => u?.temEmail) &&
+				config.configSmtpAtiva
+					? 'alert-success'
+					: 'alert-warning'}"
+			>
+				{#if config.templateExiste && config.roleTiMasterExiste && usuariosTiMaster.some((u) => u?.temEmail) && config.configSmtpAtiva}
+					<CheckCircle class="h-6 w-6" />
+					<div>
+						<p class="font-semibold">✅ Sistema configurado corretamente</p>
+						<p class="text-sm">
+							Todos os componentes necessários estão configurados. Os alertas devem funcionar
+							corretamente.
+						</p>
+					</div>
+				{:else}
+					<AlertCircle class="h-6 w-6" />
+					<div>
+						<p class="font-semibold">⚠️ Configuração incompleta</p>
+						<p class="text-sm">
+							Alguns componentes necessários não estão configurados. Verifique os itens acima.
+						</p>
+					</div>
+				{/if}
+			</div>
+		{/if}
+	</div>
+</div>
diff --git a/apps/web/src/lib/components/ti/CybersecurityWizcard.svelte b/apps/web/src/lib/components/ti/CybersecurityWizcard.svelte
index 6f7fef9..96b8871 100644
--- a/apps/web/src/lib/components/ti/CybersecurityWizcard.svelte
+++ b/apps/web/src/lib/components/ti/CybersecurityWizcard.svelte
@@ -1,7 +1,10 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
-	import type { AtaqueCiberneticoTipo, SeveridadeSeguranca } from '@sgse-app/backend/convex/schema';
+	import type {
+		AtaqueCiberneticoTipo,
+		SeveridadeSeguranca
+	} from '@sgse-app/backend/convex/tables/security';
 	import { useConvexClient, useQuery } from 'convex-svelte';
 	import jsPDF from 'jspdf';
 	import autoTable from 'jspdf-autotable';
@@ -133,6 +136,7 @@
 				severidadeMin: alertSeveridadeMin,
 				tiposAtaque: alertTiposAtaque as AtaqueCiberneticoTipo[],
 				reenvioMin: alertReenvioMin,
+				templateCodigo: alertTemplate, // Incluir template selecionado
 				criadoPor: obterUsuarioId()
 			});
 			feedback = {
@@ -163,9 +167,10 @@
 		severidadeMin: SeveridadeSeguranca;
 		tiposAtaque?: AtaqueCiberneticoTipo[];
 		reenvioMin: number;
+		templateCodigo?: string;
 	}) {
 		alertNomeConfig = config.nome ?? '';
-		alertTemplate = 'incidente_critico'; // Mantém o template padrão
+		alertTemplate = config.templateCodigo ?? 'incidente_critico'; // Usar template salvo ou padrão
 		enviarPorEmail = config.canais?.email ?? true;
 		enviarPorChat = config.canais?.chat ?? false;
 		alertEmails = (config.emails ?? []).join('\n');
diff --git a/apps/web/src/lib/components/ti/StatsCard.svelte b/apps/web/src/lib/components/ti/StatsCard.svelte
index 3089c75..03bcde2 100644
--- a/apps/web/src/lib/components/ti/StatsCard.svelte
+++ b/apps/web/src/lib/components/ti/StatsCard.svelte
@@ -14,7 +14,7 @@
 		color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error';
 	}
 
-	const { title, value, Icon, icon, trend, description, color = 'primary' }: Props = $props();
+	let { title, value, Icon, icon, trend, description, color = 'primary' }: Props = $props();
 </script>
 
 <div class="stats bg-base-100 shadow">
diff --git a/apps/web/src/lib/components/ti/SystemMonitorCard.svelte b/apps/web/src/lib/components/ti/SystemMonitorCard.svelte
index 78477d7..0164763 100644
--- a/apps/web/src/lib/components/ti/SystemMonitorCard.svelte
+++ b/apps/web/src/lib/components/ti/SystemMonitorCard.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
+	import { onMount, onDestroy } from 'svelte';
+	import { useQuery, useConvexClient } from 'convex-svelte';
 	import { api } from '@sgse-app/backend/convex/_generated/api';
-	import { useConvexClient, useQuery } from 'convex-svelte';
-	import { onDestroy, onMount } from 'svelte';
 	import { startMetricsCollection } from '$lib/utils/metricsCollector';
 	import AlertConfigModal from './AlertConfigModal.svelte';
 	import ReportGeneratorModal from './ReportGeneratorModal.svelte';
diff --git a/apps/web/src/lib/components/ti/SystemMonitorCardLocal.svelte b/apps/web/src/lib/components/ti/SystemMonitorCardLocal.svelte
index 6904c7b..4b2d766 100644
--- a/apps/web/src/lib/components/ti/SystemMonitorCardLocal.svelte
+++ b/apps/web/src/lib/components/ti/SystemMonitorCardLocal.svelte
@@ -308,7 +308,7 @@
 	async function measureLatency(): Promise<number> {
 		const start = performance.now();
 		try {
-			await fetch(window.location.origin + '/favicon.ico', {
+			await fetch(window.location.origin + '/favicon.png', {
 				method: 'HEAD',
 				cache: 'no-cache'
 			});
@@ -346,7 +346,10 @@
 		try {
 			type UsuariosList = FunctionReturnType<typeof api.chat.listarTodosUsuarios>;
 			const usuarios = (await client.query(api.chat.listarTodosUsuarios, {})) as UsuariosList;
-			return usuarios.filter((u) => u.statusPresenca === 'online').length;
+			if (!usuarios || !Array.isArray(usuarios)) {
+				return 0;
+			}
+			return usuarios.filter((u) => u?.statusPresenca === 'online').length;
 		} catch (e) {
 			console.error('Erro ao obter usuários:', e);
 			return 0;
@@ -553,31 +556,37 @@
 
 	// Coleta todas as métricas
 	async function collectAllMetrics() {
-		const [
-			cpuUsage,
-			memoryUsage,
-			networkLatency,
-			storageUsed,
-			usuariosOnline,
-			tempoRespostaMedio,
-			batteryInfo,
-			indexedDBSize,
-			deviceInfo
-		] = await Promise.all([
-			estimateCPU(),
-			Promise.resolve(getMemoryUsage()),
-			measureLatency(),
-			getStorageUsage(),
-			getUsuariosOnline(),
-			getResponseTime(),
-			getBatteryInfo(),
-			getIndexedDBSize(),
-			obterInformacoesDispositivo().catch(() => ({}) as Record<string, unknown>) // Capturar erro se falhar
-		]);
+		try {
+			const results = await Promise.allSettled([
+				estimateCPU(),
+				Promise.resolve(getMemoryUsage()),
+				measureLatency(),
+				getStorageUsage(),
+				getUsuariosOnline(),
+				getResponseTime(),
+				getBatteryInfo(),
+				getIndexedDBSize(),
+				obterInformacoesDispositivo().catch(() => ({}) as Record<string, unknown>)
+			]);
 
-		const browserInfo = getBrowserInfo();
-		const networkInfo = getNetworkInfo();
-		const wsInfo = getWebSocketStatus();
+			const cpuUsage = results[0].status === 'fulfilled' ? results[0].value : 0;
+			const memoryUsage = results[1].status === 'fulfilled' ? results[1].value : 0;
+			const networkLatency = results[2].status === 'fulfilled' ? results[2].value : 0;
+			const storageUsed = results[3].status === 'fulfilled' ? results[3].value : 0;
+			const usuariosOnline = results[4].status === 'fulfilled' ? results[4].value : 0;
+			const tempoRespostaMedio = results[5].status === 'fulfilled' ? results[5].value : 0;
+			const batteryInfoResult = results[6].status === 'fulfilled' 
+				? results[6].value 
+				: { level: 100, charging: false };
+			const batteryInfo = typeof batteryInfoResult === 'object' && batteryInfoResult !== null && 'level' in batteryInfoResult
+				? batteryInfoResult as { level: number; charging: boolean }
+				: { level: 100, charging: false };
+			const indexedDBSize = results[7].status === 'fulfilled' ? results[7].value : 0;
+			const deviceInfo = results[8].status === 'fulfilled' ? results[8].value : ({} as Record<string, unknown>);
+
+			const browserInfo = getBrowserInfo();
+			const networkInfo = getNetworkInfo();
+			const wsInfo = getWebSocketStatus();
 
 		const newMetrics: Metrics = {
 			timestamp: Date.now(),
@@ -634,11 +643,15 @@
 		// Adicionar ao histórico
 		metricsHistory = [...metricsHistory, newMetrics].slice(-100);
 
-		// Salvar no localStorage para persistência
-		try {
-			localStorage.setItem('sgse_metrics_history', JSON.stringify(metricsHistory));
-		} catch (e) {
-			console.warn('Não foi possível salvar histórico:', e);
+			// Salvar no localStorage para persistência
+			try {
+				localStorage.setItem('sgse_metrics_history', JSON.stringify(metricsHistory));
+			} catch (e) {
+				console.warn('Não foi possível salvar histórico:', e);
+			}
+		} catch (error) {
+			console.error('Erro ao coletar métricas:', error);
+			// Continuar com métricas anteriores em caso de erro
 		}
 	}
 
@@ -661,10 +674,16 @@
 		}
 
 		// Coletar imediatamente
-		collectAllMetrics();
+		collectAllMetrics().catch((error) => {
+			console.error('Erro na coleta inicial de métricas:', error);
+		});
 
 		// Configurar intervalo de 2 segundos
-		intervalId = setInterval(collectAllMetrics, 2000);
+		intervalId = setInterval(() => {
+			collectAllMetrics().catch((error) => {
+				console.error('Erro na coleta periódica de métricas:', error);
+			});
+		}, 2000);
 	});
 
 	// Parar coleta ao desmontar
diff --git a/apps/web/src/lib/components/ti/UserStatusBadge.svelte b/apps/web/src/lib/components/ti/UserStatusBadge.svelte
index 01c3fcc..79b92e1 100644
--- a/apps/web/src/lib/components/ti/UserStatusBadge.svelte
+++ b/apps/web/src/lib/components/ti/UserStatusBadge.svelte
@@ -4,7 +4,7 @@
 		bloqueado?: boolean;
 	}
 
-	const { ativo, bloqueado = false }: Props = $props();
+	let { ativo, bloqueado = false }: Props = $props();
 
 	const getStatus = () => {
 		if (bloqueado) return { text: 'Bloqueado', class: 'badge-error' };
diff --git a/apps/web/src/lib/components/ti/charts/AreaChart.svelte b/apps/web/src/lib/components/ti/charts/AreaChart.svelte
index 43d55d7..6cbacd0 100644
--- a/apps/web/src/lib/components/ti/charts/AreaChart.svelte
+++ b/apps/web/src/lib/components/ti/charts/AreaChart.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
+	import { onMount, onDestroy } from 'svelte';
 	import { Chart, registerables } from 'chart.js';
-	import { onDestroy, onMount } from 'svelte';
 
 	Chart.register(...registerables);
 
@@ -10,7 +10,7 @@
 		height?: number;
 	};
 
-	const { data, title = '', height = 300 }: Props = $props();
+	let { data, title = '', height = 300 }: Props = $props();
 
 	let canvas: HTMLCanvasElement;
 	let chart: Chart | null = null;
diff --git a/apps/web/src/lib/components/ti/charts/BarChart.svelte b/apps/web/src/lib/components/ti/charts/BarChart.svelte
index 004220e..b63225e 100644
--- a/apps/web/src/lib/components/ti/charts/BarChart.svelte
+++ b/apps/web/src/lib/components/ti/charts/BarChart.svelte
@@ -11,7 +11,7 @@
 		horizontal?: boolean;
 	};
 
-	const { data, title = '', height = 300, horizontal = false }: Props = $props();
+	let { data, title = '', height = 300, horizontal = false }: Props = $props();
 
 	let canvas: HTMLCanvasElement;
 	let chart: Chart | null = null;
diff --git a/apps/web/src/lib/components/ti/charts/DoughnutChart.svelte b/apps/web/src/lib/components/ti/charts/DoughnutChart.svelte
index 3633ec9..4e19fb9 100644
--- a/apps/web/src/lib/components/ti/charts/DoughnutChart.svelte
+++ b/apps/web/src/lib/components/ti/charts/DoughnutChart.svelte
@@ -10,7 +10,7 @@
 		height?: number;
 	};
 
-	const { data, title = '', height = 300 }: Props = $props();
+	let { data, title = '', height = 300 }: Props = $props();
 
 	let canvas: HTMLCanvasElement;
 	let chart: Chart | null = null;
diff --git a/apps/web/src/lib/components/ti/charts/LineChart.svelte b/apps/web/src/lib/components/ti/charts/LineChart.svelte
index f59eeb1..0e9c074 100644
--- a/apps/web/src/lib/components/ti/charts/LineChart.svelte
+++ b/apps/web/src/lib/components/ti/charts/LineChart.svelte
@@ -62,7 +62,7 @@
 								padding: 12,
 								displayColors: true,
 								callbacks: {
-									label: (context: any) => {
+									label: function (context: any) {
 										let label = context.dataset.label || '';
 										if (label) {
 											label += ': ';
diff --git a/apps/web/src/lib/stores/auth.svelte.ts b/apps/web/src/lib/stores/auth.svelte.ts
index c28e827..0f69ee8 100644
--- a/apps/web/src/lib/stores/auth.svelte.ts
+++ b/apps/web/src/lib/stores/auth.svelte.ts
@@ -142,7 +142,7 @@ class AuthStore {
 					role: this.state.usuario?.role || {
 						_id: '',
 						nome: 'Usuário',
-						nivel: 999
+						admin: true
 					},
 					primeiroAcesso: this.state.usuario?.primeiroAcesso ?? false
 				};
diff --git a/apps/web/src/lib/stores/chamados.ts b/apps/web/src/lib/stores/chamados.ts
index a3c28ee..af4f903 100644
--- a/apps/web/src/lib/stores/chamados.ts
+++ b/apps/web/src/lib/stores/chamados.ts
@@ -1,5 +1,5 @@
-import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
 import { writable } from 'svelte/store';
+import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
 
 export type TicketDetalhe = {
 	ticket: Doc<'tickets'>;
diff --git a/apps/web/src/lib/stores/chatStore.ts b/apps/web/src/lib/stores/chatStore.ts
index 491d05f..e539041 100644
--- a/apps/web/src/lib/stores/chatStore.ts
+++ b/apps/web/src/lib/stores/chatStore.ts
@@ -1,5 +1,5 @@
 import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
-import { derived, writable } from 'svelte/store';
+import { writable } from 'svelte/store';
 
 // Store para a conversa ativa
 export const conversaAtiva = writable<Id<'conversas'> | null>(null);
@@ -11,6 +11,14 @@ export const chatMinimizado = writable<boolean>(false);
 // Store para o contador de notificações
 export const notificacoesCount = writable<number>(0);
 
+// Store para coordenar notificações entre componentes (evitar duplicação)
+// Quando uma notificação é mostrada em um componente, os outros devem ignorar
+export const notificacaoAtiva = writable<{
+	conversaId: string;
+	mensagemId: string;
+	componente: 'widget' | 'messageList';
+} | null>(null);
+
 // Funções auxiliares
 export function abrirChat() {
 	chatAberto.set(true);
@@ -39,3 +47,37 @@ export function abrirConversa(conversaId: Id<'conversas'>) {
 export function voltarParaLista() {
 	conversaAtiva.set(null);
 }
+
+// ========== CRIPTOGRAFIA E2E ==========
+
+// Store para chaves de criptografia por conversa
+// Mapeia conversaId -> CryptoKey
+const chavesCriptografia = new Map<string, CryptoKey>();
+
+/**
+ * Armazena uma chave de criptografia para uma conversa
+ */
+export function armazenarChaveCriptografia(conversaId: string, key: CryptoKey): void {
+	chavesCriptografia.set(conversaId, key);
+}
+
+/**
+ * Obtém uma chave de criptografia para uma conversa
+ */
+export function obterChaveCriptografia(conversaId: string): CryptoKey | null {
+	return chavesCriptografia.get(conversaId) || null;
+}
+
+/**
+ * Remove uma chave de criptografia de uma conversa
+ */
+export function removerChaveCriptografia(conversaId: string): void {
+	chavesCriptografia.delete(conversaId);
+}
+
+/**
+ * Verifica se uma conversa tem chave de criptografia
+ */
+export function temChaveCriptografia(conversaId: string): boolean {
+	return chavesCriptografia.has(conversaId);
+}
diff --git a/apps/web/src/lib/stores/convexAuth.ts b/apps/web/src/lib/stores/convexAuth.ts
index 564e3cd..81bac00 100644
--- a/apps/web/src/lib/stores/convexAuth.ts
+++ b/apps/web/src/lib/stores/convexAuth.ts
@@ -5,9 +5,8 @@
  * todos os clientes Convex sejam atualizados automaticamente.
  */
 
-import { browser } from '$app/environment';
-import { PUBLIC_CONVEX_URL } from '$env/static/public';
 import { authStore } from './auth.svelte';
+import { browser } from '$app/environment';
 
 const convexClients = new Set<any>();
 
diff --git a/apps/web/src/lib/utils/avatarCache.ts b/apps/web/src/lib/utils/avatarCache.ts
new file mode 100644
index 0000000..c905ee9
--- /dev/null
+++ b/apps/web/src/lib/utils/avatarCache.ts
@@ -0,0 +1,142 @@
+/**
+ * Cache de avatares para reduzir requisições repetidas
+ * Usa Cache API do navegador e cache em memória
+ */
+
+interface AvatarCacheEntry {
+	url: string;
+	timestamp: number;
+}
+
+// Cache em memória (útil durante a sessão)
+const memoryCache = new Map<string, AvatarCacheEntry>();
+
+// Nome do cache no Cache API
+const CACHE_NAME = 'sgse-avatars-v1';
+const CACHE_DURATION = 7 * 24 * 60 * 60 * 1000; // 7 dias
+
+/**
+ * Obtém avatar do cache ou faz requisição
+ */
+export async function getCachedAvatar(
+	avatarUrl: string | null | undefined,
+	userId?: string
+): Promise<string | null> {
+	if (!avatarUrl) return null;
+
+	// Usar userId como chave se disponível, senão usar a URL
+	const cacheKey = userId || avatarUrl;
+
+	// Verificar cache em memória primeiro
+	const memoryEntry = memoryCache.get(cacheKey);
+	if (memoryEntry && Date.now() - memoryEntry.timestamp < CACHE_DURATION) {
+		return memoryEntry.url;
+	}
+
+	// Verificar Cache API do navegador
+	if (typeof window !== 'undefined' && 'caches' in window) {
+		try {
+			const cache = await caches.open(CACHE_NAME);
+			const cachedResponse = await cache.match(avatarUrl);
+
+			if (cachedResponse) {
+				const blob = await cachedResponse.blob();
+				const url = URL.createObjectURL(blob);
+
+				// Atualizar cache em memória
+				memoryCache.set(cacheKey, {
+					url,
+					timestamp: Date.now()
+				});
+
+				return url;
+			}
+		} catch (error) {
+			console.warn('Erro ao acessar cache de avatares:', error);
+		}
+	}
+
+	// Se não está no cache, fazer requisição e armazenar
+	try {
+		const response = await fetch(avatarUrl);
+		if (!response.ok) return null;
+
+		const blob = await response.blob();
+		const url = URL.createObjectURL(blob);
+
+		// Armazenar no cache em memória
+		memoryCache.set(cacheKey, {
+			url,
+			timestamp: Date.now()
+		});
+
+		// Armazenar no Cache API
+		if (typeof window !== 'undefined' && 'caches' in window) {
+			try {
+				const cache = await caches.open(CACHE_NAME);
+				await cache.put(avatarUrl, new Response(blob));
+			} catch (error) {
+				console.warn('Erro ao armazenar avatar no cache:', error);
+			}
+		}
+
+		return url;
+	} catch (error) {
+		console.warn('Erro ao carregar avatar:', error);
+		return null;
+	}
+}
+
+/**
+ * Limpa o cache de avatares
+ */
+export async function clearAvatarCache(): Promise<void> {
+	memoryCache.clear();
+
+	if (typeof window !== 'undefined' && 'caches' in window) {
+		try {
+			await caches.delete(CACHE_NAME);
+		} catch (error) {
+			console.warn('Erro ao limpar cache de avatares:', error);
+		}
+	}
+}
+
+/**
+ * Limpa avatares antigos do cache (mais de 7 dias)
+ */
+export async function cleanOldAvatars(): Promise<void> {
+	const now = Date.now();
+
+	// Limpar cache em memória
+	for (const [key, entry] of memoryCache.entries()) {
+		if (now - entry.timestamp > CACHE_DURATION) {
+			URL.revokeObjectURL(entry.url);
+			memoryCache.delete(key);
+		}
+	}
+
+	// Limpar Cache API (manter apenas os últimos 100)
+	if (typeof window !== 'undefined' && 'caches' in window) {
+		try {
+			const cache = await caches.open(CACHE_NAME);
+			const keys = await cache.keys();
+			
+			// Se há mais de 100 avatares, remover os mais antigos
+			if (keys.length > 100) {
+				const toDelete = keys.slice(0, keys.length - 100);
+				await Promise.all(toDelete.map((key) => cache.delete(key)));
+			}
+		} catch (error) {
+			console.warn('Erro ao limpar cache antigo:', error);
+		}
+	}
+}
+
+// Limpar cache antigo periodicamente (a cada hora)
+if (typeof window !== 'undefined') {
+	setInterval(() => {
+		cleanOldAvatars();
+	}, 60 * 60 * 1000);
+}
+
diff --git a/apps/web/src/lib/utils/browserInfo.ts b/apps/web/src/lib/utils/browserInfo.ts
index abda7a9..c6d6b84 100644
--- a/apps/web/src/lib/utils/browserInfo.ts
+++ b/apps/web/src/lib/utils/browserInfo.ts
@@ -94,8 +94,8 @@ export async function getLocalIP(): Promise<string | undefined> {
 
 			let resolved = false;
 			const foundIPs: string[] = [];
-			let publicIP: string | undefined;
-			let localIP: string | undefined;
+			let publicIP: string | undefined = undefined;
+			let localIP: string | undefined = undefined;
 
 			const timeout = setTimeout(() => {
 				if (!resolved) {
@@ -119,7 +119,7 @@ export async function getLocalIP(): Promise<string | undefined> {
 						/\b([0-9a-fA-F]{1,4}(?::[0-9a-fA-F]{1,4}){2,7}|::[0-9a-fA-F]{1,4}(?::[0-9a-fA-F]{1,4}){0,6}|[0-9a-fA-F]{1,4}::[0-9a-fA-F]{1,4}(?::[0-9a-fA-F]{1,4}){0,5})\b/
 					);
 
-					let ip: string | undefined;
+					let ip: string | undefined = undefined;
 
 					if (ipv4Match && ipv4Match[1]) {
 						const candidateIP = ipv4Match[1];
diff --git a/apps/web/src/lib/utils/datas.ts b/apps/web/src/lib/utils/datas.ts
new file mode 100644
index 0000000..1271331
--- /dev/null
+++ b/apps/web/src/lib/utils/datas.ts
@@ -0,0 +1,63 @@
+/**
+ * Utilitários para manipulação de datas
+ * Resolve problemas de timezone ao trabalhar com datas no formato YYYY-MM-DD
+ */
+
+/**
+ * Converte uma string de data no formato YYYY-MM-DD para um objeto Date local
+ * (sem considerar timezone, garantindo que a data seja interpretada como data local)
+ * 
+ * @param dateString - String no formato YYYY-MM-DD
+ * @returns Date objeto representando a data local (meia-noite no timezone local)
+ * 
+ * @example
+ * parseLocalDate('2024-01-15') // Retorna Date para 15/01/2024 00:00:00 no timezone local
+ */
+export function parseLocalDate(dateString: string): Date {
+	if (!dateString || typeof dateString !== 'string') {
+		throw new Error('dateString deve ser uma string válida');
+	}
+
+	// Validar formato YYYY-MM-DD
+	const dateRegex = /^\d{4}-\d{2}-\d{2}$/;
+	if (!dateRegex.test(dateString)) {
+		throw new Error('dateString deve estar no formato YYYY-MM-DD');
+	}
+
+	// Extrair ano, mês e dia
+	const [year, month, day] = dateString.split('-').map(Number);
+
+	// Criar data local (sem considerar timezone)
+	// O mês no Date é 0-indexed, então subtraímos 1
+	const date = new Date(year, month - 1, day, 0, 0, 0, 0);
+
+	// Validar se a data é válida
+	if (isNaN(date.getTime())) {
+		throw new Error(`Data inválida: ${dateString}`);
+	}
+
+	return date;
+}
+
+/**
+ * Formata uma data para o formato brasileiro (DD/MM/YYYY)
+ * 
+ * @param date - Date objeto ou string no formato YYYY-MM-DD
+ * @returns String formatada no formato DD/MM/YYYY
+ */
+export function formatarDataBR(date: Date | string): string {
+	let dateObj: Date;
+	
+	if (typeof date === 'string') {
+		dateObj = parseLocalDate(date);
+	} else {
+		dateObj = date;
+	}
+
+	const day = dateObj.getDate().toString().padStart(2, '0');
+	const month = (dateObj.getMonth() + 1).toString().padStart(2, '0');
+	const year = dateObj.getFullYear();
+
+	return `${day}/${month}/${year}`;
+}
+
diff --git a/apps/web/src/lib/utils/declaracoesGenerator.ts b/apps/web/src/lib/utils/declaracoesGenerator.ts
index 39ddf5f..febb635 100644
--- a/apps/web/src/lib/utils/declaracoesGenerator.ts
+++ b/apps/web/src/lib/utils/declaracoesGenerator.ts
@@ -116,11 +116,7 @@ export async function gerarDeclaracaoAcumulacaoCargo(funcionario: Funcionario):
 		align: 'center'
 	});
 	y += 6;
-	addText(doc, 'FUNÇÃO PÚBLICA OU PROVENTOS', 105, y, {
-		bold: true,
-		size: 12,
-		align: 'center'
-	});
+	addText(doc, 'FUNÇÃO PÚBLICA OU PROVENTOS', 105, y, { bold: true, size: 12, align: 'center' });
 	y += 15;
 
 	// Corpo
@@ -219,9 +215,7 @@ export async function gerarDeclaracaoAcumulacaoCargo(funcionario: Funcionario):
 	// Rodapé
 	doc.setFontSize(8);
 	doc.setTextColor(100);
-	doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, {
-		align: 'center'
-	});
+	doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, { align: 'center' });
 
 	return doc.output('blob');
 }
@@ -250,17 +244,9 @@ export async function gerarDeclaracaoDependentesIR(funcionario: Funcionario): Pr
 	y = Math.max(y, 40);
 	y += 5;
 
-	addText(doc, 'DECLARAÇÃO DE DEPENDENTES', 105, y, {
-		bold: true,
-		size: 12,
-		align: 'center'
-	});
+	addText(doc, 'DECLARAÇÃO DE DEPENDENTES', 105, y, { bold: true, size: 12, align: 'center' });
 	y += 6;
-	addText(doc, 'PARA FINS DE IMPOSTO DE RENDA', 105, y, {
-		bold: true,
-		size: 12,
-		align: 'center'
-	});
+	addText(doc, 'PARA FINS DE IMPOSTO DE RENDA', 105, y, { bold: true, size: 12, align: 'center' });
 	y += 15;
 
 	// Corpo
@@ -337,9 +323,7 @@ export async function gerarDeclaracaoDependentesIR(funcionario: Funcionario): Pr
 	// Rodapé
 	doc.setFontSize(8);
 	doc.setTextColor(100);
-	doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, {
-		align: 'center'
-	});
+	doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, { align: 'center' });
 
 	return doc.output('blob');
 }
@@ -368,11 +352,7 @@ export async function gerarDeclaracaoIdoneidade(funcionario: Funcionario): Promi
 	y = Math.max(y, 40);
 	y += 5;
 
-	addText(doc, 'DECLARAÇÃO DE IDONEIDADE MORAL', 105, y, {
-		bold: true,
-		size: 12,
-		align: 'center'
-	});
+	addText(doc, 'DECLARAÇÃO DE IDONEIDADE MORAL', 105, y, { bold: true, size: 12, align: 'center' });
 	y += 15;
 
 	// Corpo
@@ -439,9 +419,7 @@ export async function gerarDeclaracaoIdoneidade(funcionario: Funcionario): Promi
 	// Rodapé
 	doc.setFontSize(8);
 	doc.setTextColor(100);
-	doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, {
-		align: 'center'
-	});
+	doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, { align: 'center' });
 
 	return doc.output('blob');
 }
@@ -566,9 +544,7 @@ export async function gerarTermoNepotismo(funcionario: Funcionario): Promise<Blo
 	// Rodapé
 	doc.setFontSize(8);
 	doc.setTextColor(100);
-	doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, {
-		align: 'center'
-	});
+	doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, { align: 'center' });
 
 	return doc.output('blob');
 }
@@ -597,11 +573,7 @@ export async function gerarTermoOpcaoRemuneracao(funcionario: Funcionario): Prom
 	y = Math.max(y, 40);
 	y += 5;
 
-	addText(doc, 'TERMO DE OPÇÃO DE REMUNERAÇÃO', 105, y, {
-		bold: true,
-		size: 12,
-		align: 'center'
-	});
+	addText(doc, 'TERMO DE OPÇÃO DE REMUNERAÇÃO', 105, y, { bold: true, size: 12, align: 'center' });
 	y += 15;
 
 	// Corpo
@@ -705,9 +677,7 @@ export async function gerarTermoOpcaoRemuneracao(funcionario: Funcionario): Prom
 	// Rodapé
 	doc.setFontSize(8);
 	doc.setTextColor(100);
-	doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, {
-		align: 'center'
-	});
+	doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, { align: 'center' });
 
 	return doc.output('blob');
 }
diff --git a/apps/web/src/lib/utils/deviceInfo.ts b/apps/web/src/lib/utils/deviceInfo.ts
index dac8af1..83a1bf8 100644
--- a/apps/web/src/lib/utils/deviceInfo.ts
+++ b/apps/web/src/lib/utils/deviceInfo.ts
@@ -776,11 +776,8 @@ export async function obterIPPublico(): Promise<string | undefined> {
 async function solicitarPermissaoSensor(): Promise<PermissionState> {
 	if (
 		typeof DeviceMotionEvent === 'undefined' ||
-		typeof (
-			DeviceMotionEvent as {
-				requestPermission?: () => Promise<PermissionState>;
-			}
-		).requestPermission !== 'function'
+		typeof (DeviceMotionEvent as { requestPermission?: () => Promise<PermissionState> })
+			.requestPermission !== 'function'
 	) {
 		// Permissão não necessária ou já concedida (navegadores modernos)
 		return 'granted';
@@ -827,12 +824,7 @@ async function obterDadosAcelerometro(duracaoMs: number = 5000): Promise<{
 	}
 
 	return new Promise((resolve) => {
-		const leiturasAcelerometro: Array<{
-			x: number;
-			y: number;
-			z: number;
-			timestamp: number;
-		}> = [];
+		const leiturasAcelerometro: Array<{ x: number; y: number; z: number; timestamp: number }> = [];
 		const leiturasGiroscopio: Array<{
 			alpha: number;
 			beta: number;
@@ -864,7 +856,7 @@ async function obterDadosAcelerometro(duracaoMs: number = 5000): Promise<{
 					leiturasAcelerometro.reduce((sum, l) => sum + l.z, 0) / leiturasAcelerometro.length;
 
 				const variacoes = leiturasAcelerometro.map(
-					(l) => (l.x - mediaX) ** 2 + (l.y - mediaY) ** 2 + (l.z - mediaZ) ** 2
+					(l) => Math.pow(l.x - mediaX, 2) + Math.pow(l.y - mediaY, 2) + Math.pow(l.z - mediaZ, 2)
 				);
 				const variacao = variacoes.reduce((sum, v) => sum + v, 0) / variacoes.length;
 
diff --git a/apps/web/src/lib/utils/e2eEncryption.ts b/apps/web/src/lib/utils/e2eEncryption.ts
new file mode 100644
index 0000000..e42bbf3
--- /dev/null
+++ b/apps/web/src/lib/utils/e2eEncryption.ts
@@ -0,0 +1,301 @@
+/**
+ * Utilitário de Criptografia End-to-End (E2E) para mensagens do chat
+ * Usa Web Crypto API com AES-GCM para criptografia simétrica
+ */
+
+export interface EncryptionKey {
+	key: CryptoKey;
+	keyId: string; // Identificador único da chave
+	createdAt: number; // Timestamp de criação
+}
+
+export interface EncryptedMessage {
+	encryptedContent: string; // Base64
+	iv: string; // Base64
+	keyId: string; // Identificador da chave usada
+}
+
+/**
+ * Gera uma chave de criptografia AES-GCM de 256 bits
+ */
+export async function generateEncryptionKey(): Promise<EncryptionKey> {
+	const key = await crypto.subtle.generateKey(
+		{
+			name: 'AES-GCM',
+			length: 256
+		},
+		true, // extractable
+		['encrypt', 'decrypt']
+	);
+
+	// Gerar um ID único para a chave
+	const keyId = crypto.randomUUID();
+
+	return {
+		key,
+		keyId,
+		createdAt: Date.now()
+	};
+}
+
+/**
+ * Exporta uma chave para formato JSON (armazenamento)
+ */
+export async function exportKey(key: CryptoKey): Promise<string> {
+	const exported = await crypto.subtle.exportKey('raw', key);
+	const exportedArray = new Uint8Array(exported);
+	return btoa(String.fromCharCode(...exportedArray));
+}
+
+/**
+ * Importa uma chave de formato JSON (armazenamento)
+ */
+export async function importKey(keyData: string): Promise<CryptoKey> {
+	const keyArray = Uint8Array.from(atob(keyData), (c) => c.charCodeAt(0));
+	return await crypto.subtle.importKey(
+		'raw',
+		keyArray,
+		{
+			name: 'AES-GCM',
+			length: 256
+		},
+		true, // extractable
+		['encrypt', 'decrypt']
+	);
+}
+
+/**
+ * Criptografa uma mensagem usando uma chave
+ */
+export async function encryptMessage(
+	message: string,
+	key: CryptoKey
+): Promise<EncryptedMessage> {
+	const encoder = new TextEncoder();
+	const data = encoder.encode(message);
+
+	// Gerar IV (Initialization Vector) aleatório de 12 bytes para AES-GCM
+	const iv = crypto.getRandomValues(new Uint8Array(12));
+
+	// Criptografar
+	const encrypted = await crypto.subtle.encrypt(
+		{
+			name: 'AES-GCM',
+			iv: iv
+		},
+		key,
+		data
+	);
+
+	// Converter para base64 para armazenamento
+	const encryptedArray = new Uint8Array(encrypted);
+	const encryptedBase64 = btoa(String.fromCharCode(...encryptedArray));
+	const ivBase64 = btoa(String.fromCharCode(...iv));
+
+	// Gerar keyId (usaremos o hash da chave exportada como identificador)
+	const keyData = await exportKey(key);
+	const keyId = await hashString(keyData);
+
+	return {
+		encryptedContent: encryptedBase64,
+		iv: ivBase64,
+		keyId
+	};
+}
+
+/**
+ * Criptografa um arquivo (Blob) usando uma chave
+ */
+export async function encryptFile(
+	file: Blob,
+	key: CryptoKey
+): Promise<{ encryptedBlob: Blob; iv: string; keyId: string }> {
+	const arrayBuffer = await file.arrayBuffer();
+	const data = new Uint8Array(arrayBuffer);
+
+	// Gerar IV (Initialization Vector) aleatório de 12 bytes para AES-GCM
+	const iv = crypto.getRandomValues(new Uint8Array(12));
+
+	// Criptografar
+	const encrypted = await crypto.subtle.encrypt(
+		{
+			name: 'AES-GCM',
+			iv: iv
+		},
+		key,
+		data
+	);
+
+	// Converter para Blob
+	const encryptedBlob = new Blob([encrypted], { type: 'application/octet-stream' });
+
+	// Converter IV para base64
+	const ivBase64 = btoa(String.fromCharCode(...iv));
+
+	// Gerar keyId
+	const keyData = await exportKey(key);
+	const keyId = await hashString(keyData);
+
+	return {
+		encryptedBlob,
+		iv: ivBase64,
+		keyId
+	};
+}
+
+/**
+ * Descriptografa um arquivo (Blob) usando uma chave
+ */
+export async function decryptFile(
+	encryptedBlob: Blob,
+	iv: string,
+	key: CryptoKey
+): Promise<Blob> {
+	try {
+		// Decodificar base64 do IV
+		const ivArray = Uint8Array.from(atob(iv), (c) => c.charCodeAt(0));
+
+		// Ler dados criptografados
+		const encryptedArrayBuffer = await encryptedBlob.arrayBuffer();
+		const encrypted = new Uint8Array(encryptedArrayBuffer);
+
+		// Descriptografar
+		const decrypted = await crypto.subtle.decrypt(
+			{
+				name: 'AES-GCM',
+				iv: ivArray
+			},
+			key,
+			encrypted
+		);
+
+		// Converter para Blob
+		return new Blob([decrypted]);
+	} catch (error) {
+		console.error('Erro ao descriptografar arquivo:', error);
+		throw new Error('Falha ao descriptografar arquivo. A chave pode estar incorreta.');
+	}
+}
+
+/**
+ * Descriptografa uma mensagem usando uma chave
+ */
+export async function decryptMessage(
+	encryptedMessage: EncryptedMessage,
+	key: CryptoKey
+): Promise<string> {
+	try {
+		// Decodificar base64
+		const encryptedArray = Uint8Array.from(
+			atob(encryptedMessage.encryptedContent),
+			(c) => c.charCodeAt(0)
+		);
+		const iv = Uint8Array.from(atob(encryptedMessage.iv), (c) => c.charCodeAt(0));
+
+		// Descriptografar
+		const decrypted = await crypto.subtle.decrypt(
+			{
+				name: 'AES-GCM',
+				iv: iv
+			},
+			key,
+			encryptedArray
+		);
+
+		// Converter para string
+		const decoder = new TextDecoder();
+		return decoder.decode(decrypted);
+	} catch (error) {
+		console.error('Erro ao descriptografar mensagem:', error);
+		throw new Error('Falha ao descriptografar mensagem. A chave pode estar incorreta.');
+	}
+}
+
+/**
+ * Gera hash SHA-256 de uma string (para usar como keyId)
+ */
+async function hashString(str: string): Promise<string> {
+	const encoder = new TextEncoder();
+	const data = encoder.encode(str);
+	const hashBuffer = await crypto.subtle.digest('SHA-256', data);
+	const hashArray = new Uint8Array(hashBuffer);
+	// Retornar apenas os primeiros 16 bytes como hex para keyId mais curto
+	return Array.from(hashArray.slice(0, 16))
+		.map((b) => b.toString(16).padStart(2, '0'))
+		.join('');
+}
+
+/**
+ * Armazena uma chave de criptografia no localStorage
+ */
+export function storeEncryptionKey(conversaId: string, keyData: string, keyId: string): void {
+	try {
+		const storageKey = `e2e_key_${conversaId}`;
+		const keyInfo = {
+			keyData,
+			keyId,
+			createdAt: Date.now()
+		};
+		localStorage.setItem(storageKey, JSON.stringify(keyInfo));
+	} catch (error) {
+		console.error('Erro ao armazenar chave de criptografia:', error);
+		throw new Error('Falha ao armazenar chave de criptografia');
+	}
+}
+
+/**
+ * Recupera uma chave de criptografia do localStorage
+ */
+export function getStoredEncryptionKey(conversaId: string): {
+	keyData: string;
+	keyId: string;
+	createdAt: number;
+} | null {
+	try {
+		const storageKey = `e2e_key_${conversaId}`;
+		const stored = localStorage.getItem(storageKey);
+		if (!stored) {
+			return null;
+		}
+		return JSON.parse(stored) as { keyData: string; keyId: string; createdAt: number };
+	} catch (error) {
+		console.error('Erro ao recuperar chave de criptografia:', error);
+		return null;
+	}
+}
+
+/**
+ * Remove uma chave de criptografia do localStorage
+ */
+export function removeStoredEncryptionKey(conversaId: string): void {
+	try {
+		const storageKey = `e2e_key_${conversaId}`;
+		localStorage.removeItem(storageKey);
+	} catch (error) {
+		console.error('Erro ao remover chave de criptografia:', error);
+	}
+}
+
+/**
+ * Verifica se uma conversa tem criptografia E2E habilitada
+ */
+export function hasEncryptionKey(conversaId: string): boolean {
+	return getStoredEncryptionKey(conversaId) !== null;
+}
+
+/**
+ * Carrega e importa uma chave de criptografia do localStorage
+ */
+export async function loadEncryptionKey(conversaId: string): Promise<CryptoKey | null> {
+	const stored = getStoredEncryptionKey(conversaId);
+	if (!stored) {
+		return null;
+	}
+	try {
+		return await importKey(stored.keyData);
+	} catch (error) {
+		console.error('Erro ao importar chave de criptografia:', error);
+		return null;
+	}
+}
+
diff --git a/apps/web/src/lib/utils/fichaPontoPDF.ts b/apps/web/src/lib/utils/fichaPontoPDF.ts
new file mode 100644
index 0000000..77b62c4
--- /dev/null
+++ b/apps/web/src/lib/utils/fichaPontoPDF.ts
@@ -0,0 +1,446 @@
+import jsPDF from 'jspdf';
+import autoTable from 'jspdf-autotable';
+import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+import { formatarHoraPonto, formatarDataDDMMAAAA, getTipoRegistroLabel } from './ponto';
+
+// Tipos e interfaces
+export type TipoDia = 'normal' | 'atestado' | 'ausencia' | 'licenca' | 'abonado' | 'nao_computado' | 'ferias' | 'inconsistente';
+
+export interface SaldoDiario {
+	diferencaMinutos: number;
+	trabalhadoMinutos: number;
+	esperadoMinutos: number;
+}
+
+export interface RegistroPonto {
+	_id: Id<'registrosPonto'>;
+	tipo: 'entrada' | 'saida_almoco' | 'retorno_almoco' | 'saida';
+	data: string;
+	hora: number;
+	minuto: number;
+	timestamp: number;
+	dentroDoPrazo: boolean;
+}
+
+export interface DiaFichaPonto {
+	data: string;
+	dataFormatada: string;
+	tipoDia: TipoDia;
+	registros: RegistroPonto[];
+	registrosEsperados: Array<{ tipo: string; hora: number; minuto: number; data: string }>;
+	saldoDiario: SaldoDiario | null;
+	saldoAcumulado: number;
+	atestado: {
+		_id: Id<'atestados'>;
+		tipo: string;
+		dataInicio: string;
+		dataFim: string;
+		motivo?: string;
+	} | null;
+	ausencia: {
+		_id: Id<'solicitacoesAusencias'>;
+		motivo: string;
+		dataInicio: string;
+		dataFim: string;
+		status: string;
+	} | null;
+	licenca: {
+		_id: Id<'licencas'>;
+		tipo: string;
+		dataInicio: string;
+		dataFim: string;
+	} | null;
+	ajustes: Array<{
+		_id: Id<'ajustesBancoHoras'>;
+		tipo: 'abonar' | 'descontar' | 'compensar';
+		valorMinutos: number;
+		motivoDescricao?: string;
+		gestorId?: Id<'usuarios'>;
+	}>;
+	inconsistencias: Array<{
+		_id: Id<'inconsistenciasBancoHoras'>;
+		tipo: string;
+		descricao: string;
+		dataDetectada: string;
+		status: 'pendente' | 'resolvida' | 'ignorada';
+		resolvidoPor?: Id<'usuarios'>;
+		resolvidoEm?: number;
+	}>;
+	homologacoes: Array<{
+		_id: Id<'homologacoesPonto'>;
+		motivoDescricao?: string;
+		gestorId: Id<'usuarios'>;
+	}>;
+	dispensa: {
+		_id: Id<'dispensasRegistro'>;
+		motivo: string;
+		dataInicio: string;
+		dataFim: string;
+		ativo: boolean;
+	} | null;
+	computado: boolean;
+}
+
+export interface ResumoPeriodo {
+	totalDias: number;
+	diasTrabalhados: number;
+	diasComAtestado: number;
+	diasAusentes: number;
+	diasComLicenca: number;
+	diasAbonados: number;
+	diasNaoComputados: number;
+	diasComInconsistencia: number;
+	totalHorasTrabalhadas: number;
+	totalHorasEsperadas: number;
+	diferencaTotal: number;
+	saldoInicial: number;
+	saldoFinal: number;
+	saldoPeriodo: number;
+	totalInconsistencias: number;
+	saldoInicialFormatado?: string;
+	saldoPeriodoFormatado?: string;
+	saldoFinalFormatado?: string;
+	totalHorasTrabalhadasFormatado?: string;
+	totalHorasEsperadasFormatado?: string;
+	diferencaTotalFormatado?: string;
+}
+
+export interface SectionsPDF {
+	dadosFuncionario: boolean;
+	registrosPonto: boolean;
+	saldoDiario: boolean;
+	bancoHoras: boolean;
+	alteracoesGestor: boolean;
+	dispensasRegistro: boolean;
+}
+
+export interface FuncionarioPDF {
+	_id: Id<'funcionarios'>;
+	nome: string;
+	matricula?: string;
+	descricaoCargo?: string;
+}
+
+export interface ConfigPontoPDF {
+	horarioEntrada: string;
+	horarioSaidaAlmoco: string;
+	horarioRetornoAlmoco: string;
+	horarioSaida: string;
+	nomeEntrada?: string;
+	nomeSaidaAlmoco?: string;
+	nomeRetornoAlmoco?: string;
+	nomeSaida?: string;
+}
+
+type JsPDFWithAutoTable = jsPDF & {
+	lastAutoTable?: { finalY: number };
+};
+
+// Função auxiliar para adicionar logo
+export async function adicionarLogo(doc: jsPDF, logoGovPE: string): Promise<number> {
+	let yPosition = 20;
+	try {
+		const logoImg = new Image();
+		logoImg.src = logoGovPE;
+		await new Promise<void>((resolve, reject) => {
+			logoImg.onload = () => resolve();
+			logoImg.onerror = () => reject();
+			setTimeout(() => reject(), 3000);
+		});
+
+		const logoWidth = 25;
+		const aspectRatio = logoImg.height / logoImg.width;
+		const logoHeight = logoWidth * aspectRatio;
+
+		doc.addImage(logoImg, 'PNG', 15, 10, logoWidth, logoHeight);
+		yPosition = Math.max(20, 10 + logoHeight / 2);
+	} catch (err) {
+		console.warn('Não foi possível carregar a logo:', err);
+	}
+	return yPosition;
+}
+
+// Função auxiliar para adicionar cabeçalho
+export function adicionarCabecalho(doc: jsPDF, yPosition: number): number {
+	doc.setFontSize(16);
+	doc.setTextColor(41, 128, 185);
+	doc.text('FICHA DE PONTO', 105, yPosition, { align: 'center' });
+	return yPosition + 10;
+}
+
+// Função auxiliar para verificar se precisa de nova página
+export function verificarNovaPagina(doc: jsPDF, yPosition: number, limite: number = 250): number {
+	if (yPosition > limite) {
+		doc.addPage();
+		return 20;
+	}
+	return yPosition;
+}
+
+// Função auxiliar para adicionar dados do funcionário
+export function adicionarDadosFuncionario(
+	doc: jsPDF,
+	yPosition: number,
+	funcionario: FuncionarioPDF,
+	dataInicio: string,
+	dataFim: string
+): number {
+	doc.setFontSize(12);
+	doc.setTextColor(0, 0, 0);
+	doc.setFont('helvetica', 'bold');
+	doc.text('DADOS DO FUNCIONÁRIO', 15, yPosition);
+	doc.setFont('helvetica', 'normal');
+
+	yPosition += 8;
+	doc.setFontSize(10);
+
+	if (funcionario.matricula) {
+		doc.text(`Matrícula: ${funcionario.matricula}`, 15, yPosition);
+		yPosition += 6;
+	}
+	doc.text(`Nome: ${funcionario.nome}`, 15, yPosition);
+	yPosition += 6;
+	if (funcionario.descricaoCargo) {
+		doc.text(`Cargo/Função: ${funcionario.descricaoCargo}`, 15, yPosition);
+		yPosition += 6;
+	}
+
+	yPosition += 5;
+	const periodoFormatado = `${formatarDataDDMMAAAA(dataInicio)} a ${formatarDataDDMMAAAA(dataFim)}`;
+	doc.text(`Período: ${periodoFormatado}`, 15, yPosition);
+	yPosition += 10;
+
+	return yPosition;
+}
+
+// Função auxiliar para formatar horas e minutos
+export function formatarHorasMinutos(minutos: number): string {
+	const horas = Math.floor(Math.abs(minutos) / 60);
+	const mins = Math.abs(minutos) % 60;
+	const sinal = minutos >= 0 ? '+' : '-';
+	return `${sinal}${horas}h ${mins}min`;
+}
+
+// Função auxiliar para adicionar resumo do período
+export function adicionarResumoPeriodo(
+	doc: jsPDF,
+	yPosition: number,
+	resumo: ResumoPeriodo,
+	formatarHoras: (minutos: number) => string,
+	formatarMinutos: (minutos: number) => string
+): number {
+	yPosition = verificarNovaPagina(doc, yPosition);
+
+	doc.setFontSize(14);
+	doc.setTextColor(41, 128, 185);
+	doc.setFont('helvetica', 'bold');
+	doc.text('RESUMO DO PERÍODO', 15, yPosition);
+	yPosition += 10;
+
+	const resumoData: Array<[string, string]> = [
+		['Total de Dias', resumo.totalDias.toString()],
+		['Dias Trabalhados', resumo.diasTrabalhados.toString()],
+		['Dias com Atestado', resumo.diasComAtestado.toString()],
+		['Dias Ausentes', resumo.diasAusentes.toString()],
+		['Dias com Licença', resumo.diasComLicenca.toString()],
+		['Dias Abonados', resumo.diasAbonados.toString()],
+		['Dias Não Computados', resumo.diasNaoComputados.toString()],
+		['Dias com Inconsistência', resumo.diasComInconsistencia.toString()],
+		['Total de Inconsistências', resumo.totalInconsistencias.toString()],
+		['Total de Horas Trabalhadas', resumo.totalHorasTrabalhadasFormatado || formatarHoras(resumo.totalHorasTrabalhadas)],
+		['Total de Horas Esperadas', resumo.totalHorasEsperadasFormatado || formatarHoras(resumo.totalHorasEsperadas)],
+		['Diferença Total', resumo.diferencaTotalFormatado || formatarMinutos(resumo.diferencaTotal)]
+	];
+
+	autoTable(doc, {
+		startY: yPosition,
+		head: [['Item', 'Valor']],
+		body: resumoData,
+		theme: 'striped',
+		headStyles: {
+			fillColor: [41, 128, 185],
+			textColor: [255, 255, 255],
+			fontStyle: 'bold',
+			fontSize: 10
+		},
+		bodyStyles: {
+			fontSize: 9
+		},
+		columnStyles: {
+			0: { cellWidth: 100, fontStyle: 'bold' },
+			1: { cellWidth: 90 }
+		},
+		margin: { left: 15, right: 15 },
+		styles: { cellPadding: 3 },
+		didParseCell: (data) => {
+			if (data.section === 'body' && data.column.index === 1) {
+				const valor = data.cell.text[0] as string;
+				if (valor.startsWith('+')) {
+					data.cell.styles.textColor = [0, 128, 0];
+					data.cell.styles.fontStyle = 'bold';
+				} else if (valor.startsWith('-')) {
+					data.cell.styles.textColor = [200, 0, 0];
+					data.cell.styles.fontStyle = 'bold';
+				}
+			}
+		}
+	});
+
+	const finalYResumo = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY ?? yPosition + 10;
+	return finalYResumo + 10;
+}
+
+// Função auxiliar para adicionar saldos do período
+export function adicionarSaldosPeriodo(
+	doc: jsPDF,
+	yPosition: number,
+	resumo: ResumoPeriodo,
+	formatarMinutos: (minutos: number) => string
+): number {
+	yPosition = verificarNovaPagina(doc, yPosition);
+
+	doc.setFontSize(12);
+	doc.setFont('helvetica', 'bold');
+	doc.setTextColor(41, 128, 185);
+	doc.text('SALDOS DO PERÍODO', 15, yPosition);
+	doc.setFont('helvetica', 'normal');
+	doc.setTextColor(0, 0, 0);
+	yPosition += 10;
+
+	const saldosData: Array<[string, string]> = [
+		['Saldo Inicial', resumo.saldoInicialFormatado || formatarMinutos(resumo.saldoInicial)],
+		['Saldo do Período', resumo.saldoPeriodoFormatado || formatarMinutos(resumo.saldoPeriodo)],
+		['Saldo Final', resumo.saldoFinalFormatado || formatarMinutos(resumo.saldoFinal)]
+	];
+
+	autoTable(doc, {
+		startY: yPosition,
+		head: [['Tipo', 'Valor']],
+		body: saldosData,
+		theme: 'striped',
+		headStyles: {
+			fillColor: [41, 128, 185],
+			textColor: 255,
+			fontStyle: 'bold'
+		},
+		styles: {
+			fontSize: 10,
+			cellPadding: 4
+		},
+		columnStyles: {
+			0: { cellWidth: 120, fontStyle: 'bold' },
+			1: { cellWidth: 60, halign: 'right' }
+		},
+		didParseCell: (data) => {
+			if (data.section === 'body' && data.column.index === 1) {
+				const valor = data.cell.text[0] as string;
+				const linhaIndex = data.row.index;
+				let saldoMinutos = 0;
+
+				if (linhaIndex === 0) {
+					saldoMinutos = resumo.saldoInicial;
+				} else if (linhaIndex === 1) {
+					saldoMinutos = resumo.saldoPeriodo;
+				} else if (linhaIndex === 2) {
+					saldoMinutos = resumo.saldoFinal;
+				}
+
+				if (saldoMinutos > 0) {
+					data.cell.styles.textColor = [0, 128, 0];
+					data.cell.styles.fontStyle = 'bold';
+				} else if (saldoMinutos < 0) {
+					data.cell.styles.textColor = [200, 0, 0];
+					data.cell.styles.fontStyle = 'bold';
+				} else {
+					data.cell.styles.textColor = [0, 0, 0];
+				}
+			}
+		}
+	});
+
+	const finalYSaldos = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY ?? yPosition + 10;
+	return finalYSaldos + 10;
+}
+
+// Função auxiliar para adicionar legenda
+export function adicionarLegenda(doc: jsPDF, yPosition: number): number {
+	yPosition = verificarNovaPagina(doc, yPosition);
+
+	doc.setFontSize(14);
+	doc.setTextColor(41, 128, 185);
+	doc.setFont('helvetica', 'bold');
+	doc.text('LEGENDA', 15, yPosition);
+	yPosition += 10;
+
+	const legendaData: Array<[string, string]> = [
+		['Cor de Fundo - Branco', 'Dia normal'],
+		['Cor de Fundo - Azul Claro', 'Dia com atestado médico'],
+		['Cor de Fundo - Amarelo Claro', 'Dia com ausência aprovada'],
+		['Cor de Fundo - Verde Claro', 'Dia abonado'],
+		['Cor de Fundo - Cinza Claro', 'Dia não computado (dispensa/férias)'],
+		['Cor de Fundo - Laranja Claro', 'Dia com inconsistência'],
+		['Texto Verde', 'Saldo positivo / Registro marcado'],
+		['Texto Vermelho', 'Saldo negativo / Registro não marcado'],
+		['✓', 'Registro marcado'],
+		['✗', 'Registro não marcado'],
+		['⚠', 'Inconsistência detectada'],
+		['🏥', 'Atestado médico'],
+		['🚫', 'Ausência'],
+		['📋', 'Licença'],
+		['✅', 'Abonado'],
+		['⏸', 'Não computado']
+	];
+
+	autoTable(doc, {
+		startY: yPosition,
+		head: [['Símbolo/Cor', 'Significado']],
+		body: legendaData,
+		theme: 'striped',
+		headStyles: {
+			fillColor: [60, 60, 60],
+			textColor: [255, 255, 255],
+			fontStyle: 'bold',
+			fontSize: 10
+		},
+		bodyStyles: {
+			fontSize: 9
+		},
+		columnStyles: {
+			0: { cellWidth: 80, fontStyle: 'bold' },
+			1: { cellWidth: 110 }
+		},
+		margin: { left: 15, right: 15 },
+		styles: { cellPadding: 3 }
+	});
+
+	const finalYLegenda = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY ?? yPosition + 10;
+	return finalYLegenda + 10;
+}
+
+// Função auxiliar para adicionar rodapé
+export function adicionarRodape(doc: jsPDF): void {
+	const pageCount = doc.getNumberOfPages();
+	for (let i = 1; i <= pageCount; i++) {
+		doc.setPage(i);
+		doc.setFontSize(8);
+		doc.setTextColor(128, 128, 128);
+		doc.text(
+			`SGSE - Sistema de Gerenciamento de Secretaria | Página ${i} de ${pageCount}`,
+			doc.internal.pageSize.getWidth() / 2,
+			doc.internal.pageSize.getHeight() - 10,
+			{ align: 'center' }
+		);
+	}
+}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/web/src/lib/utils/mediaRecorder.ts b/apps/web/src/lib/utils/mediaRecorder.ts
index df7ad8f..8fdb0bd 100644
--- a/apps/web/src/lib/utils/mediaRecorder.ts
+++ b/apps/web/src/lib/utils/mediaRecorder.ts
@@ -204,7 +204,7 @@ export function formatarTamanhoBlob(bytes: number): string {
 	const sizes = ['Bytes', 'KB', 'MB', 'GB'];
 	const i = Math.floor(Math.log(bytes) / Math.log(k));
 
-	return Math.round((bytes / k ** i) * 100) / 100 + ' ' + sizes[i];
+	return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + ' ' + sizes[i];
 }
 
 /**
diff --git a/apps/web/src/lib/utils/metricsCollector.ts b/apps/web/src/lib/utils/metricsCollector.ts
index e1416ab..8251e58 100644
--- a/apps/web/src/lib/utils/metricsCollector.ts
+++ b/apps/web/src/lib/utils/metricsCollector.ts
@@ -3,8 +3,8 @@
  * Coleta métricas do navegador e aplicação para monitoramento
  */
 
-import { api } from '@sgse-app/backend/convex/_generated/api';
 import type { ConvexClient } from 'convex/browser';
+import { api } from '@sgse-app/backend/convex/_generated/api';
 
 export interface SystemMetrics {
 	cpuUsage?: number;
@@ -53,9 +53,9 @@ async function estimateCPUUsage(): Promise<number> {
  */
 function getMemoryUsage(): number {
 	try {
-		// @ts-expect-error - performance.memory é específico do Chrome
+		// @ts-ignore - performance.memory é específico do Chrome
 		if (performance.memory) {
-			// @ts-expect-error
+			// @ts-ignore
 			const { usedJSHeapSize, jsHeapSizeLimit } = performance.memory;
 			const usage = (usedJSHeapSize / jsHeapSizeLimit) * 100;
 			return Math.round(usage);
@@ -77,7 +77,7 @@ async function measureNetworkLatency(): Promise<number> {
 		const start = performance.now();
 
 		// Fazer uma requisição pequena para medir latência
-		await fetch(window.location.origin + '/favicon.ico', {
+		await fetch(window.location.origin + '/favicon.png', {
 			method: 'HEAD',
 			cache: 'no-cache'
 		});
@@ -106,7 +106,7 @@ async function getStorageUsage(): Promise<number> {
 		// Fallback: estimar baseado em localStorage
 		let totalSize = 0;
 		for (const key in localStorage) {
-			if (Object.hasOwn(localStorage, key)) {
+			if (localStorage.hasOwnProperty(key)) {
 				totalSize += localStorage[key].length + key.length;
 			}
 		}
@@ -181,7 +181,7 @@ let errorCount = 0;
 // Interceptar erros globais
 if (typeof window !== 'undefined') {
 	const originalError = console.error;
-	console.error = (...args: any[]) => {
+	console.error = function (...args: any[]) {
 		errorCount++;
 		originalError.apply(console, args);
 	};
@@ -295,7 +295,7 @@ export function getNetworkStatus(): {
 } {
 	const online = navigator.onLine;
 
-	// @ts-expect-error - navigator.connection é experimental
+	// @ts-ignore - navigator.connection é experimental
 	const connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
 
 	if (connection) {
diff --git a/apps/web/src/lib/utils/ponto/calculos.ts b/apps/web/src/lib/utils/ponto/calculos.ts
new file mode 100644
index 0000000..c0ef229
--- /dev/null
+++ b/apps/web/src/lib/utils/ponto/calculos.ts
@@ -0,0 +1,349 @@
+import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+
+/**
+ * Calcula saldos parciais entre cada par entrada/saída
+ * Retorna um mapa com o índice do registro e seu saldo parcial
+ */
+export function calcularSaldosParciais(
+	registros: Array<{ tipo: string; hora: number; minuto: number; _id?: Id<'registrosPonto'> }>
+): Map<
+	number,
+	{ saldoMinutos: number; horas: number; minutos: number; positivo: boolean; parNumero: number }
+> {
+	const saldos = new Map<
+		number,
+		{ saldoMinutos: number; horas: number; minutos: number; positivo: boolean; parNumero: number }
+	>();
+	if (registros.length === 0) return saldos;
+
+	// Criar array com índices originais
+	const registrosComIndice = registros.map((r, idx) => ({ ...r, originalIndex: idx }));
+
+	// Ordenar registros por hora e minuto para processar em ordem cronológica
+	const registrosOrdenados = [...registrosComIndice].sort((a, b) => {
+		if (a.hora !== b.hora) {
+			return a.hora - b.hora;
+		}
+		return a.minuto - b.minuto;
+	});
+
+	// Identificar pares entrada/saída
+	// Par 1: entrada -> saida_almoco
+	// Par 2: retorno_almoco -> saida
+	let entradaAtual: (typeof registrosComIndice)[0] | null = null;
+	let parNumero = 1;
+
+	for (let i = 0; i < registrosOrdenados.length; i++) {
+		const registro = registrosOrdenados[i];
+
+		// Considerar entrada ou retorno_almoco como início de um período
+		if (registro.tipo === 'entrada' || registro.tipo === 'retorno_almoco') {
+			entradaAtual = registro;
+		} else if (entradaAtual) {
+			// Qualquer saída (saida_almoco ou saida) fecha o período atual
+			if (registro.tipo === 'saida_almoco' || registro.tipo === 'saida') {
+				// Calcular diferença entre saída e entrada
+				const minutosEntrada = entradaAtual.hora * 60 + entradaAtual.minuto;
+				const minutosSaida = registro.hora * 60 + registro.minuto;
+
+				let saldoMinutos = minutosSaida - minutosEntrada;
+				if (saldoMinutos < 0) {
+					saldoMinutos += 24 * 60; // Adicionar um dia em minutos
+				}
+
+				const horas = Math.floor(saldoMinutos / 60);
+				const minutos = saldoMinutos % 60;
+
+				// Salvar saldo no índice original do registro de saída
+				saldos.set(registro.originalIndex, {
+					saldoMinutos,
+					horas,
+					minutos,
+					positivo: true,
+					parNumero
+				});
+
+				entradaAtual = null; // Resetar para próximo par
+				parNumero++;
+			}
+		}
+	}
+
+	return saldos;
+}
+
+/**
+ * Calcula saldo diário simples (entrada até saída)
+ */
+export function calcularSaldoDiario(
+	registros: Array<{ tipo: string; hora: number; minuto: number }>
+): { saldoMinutos: number; horas: number; minutos: number; positivo: boolean } | null {
+	if (registros.length === 0) return null;
+
+	// Ordenar registros por hora e minuto
+	const registrosOrdenados = [...registros].sort((a, b) => {
+		if (a.hora !== b.hora) {
+			return a.hora - b.hora;
+		}
+		return a.minuto - b.minuto;
+	});
+
+	// Buscar entrada (primeiro registro do tipo 'entrada')
+	const entrada = registrosOrdenados.find((r) => r.tipo === 'entrada');
+	// Buscar saída (último registro do tipo 'saida')
+	const saida = registrosOrdenados.filter((r) => r.tipo === 'saida').pop();
+
+	if (!entrada || !saida) return null;
+
+	// Calcular diferença em minutos
+	const minutosEntrada = entrada.hora * 60 + entrada.minuto;
+	const minutosSaida = saida.hora * 60 + saida.minuto;
+
+	// Se a saída for no dia seguinte (após meia-noite), adicionar 24 horas
+	let saldoMinutos = minutosSaida - minutosEntrada;
+	if (saldoMinutos < 0) {
+		saldoMinutos += 24 * 60; // Adicionar um dia em minutos
+	}
+
+	const horas = Math.floor(saldoMinutos / 60);
+	const minutos = saldoMinutos % 60;
+
+	return {
+		saldoMinutos,
+		horas,
+		minutos,
+		positivo: true // Sempre positivo, pois é tempo trabalhado
+	};
+}
+
+/**
+ * Calcula saldos por par entrada/saída
+ * Retorna um mapa com o índice do registro e informações do saldo do par
+ */
+export function calcularSaldosPorPar(
+	registros: Array<{ tipo: string; hora: number; minuto: number }>
+): Map<
+	number,
+	{ saldoMinutos: number; horas: number; minutos: number; parIndex: number; tamanhoPar: number }
+> {
+	const saldos = new Map<
+		number,
+		{ saldoMinutos: number; horas: number; minutos: number; parIndex: number; tamanhoPar: number }
+	>();
+
+	if (registros.length === 0) return saldos;
+
+	// Ordenar registros por hora e minuto
+	const registrosOrdenados = [...registros].sort((a, b) => {
+		if (a.hora !== b.hora) {
+			return a.hora - b.hora;
+		}
+		return a.minuto - b.minuto;
+	});
+
+	let parIndex = 0;
+	let entradaAtual: { tipo: string; hora: number; minuto: number; index: number } | null = null;
+	let indicesPar: number[] = [];
+
+	for (let i = 0; i < registrosOrdenados.length; i++) {
+		const reg = registrosOrdenados[i];
+
+		// Identificar início de um par (entrada ou retorno_almoco)
+		if (reg.tipo === 'entrada' || reg.tipo === 'retorno_almoco') {
+			// Se havia um par anterior incompleto, limpar
+			if (entradaAtual && indicesPar.length > 0) {
+				indicesPar = [];
+			}
+			entradaAtual = { ...reg, index: i };
+			indicesPar = [i];
+		}
+		// Identificar fim de um par (saida_almoco ou saida)
+		else if ((reg.tipo === 'saida_almoco' || reg.tipo === 'saida') && entradaAtual) {
+			indicesPar.push(i);
+
+			// Calcular saldo do par (saída - entrada)
+			const minutosEntrada = entradaAtual.hora * 60 + entradaAtual.minuto;
+			const minutosSaida = reg.hora * 60 + reg.minuto;
+
+			let saldoMinutos = minutosSaida - minutosEntrada;
+			if (saldoMinutos < 0) {
+				saldoMinutos += 24 * 60; // Adicionar um dia em minutos
+			}
+
+			const horas = Math.floor(saldoMinutos / 60);
+			const minutos = saldoMinutos % 60;
+
+			// Associar saldo a todos os registros do par
+			for (const idx of indicesPar) {
+				saldos.set(idx, {
+					saldoMinutos,
+					horas,
+					minutos,
+					parIndex,
+					tamanhoPar: indicesPar.length
+				});
+			}
+
+			parIndex++;
+			entradaAtual = null;
+			indicesPar = [];
+		}
+	}
+
+	return saldos;
+}
+
+/**
+ * Calcula saldos comparativos por par entrada/saída
+ * Compara horários reais com horários esperados configurados
+ * Retorna mapa com saldo trabalhado, esperado e diferença
+ */
+export function calcularSaldoComparativoPorPar(
+	registros: Array<{ tipo: string; hora: number; minuto: number }>,
+	config: {
+		horarioEntrada: string;
+		horarioSaidaAlmoco: string;
+		horarioRetornoAlmoco: string;
+		horarioSaida: string;
+	}
+): Map<
+	number,
+	{
+		trabalhadoMinutos: number;
+		trabalhadoHoras: number;
+		trabalhadoMinutosResto: number;
+		esperadoMinutos: number;
+		esperadoHoras: number;
+		esperadoMinutosResto: number;
+		diferencaMinutos: number;
+		diferencaHoras: number;
+		diferencaMinutosResto: number;
+		parIndex: number;
+		tamanhoPar: number;
+	}
+> {
+	const saldos = new Map<
+		number,
+		{
+			trabalhadoMinutos: number;
+			trabalhadoHoras: number;
+			trabalhadoMinutosResto: number;
+			esperadoMinutos: number;
+			esperadoHoras: number;
+			esperadoMinutosResto: number;
+			diferencaMinutos: number;
+			diferencaHoras: number;
+			diferencaMinutosResto: number;
+			parIndex: number;
+			tamanhoPar: number;
+		}
+	>();
+
+	if (registros.length === 0) return saldos;
+
+	// Parsear horários esperados da configuração
+	const [horaEntradaEsperada, minutoEntradaEsperado] = config.horarioEntrada.split(':').map(Number);
+	const [horaSaidaAlmocoEsperada, minutoSaidaAlmocoEsperado] = config.horarioSaidaAlmoco
+		.split(':')
+		.map(Number);
+	const [horaRetornoAlmocoEsperado, minutoRetornoAlmocoEsperado] = config.horarioRetornoAlmoco
+		.split(':')
+		.map(Number);
+	const [horaSaidaEsperada, minutoSaidaEsperado] = config.horarioSaida.split(':').map(Number);
+
+	// Ordenar registros por hora e minuto
+	const registrosOrdenados = [...registros].sort((a, b) => {
+		if (a.hora !== b.hora) {
+			return a.hora - b.hora;
+		}
+		return a.minuto - b.minuto;
+	});
+
+	let parIndex = 0;
+	let entradaAtual: { tipo: string; hora: number; minuto: number; index: number } | null = null;
+	let indicesPar: number[] = [];
+
+	for (let i = 0; i < registrosOrdenados.length; i++) {
+		const reg = registrosOrdenados[i];
+
+		// Identificar início de um par (entrada ou retorno_almoco)
+		if (reg.tipo === 'entrada' || reg.tipo === 'retorno_almoco') {
+			// Se havia um par anterior incompleto, limpar
+			if (entradaAtual && indicesPar.length > 0) {
+				indicesPar = [];
+			}
+			entradaAtual = { ...reg, index: i };
+			indicesPar = [i];
+		}
+		// Identificar fim de um par (saida_almoco ou saida)
+		else if ((reg.tipo === 'saida_almoco' || reg.tipo === 'saida') && entradaAtual) {
+			indicesPar.push(i);
+
+			// Calcular tempo trabalhado real (saída - entrada)
+			const minutosEntradaReal = entradaAtual.hora * 60 + entradaAtual.minuto;
+			const minutosSaidaReal = reg.hora * 60 + reg.minuto;
+			let trabalhadoMinutos = minutosSaidaReal - minutosEntradaReal;
+			if (trabalhadoMinutos < 0) {
+				trabalhadoMinutos += 24 * 60;
+			}
+
+			// Calcular tempo esperado baseado no tipo de par
+			let esperadoMinutos: number;
+			if (entradaAtual.tipo === 'entrada') {
+				// Par 1: entrada -> saida_almoco
+				const minutosEntradaEsperada = horaEntradaEsperada * 60 + minutoEntradaEsperado;
+				const minutosSaidaEsperada = horaSaidaAlmocoEsperada * 60 + minutoSaidaAlmocoEsperado;
+				esperadoMinutos = minutosSaidaEsperada - minutosEntradaEsperada;
+				if (esperadoMinutos < 0) {
+					esperadoMinutos += 24 * 60;
+				}
+			} else {
+				// Par 2: retorno_almoco -> saida
+				const minutosEntradaEsperada =
+					horaRetornoAlmocoEsperado * 60 + minutoRetornoAlmocoEsperado;
+				const minutosSaidaEsperada = horaSaidaEsperada * 60 + minutoSaidaEsperado;
+				esperadoMinutos = minutosSaidaEsperada - minutosEntradaEsperada;
+				if (esperadoMinutos < 0) {
+					esperadoMinutos += 24 * 60;
+				}
+			}
+
+			// Calcular diferença (trabalhado - esperado)
+			const diferencaMinutos = trabalhadoMinutos - esperadoMinutos;
+
+			// Converter para horas e minutos
+			const trabalhadoHoras = Math.floor(trabalhadoMinutos / 60);
+			const trabalhadoMinutosResto = trabalhadoMinutos % 60;
+
+			const esperadoHoras = Math.floor(esperadoMinutos / 60);
+			const esperadoMinutosResto = esperadoMinutos % 60;
+
+			const diferencaHoras = Math.floor(Math.abs(diferencaMinutos) / 60);
+			const diferencaMinutosResto = Math.abs(diferencaMinutos) % 60;
+
+			// Associar saldo a todos os registros do par
+			for (const idx of indicesPar) {
+				saldos.set(idx, {
+					trabalhadoMinutos,
+					trabalhadoHoras,
+					trabalhadoMinutosResto,
+					esperadoMinutos,
+					esperadoHoras,
+					esperadoMinutosResto,
+					diferencaMinutos,
+					diferencaHoras,
+					diferencaMinutosResto,
+					parIndex,
+					tamanhoPar: indicesPar.length
+				});
+			}
+
+			parIndex++;
+			entradaAtual = null;
+			indicesPar = [];
+		}
+	}
+
+	return saldos;
+}
+
diff --git a/apps/web/src/lib/utils/ponto/formatacao.ts b/apps/web/src/lib/utils/ponto/formatacao.ts
new file mode 100644
index 0000000..68d2f16
--- /dev/null
+++ b/apps/web/src/lib/utils/ponto/formatacao.ts
@@ -0,0 +1,89 @@
+/**
+ * Funções de formatação para dados de ponto
+ */
+
+/**
+ * Converte data de yyyy-mm-dd para dd/mm/yyyy
+ */
+export function formatarDataParaExibicao(data: string): string {
+	if (!data) return '';
+	const [ano, mes, dia] = data.split('-');
+	return `${dia}/${mes}/${ano}`;
+}
+
+/**
+ * Converte data de dd/mm/yyyy para yyyy-mm-dd
+ */
+export function formatarDataParaBackend(data: string, onlyDigits: (str: string) => string, validateDate: (str: string) => boolean): string {
+	if (!data) return '';
+	const apenasDigitos = onlyDigits(data);
+	if (apenasDigitos.length !== 8) return data;
+
+	const dia = apenasDigitos.slice(0, 2);
+	const mes = apenasDigitos.slice(2, 4);
+	const ano = apenasDigitos.slice(4, 8);
+
+	// Validar se a data é válida
+	if (!validateDate(`${dia}/${mes}/${ano}`)) {
+		return data; // Retornar valor original se inválido
+	}
+
+	return `${ano}-${mes}-${dia}`;
+}
+
+/**
+ * Formata saldo de horas em minutos para string legível
+ */
+export function formatarSaldoHoras(minutos: number): string {
+	const horas = Math.floor(Math.abs(minutos) / 60);
+	const mins = Math.abs(minutos) % 60;
+	const sinal = minutos >= 0 ? '+' : '-';
+	return `${sinal}${horas}h ${mins}min`;
+}
+
+/**
+ * Formata saldo diário
+ */
+export function formatarSaldoDiario(saldo?: {
+	saldoMinutos: number;
+	horas: number;
+	minutos: number;
+	positivo: boolean;
+}): string {
+	if (!saldo) return '-';
+	const sinal = saldo.positivo ? '+' : '-';
+	return `${sinal}${saldo.horas}h ${saldo.minutos}min`;
+}
+
+/**
+ * Formata minutos para string HH:MM
+ */
+export function formatarMinutos(minutos: number): string {
+	const absMinutos = Math.abs(minutos);
+	const horas = Math.floor(absMinutos / 60);
+	const mins = absMinutos % 60;
+	const sinal = minutos >= 0 ? '+' : '-';
+	return `${sinal}${String(horas).padStart(2, '0')}:${String(mins).padStart(2, '0')}`;
+}
+
+/**
+ * Formata minutos para string de horas
+ */
+export function formatarHoras(minutos: number): string {
+	const absMinutos = Math.abs(minutos);
+	const horas = Math.floor(absMinutos / 60);
+	const mins = absMinutos % 60;
+	const sinal = minutos >= 0 ? '+' : '-';
+	return `${sinal}${horas}h ${mins}min`;
+}
+
+/**
+ * Obtém o nome do dia da semana
+ */
+export function obterDiaSemana(data: string): string {
+	const [ano, mes, dia] = data.split('-').map(Number);
+	const date = new Date(ano, mes - 1, dia);
+	const dias = ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'];
+	return dias[date.getDay()] || '';
+}
+
diff --git a/apps/web/src/lib/utils/ponto/pdf/geradorDetalhesPDF.ts b/apps/web/src/lib/utils/ponto/pdf/geradorDetalhesPDF.ts
new file mode 100644
index 0000000..3318b34
--- /dev/null
+++ b/apps/web/src/lib/utils/ponto/pdf/geradorDetalhesPDF.ts
@@ -0,0 +1,1064 @@
+import jsPDF from 'jspdf';
+import autoTable from 'jspdf-autotable';
+import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+import type { ConvexClient } from 'convex-svelte';
+import { getTipoRegistroLabel } from '../../ponto';
+import { api } from '@sgse-app/backend/convex/_generated/api';
+
+/**
+ * Gera PDF com detalhes de um registro de ponto
+ */
+export async function imprimirDetalhesRegistro(
+	client: ConvexClient,
+	registroId: Id<'registrosPonto'>,
+	logoGovPE: string,
+	onError: (message: string) => void
+): Promise<void> {
+	try {
+		// Buscar dados completos do registro
+		const registro = await client.query(api.pontos.obterRegistro, { registroId });
+
+		if (!registro) {
+			onError('Registro não encontrado');
+			return;
+		}
+
+		const doc = new jsPDF();
+
+		// Logo
+		let yPosition = 20;
+		try {
+			const logoImg = new Image();
+			logoImg.src = logoGovPE;
+			await new Promise<void>((resolve, reject) => {
+				logoImg.onload = () => resolve();
+				logoImg.onerror = () => reject();
+				setTimeout(() => reject(), 3000);
+			});
+
+			const logoWidth = 30;
+			const aspectRatio = logoImg.height / logoImg.width;
+			const logoHeight = logoWidth * aspectRatio;
+
+			doc.addImage(logoImg, 'PNG', 15, 10, logoWidth, logoHeight);
+			yPosition = Math.max(25, 10 + logoHeight / 2);
+		} catch (err) {
+			console.warn('Não foi possível carregar a logo:', err);
+		}
+
+		// Cabeçalho
+		doc.setFontSize(18);
+		doc.setTextColor(41, 128, 185);
+		doc.setFont('helvetica', 'bold');
+		doc.text('DETALHES DO REGISTRO DE PONTO', 105, yPosition, { align: 'center' });
+
+		doc.setDrawColor(41, 128, 185);
+		doc.setLineWidth(0.5);
+		doc.line(15, yPosition + 3, 195, yPosition + 3);
+
+		yPosition += 15;
+
+		// Informações do Funcionário
+		const funcionarioData: Array<[string, string]> = [];
+		if (registro.funcionario) {
+			if (registro.funcionario.matricula) {
+				funcionarioData.push(['Matrícula', registro.funcionario.matricula]);
+			}
+			funcionarioData.push(['Nome', registro.funcionario.nome]);
+			if (registro.funcionario.descricaoCargo) {
+				funcionarioData.push(['Cargo/Função', registro.funcionario.descricaoCargo]);
+			}
+		}
+
+		if (funcionarioData.length > 0) {
+			doc.setFontSize(12);
+			doc.setTextColor(41, 128, 185);
+			doc.setFont('helvetica', 'bold');
+			doc.text('DADOS DO FUNCIONÁRIO', 15, yPosition);
+			yPosition += 8;
+
+			autoTable(doc, {
+				startY: yPosition,
+				head: [['Campo', 'Valor']],
+				body: funcionarioData,
+				theme: 'striped',
+				headStyles: {
+					fillColor: [41, 128, 185],
+					textColor: [255, 255, 255],
+					fontStyle: 'bold',
+					fontSize: 10
+				},
+				bodyStyles: {
+					fontSize: 10,
+					textColor: [0, 0, 0]
+				},
+				columnStyles: {
+					0: { cellWidth: 50, fontStyle: 'bold' },
+					1: { cellWidth: 140 }
+				},
+				margin: { left: 15, right: 15 },
+				styles: { cellPadding: 4 }
+			});
+
+			type JsPDFWithAutoTable = jsPDF & {
+				lastAutoTable?: { finalY: number };
+			};
+			const finalY = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY ?? yPosition + 10;
+			yPosition = finalY + 10;
+		}
+
+		// Informações do Registro
+		const config = await client.query(api.configuracaoPonto.obterConfiguracao, {});
+		const tipoLabel = config
+			? getTipoRegistroLabel(registro.tipo, {
+					nomeEntrada: config.nomeEntrada,
+					nomeSaidaAlmoco: config.nomeSaidaAlmoco,
+					nomeRetornoAlmoco: config.nomeRetornoAlmoco,
+					nomeSaida: config.nomeSaida
+				})
+			: getTipoRegistroLabel(registro.tipo);
+
+		const dataHora = `${registro.data} ${registro.hora.toString().padStart(2, '0')}:${registro.minuto.toString().padStart(2, '0')}:${registro.segundo.toString().padStart(2, '0')}`;
+
+		const registroData: Array<[string, string]> = [
+			['Tipo', tipoLabel],
+			['Data e Hora', dataHora],
+			['Status', registro.dentroDoPrazo ? 'Dentro do Prazo' : 'Fora do Prazo'],
+			['Tolerância', `${registro.toleranciaMinutos} minutos`],
+			['Sincronizado', registro.sincronizadoComServidor ? 'Sim (Servidor)' : 'Não (PC Local)']
+		];
+
+		if (registro.justificativa) {
+			registroData.push(['Justificativa', registro.justificativa]);
+		}
+
+		if (yPosition > 200) {
+			doc.addPage();
+			yPosition = 20;
+		}
+
+		doc.setFontSize(12);
+		doc.setTextColor(41, 128, 185);
+		doc.setFont('helvetica', 'bold');
+		doc.text('DADOS DO REGISTRO', 15, yPosition);
+		yPosition += 8;
+
+		autoTable(doc, {
+			startY: yPosition,
+			head: [['Campo', 'Valor']],
+			body: registroData,
+			theme: 'striped',
+			headStyles: {
+				fillColor: [41, 128, 185],
+				textColor: [255, 255, 255],
+				fontStyle: 'bold',
+				fontSize: 10
+			},
+			bodyStyles: {
+				fontSize: 10,
+				textColor: [0, 0, 0]
+			},
+			columnStyles: {
+				0: { cellWidth: 50, fontStyle: 'bold' },
+				1: { cellWidth: 140 }
+			},
+			margin: { left: 15, right: 15 },
+			styles: { cellPadding: 4 },
+			didParseCell: (data: any) => {
+				if (data.section === 'body' && data.column.index === 1) {
+					if (data.cell.text[0] === 'Dentro do Prazo') {
+						data.cell.styles.textColor = [0, 128, 0];
+						data.cell.styles.fontStyle = 'bold';
+					} else if (data.cell.text[0] === 'Fora do Prazo') {
+						data.cell.styles.textColor = [200, 0, 0];
+						data.cell.styles.fontStyle = 'bold';
+					}
+				}
+			}
+		});
+
+		type JsPDFWithAutoTable2 = jsPDF & {
+			lastAutoTable?: { finalY: number };
+		};
+		const finalYRegistro = (doc as JsPDFWithAutoTable2).lastAutoTable?.finalY ?? yPosition + 10;
+		yPosition = finalYRegistro + 10;
+
+		// Localização
+		if (registro.latitude && registro.longitude) {
+			yPosition = adicionarSecaoLocalizacaoPDF(doc, yPosition, registro);
+		}
+
+		// Validação GPS
+		if (registro.latitude && registro.longitude) {
+			yPosition = await adicionarSecaoValidacaoGPSPDF(doc, yPosition, registro, client);
+		}
+
+		// Geofencing
+		if (registro.latitude && registro.longitude) {
+			yPosition = await adicionarSecaoGeofencingPDF(doc, yPosition, registro, client);
+		}
+
+		// Dados Técnicos
+		if (yPosition > 200) {
+			doc.addPage();
+			yPosition = 20;
+		}
+		yPosition = adicionarSecaoDadosTecnicosPDF(doc, yPosition, registro);
+
+		// Imagem
+		if (registro.imagemUrl) {
+			yPosition = await adicionarImagemPDF(doc, yPosition, registro.imagemUrl);
+		}
+
+		// Rodapé
+		adicionarRodapeDetalhesPDF(doc);
+
+		// Salvar
+		const nomeArquivo = `detalhes-ponto-${registro.data}-${registro.hora.toString().padStart(2, '0')}${registro.minuto.toString().padStart(2, '0')}.pdf`;
+		doc.save(nomeArquivo);
+	} catch (error) {
+		console.error('Erro ao gerar PDF detalhado:', error);
+		onError('Erro ao gerar relatório detalhado. Tente novamente.');
+	}
+}
+
+/**
+ * Adiciona seção de localização no PDF
+ */
+function adicionarSecaoLocalizacaoPDF(
+	doc: jsPDF,
+	yPosition: number,
+	registro: any
+): number {
+	if (yPosition > 200) {
+		doc.addPage();
+		yPosition = 20;
+	}
+
+	const localizacaoData: Array<[string, string]> = [
+		['Latitude', registro.latitude.toFixed(6)],
+		['Longitude', registro.longitude.toFixed(6)]
+	];
+
+	if (registro.precisao) {
+		localizacaoData.push(['Precisão', `${registro.precisao.toFixed(2)} metros`]);
+	}
+	if (registro.endereco) {
+		localizacaoData.push(['Endereço', registro.endereco]);
+	}
+	if (registro.cidade) {
+		localizacaoData.push(['Cidade', registro.cidade]);
+	}
+	if (registro.estado) {
+		localizacaoData.push(['Estado', registro.estado]);
+	}
+	if (registro.pais) {
+		localizacaoData.push(['País', registro.pais]);
+	}
+	if (registro.timezone) {
+		localizacaoData.push(['Fuso Horário', registro.timezone]);
+	}
+
+	doc.setFontSize(12);
+	doc.setTextColor(41, 128, 185);
+	doc.setFont('helvetica', 'bold');
+	doc.text('LOCALIZAÇÃO', 15, yPosition);
+	yPosition += 8;
+
+	autoTable(doc, {
+		startY: yPosition,
+		head: [['Campo', 'Valor']],
+		body: localizacaoData,
+		theme: 'striped',
+		headStyles: {
+			fillColor: [41, 128, 185],
+			textColor: [255, 255, 255],
+			fontStyle: 'bold',
+			fontSize: 10
+		},
+		bodyStyles: {
+			fontSize: 10,
+			textColor: [0, 0, 0]
+		},
+		columnStyles: {
+			0: { cellWidth: 50, fontStyle: 'bold' },
+			1: { cellWidth: 140 }
+		},
+		margin: { left: 15, right: 15 },
+		styles: { cellPadding: 4 }
+	});
+
+	type JsPDFWithAutoTable = jsPDF & {
+		lastAutoTable?: { finalY: number };
+	};
+	const finalY = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY ?? yPosition + 10;
+	return finalY + 10;
+}
+
+/**
+ * Adiciona seção de validação GPS no PDF
+ */
+async function adicionarSecaoValidacaoGPSPDF(
+	doc: jsPDF,
+	yPosition: number,
+	registro: any,
+	client: ConvexClient
+): Promise<number> {
+	if (yPosition > 200) {
+		doc.addPage();
+		yPosition = 20;
+	}
+
+	doc.setFontSize(12);
+	doc.setTextColor(41, 128, 185);
+	doc.setFont('helvetica', 'bold');
+	doc.text('VALIDAÇÃO DE LOCALIZAÇÃO GPS', 15, yPosition);
+	yPosition += 10;
+
+	// Dados do GPS
+	const gpsData: Array<[string, string]> = [];
+	if (registro.precisao !== null && registro.precisao !== undefined) {
+		gpsData.push(['Precisão', `${registro.precisao.toFixed(2)} metros`]);
+	}
+
+	if (gpsData.length > 0) {
+		autoTable(doc, {
+			startY: yPosition,
+			head: [['Campo', 'Valor']],
+			body: gpsData,
+			theme: 'striped',
+			headStyles: {
+				fillColor: [41, 128, 185],
+				textColor: [255, 255, 255],
+				fontStyle: 'bold',
+				fontSize: 10
+			},
+			bodyStyles: {
+				fontSize: 10,
+				textColor: [0, 0, 0]
+			},
+			columnStyles: {
+				0: { cellWidth: 50, fontStyle: 'bold' },
+				1: { cellWidth: 140 }
+			},
+			margin: { left: 15, right: 15 },
+			styles: { cellPadding: 4 }
+		});
+
+		type JsPDFWithAutoTable = jsPDF & {
+			lastAutoTable?: { finalY: number };
+		};
+		const finalY = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY ?? yPosition + 10;
+		yPosition = finalY + 5;
+	}
+
+	// Confiabilidade
+	const confiabilidadeData: Array<[string, string]> = [];
+	if (registro.confiabilidadeGPS !== null && registro.confiabilidadeGPS !== undefined) {
+		const confiabilidadePercent = (registro.confiabilidadeGPS * 100).toFixed(1);
+		confiabilidadeData.push(['Confiabilidade GPS (Frontend)', `${confiabilidadePercent}%`]);
+	}
+	if (
+		registro.scoreConfiancaBackend !== null &&
+		registro.scoreConfiancaBackend !== undefined
+	) {
+		const scorePercent = (registro.scoreConfiancaBackend * 100).toFixed(1);
+		confiabilidadeData.push(['Score de Confiança (Backend)', `${scorePercent}%`]);
+	}
+
+	if (confiabilidadeData.length > 0) {
+		doc.setFontSize(11);
+		doc.setTextColor(0, 0, 0);
+		doc.setFont('helvetica', 'bold');
+		doc.text('Confiabilidade:', 15, yPosition);
+		yPosition += 8;
+
+		autoTable(doc, {
+			startY: yPosition,
+			head: [['Campo', 'Valor']],
+			body: confiabilidadeData,
+			theme: 'striped',
+			headStyles: {
+				fillColor: [60, 60, 60],
+				textColor: [255, 255, 255],
+				fontStyle: 'bold',
+				fontSize: 10
+			},
+			bodyStyles: {
+				fontSize: 10
+			},
+			columnStyles: {
+				0: { cellWidth: 80, fontStyle: 'bold' },
+				1: { cellWidth: 110 }
+			},
+			margin: { left: 15, right: 15 },
+			styles: { cellPadding: 4 },
+			didParseCell: (data: any) => {
+				if (data.section === 'body' && data.column.index === 1) {
+					const valorTexto = data.cell.text[0];
+					const valorNum = parseFloat(valorTexto.replace('%', ''));
+					if (!isNaN(valorNum)) {
+						if (valorNum >= 70) {
+							data.cell.styles.textColor = [0, 128, 0];
+							data.cell.styles.fontStyle = 'bold';
+						} else if (valorNum >= 40) {
+							data.cell.styles.textColor = [255, 165, 0];
+							data.cell.styles.fontStyle = 'bold';
+						} else {
+							data.cell.styles.textColor = [255, 0, 0];
+							data.cell.styles.fontStyle = 'bold';
+						}
+					}
+				}
+			}
+		});
+
+		type JsPDFWithAutoTable = jsPDF & {
+			lastAutoTable?: { finalY: number };
+		};
+		const finalY = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY ?? yPosition + 10;
+		yPosition = finalY + 5;
+	}
+
+	// Status de Validação
+	if (registro.suspeitaSpoofing !== null && registro.suspeitaSpoofing !== undefined) {
+		const statusData: Array<[string, string]> = [];
+
+		if (registro.suspeitaSpoofing) {
+			statusData.push(['Status', '⚠️ MARCAÇÃO SUSPEITA DETECTADA']);
+			if (registro.motivoSuspeita) {
+				statusData.push(['Motivo', registro.motivoSuspeita]);
+			}
+		} else {
+			statusData.push(['Status', '✓ Localização validada com sucesso']);
+		}
+
+		if (statusData.length > 0) {
+			doc.setFontSize(11);
+			doc.setTextColor(0, 0, 0);
+			doc.setFont('helvetica', 'bold');
+			doc.text('Status de Validação:', 15, yPosition);
+			yPosition += 8;
+
+			autoTable(doc, {
+				startY: yPosition,
+				head: [['Campo', 'Valor']],
+				body: statusData,
+				theme: 'striped',
+				headStyles: {
+					fillColor: registro.suspeitaSpoofing ? [200, 0, 0] : [0, 128, 0],
+					textColor: [255, 255, 255],
+					fontStyle: 'bold',
+					fontSize: 10
+				},
+				bodyStyles: {
+					fontSize: 10
+				},
+				columnStyles: {
+					0: { cellWidth: 50, fontStyle: 'bold' },
+					1: { cellWidth: 140 }
+				},
+				margin: { left: 15, right: 15 },
+				styles: { cellPadding: 4 },
+				didParseCell: (data: any) => {
+					if (data.section === 'body' && data.column.index === 1) {
+						if (registro.suspeitaSpoofing) {
+							data.cell.styles.textColor = [200, 0, 0];
+							data.cell.styles.fontStyle = 'bold';
+						} else {
+							data.cell.styles.textColor = [0, 128, 0];
+							data.cell.styles.fontStyle = 'bold';
+						}
+					}
+				}
+			});
+
+			type JsPDFWithAutoTable = jsPDF & {
+				lastAutoTable?: { finalY: number };
+			};
+			const finalY = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY ?? yPosition + 10;
+			yPosition = finalY + 5;
+		}
+	}
+
+	// Avisos
+	if (registro.avisosValidacao && registro.avisosValidacao.length > 0) {
+		const avisosData = registro.avisosValidacao.map((aviso: string) => ['', aviso]);
+
+		doc.setFontSize(11);
+		doc.setTextColor(0, 0, 0);
+		doc.setFont('helvetica', 'bold');
+		doc.text('Avisos de Validação:', 15, yPosition);
+		yPosition += 8;
+
+		autoTable(doc, {
+			startY: yPosition,
+			head: [['', 'Aviso']],
+			body: avisosData,
+			theme: 'striped',
+			headStyles: {
+				fillColor: [255, 165, 0],
+				textColor: [255, 255, 255],
+				fontStyle: 'bold',
+				fontSize: 10
+			},
+			bodyStyles: {
+				fontSize: 10,
+				textColor: [0, 0, 0]
+			},
+			columnStyles: {
+				0: { cellWidth: 10 },
+				1: { cellWidth: 180 }
+			},
+			margin: { left: 15, right: 15 },
+			styles: { cellPadding: 4 }
+		});
+
+		type JsPDFWithAutoTable = jsPDF & {
+			lastAutoTable?: { finalY: number };
+		};
+		const finalY = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY ?? yPosition + 10;
+		yPosition = finalY + 5;
+	}
+
+	// Análise de Propriedades GPS
+	const propriedadesData: Array<[string, string]> = [];
+	let propriedadesGPS = 0;
+	const propriedadesTotais = 5;
+
+	if (registro.altitude !== null && registro.altitude !== undefined && registro.altitude !== 0) {
+		propriedadesData.push(['Altitude', '✓ Disponível']);
+		propriedadesGPS++;
+	} else {
+		propriedadesData.push(['Altitude', '✗ Não disponível']);
+	}
+
+	if (
+		registro.altitudeAccuracy !== null &&
+		registro.altitudeAccuracy !== undefined &&
+		registro.altitudeAccuracy > 0
+	) {
+		propriedadesData.push(['Precisão de Altitude', '✓ Disponível']);
+		propriedadesGPS++;
+	} else {
+		propriedadesData.push(['Precisão de Altitude', '✗ Não disponível']);
+	}
+
+	if (
+		registro.heading !== null &&
+		registro.heading !== undefined &&
+		!isNaN(registro.heading)
+	) {
+		propriedadesData.push(['Direção (Heading)', '✓ Disponível']);
+		propriedadesGPS++;
+	} else {
+		propriedadesData.push(['Direção (Heading)', '✗ Não disponível']);
+	}
+
+	if (registro.speed !== null && registro.speed !== undefined && !isNaN(registro.speed)) {
+		propriedadesData.push(['Velocidade', '✓ Disponível']);
+		propriedadesGPS++;
+	} else {
+		propriedadesData.push(['Velocidade', '✗ Não disponível']);
+	}
+
+	if (
+		registro.precisao !== null &&
+		registro.precisao !== undefined &&
+		registro.precisao < 20
+	) {
+		propriedadesData.push(['Precisão GPS', '✓ Alta precisão (< 20m)']);
+		propriedadesGPS++;
+	} else if (
+		registro.precisao !== null &&
+		registro.precisao !== undefined &&
+		registro.precisao >= 20 &&
+		registro.precisao < 100
+	) {
+		propriedadesData.push(['Precisão GPS', '⚠ Precisão média (20-100m)']);
+		propriedadesGPS += 0.5;
+	} else {
+		propriedadesData.push(['Precisão GPS', '✗ Baixa precisão (> 100m)']);
+	}
+
+	const qualidadeGPS = (propriedadesGPS / propriedadesTotais) * 100;
+	const qualidadeTexto =
+		qualidadeGPS >= 80
+			? 'Alta qualidade (GPS real)'
+			: qualidadeGPS >= 50
+				? 'Qualidade média'
+				: 'Baixa qualidade (possível spoofing)';
+	const qualidadeCor =
+		qualidadeGPS >= 80 ? [0, 128, 0] : qualidadeGPS >= 50 ? [255, 165, 0] : [255, 0, 0];
+	propriedadesData.push(['Qualidade GPS', `${qualidadeTexto} (${qualidadeGPS.toFixed(0)}%)`]);
+
+	doc.setFontSize(11);
+	doc.setTextColor(0, 0, 0);
+	doc.setFont('helvetica', 'bold');
+	doc.text('Análise de Propriedades GPS:', 15, yPosition);
+	yPosition += 8;
+
+	autoTable(doc, {
+		startY: yPosition,
+		head: [['Propriedade', 'Status']],
+		body: propriedadesData,
+		theme: 'striped',
+		headStyles: {
+			fillColor: [60, 60, 60],
+			textColor: [255, 255, 255],
+			fontStyle: 'bold',
+			fontSize: 10
+		},
+		bodyStyles: {
+			fontSize: 10
+		},
+		columnStyles: {
+			0: { cellWidth: 80, fontStyle: 'bold' },
+			1: { cellWidth: 110 }
+		},
+		margin: { left: 15, right: 15 },
+		styles: { cellPadding: 4 },
+		didParseCell: (data: any) => {
+			if (data.section === 'body' && data.column.index === 1) {
+				const texto = data.cell.text[0];
+				if (texto.includes('✓')) {
+					data.cell.styles.textColor = [0, 128, 0];
+					data.cell.styles.fontStyle = 'bold';
+				} else if (texto.includes('✗')) {
+					data.cell.styles.textColor = [200, 0, 0];
+				} else if (texto.includes('⚠')) {
+					data.cell.styles.textColor = [255, 165, 0];
+					data.cell.styles.fontStyle = 'bold';
+				}
+				if (data.row.index === propriedadesData.length - 1) {
+					data.cell.styles.textColor = qualidadeCor;
+					data.cell.styles.fontStyle = 'bold';
+				}
+			}
+		}
+	});
+
+	type JsPDFWithAutoTable = jsPDF & {
+		lastAutoTable?: { finalY: number };
+	};
+	const finalY = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY ?? yPosition + 10;
+	return finalY + 10;
+}
+
+/**
+ * Adiciona seção de geofencing no PDF
+ */
+async function adicionarSecaoGeofencingPDF(
+	doc: jsPDF,
+	yPosition: number,
+	registro: any,
+	client: ConvexClient
+): Promise<number> {
+	if (yPosition > 200) {
+		doc.addPage();
+		yPosition = 20;
+	}
+
+	doc.setFontSize(12);
+	doc.setTextColor(41, 128, 185);
+	doc.setFont('helvetica', 'bold');
+	doc.text('VALIDAÇÃO DE LOCALIZAÇÃO PERMITIDA', 15, yPosition);
+	yPosition += 10;
+
+	if (registro.enderecoMarcacaoEsperado || registro.dentroRaioPermitido !== undefined) {
+		let enderecoEsperadoNome = 'Não configurado';
+		let enderecoEsperadoEndereco = 'Não configurado';
+		let enderecoEsperadoLatitude: number | null = null;
+		let enderecoEsperadoLongitude: number | null = null;
+
+		if (registro.enderecoMarcacaoEsperado) {
+			try {
+				const enderecoEsperado = await client.query(api.enderecosMarcacao.obterEndereco, {
+					enderecoId: registro.enderecoMarcacaoEsperado
+				});
+				if (enderecoEsperado) {
+					enderecoEsperadoNome = enderecoEsperado.nome;
+					enderecoEsperadoEndereco = `${enderecoEsperado.endereco}, ${enderecoEsperado.cidade}/${enderecoEsperado.estado}`;
+					enderecoEsperadoLatitude = enderecoEsperado.latitude;
+					enderecoEsperadoLongitude = enderecoEsperado.longitude;
+				}
+			} catch (error) {
+				console.warn('Erro ao buscar endereço esperado:', error);
+			}
+		}
+
+		const geofencingData: Array<[string, string]> = [
+			['Endereço Esperado', enderecoEsperadoNome],
+			['Localização', enderecoEsperadoEndereco]
+		];
+
+		if (enderecoEsperadoLatitude !== null && enderecoEsperadoLongitude !== null) {
+			geofencingData.push([
+				'Coordenadas Esperadas',
+				`${enderecoEsperadoLatitude.toFixed(6)}, ${enderecoEsperadoLongitude.toFixed(6)}`
+			]);
+		}
+
+		geofencingData.push([
+			'Coordenadas do Registro',
+			`${registro.latitude.toFixed(6)}, ${registro.longitude.toFixed(6)}`
+		]);
+
+		if (
+			registro.distanciaEnderecoEsperado !== null &&
+			registro.distanciaEnderecoEsperado !== undefined
+		) {
+			const distanciaKm = (registro.distanciaEnderecoEsperado / 1000).toFixed(2);
+			const distanciaMetros = registro.distanciaEnderecoEsperado.toFixed(0);
+			const distanciaTexto =
+				registro.distanciaEnderecoEsperado >= 1000
+					? `${distanciaKm} km (${distanciaMetros} metros)`
+					: `${distanciaMetros} metros`;
+			geofencingData.push(['Distância', distanciaTexto]);
+		}
+
+		if (registro.raioToleranciaUsado !== null && registro.raioToleranciaUsado !== undefined) {
+			const raioKm = (registro.raioToleranciaUsado / 1000).toFixed(2);
+			const raioMetros = registro.raioToleranciaUsado.toFixed(0);
+			const raioTexto =
+				registro.raioToleranciaUsado >= 1000
+					? `${raioKm} km (${raioMetros} metros)`
+					: `${raioMetros} metros`;
+			geofencingData.push(['Raio Permitido', raioTexto]);
+		} else {
+			geofencingData.push(['Raio Permitido', 'Não configurado']);
+		}
+
+		let statusTexto = 'Não validado';
+		if (registro.dentroRaioPermitido === true) {
+			statusTexto = '✓ DENTRO DO RAIO PERMITIDO';
+		} else if (registro.dentroRaioPermitido === false) {
+			statusTexto = '⚠️ FORA DO RAIO PERMITIDO';
+			if (
+				registro.distanciaEnderecoEsperado !== null &&
+				registro.distanciaEnderecoEsperado !== undefined &&
+				registro.raioToleranciaUsado !== null &&
+				registro.raioToleranciaUsado !== undefined
+			) {
+				const distanciaExcedente =
+					registro.distanciaEnderecoEsperado - registro.raioToleranciaUsado;
+				const distanciaExcedenteKm = (distanciaExcedente / 1000).toFixed(2);
+				const distanciaExcedenteMetros = distanciaExcedente.toFixed(0);
+				const excedenteTexto =
+					distanciaExcedente >= 1000
+						? `${distanciaExcedenteKm} km além do permitido`
+						: `${distanciaExcedenteMetros} metros além do permitido`;
+				geofencingData.push(['Distância Excedente', excedenteTexto]);
+			}
+		}
+		geofencingData.push(['Status', statusTexto]);
+
+		autoTable(doc, {
+			startY: yPosition,
+			head: [['Campo', 'Valor']],
+			body: geofencingData,
+			theme: 'striped',
+			headStyles: {
+				fillColor: [41, 128, 185],
+				textColor: [255, 255, 255],
+				fontStyle: 'bold',
+				fontSize: 10
+			},
+			bodyStyles: {
+				fontSize: 10
+			},
+			columnStyles: {
+				0: { cellWidth: 60, fontStyle: 'bold' },
+				1: { cellWidth: 130 }
+			},
+			margin: { left: 15, right: 15 },
+			styles: { cellPadding: 4 },
+			didParseCell: (data: any) => {
+				if (data.section === 'body' && data.column.index === 1) {
+					const texto = data.cell.text[0];
+					if (texto.includes('✓ DENTRO')) {
+						data.cell.styles.textColor = [0, 128, 0];
+						data.cell.styles.fontStyle = 'bold';
+					} else if (texto.includes('⚠️ FORA')) {
+						data.cell.styles.textColor = [200, 0, 0];
+						data.cell.styles.fontStyle = 'bold';
+					}
+				}
+			}
+		});
+
+		type JsPDFWithAutoTable = jsPDF & {
+			lastAutoTable?: { finalY: number };
+		};
+		const finalY = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY ?? yPosition + 10;
+		yPosition = finalY + 5;
+
+		if (registro.dentroRaioPermitido === false) {
+			doc.setFontSize(9);
+			doc.setTextColor(100, 100, 100);
+			const observacaoLines = doc.splitTextToSize(
+				'O registro foi realizado fora da área permitida de marcação de ponto. Verifique se o funcionário possui autorização para trabalho remoto ou deslocamento.',
+				170
+			);
+			doc.text(observacaoLines, 20, yPosition);
+			yPosition += observacaoLines.length * 4 + 5;
+			doc.setFontSize(10);
+			doc.setTextColor(0, 0, 0);
+		}
+
+		return yPosition + 5;
+	} else {
+		doc.setFontSize(10);
+		doc.setTextColor(100, 100, 100);
+		doc.text('Validação de localização permitida não configurada para este registro.', 15, yPosition);
+		return yPosition + 8;
+	}
+}
+
+/**
+ * Adiciona seção de dados técnicos no PDF
+ */
+function adicionarSecaoDadosTecnicosPDF(doc: jsPDF, yPosition: number, registro: any): number {
+	doc.setFontSize(12);
+	doc.setTextColor(41, 128, 185);
+	doc.setFont('helvetica', 'bold');
+	doc.text('DADOS TÉCNICOS', 15, yPosition);
+	yPosition += 10;
+
+	const dadosTecnicosData: Array<[string, string]> = [];
+
+	// Informações de Rede
+	if (registro.ipAddress || registro.ipPublico || registro.ipLocal) {
+		if (registro.ipAddress) {
+			dadosTecnicosData.push(['IP', registro.ipAddress]);
+		}
+		if (registro.ipPublico) {
+			dadosTecnicosData.push(['IP Público', registro.ipPublico]);
+		}
+		if (registro.ipLocal) {
+			dadosTecnicosData.push(['IP Local', registro.ipLocal]);
+		}
+	}
+
+	// Informações do Navegador
+	if (registro.browser || registro.userAgent) {
+		if (registro.browser) {
+			dadosTecnicosData.push([
+				'Navegador',
+				`${registro.browser}${registro.browserVersion ? ` ${registro.browserVersion}` : ''}`
+			]);
+		}
+		if (registro.engine) {
+			dadosTecnicosData.push(['Engine', registro.engine]);
+		}
+		if (registro.userAgent) {
+			dadosTecnicosData.push(['User Agent', registro.userAgent]);
+		}
+	}
+
+	// Informações do Sistema
+	if (registro.sistemaOperacional || registro.arquitetura) {
+		if (registro.sistemaOperacional) {
+			dadosTecnicosData.push([
+				'Sistema Operacional',
+				`${registro.sistemaOperacional}${registro.osVersion ? ` ${registro.osVersion}` : ''}`
+			]);
+		}
+		if (registro.arquitetura) {
+			dadosTecnicosData.push(['Arquitetura', registro.arquitetura]);
+		}
+		if (registro.plataforma) {
+			dadosTecnicosData.push(['Plataforma', registro.plataforma]);
+		}
+	}
+
+	// Informações do Dispositivo
+	if (registro.deviceType || registro.screenResolution) {
+		if (registro.deviceType) {
+			dadosTecnicosData.push(['Tipo de Dispositivo', registro.deviceType]);
+		}
+		if (registro.deviceModel) {
+			dadosTecnicosData.push(['Modelo', registro.deviceModel]);
+		}
+		if (registro.screenResolution) {
+			dadosTecnicosData.push(['Resolução', registro.screenResolution]);
+		}
+		if (registro.coresTela) {
+			dadosTecnicosData.push(['Cores da Tela', registro.coresTela]);
+		}
+		if (registro.isMobile || registro.isTablet || registro.isDesktop) {
+			const tipoDispositivo = registro.isMobile
+				? 'Mobile'
+				: registro.isTablet
+					? 'Tablet'
+					: 'Desktop';
+			dadosTecnicosData.push(['Categoria', tipoDispositivo]);
+		}
+		if (registro.idioma) {
+			dadosTecnicosData.push(['Idioma', registro.idioma]);
+		}
+		if (registro.connectionType) {
+			dadosTecnicosData.push(['Tipo de Conexão', registro.connectionType]);
+		}
+		if (registro.memoryInfo) {
+			dadosTecnicosData.push(['Memória', registro.memoryInfo]);
+		}
+	}
+
+	if (dadosTecnicosData.length > 0) {
+		autoTable(doc, {
+			startY: yPosition,
+			head: [['Campo', 'Valor']],
+			body: dadosTecnicosData,
+			theme: 'striped',
+			headStyles: {
+				fillColor: [60, 60, 60],
+				textColor: [255, 255, 255],
+				fontStyle: 'bold',
+				fontSize: 10
+			},
+			bodyStyles: {
+				fontSize: 9,
+				textColor: [0, 0, 0]
+			},
+			columnStyles: {
+				0: { cellWidth: 60, fontStyle: 'bold' },
+				1: { cellWidth: 130 }
+			},
+			margin: { left: 15, right: 15 },
+			styles: { cellPadding: 3 }
+		});
+
+		type JsPDFWithAutoTable = jsPDF & {
+			lastAutoTable?: { finalY: number };
+		};
+		const finalY = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY ?? yPosition + 10;
+		return finalY + 10;
+	}
+
+	return yPosition;
+}
+
+/**
+ * Adiciona imagem ao PDF
+ */
+async function adicionarImagemPDF(
+	doc: jsPDF,
+	yPosition: number,
+	imagemUrl: string
+): Promise<number> {
+	yPosition += 10;
+	if (yPosition > 200) {
+		doc.addPage();
+		yPosition = 20;
+	}
+
+	doc.setFont('helvetica', 'bold');
+	doc.text('FOTO CAPTURADA', 105, yPosition, { align: 'center' });
+	doc.setFont('helvetica', 'normal');
+	yPosition += 10;
+
+	try {
+		const response = await fetch(imagemUrl);
+		if (!response.ok) {
+			throw new Error('Erro ao carregar imagem');
+		}
+
+		const blob = await response.blob();
+		const reader = new FileReader();
+
+		const base64 = await new Promise<string>((resolve, reject) => {
+			reader.onloadend = () => {
+				if (typeof reader.result === 'string') {
+					resolve(reader.result);
+				} else {
+					reject(new Error('Erro ao converter imagem'));
+				}
+			};
+			reader.onerror = () => reject(new Error('Erro ao ler imagem'));
+			reader.readAsDataURL(blob);
+		});
+
+		const img = new Image();
+		await new Promise<void>((resolve, reject) => {
+			img.onload = () => resolve();
+			img.onerror = () => reject(new Error('Erro ao processar imagem'));
+			img.src = base64;
+			setTimeout(() => reject(new Error('Timeout ao processar imagem')), 10000);
+		});
+
+		const maxWidth = 80;
+		const maxHeight = 60;
+		let imgWidth = img.width;
+		let imgHeight = img.height;
+		const aspectRatio = imgWidth / imgHeight;
+
+		if (imgWidth > maxWidth || imgHeight > maxHeight) {
+			if (aspectRatio > 1) {
+				imgWidth = maxWidth;
+				imgHeight = maxWidth / aspectRatio;
+			} else {
+				imgHeight = maxHeight;
+				imgWidth = maxHeight * aspectRatio;
+			}
+		}
+
+		const xPosition = (doc.internal.pageSize.getWidth() - imgWidth) / 2;
+
+		if (yPosition + imgHeight > doc.internal.pageSize.getHeight() - 20) {
+			doc.addPage();
+			yPosition = 20;
+		}
+
+		doc.addImage(base64, 'JPEG', xPosition, yPosition, imgWidth, imgHeight);
+		return yPosition + imgHeight + 10;
+	} catch (error) {
+		console.warn('Erro ao adicionar imagem ao PDF:', error);
+		doc.setFontSize(10);
+		doc.text('Foto não disponível para impressão', 105, yPosition, { align: 'center' });
+		return yPosition + 6;
+	}
+}
+
+/**
+ * Adiciona rodapé ao PDF de detalhes
+ */
+function adicionarRodapeDetalhesPDF(doc: jsPDF): void {
+	const pageCount = doc.getNumberOfPages();
+	for (let i = 1; i <= pageCount; i++) {
+		doc.setPage(i);
+
+		doc.setDrawColor(200, 200, 200);
+		doc.setLineWidth(0.3);
+		doc.line(
+			15,
+			doc.internal.pageSize.getHeight() - 20,
+			195,
+			doc.internal.pageSize.getHeight() - 20
+		);
+
+		doc.setFontSize(8);
+		doc.setTextColor(100, 100, 100);
+		doc.setFont('helvetica', 'normal');
+		const dataGeracao = new Date().toLocaleDateString('pt-BR', {
+			day: '2-digit',
+			month: '2-digit',
+			year: 'numeric',
+			hour: '2-digit',
+			minute: '2-digit'
+		});
+		doc.text(
+			`SGSE - Sistema de Gerenciamento de Secretaria de Esportes`,
+			15,
+			doc.internal.pageSize.getHeight() - 12,
+			{ align: 'left' }
+		);
+		doc.text(
+			`Gerado em: ${dataGeracao} | Página ${i} de ${pageCount}`,
+			195,
+			doc.internal.pageSize.getHeight() - 12,
+			{ align: 'right' }
+		);
+	}
+}
+
diff --git a/apps/web/src/lib/utils/ponto/pdf/geradorPDF.ts b/apps/web/src/lib/utils/ponto/pdf/geradorPDF.ts
new file mode 100644
index 0000000..13868f3
--- /dev/null
+++ b/apps/web/src/lib/utils/ponto/pdf/geradorPDF.ts
@@ -0,0 +1,612 @@
+import jsPDF from 'jspdf';
+import autoTable from 'jspdf-autotable';
+import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+import type { ConvexClient } from 'convex-svelte';
+import { formatarHoraPonto, formatarDataDDMMAAAA, getTipoRegistroLabel } from '../../ponto';
+import type { DiaFichaPonto, ResumoPeriodo, TipoDia } from '../tipos';
+import { processarDadosFichaPonto } from '../processamento';
+import {
+	adicionarLogo,
+	adicionarCabecalho,
+	adicionarDadosFuncionario,
+	adicionarResumoPeriodo,
+	adicionarSaldosPeriodo,
+	adicionarLegenda,
+	adicionarRodape,
+	type SectionsPDF
+} from '../../fichaPontoPDF';
+import { formatarHoras, formatarMinutos } from '../formatacao';
+import { validarPeriodo } from '../validacao';
+
+/**
+ * Gera PDF com seleção de seções
+ */
+export async function gerarPDFComSelecao(
+	client: ConvexClient,
+	sections: SectionsPDF,
+	funcionarioId: Id<'funcionarios'>,
+	dataInicio: string,
+	dataFim: string,
+	funcionarios: Array<{ _id: Id<'funcionarios'>; nome: string; matricula?: string }>,
+	logoGovPE: string,
+	onError: (message: string) => void,
+	onSuccess: () => void,
+	setCarregando: (value: boolean) => void
+): Promise<void> {
+	console.log('[gerarPDFComSelecao] Iniciando geração de PDF', {
+		funcionarioId,
+		dataInicio,
+		dataFim,
+		sections
+	});
+
+	// Verificar se pelo menos uma seção foi selecionada
+	if (!Object.values(sections).some((v) => v)) {
+		console.error('[gerarPDFComSelecao] Nenhuma seção selecionada');
+		onError('Selecione pelo menos uma seção para imprimir');
+		return;
+	}
+
+	// Validar período
+	const validacaoPeriodo = validarPeriodo(dataInicio, dataFim);
+	if (!validacaoPeriodo.valido) {
+		console.error('[gerarPDFComSelecao] Período inválido', validacaoPeriodo);
+		onError(validacaoPeriodo.erro || 'Período inválido');
+		return;
+	}
+
+	const funcionario = funcionarios.find((f) => f._id === funcionarioId);
+	if (!funcionario) {
+		console.error('[gerarPDFComSelecao] Funcionário não encontrado', funcionarioId);
+		onError('Funcionário não encontrado');
+		return;
+	}
+
+	try {
+		setCarregando(true);
+		console.log('[gerarPDFComSelecao] Processando dados...');
+		// Processar todos os dados necessários
+		const { dias, resumo, config: configPonto } = await processarDadosFichaPonto(
+			client,
+			funcionarioId,
+			dataInicio,
+			dataFim
+		);
+
+		console.log('[gerarPDFComSelecao] Dados processados', {
+			diasCount: dias.length,
+			resumo,
+			config: configPonto
+		});
+
+		if (dias.length === 0) {
+			console.error('[gerarPDFComSelecao] Nenhum dado encontrado');
+			onError('Nenhum dado encontrado para este funcionário no período selecionado');
+			setCarregando(false);
+			return;
+		}
+
+		const doc = new jsPDF();
+
+		// Logo e cabeçalho
+		let yPosition = await adicionarLogo(doc, logoGovPE);
+		yPosition = adicionarCabecalho(doc, yPosition);
+
+		// Dados do Funcionário
+		if (sections.dadosFuncionario) {
+			yPosition = adicionarDadosFuncionario(doc, yPosition, funcionario, dataInicio, dataFim);
+		}
+
+		// SEÇÃO: TABELA PRINCIPAL DE REGISTROS (PRIMEIRO)
+		if (sections.registrosPonto) {
+			yPosition = gerarTabelaRegistrosPDF(doc, yPosition, dias, configPonto, sections);
+		}
+
+		// Resumo do Período
+		yPosition = adicionarResumoPeriodo(doc, yPosition, resumo, formatarHoras, formatarMinutos);
+
+		// Saldos do Período
+		yPosition = adicionarSaldosPeriodo(doc, yPosition, resumo, formatarMinutos);
+
+		// Legenda
+		yPosition = adicionarLegenda(doc, yPosition);
+
+		// SEÇÃO: BANCO DE HORAS
+		if (sections.bancoHoras) {
+			yPosition = await gerarSecaoBancoHorasPDF(
+				doc,
+				yPosition,
+				client,
+				funcionarioId,
+				dataInicio,
+				dataFim,
+				configPonto
+			);
+		}
+
+		// SEÇÃO: INCONSISTÊNCIAS (usando alteracoesGestor)
+		if (sections.alteracoesGestor) {
+			yPosition = gerarSecaoInconsistenciasPDF(doc, yPosition, dias);
+		}
+
+		// SEÇÃO: AJUSTES (usando alteracoesGestor)
+		if (sections.alteracoesGestor) {
+			yPosition = gerarSecaoAjustesPDF(doc, yPosition, dias);
+		}
+
+		// SEÇÃO: DISPENSAS
+		if (sections.dispensasRegistro) {
+			yPosition = gerarSecaoDispensasPDF(doc, yPosition, dias);
+		}
+
+		// Rodapé
+		adicionarRodape(doc);
+
+		// Salvar
+		const nomeArquivo = `ficha-ponto-${funcionario.matricula || funcionario.nome}-${dataInicio}-${dataFim}.pdf`;
+		console.log('[gerarPDFComSelecao] Salvando PDF:', nomeArquivo);
+		doc.save(nomeArquivo);
+
+		console.log('[gerarPDFComSelecao] PDF gerado com sucesso');
+		onSuccess();
+	} catch (error) {
+		console.error('Erro ao gerar PDF:', error);
+		const errorMessage = error instanceof Error ? error.message : String(error);
+
+		// Mensagens de erro mais específicas
+		if (errorMessage.includes('Configuração de ponto não encontrada')) {
+			onError('Configuração de ponto não encontrada. Entre em contato com o administrador.');
+		} else if (errorMessage.includes('Nenhum dado encontrado')) {
+			onError('Nenhum dado encontrado para este funcionário no período selecionado.');
+		} else if (errorMessage.includes('timeout') || errorMessage.includes('Timeout')) {
+			onError('Tempo de geração excedido. Tente um período menor (máximo 90 dias).');
+		} else {
+			onError(`Erro ao gerar ficha de ponto: ${errorMessage}`);
+		}
+	} finally {
+		setCarregando(false);
+	}
+}
+
+/**
+ * Gera tabela de registros de ponto no PDF
+ */
+function gerarTabelaRegistrosPDF(
+	doc: jsPDF,
+	yPosition: number,
+	dias: DiaFichaPonto[],
+	config: {
+		horarioEntrada: string;
+		horarioSaidaAlmoco: string;
+		horarioRetornoAlmoco: string;
+		horarioSaida: string;
+		nomeEntrada?: string;
+		nomeSaidaAlmoco?: string;
+		nomeRetornoAlmoco?: string;
+		nomeSaida?: string;
+	},
+	sections: SectionsPDF
+): number {
+	if (yPosition > 250) {
+		doc.addPage();
+		yPosition = 20;
+	}
+
+	doc.setFontSize(14);
+	doc.setTextColor(41, 128, 185);
+	doc.setFont('helvetica', 'bold');
+	doc.text('REGISTROS DE PONTO', 15, yPosition);
+	yPosition += 10;
+
+	// Função auxiliar para obter cor de fundo baseada no tipo de dia
+	const obterCorFundoTipoDia = (tipoDia: TipoDia): number[] => {
+		switch (tipoDia) {
+			case 'atestado':
+				return [230, 240, 255]; // Azul claro
+			case 'ausencia':
+				return [255, 255, 230]; // Amarelo claro
+			case 'abonado':
+				return [230, 255, 230]; // Verde claro
+			case 'nao_computado':
+				return [240, 240, 240]; // Cinza claro
+			case 'inconsistente':
+				return [255, 240, 230]; // Laranja claro
+			default:
+				return [255, 255, 255]; // Branco
+		}
+	};
+
+	// Função auxiliar para obter ícone do tipo de dia
+	const obterIconeTipoDia = (dia: DiaFichaPonto): string => {
+		if (dia.atestado) return '🏥';
+		if (dia.ausencia) return '🚫';
+		if (dia.licenca) return '📋';
+		if (dia.tipoDia === 'abonado') return '✅';
+		if (dia.tipoDia === 'nao_computado') return '⏸';
+		if (dia.inconsistencias.length > 0) return '⚠';
+		return '';
+	};
+
+	// Preparar dados da tabela
+	const tableData: Array<
+		Array<
+			| string
+			| {
+					content: string;
+					styles?: { fillColor?: number[]; textColor?: number[]; fontStyle?: string };
+				}
+		>
+	> = [];
+
+	for (const dia of dias) {
+		const dataFormatada = dia.dataFormatada;
+		const todosRegistros = [
+			...dia.registros.map((r) => ({ ...r, real: true })),
+			...dia.registrosEsperados
+				.filter((re) => !dia.registros.some((r) => r.tipo === re.tipo))
+				.map((re) => ({ ...re, real: false }))
+		].sort((a, b) => {
+			if (a.hora !== b.hora) return a.hora - b.hora;
+			return a.minuto - b.minuto;
+		});
+
+		for (let i = 0; i < todosRegistros.length; i++) {
+			const reg = todosRegistros[i];
+			const linha: Array<
+				string | { content: string; styles?: { fillColor?: number[]; textColor?: number[]; fontStyle?: string } }
+			> = [];
+
+			// Coluna Data (apenas na primeira linha)
+			if (i === 0) {
+				linha.push({
+					content: `${dataFormatada} ${obterIconeTipoDia(dia)}`,
+					styles: {
+						fillColor: obterCorFundoTipoDia(dia.tipoDia),
+						fontStyle: 'bold'
+					}
+				});
+			} else {
+				linha.push('');
+			}
+
+			// Coluna Tipo
+			const tipoLabel = config
+				? getTipoRegistroLabel(reg.tipo as 'entrada' | 'saida_almoco' | 'retorno_almoco' | 'saida', {
+						nomeEntrada: config.nomeEntrada,
+						nomeSaidaAlmoco: config.nomeSaidaAlmoco,
+						nomeRetornoAlmoco: config.nomeRetornoAlmoco,
+						nomeSaida: config.nomeSaida
+					})
+				: getTipoRegistroLabel(reg.tipo as 'entrada' | 'saida_almoco' | 'retorno_almoco' | 'saida');
+
+			if (!('real' in reg) || reg.real) {
+				linha.push(tipoLabel);
+			} else {
+				linha.push({
+					content: tipoLabel,
+					styles: { textColor: [200, 0, 0] } // Vermelho para não marcado
+				});
+			}
+
+			// Coluna Horário
+			const horario = formatarHoraPonto(reg.hora, reg.minuto);
+			if (!('real' in reg) || reg.real) {
+				linha.push(horario);
+			} else {
+				linha.push({
+					content: horario,
+					styles: { textColor: [200, 0, 0] } // Vermelho para não marcado
+				});
+			}
+
+			// Coluna Saldo Diário (se seção selecionada)
+			if (sections.saldoDiario) {
+				if (i === 0 && dia.saldoDiario) {
+					const saldoFormatado = formatarMinutos(dia.saldoDiario.diferencaMinutos);
+					const corSaldo = dia.saldoDiario.diferencaMinutos < 0 ? [200, 0, 0] : [0, 128, 0];
+					linha.push({
+						content: saldoFormatado,
+						styles: { textColor: corSaldo, fontStyle: 'bold' }
+					});
+				} else {
+					linha.push('');
+				}
+			}
+
+			// Coluna Observações (apenas na primeira linha)
+			if (i === 0) {
+				const observacoes: string[] = [];
+				if (dia.atestado) {
+					observacoes.push(`Atestado: ${dia.atestado.tipo}`);
+				}
+				if (dia.ausencia) {
+					observacoes.push(`Ausência: ${dia.ausencia.motivo}`);
+				}
+				if (dia.licenca) {
+					observacoes.push(`Licença: ${dia.licenca.tipo}`);
+				}
+				if (dia.dispensa) {
+					observacoes.push(`Dispensa: ${dia.dispensa.motivo}`);
+				}
+				if (dia.inconsistencias.length > 0) {
+					observacoes.push(`Inconsistências: ${dia.inconsistencias.length}`);
+				}
+				if (dia.ajustes.length > 0) {
+					observacoes.push(
+						`Ajustes: ${dia.ajustes.map((a) => `${a.tipo} ${formatarMinutos(a.valorMinutos)}`).join(', ')}`
+					);
+				}
+
+				linha.push(observacoes.join('; ') || '-');
+			} else {
+				linha.push('');
+			}
+
+			// Coluna Dentro do Prazo
+			if ('real' in reg && reg.real && 'dentroDoPrazo' in reg) {
+				linha.push(reg.dentroDoPrazo ? 'Sim' : 'Não');
+			} else {
+				linha.push('Não marcado');
+			}
+
+			tableData.push(linha);
+		}
+	}
+
+	// Cabeçalhos da tabela
+	const headers = ['Data', 'Tipo', 'Horário'];
+	if (sections.saldoDiario) {
+		headers.push('Saldo Diário');
+	}
+	headers.push('Observações', 'Dentro do Prazo');
+
+	// Adicionar tabela
+	autoTable(doc, {
+		startY: yPosition,
+		head: [headers],
+		body: tableData,
+		theme: 'grid',
+		headStyles: { fillColor: [41, 128, 185], fontStyle: 'bold' },
+		styles: { fontSize: 9 },
+		didParseCell: function (data: any) {
+			if (data.section === 'body' && data.cell.raw) {
+				const cellData = data.cell.raw;
+				if (typeof cellData === 'object' && cellData.styles) {
+					if (cellData.styles.fillColor) {
+						data.cell.styles.fillColor = cellData.styles.fillColor;
+					}
+					if (cellData.styles.textColor) {
+						data.cell.styles.textColor = cellData.styles.textColor;
+					}
+					if (cellData.styles.fontStyle) {
+						data.cell.styles.fontStyle = cellData.styles.fontStyle;
+					}
+				}
+			}
+		}
+	});
+
+	// Calcular nova posição Y
+	const lastPage = doc.getNumberOfPages();
+	doc.setPage(lastPage);
+	type JsPDFWithAutoTable = jsPDF & {
+		lastAutoTable?: { finalY: number };
+	};
+	const finalY = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY;
+	return finalY ? finalY + 10 : yPosition + tableData.length * 7 + 10;
+}
+
+/**
+ * Gera seção de banco de horas no PDF
+ */
+async function gerarSecaoBancoHorasPDF(
+	doc: jsPDF,
+	yPosition: number,
+	client: ConvexClient,
+	funcionarioId: Id<'funcionarios'>,
+	dataInicio: string,
+	dataFim: string,
+	config: {
+		horarioEntrada: string;
+		horarioSaidaAlmoco: string;
+		horarioRetornoAlmoco: string;
+		horarioSaida: string;
+	}
+): Promise<number> {
+	if (yPosition > doc.internal.pageSize.getHeight() - 60) {
+		doc.addPage();
+		yPosition = 20;
+	}
+
+	doc.setFontSize(12);
+	doc.setFont('helvetica', 'bold');
+	doc.setTextColor(41, 128, 185);
+	doc.text('BANCO DE HORAS', 15, yPosition);
+	doc.setFont('helvetica', 'normal');
+	doc.setTextColor(0, 0, 0);
+	yPosition += 10;
+
+	// Buscar banco de horas
+	const { api } = await import('@sgse-app/backend/convex/_generated/api');
+	const bancoHoras = await client.query(api.pontos.obterBancoHorasFuncionario, {
+		funcionarioId
+	});
+
+	if (bancoHoras) {
+		const bancoData = [
+			['Saldo Atual', formatarMinutos(bancoHoras.saldoAtualMinutos || 0)],
+			['Saldo Inicial', formatarMinutos(bancoHoras.saldoInicialMinutos || 0)],
+			['Saldo Final', formatarMinutos(bancoHoras.saldoFinalMinutos || 0)]
+		];
+
+		autoTable(doc, {
+			startY: yPosition,
+			head: [['Campo', 'Valor']],
+			body: bancoData,
+			theme: 'striped',
+			headStyles: { fillColor: [41, 128, 185], fontStyle: 'bold' },
+			styles: { fontSize: 10 }
+		});
+
+		type JsPDFWithAutoTable = jsPDF & {
+			lastAutoTable?: { finalY: number };
+		};
+		const finalY = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY;
+		return finalY ? finalY + 10 : yPosition + bancoData.length * 7 + 10;
+	}
+
+	return yPosition;
+}
+
+/**
+ * Gera seção de inconsistências no PDF
+ */
+function gerarSecaoInconsistenciasPDF(doc: jsPDF, yPosition: number, dias: DiaFichaPonto[]): number {
+	const todasInconsistencias = dias.flatMap((dia) =>
+		dia.inconsistencias.map((inc) => ({
+			...inc,
+			data: dia.data,
+			dataFormatada: dia.dataFormatada
+		}))
+	);
+
+	if (todasInconsistencias.length === 0) {
+		return yPosition;
+	}
+
+	if (yPosition > doc.internal.pageSize.getHeight() - 60) {
+		doc.addPage();
+		yPosition = 20;
+	}
+
+	doc.setFontSize(12);
+	doc.setFont('helvetica', 'bold');
+	doc.setTextColor(41, 128, 185);
+	doc.text('INCONSISTÊNCIAS', 15, yPosition);
+	doc.setFont('helvetica', 'normal');
+	doc.setTextColor(0, 0, 0);
+	yPosition += 10;
+
+	const inconsistenciasData = todasInconsistencias.map((inc) => [
+		formatarDataDDMMAAAA(inc.data),
+		inc.tipo,
+		inc.descricao,
+		inc.status
+	]);
+
+	autoTable(doc, {
+		startY: yPosition,
+		head: [['Data', 'Tipo', 'Descrição', 'Status']],
+		body: inconsistenciasData,
+		theme: 'grid',
+		headStyles: { fillColor: [41, 128, 185], fontStyle: 'bold' },
+		styles: { fontSize: 9 }
+	});
+
+	type JsPDFWithAutoTable = jsPDF & {
+		lastAutoTable?: { finalY: number };
+	};
+	const finalY = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY;
+	return finalY ? finalY + 10 : yPosition + inconsistenciasData.length * 7 + 10;
+}
+
+/**
+ * Gera seção de ajustes no PDF
+ */
+function gerarSecaoAjustesPDF(doc: jsPDF, yPosition: number, dias: DiaFichaPonto[]): number {
+	const todosAjustes = dias.flatMap((dia) =>
+		dia.ajustes.map((ajuste) => ({
+			...ajuste,
+			data: dia.data,
+			dataFormatada: dia.dataFormatada
+		}))
+	);
+
+	if (todosAjustes.length === 0) {
+		return yPosition;
+	}
+
+	if (yPosition > doc.internal.pageSize.getHeight() - 60) {
+		doc.addPage();
+		yPosition = 20;
+	}
+
+	doc.setFontSize(12);
+	doc.setFont('helvetica', 'bold');
+	doc.setTextColor(41, 128, 185);
+	doc.text('AJUSTES DE BANCO DE HORAS', 15, yPosition);
+	doc.setFont('helvetica', 'normal');
+	doc.setTextColor(0, 0, 0);
+	yPosition += 10;
+
+	const ajustesData = todosAjustes.map((ajuste) => [
+		formatarDataDDMMAAAA(ajuste.data),
+		ajuste.tipo === 'abonar' ? 'Abonar' : ajuste.tipo === 'descontar' ? 'Descontar' : 'Compensar',
+		formatarMinutos(ajuste.valorMinutos),
+		ajuste.motivoDescricao || '-'
+	]);
+
+	autoTable(doc, {
+		startY: yPosition,
+		head: [['Data', 'Tipo', 'Valor', 'Motivo']],
+		body: ajustesData,
+		theme: 'grid',
+		headStyles: { fillColor: [41, 128, 185], fontStyle: 'bold' },
+		styles: { fontSize: 9 }
+	});
+
+	type JsPDFWithAutoTable = jsPDF & {
+		lastAutoTable?: { finalY: number };
+	};
+	const finalY = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY;
+	return finalY ? finalY + 10 : yPosition + ajustesData.length * 7 + 10;
+}
+
+/**
+ * Gera seção de dispensas no PDF
+ */
+function gerarSecaoDispensasPDF(doc: jsPDF, yPosition: number, dias: DiaFichaPonto[]): number {
+	const dispensas = dias
+		.map((dia) => dia.dispensa)
+		.filter((d): d is NonNullable<typeof d> => d !== null)
+		.filter((d, index, self) => index === self.findIndex((disp) => disp._id === d._id));
+
+	if (dispensas.length === 0) {
+		return yPosition;
+	}
+
+	if (yPosition > doc.internal.pageSize.getHeight() - 60) {
+		doc.addPage();
+		yPosition = 20;
+	}
+
+	doc.setFontSize(12);
+	doc.setFont('helvetica', 'bold');
+	doc.setTextColor(41, 128, 185);
+	doc.text('DISPENSAS DE REGISTRO', 15, yPosition);
+	doc.setFont('helvetica', 'normal');
+	doc.setTextColor(0, 0, 0);
+	yPosition += 10;
+
+	const dispensasData = dispensas.map((d) => [
+		`${formatarDataDDMMAAAA(d.dataInicio)} a ${formatarDataDDMMAAAA(d.dataFim)}`,
+		d.motivo,
+		d.ativo ? 'Ativa' : 'Inativa'
+	]);
+
+	autoTable(doc, {
+		startY: yPosition,
+		head: [['Período', 'Motivo', 'Status']],
+		body: dispensasData,
+		theme: 'grid',
+		headStyles: { fillColor: [41, 128, 185], fontStyle: 'bold' },
+		styles: { fontSize: 9 }
+	});
+
+	type JsPDFWithAutoTable = jsPDF & {
+		lastAutoTable?: { finalY: number };
+	};
+	const finalY = (doc as JsPDFWithAutoTable).lastAutoTable?.finalY;
+	return finalY ? finalY + 10 : yPosition + dispensasData.length * 7 + 10;
+}
+
diff --git a/apps/web/src/lib/utils/ponto/processamento.ts b/apps/web/src/lib/utils/ponto/processamento.ts
new file mode 100644
index 0000000..63a19a7
--- /dev/null
+++ b/apps/web/src/lib/utils/ponto/processamento.ts
@@ -0,0 +1,684 @@
+import type { ConvexClient } from 'convex-svelte';
+import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+import { api } from '@sgse-app/backend/convex/_generated/api';
+import type { DiaFichaPonto, ResumoPeriodo, RegistroPonto, TipoDia } from './tipos';
+import { calcularSaldoComparativoPorPar } from './calculos';
+import { registroFoiMarcado } from './validacao';
+import { formatarDataDDMMAAAA } from '../ponto';
+import { formatarMinutos, formatarHoras } from './formatacao';
+
+/**
+ * Gera array de todas as datas do período selecionado
+ */
+export function gerarDiasPeriodo(dataInicio: string, dataFim: string): string[] {
+	const dias: string[] = [];
+	const inicio = new Date(dataInicio);
+	const fim = new Date(dataFim);
+
+	for (let d = new Date(inicio); d <= fim; d.setDate(d.getDate() + 1)) {
+		dias.push(d.toISOString().split('T')[0]!);
+	}
+
+	return dias;
+}
+
+/**
+ * Gera registros esperados para um dia baseado na configuração
+ */
+export function gerarRegistrosEsperados(
+	data: string,
+	config: {
+		horarioEntrada: string;
+		horarioSaidaAlmoco: string;
+		horarioRetornoAlmoco: string;
+		horarioSaida: string;
+	}
+): Array<{ tipo: string; hora: number; minuto: number; data: string }> {
+	const [horaEntrada, minutoEntrada] = config.horarioEntrada.split(':').map(Number);
+	const [horaSaidaAlmoco, minutoSaidaAlmoco] = config.horarioSaidaAlmoco.split(':').map(Number);
+	const [horaRetornoAlmoco, minutoRetornoAlmoco] = config.horarioRetornoAlmoco.split(':').map(Number);
+	const [horaSaida, minutoSaida] = config.horarioSaida.split(':').map(Number);
+
+	return [
+		{ tipo: 'entrada', hora: horaEntrada, minuto: minutoEntrada, data },
+		{ tipo: 'saida_almoco', hora: horaSaidaAlmoco, minuto: minutoSaidaAlmoco, data },
+		{ tipo: 'retorno_almoco', hora: horaRetornoAlmoco, minuto: minutoRetornoAlmoco, data },
+		{ tipo: 'saida', hora: horaSaida, minuto: minutoSaida, data }
+	];
+}
+
+/**
+ * Agrupa registros por funcionário e data
+ */
+export function agruparRegistrosPorFuncionario(
+	registros: Array<{
+		_id: Id<'registrosPonto'>;
+		funcionarioId: Id<'funcionarios'>;
+		data: string;
+		funcionario?: { nome: string; matricula?: string; descricaoCargo?: string } | null;
+		[key: string]: any;
+	}>,
+	config?: {
+		horarioEntrada: string;
+		horarioSaidaAlmoco: string;
+		horarioRetornoAlmoco: string;
+		horarioSaida: string;
+	}
+): Array<{
+	funcionario: { nome: string; matricula?: string; descricaoCargo?: string } | null;
+	funcionarioId: Id<'funcionarios'>;
+	registrosPorData: Record<
+		string,
+		{
+			data: string;
+			registros: typeof registros;
+			saldoDiario?: {
+				saldoMinutos: number;
+				horas: number;
+				minutos: number;
+				positivo: boolean;
+			};
+			saldoDiarioComparativo?: {
+				trabalhadoMinutos: number;
+				esperadoMinutos: number;
+				diferencaMinutos: number;
+			};
+		}
+	>;
+}> {
+	const agrupados: Record<
+		string,
+		{
+			funcionario: { nome: string; matricula?: string; descricaoCargo?: string } | null;
+			funcionarioId: Id<'funcionarios'>;
+			registrosPorData: Record<
+				string,
+				{
+					data: string;
+					registros: typeof registros;
+					saldoDiario?: {
+						saldoMinutos: number;
+						horas: number;
+						minutos: number;
+						positivo: boolean;
+					};
+					saldoDiarioComparativo?: {
+						trabalhadoMinutos: number;
+						esperadoMinutos: number;
+						diferencaMinutos: number;
+					};
+				}
+			>;
+		}
+	> = {};
+
+	const registrosProcessados = new Set<string>();
+
+	if (!Array.isArray(registros) || registros.length === 0) {
+		return [];
+	}
+
+	for (const registro of registros) {
+		if (!registro || !registro._id || !registro.funcionarioId || !registro.data) {
+			continue;
+		}
+
+		const chaveUnica = `${registro._id}`;
+		if (registrosProcessados.has(chaveUnica)) {
+			continue;
+		}
+		registrosProcessados.add(chaveUnica);
+
+		const key = registro.funcionarioId;
+		if (!agrupados[key]) {
+			agrupados[key] = {
+				funcionario: registro.funcionario,
+				funcionarioId: registro.funcionarioId,
+				registrosPorData: {}
+			};
+		}
+
+		const dataKey = registro.data;
+		if (!agrupados[key]!.registrosPorData[dataKey]) {
+			agrupados[key]!.registrosPorData[dataKey] = {
+				data: dataKey,
+				registros: [],
+				saldoDiario: undefined
+			};
+		}
+
+		const jaExiste = agrupados[key]!.registrosPorData[dataKey]!.registros.some(
+			(r) => r._id === registro._id
+		);
+		if (!jaExiste) {
+			agrupados[key]!.registrosPorData[dataKey]!.registros.push(registro);
+		}
+	}
+
+	const resultado = Object.values(agrupados);
+
+	resultado.sort((a, b) => {
+		const nomeA = a.funcionario?.nome || '';
+		const nomeB = b.funcionario?.nome || '';
+		return nomeA.localeCompare(nomeB, 'pt-BR');
+	});
+
+	for (const grupo of resultado) {
+		const datasOrdenadas = Object.keys(grupo.registrosPorData).sort((a, b) => {
+			return new Date(b).getTime() - new Date(a).getTime();
+		});
+
+		const registrosPorDataOrdenado: Record<string, (typeof grupo.registrosPorData)[string]> = {};
+		for (const dataKey of datasOrdenadas) {
+			registrosPorDataOrdenado[dataKey] = grupo.registrosPorData[dataKey]!;
+		}
+		grupo.registrosPorData = registrosPorDataOrdenado;
+
+		for (const dataKey in grupo.registrosPorData) {
+			const grupoData = grupo.registrosPorData[dataKey];
+			if (grupoData && grupoData.registros.length > 0) {
+				grupoData.registros.sort((a, b) => {
+					if (a.hora !== b.hora) {
+						return a.hora - b.hora;
+					}
+					return a.minuto - b.minuto;
+				});
+
+				if (config) {
+					const regsReaisOrdenados = [...grupoData.registros].sort((a, b) => {
+						if (a.hora !== b.hora) return a.hora - b.hora;
+						return a.minuto - b.minuto;
+					});
+					const saldosComparativosPorPar = calcularSaldoComparativoPorPar(regsReaisOrdenados, config);
+
+					let totalTrabalhado = 0;
+					const paresProcessados = new Set<number>();
+					for (const [, saldo] of saldosComparativosPorPar.entries()) {
+						if (!paresProcessados.has(saldo.parIndex)) {
+							totalTrabalhado += saldo.trabalhadoMinutos;
+							paresProcessados.add(saldo.parIndex);
+						}
+					}
+
+					const [horaEntradaConfig, minutoEntradaConfig] = config.horarioEntrada.split(':').map(Number);
+					const [horaSaidaAlmocoConfig, minutoSaidaAlmocoConfig] = config.horarioSaidaAlmoco
+						.split(':')
+						.map(Number);
+					const [horaRetornoAlmocoConfig, minutoRetornoAlmocoConfig] =
+						config.horarioRetornoAlmoco.split(':').map(Number);
+					const [horaSaidaConfig, minutoSaidaConfig] = config.horarioSaida.split(':').map(Number);
+
+					const minutosPar1EsperadoConfig =
+						horaSaidaAlmocoConfig * 60 +
+						minutoSaidaAlmocoConfig -
+						(horaEntradaConfig * 60 + minutoEntradaConfig);
+					const minutosPar1EsperadoAjustadoConfig =
+						minutosPar1EsperadoConfig < 0
+							? minutosPar1EsperadoConfig + 24 * 60
+							: minutosPar1EsperadoConfig;
+
+					const minutosPar2EsperadoConfig =
+						horaSaidaConfig * 60 +
+						minutoSaidaConfig -
+						(horaRetornoAlmocoConfig * 60 + minutoRetornoAlmocoConfig);
+					const minutosPar2EsperadoAjustadoConfig =
+						minutosPar2EsperadoConfig < 0
+							? minutosPar2EsperadoConfig + 24 * 60
+							: minutosPar2EsperadoConfig;
+
+					const cargaHorariaDiariaEsperadaMinutos =
+						minutosPar1EsperadoAjustadoConfig + minutosPar2EsperadoAjustadoConfig;
+
+					const diferencaMinutos = totalTrabalhado - cargaHorariaDiariaEsperadaMinutos;
+
+					grupoData.saldoDiarioComparativo = {
+						trabalhadoMinutos: totalTrabalhado,
+						esperadoMinutos: cargaHorariaDiariaEsperadaMinutos,
+						diferencaMinutos: diferencaMinutos
+					};
+				}
+			}
+		}
+	}
+
+	return resultado.filter((grupo) => {
+		const temRegistros = Object.values(grupo.registrosPorData).some(
+			(grupoData) => grupoData.registros && grupoData.registros.length > 0
+		);
+		return temRegistros;
+	});
+}
+
+/**
+ * Processa dados para ficha de ponto
+ * Esta é uma função grande que processa todos os dados necessários para gerar a ficha
+ */
+export async function processarDadosFichaPonto(
+	client: ConvexClient,
+	funcionarioId: Id<'funcionarios'>,
+	dataInicio: string,
+	dataFim: string
+): Promise<{
+	dias: DiaFichaPonto[];
+	resumo: ResumoPeriodo;
+	config: {
+		horarioEntrada: string;
+		horarioSaidaAlmoco: string;
+		horarioRetornoAlmoco: string;
+		horarioSaida: string;
+	};
+}> {
+	// Buscar todos os dados necessários
+	const [
+		registrosFuncionario,
+		atestadosLicencas,
+		ausenciasTodas,
+		ajustes,
+		inconsistencias,
+		homologacoes,
+		dispensas,
+		config
+	] = await Promise.all([
+		client.query(api.pontos.listarRegistrosPeriodo, {
+			funcionarioId,
+			dataInicio,
+			dataFim
+		}),
+		client.query(api.atestadosLicencas.listarPorFuncionario, {
+			funcionarioId
+		}),
+		client.query(api.ausencias.listarTodas, {}),
+		client.query(api.pontos.listarAjustesBancoHoras, {
+			funcionarioId
+		}),
+		client.query(api.pontos.listarInconsistenciasBancoHoras, {}),
+		client.query(api.pontos.listarHomologacoes, {
+			funcionarioId
+		}),
+		client.query(api.pontos.listarDispensas, {
+			funcionarioId,
+			apenasAtivas: false
+		}),
+		client.query(api.configuracaoPonto.obterConfiguracao, {})
+	]);
+
+	const atestados = atestadosLicencas?.atestados || [];
+	const licencas = atestadosLicencas?.licencas || [];
+	const ausencias = (ausenciasTodas || []).filter((a) => a.funcionarioId === funcionarioId);
+
+	if (!config) {
+		throw new Error('Configuração de ponto não encontrada');
+	}
+
+	// Filtrar dados pelo período
+	const dataInicioObj = new Date(dataInicio + 'T00:00:00');
+	const dataFimObj = new Date(dataFim + 'T23:59:59');
+
+	const atestadosPeriodo = (atestados || []).filter((a) => {
+		const inicio = new Date(a.dataInicio);
+		const fim = new Date(a.dataFim);
+		return inicio <= dataFimObj && fim >= dataInicioObj;
+	});
+
+	const ausenciasPeriodo = (ausencias || []).filter((a) => {
+		const inicio = new Date(a.dataInicio);
+		const fim = new Date(a.dataFim);
+		return inicio <= dataFimObj && fim >= dataInicioObj;
+	});
+
+	const licencasPeriodo = (licencas || []).filter((l) => {
+		const inicio = new Date(l.dataInicio);
+		const fim = new Date(l.dataFim);
+		return inicio <= dataFimObj && fim >= dataInicioObj;
+	});
+
+	const ajustesPeriodo = (ajustes || []).filter((a) => {
+		const dataAjuste = new Date(a.dataAplicacao);
+		return dataAjuste >= dataInicioObj && dataAjuste <= dataFimObj;
+	});
+
+	const inconsistenciasPeriodo = (inconsistencias || []).filter((i) => {
+		if (i.funcionarioId !== funcionarioId) return false;
+		const dataInconsistencia = new Date(i.dataDetectada);
+		return dataInconsistencia >= dataInicioObj && dataInconsistencia <= dataFimObj;
+	});
+
+	const dataInicioTimestamp = dataInicioObj.getTime();
+	const dataFimTimestamp = dataFimObj.getTime();
+	const homologacoesPeriodo = (homologacoes || []).filter((h) => {
+		return h.criadoEm >= dataInicioTimestamp && h.criadoEm <= dataFimTimestamp;
+	});
+
+	const dispensasPeriodo = (dispensas || []).filter((d) => {
+		const dispensaInicio = new Date(d.dataInicio + 'T00:00:00');
+		const dispensaFim = new Date(d.dataFim + 'T23:59:59');
+		return dispensaInicio <= dataFimObj && dispensaFim >= dataInicioObj;
+	});
+
+	// Gerar todos os dias do período
+	const diasPeriodo = gerarDiasPeriodo(dataInicio, dataFim);
+	const diasProcessados: DiaFichaPonto[] = [];
+
+	// Agrupar registros por data
+	const registrosPorData: Record<string, RegistroPonto[]> = {};
+	for (const r of registrosFuncionario || []) {
+		if (!registrosPorData[r.data]) {
+			registrosPorData[r.data] = [];
+		}
+		registrosPorData[r.data]!.push(r);
+	}
+
+	// Processar cada dia
+	for (const data of diasPeriodo) {
+		const dataObj = new Date(data);
+		const regsReais = registrosPorData[data] || [];
+		const regsEsperados = gerarRegistrosEsperados(data, config);
+
+		// Verificar atestado
+		const atestadoDia =
+			atestadosPeriodo.find((a) => {
+				const inicio = new Date(a.dataInicio);
+				const fim = new Date(a.dataFim);
+				return dataObj >= inicio && dataObj <= fim;
+			}) || null;
+
+		// Verificar ausência
+		const ausenciaDia =
+			ausenciasPeriodo.find((a) => {
+				const inicio = new Date(a.dataInicio);
+				const fim = new Date(a.dataFim);
+				return dataObj >= inicio && dataObj <= fim;
+			}) || null;
+
+		// Verificar licença
+		const licencaDia =
+			licencasPeriodo.find((l) => {
+				const inicio = new Date(l.dataInicio);
+				const fim = new Date(l.dataFim);
+				return dataObj >= inicio && dataObj <= fim;
+			}) || null;
+
+		// Verificar ajustes do dia
+		const ajustesDia = ajustesPeriodo.filter((a) => a.dataAplicacao === data);
+
+		// Verificar inconsistências do dia
+		const inconsistenciasDia = inconsistenciasPeriodo.filter((i) => i.dataDetectada === data);
+
+		// Verificar homologações do dia
+		const homologacoesDia = homologacoesPeriodo.filter((h) => {
+			if (h.registroId) {
+				const registro = regsReais.find((r) => r._id === h.registroId);
+				return registro !== undefined;
+			}
+			return false;
+		});
+
+		// Verificar dispensa
+		const dispensaDia =
+			dispensasPeriodo.find((d) => {
+				const dispensaInicio = new Date(d.dataInicio + 'T00:00:00');
+				const dispensaFim = new Date(d.dataFim + 'T23:59:59');
+				return dataObj >= dispensaInicio && dataObj <= dispensaFim;
+			}) || null;
+
+		// Calcular saldo diário
+		const regsReaisOrdenados = [...regsReais].sort((a, b) => {
+			if (a.hora !== b.hora) return a.hora - b.hora;
+			return a.minuto - b.minuto;
+		});
+		const saldosComparativosPorPar = calcularSaldoComparativoPorPar(regsReaisOrdenados, config);
+
+		let saldoDiario: { diferencaMinutos: number; trabalhadoMinutos: number; esperadoMinutos: number } | null = null;
+		let saldoDiarioTotalDiferencaMinutos = 0;
+		let saldoDiarioTotalTrabalhadoMinutos = 0;
+		let saldoDiarioTotalEsperadoMinutos = 0;
+
+		// Somar saldos dos pares
+		const paresProcessados = new Set<number>();
+		for (const [, saldo] of saldosComparativosPorPar.entries()) {
+			if (!paresProcessados.has(saldo.parIndex)) {
+				saldoDiarioTotalDiferencaMinutos += saldo.diferencaMinutos;
+				saldoDiarioTotalTrabalhadoMinutos += saldo.trabalhadoMinutos;
+				saldoDiarioTotalEsperadoMinutos += saldo.esperadoMinutos;
+				paresProcessados.add(saldo.parIndex);
+			}
+		}
+
+		// Calcular saldo para pares não marcados
+		const todosRegistros: Array<{ tipo: string; hora: number; minuto: number; real: boolean }> = [];
+		for (const reg of regsReais) {
+			todosRegistros.push({
+				tipo: reg.tipo,
+				hora: reg.hora,
+				minuto: reg.minuto,
+				real: true
+			});
+		}
+		for (const regEsperado of regsEsperados) {
+			if (!registroFoiMarcado(regEsperado, regsReais)) {
+				todosRegistros.push({
+					tipo: regEsperado.tipo,
+					hora: regEsperado.hora,
+					minuto: regEsperado.minuto,
+					real: false
+				});
+			}
+		}
+
+		// Identificar pares não marcados e calcular saldo negativo
+		for (let i = 0; i < todosRegistros.length; i++) {
+			const reg = todosRegistros[i];
+			if ((reg.tipo === 'entrada' || reg.tipo === 'retorno_almoco') && !reg.real) {
+				const tipoSaidaEsperado = reg.tipo === 'entrada' ? 'saida_almoco' : 'saida';
+				const saidaEsperada = todosRegistros.find((r, idx) => {
+					if (idx <= i) return false;
+					if (r.tipo !== tipoSaidaEsperado || r.real) return false;
+					const minutosEntrada = reg.hora * 60 + reg.minuto;
+					const minutosSaidaEsperada = r.hora * 60 + r.minuto;
+					const temRegistroRealNoIntervalo = regsReais.some((real) => {
+						if (real.tipo !== tipoSaidaEsperado) return false;
+						const minutosReal = real.hora * 60 + real.minuto;
+						return minutosReal >= minutosEntrada && minutosReal < minutosSaidaEsperada;
+					});
+					return !temRegistroRealNoIntervalo;
+				});
+
+				if (saidaEsperada) {
+					let esperadoMinutos: number;
+					if (reg.tipo === 'entrada') {
+						const [horaEntradaEsperada, minutoEntradaEsperado] = config.horarioEntrada
+							.split(':')
+							.map(Number);
+						const [horaSaidaAlmocoEsperada, minutoSaidaAlmocoEsperado] = config.horarioSaidaAlmoco
+							.split(':')
+							.map(Number);
+						const minutosEntradaEsperada = horaEntradaEsperada * 60 + minutoEntradaEsperado;
+						const minutosSaidaEsperadaConfig =
+							horaSaidaAlmocoEsperada * 60 + minutoSaidaAlmocoEsperado;
+						esperadoMinutos = minutosSaidaEsperadaConfig - minutosEntradaEsperada;
+						if (esperadoMinutos < 0) esperadoMinutos += 24 * 60;
+					} else {
+						const [horaRetornoAlmocoEsperado, minutoRetornoAlmocoEsperado] =
+							config.horarioRetornoAlmoco.split(':').map(Number);
+						const [horaSaidaEsperada, minutoSaidaEsperado] = config.horarioSaida
+							.split(':')
+							.map(Number);
+						const minutosEntradaEsperada =
+							horaRetornoAlmocoEsperado * 60 + minutoRetornoAlmocoEsperado;
+						const minutosSaidaEsperadaConfig = horaSaidaEsperada * 60 + minutoSaidaEsperado;
+						esperadoMinutos = minutosSaidaEsperadaConfig - minutosEntradaEsperada;
+						if (esperadoMinutos < 0) esperadoMinutos += 24 * 60;
+					}
+
+					saldoDiarioTotalDiferencaMinutos -= esperadoMinutos;
+					saldoDiarioTotalEsperadoMinutos += esperadoMinutos;
+				}
+			}
+		}
+
+		// Aplicar ajustes manuais
+		for (const ajuste of ajustesDia) {
+			if (ajuste.tipo === 'abonar') {
+				saldoDiarioTotalDiferencaMinutos += ajuste.valorMinutos;
+			} else if (ajuste.tipo === 'descontar') {
+				saldoDiarioTotalDiferencaMinutos -= ajuste.valorMinutos;
+			}
+		}
+
+		// Calcular diferença final
+		const diferencaDiariaCorrigida =
+			saldoDiarioTotalTrabalhadoMinutos - saldoDiarioTotalEsperadoMinutos;
+
+		saldoDiario = {
+			diferencaMinutos: diferencaDiariaCorrigida,
+			trabalhadoMinutos: saldoDiarioTotalTrabalhadoMinutos,
+			esperadoMinutos: saldoDiarioTotalEsperadoMinutos
+		};
+
+		// Determinar tipo de dia
+		let tipoDia: TipoDia = 'normal';
+		let computado = true;
+
+		if (dispensaDia) {
+			tipoDia = 'nao_computado';
+			computado = false;
+		} else if (licencaDia) {
+			tipoDia = 'licenca';
+			computado = false;
+		} else if (atestadoDia) {
+			tipoDia = 'atestado';
+			computado = false;
+		} else if (ausenciaDia) {
+			tipoDia = 'ausencia';
+			computado = false;
+		} else if (ajustesDia.some((a) => a.tipo === 'abonar' && a.valorMinutos >= 240)) {
+			tipoDia = 'abonado';
+		}
+
+		if (inconsistenciasDia.length > 0) {
+			tipoDia = 'inconsistente';
+		}
+
+		diasProcessados.push({
+			data,
+			dataFormatada: formatarDataDDMMAAAA(data),
+			tipoDia,
+			registros: regsReais,
+			registrosEsperados: regsEsperados,
+			saldoDiario,
+			saldoAcumulado: 0, // Será calculado depois
+			atestado: atestadoDia
+				? {
+						_id: atestadoDia._id,
+						tipo: atestadoDia.tipo,
+						dataInicio: atestadoDia.dataInicio,
+						dataFim: atestadoDia.dataFim,
+						motivo: atestadoDia.observacoes
+					}
+				: null,
+			ausencia: ausenciaDia
+				? {
+						_id: ausenciaDia._id,
+						motivo: ausenciaDia.motivo,
+						dataInicio: ausenciaDia.dataInicio,
+						dataFim: ausenciaDia.dataFim,
+						status: ausenciaDia.status
+					}
+				: null,
+			licenca: licencaDia
+				? {
+						_id: licencaDia._id,
+						tipo: licencaDia.tipo || 'licenca',
+						dataInicio: licencaDia.dataInicio,
+						dataFim: licencaDia.dataFim
+					}
+				: null,
+			ajustes: ajustesDia.map((a) => ({
+				_id: a._id,
+				tipo: a.tipo,
+				valorMinutos: a.valorMinutos,
+				motivoDescricao: a.motivoDescricao,
+				gestorId: a.gestorId
+			})),
+			inconsistencias: inconsistenciasDia.map((i) => ({
+				_id: i._id,
+				tipo: i.tipo,
+				descricao: i.descricao,
+				dataDetectada: i.dataDetectada,
+				status: i.status,
+				resolvidoPor: i.resolvidoPor,
+				resolvidoEm: i.resolvidoEm
+			})),
+			homologacoes: homologacoesDia.map((h) => ({
+				_id: h._id,
+				motivoDescricao: h.motivoDescricao,
+				gestorId: h.gestorId
+			})),
+			dispensa: dispensaDia
+				? {
+						_id: dispensaDia._id,
+						motivo: dispensaDia.motivo,
+						dataInicio: dispensaDia.dataInicio,
+						dataFim: dispensaDia.dataFim,
+						ativo: dispensaDia.ativo
+					}
+				: null,
+			computado
+		});
+	}
+
+	// Calcular saldo acumulado para cada dia
+	let saldoAcumulado = 0;
+
+	for (const dia of diasProcessados) {
+		if (dia.computado && dia.saldoDiario) {
+			saldoAcumulado += dia.saldoDiario.diferencaMinutos;
+		}
+		dia.saldoAcumulado = saldoAcumulado;
+	}
+
+	// Calcular resumo com formatações
+	const totalHorasTrabalhadas = diasProcessados
+		.filter((d) => d.computado)
+		.reduce((acc, d) => acc + (d.saldoDiario?.trabalhadoMinutos || 0), 0);
+	const totalHorasEsperadas = diasProcessados
+		.filter((d) => d.computado)
+		.reduce((acc, d) => acc + (d.saldoDiario?.esperadoMinutos || 0), 0);
+	const diferencaTotal = diasProcessados
+		.filter((d) => d.computado)
+		.reduce((acc, d) => acc + (d.saldoDiario?.diferencaMinutos || 0), 0);
+	const saldoPeriodo = diferencaTotal;
+	const saldoFinal =
+		diasProcessados.length > 0 ? diasProcessados[diasProcessados.length - 1]!.saldoAcumulado : 0;
+
+	const resumo: ResumoPeriodo = {
+		totalDias: diasProcessados.length,
+		diasTrabalhados: diasProcessados.filter((d) => d.computado && d.registros.length > 0).length,
+		diasComAtestado: diasProcessados.filter((d) => d.atestado !== null).length,
+		diasAusentes: diasProcessados.filter((d) => d.ausencia !== null).length,
+		diasComLicenca: diasProcessados.filter((d) => d.licenca !== null).length,
+		diasAbonados: diasProcessados.filter((d) => d.tipoDia === 'abonado').length,
+		diasNaoComputados: diasProcessados.filter((d) => !d.computado).length,
+		diasComInconsistencia: diasProcessados.filter((d) => d.inconsistencias.length > 0).length,
+		totalHorasTrabalhadas,
+		totalHorasEsperadas,
+		diferencaTotal,
+		saldoInicial: 0,
+		saldoFinal,
+		saldoPeriodo,
+		totalInconsistencias: inconsistenciasPeriodo.length,
+		saldoInicialFormatado: formatarMinutos(0),
+		saldoPeriodoFormatado: formatarMinutos(saldoPeriodo),
+		saldoFinalFormatado: formatarMinutos(saldoFinal),
+		totalHorasTrabalhadasFormatado: formatarHoras(totalHorasTrabalhadas),
+		totalHorasEsperadasFormatado: formatarHoras(totalHorasEsperadas),
+		diferencaTotalFormatado: formatarMinutos(diferencaTotal)
+	};
+
+	return {
+		dias: diasProcessados,
+		resumo,
+		config
+	};
+}
+
diff --git a/apps/web/src/lib/utils/ponto/tipos.ts b/apps/web/src/lib/utils/ponto/tipos.ts
new file mode 100644
index 0000000..a70e86d
--- /dev/null
+++ b/apps/web/src/lib/utils/ponto/tipos.ts
@@ -0,0 +1,111 @@
+import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+
+export type TipoDia =
+	| 'normal'
+	| 'atestado'
+	| 'ausencia'
+	| 'licenca'
+	| 'abonado'
+	| 'nao_computado'
+	| 'ferias'
+	| 'inconsistente';
+
+export interface SaldoDiario {
+	diferencaMinutos: number;
+	trabalhadoMinutos: number;
+	esperadoMinutos: number;
+}
+
+export interface RegistroPonto {
+	_id: Id<'registrosPonto'>;
+	tipo: 'entrada' | 'saida_almoco' | 'retorno_almoco' | 'saida';
+	data: string;
+	hora: number;
+	minuto: number;
+	timestamp: number;
+	dentroDoPrazo: boolean;
+}
+
+export interface DiaFichaPonto {
+	data: string;
+	dataFormatada: string;
+	tipoDia: TipoDia;
+	registros: RegistroPonto[];
+	registrosEsperados: Array<{ tipo: string; hora: number; minuto: number; data: string }>;
+	saldoDiario: SaldoDiario | null;
+	saldoAcumulado: number;
+	atestado: {
+		_id: Id<'atestados'>;
+		tipo: string;
+		dataInicio: string;
+		dataFim: string;
+		motivo?: string;
+	} | null;
+	ausencia: {
+		_id: Id<'solicitacoesAusencias'>;
+		motivo: string;
+		dataInicio: string;
+		dataFim: string;
+		status: string;
+	} | null;
+	licenca: {
+		_id: Id<'licencas'>;
+		tipo: string;
+		dataInicio: string;
+		dataFim: string;
+	} | null;
+	ajustes: Array<{
+		_id: Id<'ajustesBancoHoras'>;
+		tipo: 'abonar' | 'descontar' | 'compensar';
+		valorMinutos: number;
+		motivoDescricao?: string;
+		gestorId?: Id<'usuarios'>;
+	}>;
+	inconsistencias: Array<{
+		_id: Id<'inconsistenciasBancoHoras'>;
+		tipo: string;
+		descricao: string;
+		dataDetectada: string;
+		status: 'pendente' | 'resolvida' | 'ignorada';
+		resolvidoPor?: Id<'usuarios'>;
+		resolvidoEm?: number;
+	}>;
+	homologacoes: Array<{
+		_id: Id<'homologacoesPonto'>;
+		motivoDescricao?: string;
+		gestorId: Id<'usuarios'>;
+	}>;
+	dispensa: {
+		_id: Id<'dispensasRegistro'>;
+		motivo: string;
+		dataInicio: string;
+		dataFim: string;
+		ativo: boolean;
+	} | null;
+	computado: boolean;
+}
+
+export interface ResumoPeriodo {
+	totalDias: number;
+	diasTrabalhados: number;
+	diasComAtestado: number;
+	diasAusentes: number;
+	diasComLicenca: number;
+	diasAbonados: number;
+	diasNaoComputados: number;
+	diasComInconsistencia: number;
+	totalHorasTrabalhadas: number;
+	totalHorasEsperadas: number;
+	diferencaTotal: number;
+	saldoInicial: number;
+	saldoFinal: number;
+	saldoPeriodo: number;
+	totalInconsistencias: number;
+	saldoInicialFormatado?: string;
+	saldoPeriodoFormatado?: string;
+	saldoFinalFormatado?: string;
+	totalHorasTrabalhadasFormatado?: string;
+	totalHorasEsperadasFormatado?: string;
+	diferencaTotalFormatado?: string;
+}
+
diff --git a/apps/web/src/lib/utils/ponto/validacao.ts b/apps/web/src/lib/utils/ponto/validacao.ts
new file mode 100644
index 0000000..c20d72f
--- /dev/null
+++ b/apps/web/src/lib/utils/ponto/validacao.ts
@@ -0,0 +1,43 @@
+/**
+ * Funções de validação para dados de ponto
+ */
+
+/**
+ * Valida se um período de datas é válido
+ */
+export function validarPeriodo(dataInicio: string, dataFim: string): { valido: boolean; erro?: string } {
+	const inicio = new Date(dataInicio);
+	const fim = new Date(dataFim);
+	const hoje = new Date();
+	hoje.setHours(23, 59, 59, 999);
+
+	if (isNaN(inicio.getTime()) || isNaN(fim.getTime())) {
+		return { valido: false, erro: 'Datas inválidas' };
+	}
+
+	if (inicio > fim) {
+		return { valido: false, erro: 'Data de início deve ser anterior à data de fim' };
+	}
+
+	const diasDiferenca = Math.ceil((fim.getTime() - inicio.getTime()) / (1000 * 60 * 60 * 24));
+	if (diasDiferenca > 90) {
+		return { valido: false, erro: 'Período máximo é de 90 dias' };
+	}
+
+	if (fim > hoje) {
+		return { valido: false, erro: 'Data de fim não pode ser no futuro' };
+	}
+
+	return { valido: true };
+}
+
+/**
+ * Verifica se um registro esperado foi marcado
+ */
+export function registroFoiMarcado(
+	registroEsperado: { tipo: string; hora: number; minuto: number; data: string },
+	registrosReais: Array<{ tipo: string; hora: number; minuto: number; data: string }>
+): boolean {
+	return registrosReais.some((r) => r.tipo === registroEsperado.tipo);
+}
+
diff --git a/apps/web/src/routes/(dashboard)/+error.svelte b/apps/web/src/routes/(dashboard)/+error.svelte
new file mode 100644
index 0000000..5b7d9a1
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/+error.svelte
@@ -0,0 +1,85 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+	import { goto } from '$app/navigation';
+	import { Home, ArrowLeft, AlertCircle, FileQuestion } from 'lucide-svelte';
+
+	const is404 = $derived($page.status === 404);
+	const is500 = $derived($page.status === 500 || ($page.status ?? 0) >= 500);
+	const status = $derived($page.status ?? 500);
+	const errorMessage = $derived($page.error?.message);
+</script>
+
+<div class="flex min-h-[60vh] items-center justify-center p-4">
+	<div class="card w-full max-w-2xl bg-base-100 shadow-xl">
+		<div class="card-body text-center">
+			{#if is404}
+				<div class="mb-6 flex justify-center">
+					<div class="bg-warning/10 rounded-full p-6">
+						<FileQuestion class="text-warning h-24 w-24" />
+					</div>
+				</div>
+				<h1 class="text-base-content mb-4 text-6xl font-bold">404</h1>
+				<h2 class="text-base-content mb-2 text-3xl font-semibold">Página não encontrada</h2>
+				<p class="text-base-content/70 mb-8 text-lg">
+					A página que você está procurando não existe ou foi movida.
+				</p>
+			{:else if is500}
+				<div class="mb-6 flex justify-center">
+					<div class="bg-error/10 rounded-full p-6">
+						<AlertCircle class="text-error h-24 w-24" />
+					</div>
+				</div>
+				<h1 class="text-base-content mb-4 text-6xl font-bold">500</h1>
+				<h2 class="text-base-content mb-2 text-3xl font-semibold">Erro interno do servidor</h2>
+				<p class="text-base-content/70 mb-8 text-lg">
+					Ocorreu um erro inesperado. Nossa equipe foi notificada e está trabalhando para resolver o problema.
+				</p>
+			{:else}
+				<div class="mb-6 flex justify-center">
+					<div class="bg-error/10 rounded-full p-6">
+						<AlertCircle class="text-error h-24 w-24" />
+					</div>
+				</div>
+				<h1 class="text-base-content mb-4 text-6xl font-bold">{status}</h1>
+				<h2 class="text-base-content mb-2 text-3xl font-semibold">Erro</h2>
+				<p class="text-base-content/70 mb-8 text-lg">
+					{errorMessage || 'Ocorreu um erro inesperado.'}
+				</p>
+			{/if}
+
+			<div class="card-actions justify-center gap-4">
+				<button
+					class="btn btn-primary"
+					onclick={() => goto('/')}
+					type="button"
+				>
+					<Home class="h-5 w-5" />
+					Voltar ao Início
+				</button>
+				<button
+					class="btn btn-ghost"
+					onclick={() => window.history.back()}
+					type="button"
+				>
+					<ArrowLeft class="h-5 w-5" />
+					Voltar
+				</button>
+			</div>
+		</div>
+	</div>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/web/src/routes/(dashboard)/+layout.svelte b/apps/web/src/routes/(dashboard)/+layout.svelte
index 1eaefd7..1759707 100644
--- a/apps/web/src/routes/(dashboard)/+layout.svelte
+++ b/apps/web/src/routes/(dashboard)/+layout.svelte
@@ -1,13 +1,51 @@
 <script lang="ts">
-	import { Toaster } from 'svelte-sonner';
 	import { page } from '$app/state';
+	import { useQuery } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import ActionGuard from '$lib/components/ActionGuard.svelte';
+	import { Toaster } from 'svelte-sonner';
 	import PushNotificationManager from '$lib/components/PushNotificationManager.svelte';
-
 	const { children } = $props();
 
+	// Usuário atual e consentimento LGPD
+	const currentUser = useQuery(api.auth.getCurrentUser, {});
+	const consentimentoLGPD = useQuery(api.lgpd.verificarConsentimento, { tipo: 'termo_uso' });
+
+	// Redirecionar para o termo de consentimento se obrigatório e não aceito
+	$effect(() => {
+		const p = page.url.pathname;
+
+		// Rotas públicas/que não exigem termo
+		if (
+			p === '/' ||
+			p === '/abrir-chamado' ||
+			p === '/termo-consentimento' ||
+			p.startsWith('/privacidade') ||
+			p.startsWith('/api/')
+		) {
+			return;
+		}
+
+		// Precisa estar autenticado para exigir LGPD
+		if (!currentUser?.data) {
+			return;
+		}
+
+		// Query ainda carregando ou sem dados
+		if (!consentimentoLGPD?.data) {
+			return;
+		}
+
+		const data = consentimentoLGPD.data;
+
+		if (data.termoObrigatorio && !data.aceito) {
+			const redirect = encodeURIComponent(p);
+			window.location.href = `/termo-consentimento?redirect=${redirect}`;
+		}
+	});
+
 	// Resolver recurso/ação a partir da rota
-	let routeAction = $derived.by(() => {
+	const routeAction = $derived.by(() => {
 		const p = page.url.pathname;
 		if (p === '/' || p === '/abrir-chamado') return null;
 
diff --git a/apps/web/src/routes/(dashboard)/+page.svelte b/apps/web/src/routes/(dashboard)/+page.svelte
index 11d7f55..5607d01 100644
--- a/apps/web/src/routes/(dashboard)/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/+page.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import { useQuery } from 'convex-svelte';
-	import { Mail, UserPlus } from 'lucide-svelte';
 	import { onMount } from 'svelte';
 	import { afterNavigate, goto, replaceState } from '$app/navigation';
 	import { resolve } from '$app/paths';
+	import { UserPlus, Mail, Clock, Award, TrendingUp, Zap, Users, Database } from 'lucide-svelte';
 	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
 	import { loginModalStore } from '$lib/stores/loginModal.svelte';
 
@@ -46,10 +46,7 @@
 				} catch {
 					// Se ainda não estiver pronto, usar goto com replaceState
 					// eslint-disable-next-line @typescript-eslint/no-explicit-any
-					goto(resolve(to.url.pathname as any), {
-						replaceState: true,
-						noScroll: true
-					});
+					goto(resolve(to.url.pathname as any), { replaceState: true, noScroll: true });
 				}
 
 				// Auto-fechar após 10 segundos
@@ -250,20 +247,7 @@
 								<p class="text-base-content/60 mt-1 text-xs">de 5 total</p>
 							</div>
 							<div class="bg-warning/20 rounded-full p-4">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="text-warning h-8 w-8"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-									/>
-								</svg>
+								<Clock class="text-warning h-8 w-8" strokeWidth={2} />
 							</div>
 						</div>
 					</div>
@@ -285,20 +269,7 @@
 								</p>
 							</div>
 							<div class="bg-success/20 rounded-full p-4">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="text-success h-8 w-8"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"
-									/>
-								</svg>
+								<Award class="text-success h-8 w-8" strokeWidth={2} />
 							</div>
 						</div>
 					</div>
@@ -318,20 +289,7 @@
 									</p>
 								</div>
 								<div class="bg-secondary/20 rounded-full p-4">
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="text-secondary h-8 w-8"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke="currentColor"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"
-										/>
-									</svg>
+									<TrendingUp class="text-secondary h-8 w-8" strokeWidth={2} />
 								</div>
 							</div>
 						</div>
@@ -340,39 +298,29 @@
 			</div>
 
 			<!-- Monitoramento em Tempo Real -->
-			{#if statusSistemaQuery.data}
+			{#if statusSistemaQuery?.data}
 				{@const status = statusSistemaQuery.data}
-				{@const atividade = atividadeBDQuery.data || {
+				{@const atividade = atividadeBDQuery?.data || {
 					historico: Array.from({ length: 30 }, () => ({ entradas: 0, saidas: 0 }))
 				}}
-				{@const distribuicao = distribuicaoQuery.data || {
+				{@const distribuicao = distribuicaoQuery?.data || {
 					queries: 0,
 					mutations: 0,
 					leituras: 0,
 					escritas: 0
 				}}
-				{@const maxAtividade = Math.max(
-					1,
-					...atividade.historico.map((p) => Math.max(p.entradas, p.saidas))
-				)}
+				{@const maxAtividade =
+					atividade.historico && atividade.historico.length > 0
+						? Math.max(
+								1,
+								...atividade.historico.map((p) => Math.max(p.entradas || 0, p.saidas || 0))
+							)
+						: 1}
 
 				<div class="mb-6">
 					<div class="mb-4 flex items-center gap-3">
 						<div class="bg-error/10 animate-pulse rounded-lg p-2">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="text-error h-6 w-6"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M13 10V3L4 14h7v7l9-11h-7z"
-								/>
-							</svg>
+							<Zap class="text-error h-6 w-6" strokeWidth={2} />
 						</div>
 						<div>
 							<h2 class="text-base-content text-2xl font-bold">Monitoramento em Tempo Real</h2>
@@ -409,20 +357,7 @@
 										<p class="text-base-content/60 mt-1 text-xs">sessões ativas</p>
 									</div>
 									<div class="bg-primary/20 rounded-full p-3">
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											class="text-primary h-6 w-6"
-											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-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-											/>
-										</svg>
+										<Users class="text-primary h-6 w-6" strokeWidth={2} />
 									</div>
 								</div>
 							</div>
@@ -444,20 +379,7 @@
 										<p class="text-base-content/60 mt-1 text-xs">no banco de dados</p>
 									</div>
 									<div class="bg-success/20 rounded-full p-3">
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											class="text-success h-6 w-6"
-											fill="none"
-											viewBox="0 0 24 24"
-											stroke="currentColor"
-										>
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4"
-											/>
-										</svg>
+										<Database class="text-success h-6 w-6" strokeWidth={2} />
 									</div>
 								</div>
 							</div>
@@ -574,27 +496,29 @@
 
 									<!-- Barras de atividade -->
 									<div class="flex h-full items-end justify-around gap-1">
-										{#each atividade.historico as ponto, idx (idx)}
+										{#each atividade.historico || [] as ponto, idx (idx)}
+											{@const entradas = ponto?.entradas || 0}
+											{@const saidas = ponto?.saidas || 0}
 											<div class="group relative flex h-full flex-1 items-end gap-0.5">
 												<!-- Entradas (verde) -->
 												<div
 													class="from-success to-success/70 flex-1 rounded-t bg-linear-to-t transition-all duration-300 hover:scale-110"
-													style="height: {(ponto.entradas / maxAtividade) * 100}%; min-height: 2px;"
-													title="Entradas: {ponto.entradas}"
+													style="height: {(entradas / maxAtividade) * 100}%; min-height: 2px;"
+													title="Entradas: {entradas}"
 												></div>
 												<!-- Saídas (vermelho) -->
 												<div
 													class="from-error to-error/70 flex-1 rounded-t bg-linear-to-t transition-all duration-300 hover:scale-110"
-													style="height: {(ponto.saidas / maxAtividade) * 100}%; min-height: 2px;"
-													title="Saídas: {ponto.saidas}"
+													style="height: {(saidas / maxAtividade) * 100}%; min-height: 2px;"
+													title="Saídas: {saidas}"
 												></div>
 
 												<!-- Tooltip no hover -->
 												<div
 													class="bg-base-300 text-base-content absolute bottom-full left-1/2 z-10 mb-2 -translate-x-1/2 rounded px-2 py-1 text-xs whitespace-nowrap opacity-0 shadow-lg transition-opacity group-hover:opacity-100"
 												>
-													<div>↑ {ponto.entradas} entradas</div>
-													<div>↓ {ponto.saidas} saídas</div>
+													<div>↑ {entradas} entradas</div>
+													<div>↓ {saidas} saídas</div>
 												</div>
 											</div>
 										{/each}
@@ -639,23 +563,29 @@
 									<div>
 										<div class="mb-1 flex justify-between text-sm">
 											<span>Queries (Leituras)</span>
-											<span class="text-primary font-bold">{distribuicao.queries}</span>
+											<span class="text-primary font-bold">{distribuicao?.queries ?? 0}</span>
 										</div>
 										<progress
 											class="progress progress-primary w-full"
-											value={distribuicao.queries}
-											max={Math.max(distribuicao.queries + distribuicao.mutations, 1)}
+											value={distribuicao?.queries ?? 0}
+											max={Math.max(
+												(distribuicao?.queries ?? 0) + (distribuicao?.mutations ?? 0),
+												1
+											)}
 										></progress>
 									</div>
 									<div>
 										<div class="mb-1 flex justify-between text-sm">
 											<span>Mutations (Escritas)</span>
-											<span class="text-secondary font-bold">{distribuicao.mutations}</span>
+											<span class="text-secondary font-bold">{distribuicao?.mutations ?? 0}</span>
 										</div>
 										<progress
 											class="progress progress-secondary w-full"
-											value={distribuicao.mutations}
-											max={Math.max(distribuicao.queries + distribuicao.mutations, 1)}
+											value={distribuicao?.mutations ?? 0}
+											max={Math.max(
+												(distribuicao?.queries ?? 0) + (distribuicao?.mutations ?? 0),
+												1
+											)}
 										></progress>
 									</div>
 								</div>
@@ -669,23 +599,29 @@
 									<div>
 										<div class="mb-1 flex justify-between text-sm">
 											<span>Leituras</span>
-											<span class="text-info font-bold">{distribuicao.leituras}</span>
+											<span class="text-info font-bold">{distribuicao?.leituras ?? 0}</span>
 										</div>
 										<progress
 											class="progress progress-info w-full"
-											value={distribuicao.leituras}
-											max={Math.max(distribuicao.leituras + distribuicao.escritas, 1)}
+											value={distribuicao?.leituras ?? 0}
+											max={Math.max(
+												(distribuicao?.leituras ?? 0) + (distribuicao?.escritas ?? 0),
+												1
+											)}
 										></progress>
 									</div>
 									<div>
 										<div class="mb-1 flex justify-between text-sm">
 											<span>Escritas</span>
-											<span class="text-warning font-bold">{distribuicao.escritas}</span>
+											<span class="text-warning font-bold">{distribuicao?.escritas ?? 0}</span>
 										</div>
 										<progress
 											class="progress progress-warning w-full"
-											value={distribuicao.escritas}
-											max={Math.max(distribuicao.leituras + distribuicao.escritas, 1)}
+											value={distribuicao?.escritas ?? 0}
+											max={Math.max(
+												(distribuicao?.leituras ?? 0) + (distribuicao?.escritas ?? 0),
+												1
+											)}
 										></progress>
 									</div>
 								</div>
diff --git a/apps/web/src/routes/(dashboard)/abrir-chamado/+page.svelte b/apps/web/src/routes/(dashboard)/abrir-chamado/+page.svelte
index 990a0eb..c51fec4 100644
--- a/apps/web/src/routes/(dashboard)/abrir-chamado/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/abrir-chamado/+page.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
+	import { useConvexClient } from 'convex-svelte';
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
-	import { useConvexClient } from 'convex-svelte';
-	import { onMount } from 'svelte';
-	import { resolve } from '$app/paths';
 	import TicketForm from '$lib/components/chamados/TicketForm.svelte';
 	import TicketTimeline from '$lib/components/chamados/TicketTimeline.svelte';
-	import { useConvexWithAuth } from '$lib/hooks/useConvexWithAuth';
 	import { chamadosStore } from '$lib/stores/chamados';
+	import { resolve } from '$app/paths';
+	import { useConvexWithAuth } from '$lib/hooks/useConvexWithAuth';
+	import { LifeBuoy, Info } from 'lucide-svelte';
 
 	type Ticket = Doc<'tickets'>;
 
@@ -172,20 +172,7 @@
 			>
 				<div class="mb-6 flex items-center gap-3">
 					<div class="bg-primary/10 rounded-xl p-2">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-primary h-6 w-6"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-							/>
-						</svg>
+						<LifeBuoy class="text-primary h-6 w-6" strokeWidth={2} />
 					</div>
 					<div>
 						<h2 class="text-base-content text-2xl font-bold">Formulário</h2>
@@ -210,20 +197,7 @@
 			>
 				<div class="mb-4 flex items-center gap-3">
 					<div class="bg-info/10 rounded-xl p-2">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-info 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 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-							/>
-						</svg>
+						<Info class="text-info h-5 w-5" strokeWidth={2} />
 					</div>
 					<h3 class="text-base-content text-lg font-bold">Como funciona a timeline</h3>
 				</div>
diff --git a/apps/web/src/routes/(dashboard)/alterar-senha/+page.svelte b/apps/web/src/routes/(dashboard)/alterar-senha/+page.svelte
index 5f1113f..ee730ce 100644
--- a/apps/web/src/routes/(dashboard)/alterar-senha/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/alterar-senha/+page.svelte
@@ -15,7 +15,6 @@
 	import { onMount } from 'svelte';
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
-	import { authStore } from '$lib/stores/auth.svelte';
 
 	const convex = useConvexClient();
 	const currentUser = useQuery(api.auth.getCurrentUser, {});
@@ -101,15 +100,22 @@
 		carregando = true;
 
 		try {
-			if (!authStore.token) {
-				throw new Error('Token não encontrado');
-			}
-
-			const resultado = await convex.mutation(api.autenticacao.alterarSenha, {
-				token: authStore.token,
+			// Construir objeto de argumentos, incluindo token apenas se existir
+			const args: {
+				senhaAtual: string;
+				novaSenha: string;
+				token?: string;
+			} = {
 				senhaAtual: senhaAtual,
 				novaSenha: novaSenha
-			});
+			};
+
+			// Adicionar token apenas se existir
+			if (authStore.token) {
+				args.token = authStore.token;
+			}
+
+			const resultado = await convex.mutation(api.autenticacao.alterarSenha, args);
 
 			if (resultado.sucesso) {
 				notice = {
diff --git a/apps/web/src/routes/(dashboard)/comunicacao/+page.svelte b/apps/web/src/routes/(dashboard)/comunicacao/+page.svelte
index d7b4a72..04c5e93 100644
--- a/apps/web/src/routes/(dashboard)/comunicacao/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/comunicacao/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Edit, Megaphone, Plus } from 'lucide-svelte';
+	import { Megaphone, Edit, Plus } from 'lucide-svelte';
 	import { resolve } from '$app/paths';
 	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
 </script>
diff --git a/apps/web/src/routes/(dashboard)/controladoria/+page.svelte b/apps/web/src/routes/(dashboard)/controladoria/+page.svelte
index 15e2af7..588b249 100644
--- a/apps/web/src/routes/(dashboard)/controladoria/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/controladoria/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { BarChart3, CheckCircle2, ClipboardCheck, Clock, Plus, TrendingUp } from 'lucide-svelte';
+	import { BarChart3, ClipboardCheck, Plus, CheckCircle2, Clock, TrendingUp } from 'lucide-svelte';
 	import { resolve } from '$app/paths';
 	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
 </script>
diff --git a/apps/web/src/routes/(dashboard)/financeiro/+page.svelte b/apps/web/src/routes/(dashboard)/financeiro/+page.svelte
index eb88047..cb61a50 100644
--- a/apps/web/src/routes/(dashboard)/financeiro/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/financeiro/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Building2, Calculator, DollarSign, FileText, Plus, TrendingUp } from 'lucide-svelte';
+	import { DollarSign, Building2, Plus, Calculator, TrendingUp, FileText } from 'lucide-svelte';
 	import { resolve } from '$app/paths';
 	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
 </script>
diff --git a/apps/web/src/routes/(dashboard)/gestao-pessoas/+page.svelte b/apps/web/src/routes/(dashboard)/gestao-pessoas/+page.svelte
index 31992aa..e34832e 100644
--- a/apps/web/src/routes/(dashboard)/gestao-pessoas/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/gestao-pessoas/+page.svelte
@@ -1,14 +1,13 @@
 <script lang="ts">
 	import { resolve } from '$app/paths';
 	import WidgetGestaoPontos from '$lib/components/ponto/WidgetGestaoPontos.svelte';
+	import { Clock, ChevronRight, Info } from 'lucide-svelte';
 
 	const menuItems = [
 		{
 			categoria: 'Gestão de Ausências',
 			descricao: 'Gerencie solicitações de ausências e aprovações',
-			icon: `<svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
-      </svg>`,
+			iconComponent: Clock,
 			gradient: 'from-orange-500/10 to-orange-600/20',
 			accentColor: 'text-orange-600',
 			bgIcon: 'bg-orange-500/20',
@@ -17,9 +16,7 @@
 					nome: 'Gestão de Ausências',
 					descricao: 'Visualizar e gerenciar solicitações de ausências',
 					href: '/gestao-pessoas/gestao-ausencias',
-					icon: `<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 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
-          </svg>`
+					iconComponent: Clock
 				}
 			]
 		}
@@ -49,9 +46,11 @@
 					<!-- Cabeçalho da Categoria -->
 					<div class="mb-6 flex items-start gap-6">
 						<div class="p-4 {categoria.bgIcon} rounded-2xl">
-							<div class={categoria.accentColor}>
-								{@html categoria.icon}
-							</div>
+							<svelte:component
+								this={categoria.iconComponent}
+								class="h-12 w-12 {categoria.accentColor}"
+								strokeWidth={2}
+							/>
 						</div>
 						<div class="flex-1">
 							<h2 class="card-title mb-2 text-2xl {categoria.accentColor}">
@@ -73,24 +72,16 @@
 										<div
 											class="bg-base-100 group-hover:bg-primary rounded-lg p-3 transition-colors duration-300 group-hover:text-white"
 										>
-											<div class="{categoria.accentColor} group-hover:text-white">
-												{@html opcao.icon}
-											</div>
-										</div>
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											class="text-base-content/30 group-hover:text-primary h-5 w-5 transition-colors duration-300"
-											fill="none"
-											viewBox="0 0 24 24"
-											stroke="currentColor"
-										>
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M9 5l7 7-7 7"
+											<svelte:component
+												this={opcao.iconComponent}
+												class="h-5 w-5 {categoria.accentColor} group-hover:text-white"
+												strokeWidth={2}
 											/>
-										</svg>
+										</div>
+										<ChevronRight
+											class="text-base-content/30 group-hover:text-primary h-5 w-5 transition-colors duration-300"
+											strokeWidth={2}
+										/>
 									</div>
 									<h3
 										class="text-base-content group-hover:text-primary mb-2 text-lg font-bold transition-colors duration-300"
@@ -116,19 +107,7 @@
 
 	<!-- Card de Ajuda -->
 	<div class="alert alert-info mt-8 shadow-lg">
-		<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>
+		<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 		<div>
 			<h3 class="font-bold">Precisa de ajuda?</h3>
 			<div class="text-sm">
diff --git a/apps/web/src/routes/(dashboard)/gestao-pessoas/gestao-ausencias/+page.svelte b/apps/web/src/routes/(dashboard)/gestao-pessoas/gestao-ausencias/+page.svelte
index 75e576a..bad2544 100644
--- a/apps/web/src/routes/(dashboard)/gestao-pessoas/gestao-ausencias/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/gestao-pessoas/gestao-ausencias/+page.svelte
@@ -5,23 +5,63 @@
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
 	import AprovarAusencias from '$lib/components/AprovarAusencias.svelte';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import { parseLocalDate } from '$lib/utils/datas';
+	import jsPDF from 'jspdf';
+	import autoTable from 'jspdf-autotable';
+	import { format } from 'date-fns';
+	import { ptBR } from 'date-fns/locale';
+	import ExcelJS from 'exceljs';
+	import logoGovPE from '$lib/assets/logo_governo_PE.png';
+	import { FileDown, FileSpreadsheet } from 'lucide-svelte';
+	import { toast } from 'svelte-sonner';
 
 	const client = useConvexClient();
 	const currentUser = useQuery(api.auth.getCurrentUser, {});
 
 	// Buscar TODAS as solicitações de ausências
 	const todasAusenciasQuery = useQuery(api.ausencias.listarTodas, {});
+	
+	// Buscar funcionários para filtro
+	const funcionariosQuery = useQuery(api.funcionarios.getAll, {});
 
 	let filtroStatus = $state<string>('todos');
+	let filtroFuncionario = $state<string>('');
+	let filtroPeriodoInicio = $state<string>('');
+	let filtroPeriodoFim = $state<string>('');
+	let gerandoRelatorio = $state(false);
 	let solicitacaoSelecionada = $state<Id<'solicitacoesAusencias'> | null>(null);
 
-	let ausencias = $derived(todasAusenciasQuery?.data || []);
+	const ausencias = $derived(todasAusenciasQuery?.data || []);
+	const funcionarios = $derived(
+		Array.isArray(funcionariosQuery?.data) ? funcionariosQuery.data : funcionariosQuery?.data?.data || []
+	);
 
 	// Filtrar solicitações
 	let ausenciasFiltradas = $derived(
 		ausencias.filter((a) => {
 			// Filtro de status
 			if (filtroStatus !== 'todos' && a.status !== filtroStatus) return false;
+			
+			// Filtro por funcionário
+			if (filtroFuncionario) {
+				if (a.funcionario?._id !== filtroFuncionario) return false;
+			}
+			
+			// Filtro por período
+			if (filtroPeriodoInicio) {
+				const inicioFiltro = new Date(filtroPeriodoInicio);
+				const inicioAusencia = parseLocalDate(a.dataInicio);
+				if (inicioAusencia < inicioFiltro) return false;
+			}
+			
+			if (filtroPeriodoFim) {
+				const fimFiltro = new Date(filtroPeriodoFim);
+				fimFiltro.setHours(23, 59, 59, 999); // Incluir o dia inteiro
+				const fimAusencia = parseLocalDate(a.dataFim);
+				if (fimAusencia > fimFiltro) return false;
+			}
+			
 			return true;
 		})
 	);
@@ -53,8 +93,8 @@
 	}
 
 	function calcularDias(dataInicio: string, dataFim: string): number {
-		const inicio = new Date(dataInicio);
-		const fim = new Date(dataFim);
+		const inicio = parseLocalDate(dataInicio);
+		const fim = parseLocalDate(dataFim);
 		const diff = fim.getTime() - inicio.getTime();
 		return Math.ceil(diff / (1000 * 60 * 60 * 24)) + 1;
 	}
@@ -66,6 +106,383 @@
 	async function recarregar() {
 		solicitacaoSelecionada = null;
 	}
+
+	// Função para gerar PDF
+	async function gerarPDF() {
+		gerandoRelatorio = true;
+		try {
+			const doc = new jsPDF();
+
+			// Logo
+			let yPosition = 20;
+			try {
+				const logoImg = new Image();
+				logoImg.src = logoGovPE;
+				await new Promise<void>((resolve, reject) => {
+					logoImg.onload = () => resolve();
+					logoImg.onerror = () => reject();
+					setTimeout(() => reject(), 3000);
+				});
+
+				const logoWidth = 30;
+				const aspectRatio = logoImg.height / logoImg.width;
+				const logoHeight = logoWidth * aspectRatio;
+
+				doc.addImage(logoImg, 'PNG', 15, 10, logoWidth, logoHeight);
+				yPosition = Math.max(25, 10 + logoHeight / 2);
+			} catch (err) {
+				console.warn('Não foi possível carregar a logo:', err);
+			}
+
+			// Título
+			doc.setFontSize(18);
+			doc.setTextColor(41, 128, 185);
+			doc.text('RELATÓRIO DE AUSÊNCIAS', 105, yPosition, { align: 'center' });
+
+			yPosition += 10;
+
+			// Filtros aplicados
+			doc.setFontSize(10);
+			doc.setTextColor(0, 0, 0);
+			let filtrosTexto = 'Filtros aplicados: ';
+			if (filtroStatus !== 'todos') filtrosTexto += `Status: ${getStatusTexto(filtroStatus)}; `;
+			if (filtroFuncionario) {
+				const func = funcionarios.find((f) => f._id === filtroFuncionario);
+				filtrosTexto += `Funcionário: ${func?.nome || ''}; `;
+			}
+			if (filtroPeriodoInicio && filtroPeriodoFim) {
+				filtrosTexto += `Período: ${format(new Date(filtroPeriodoInicio), 'dd/MM/yyyy', { locale: ptBR })} até ${format(new Date(filtroPeriodoFim), 'dd/MM/yyyy', { locale: ptBR })}; `;
+			}
+
+			if (filtrosTexto === 'Filtros aplicados: ') {
+				filtrosTexto = 'Todos os registros';
+			}
+
+			doc.text(filtrosTexto, 105, yPosition, { align: 'center', maxWidth: 180 });
+
+			yPosition += 8;
+
+			// Data de geração
+			doc.setFontSize(9);
+			doc.setTextColor(100, 100, 100);
+			doc.text(
+				`Gerado em: ${format(new Date(), 'dd/MM/yyyy HH:mm', { locale: ptBR })}`,
+				15,
+				yPosition
+			);
+
+			yPosition += 12;
+
+			// Preparar dados para tabela
+			const dadosTabela: string[][] = ausenciasFiltradas.map((a) => [
+				a.funcionario?.nome || '-',
+				a.funcionario?.matricula || '-',
+				a.time?.nome || '-',
+				parseLocalDate(a.dataInicio).toLocaleDateString('pt-BR'),
+				parseLocalDate(a.dataFim).toLocaleDateString('pt-BR'),
+				calcularDias(a.dataInicio, a.dataFim).toString(),
+				a.motivo.substring(0, 40) + (a.motivo.length > 40 ? '...' : ''),
+				getStatusTexto(a.status)
+			]);
+
+			// Tabela
+			if (dadosTabela.length > 0) {
+				autoTable(doc, {
+					startY: yPosition,
+					head: [
+						[
+							'Funcionário',
+							'Matrícula',
+							'Time',
+							'Data Início',
+							'Data Fim',
+							'Dias',
+							'Motivo',
+							'Status'
+						]
+					],
+					body: dadosTabela,
+					theme: 'striped',
+					headStyles: { fillColor: [41, 128, 185], textColor: 255, fontSize: 7, fontStyle: 'bold' },
+					bodyStyles: { fontSize: 7 },
+					alternateRowStyles: { fillColor: [245, 247, 250] },
+					styles: { cellPadding: 1.5, overflow: 'linebreak' },
+					margin: { top: yPosition, left: 10, right: 10 },
+					tableWidth: 'wrap',
+					columnStyles: {
+						0: { cellWidth: 38, fontSize: 7 }, // Funcionário
+						1: { cellWidth: 18, fontSize: 7 }, // Matrícula
+						2: { cellWidth: 22, fontSize: 7 }, // Time
+						3: { cellWidth: 20, fontSize: 7 }, // Data Início
+						4: { cellWidth: 20, fontSize: 7 }, // Data Fim
+						5: { cellWidth: 12, fontSize: 7 }, // Dias
+						6: { cellWidth: 35, fontSize: 7, overflow: 'linebreak' }, // Motivo
+						7: { cellWidth: 18, fontSize: 7 } // Status
+					}
+				});
+			} else {
+				doc.setFontSize(12);
+				doc.setTextColor(100, 100, 100);
+				doc.text('Nenhum registro encontrado com os filtros aplicados.', 105, yPosition + 20, {
+					align: 'center'
+				});
+			}
+
+			// Footer em todas as páginas
+			const pageCount = doc.getNumberOfPages();
+			for (let i = 1; i <= pageCount; i++) {
+				doc.setPage(i);
+				doc.setFontSize(7);
+				doc.setTextColor(128, 128, 128);
+				doc.text(
+					`SGSE - Sistema de Gerenciamento de Secretaria | Página ${i} de ${pageCount}`,
+					doc.internal.pageSize.getWidth() / 2,
+					doc.internal.pageSize.getHeight() - 8,
+					{ align: 'center' }
+				);
+			}
+
+			// Salvar
+			const nomeArquivo = `relatorio-ausencias-${format(new Date(), 'yyyy-MM-dd-HHmm')}.pdf`;
+			doc.save(nomeArquivo);
+			toast.success('Relatório PDF gerado com sucesso!');
+		} catch (error) {
+			console.error('Erro ao gerar PDF:', error);
+			toast.error('Erro ao gerar relatório PDF. Tente novamente.');
+		} finally {
+			gerandoRelatorio = false;
+		}
+	}
+
+	// Função para gerar Excel
+	async function gerarExcel() {
+		if (ausenciasFiltradas.length === 0) {
+			toast.error('Não há ausências para exportar com os filtros aplicados.');
+			return;
+		}
+
+		gerandoRelatorio = true;
+		try {
+			// Preparar dados
+			const dados: Array<Record<string, string | number>> = ausenciasFiltradas.map((a) => ({
+				Funcionário: a.funcionario?.nome || '-',
+				Matrícula: a.funcionario?.matricula || '-',
+				Time: a.time?.nome || '-',
+				'Data Início': parseLocalDate(a.dataInicio).toLocaleDateString('pt-BR'),
+				'Data Fim': parseLocalDate(a.dataFim).toLocaleDateString('pt-BR'),
+				Dias: calcularDias(a.dataInicio, a.dataFim),
+				Motivo: a.motivo,
+				Status: getStatusTexto(a.status),
+				'Solicitado em': new Date(a.criadoEm).toLocaleDateString('pt-BR')
+			}));
+
+			// Criar workbook com ExcelJS
+			const workbook = new ExcelJS.Workbook();
+			const worksheet = workbook.addWorksheet('Relatório de Ausências');
+
+			// Obter cabeçalhos
+			const headers = Object.keys(dados[0] || {});
+
+			// Carregar logo
+			let logoBuffer: ArrayBuffer | null = null;
+			try {
+				const response = await fetch(logoGovPE);
+				if (response.ok) {
+					logoBuffer = await response.arrayBuffer();
+				} else {
+					const logoImg = new Image();
+					logoImg.crossOrigin = 'anonymous';
+					logoImg.src = logoGovPE;
+					await new Promise<void>((resolve, reject) => {
+						logoImg.onload = () => resolve();
+						logoImg.onerror = () => reject();
+						setTimeout(() => reject(), 3000);
+					});
+
+					const canvas = document.createElement('canvas');
+					canvas.width = logoImg.width;
+					canvas.height = logoImg.height;
+					const ctx = canvas.getContext('2d');
+					if (ctx) {
+						ctx.drawImage(logoImg, 0, 0);
+						const blob = await new Promise<Blob>((resolve, reject) => {
+							canvas.toBlob((blob) => {
+								if (blob) resolve(blob);
+								else reject(new Error('Falha ao converter imagem'));
+							}, 'image/png');
+						});
+						logoBuffer = await blob.arrayBuffer();
+					}
+				}
+			} catch (err) {
+				console.warn('Não foi possível carregar a logo:', err);
+			}
+
+			// Linha 1: Cabeçalho com logo e título
+			worksheet.mergeCells('A1:B1');
+			const logoCell = worksheet.getCell('A1');
+			logoCell.alignment = { vertical: 'middle', horizontal: 'left' };
+			logoCell.border = {
+				right: { style: 'thin', color: { argb: 'FFE0E0E0' } }
+			};
+
+			// Adicionar logo se disponível
+			if (logoBuffer) {
+				const logoId = workbook.addImage({
+					buffer: new Uint8Array(logoBuffer),
+					extension: 'png'
+				});
+				worksheet.addImage(logoId, {
+					tl: { col: 0, row: 0 },
+					ext: { width: 140, height: 55 }
+				});
+			}
+
+			// Mesclar C1 até última coluna para título
+			const lastCol = String.fromCharCode(65 + headers.length - 1);
+			worksheet.mergeCells(`C1:${lastCol}1`);
+			const titleCell = worksheet.getCell('C1');
+			titleCell.value = 'RELATÓRIO DE AUSÊNCIAS';
+			titleCell.font = { bold: true, size: 18, color: { argb: 'FF2980B9' } };
+			titleCell.alignment = { vertical: 'middle', horizontal: 'center' };
+
+			// Ajustar altura da linha 1 para acomodar a logo
+			worksheet.getRow(1).height = 60;
+
+			// Linha 2: Cabeçalhos da tabela
+			headers.forEach((header, index) => {
+				const cell = worksheet.getCell(2, index + 1);
+				cell.value = header;
+				cell.font = { bold: true, size: 11, color: { argb: 'FFFFFFFF' } };
+				cell.fill = {
+					type: 'pattern',
+					pattern: 'solid',
+					fgColor: { argb: 'FF2980B9' }
+				};
+				cell.alignment = { vertical: 'middle', horizontal: 'center', wrapText: true };
+				cell.border = {
+					top: { style: 'thin', color: { argb: 'FF000000' } },
+					bottom: { style: 'thin', color: { argb: 'FF000000' } },
+					left: { style: 'thin', color: { argb: 'FF000000' } },
+					right: { style: 'thin', color: { argb: 'FF000000' } }
+				};
+			});
+
+			// Ajustar altura da linha 2
+			worksheet.getRow(2).height = 25;
+
+			// Linhas 3+: Dados
+			dados.forEach((rowData, rowIndex) => {
+				const row = rowIndex + 3;
+				headers.forEach((header, colIndex) => {
+					const cell = worksheet.getCell(row, colIndex + 1);
+					cell.value = rowData[header];
+
+					// Cor de fundo alternada (zebra striping)
+					const isEvenRow = rowIndex % 2 === 1;
+					cell.fill = {
+						type: 'pattern',
+						pattern: 'solid',
+						fgColor: { argb: isEvenRow ? 'FFF8F9FA' : 'FFFFFFFF' }
+					};
+
+					// Alinhamento
+					let alignment: 'left' | 'center' | 'right' = 'left';
+					if (
+						header === 'Dias' ||
+						header === 'Data Início' ||
+						header === 'Data Fim' ||
+						header === 'Status' ||
+						header === 'Solicitado em'
+					) {
+						alignment = 'center';
+					}
+					cell.alignment = { vertical: 'middle', horizontal: alignment, wrapText: true };
+
+					// Fonte
+					cell.font = { size: 10, color: { argb: 'FF000000' } };
+
+					// Bordas
+					cell.border = {
+						top: { style: 'thin', color: { argb: 'FFE0E0E0' } },
+						bottom: { style: 'thin', color: { argb: 'FFE0E0E0' } },
+						left: { style: 'thin', color: { argb: 'FFE0E0E0' } },
+						right: { style: 'thin', color: { argb: 'FFE0E0E0' } }
+					};
+
+					// Formatação especial para Status
+					if (header === 'Status') {
+						const statusValue = rowData[header];
+						if (statusValue === 'Aprovado') {
+							cell.fill = {
+								type: 'pattern',
+								pattern: 'solid',
+								fgColor: { argb: 'FFD4EDDA' }
+							};
+							cell.font = { size: 10, color: { argb: 'FF155724' } };
+						} else if (statusValue === 'Reprovado') {
+							cell.fill = {
+								type: 'pattern',
+								pattern: 'solid',
+								fgColor: { argb: 'FFF8D7DA' }
+							};
+							cell.font = { size: 10, color: { argb: 'FF721C24' } };
+						} else if (statusValue === 'Aguardando') {
+							cell.fill = {
+								type: 'pattern',
+								pattern: 'solid',
+								fgColor: { argb: 'FFFFF3CD' }
+							};
+							cell.font = { size: 10, color: { argb: 'FF856404' } };
+						}
+					}
+				});
+			});
+
+			// Ajustar largura das colunas
+			worksheet.columns = [
+				{ width: 30 }, // Funcionário
+				{ width: 15 }, // Matrícula
+				{ width: 20 }, // Time
+				{ width: 12 }, // Data Início
+				{ width: 12 }, // Data Fim
+				{ width: 8 }, // Dias
+				{ width: 40 }, // Motivo
+				{ width: 15 }, // Status
+				{ width: 15 } // Solicitado em
+			];
+
+			// Congelar linha 2 (cabeçalho da tabela)
+			worksheet.views = [
+				{
+					state: 'frozen',
+					ySplit: 2,
+					topLeftCell: 'A3',
+					activeCell: 'A3'
+				}
+			];
+
+			// Gerar arquivo
+			const nomeArquivo = `relatorio-ausencias-${format(new Date(), 'yyyy-MM-dd-HHmm')}.xlsx`;
+			const buffer = await workbook.xlsx.writeBuffer();
+			const blob = new Blob([buffer], {
+				type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+			});
+			const url = window.URL.createObjectURL(blob);
+			const link = document.createElement('a');
+			link.href = url;
+			link.download = nomeArquivo;
+			link.click();
+			window.URL.revokeObjectURL(url);
+
+			toast.success('Relatório Excel gerado com sucesso!');
+		} catch (error) {
+			console.error('Erro ao gerar Excel:', error);
+			toast.error('Erro ao gerar relatório Excel. Tente novamente.');
+		} finally {
+			gerandoRelatorio = false;
+		}
+	}
 </script>
 
 <main class="container mx-auto max-w-7xl px-4 py-6">
@@ -220,8 +637,38 @@
 	<!-- Filtros -->
 	<div class="card bg-base-100 mb-6 shadow-lg">
 		<div class="card-body">
-			<h2 class="card-title mb-4 text-lg">Filtros</h2>
-			<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+			<div class="mb-4 flex items-center justify-between">
+				<h2 class="card-title text-lg">Filtros</h2>
+				<div class="flex gap-2">
+					<button
+						type="button"
+						class="btn btn-primary btn-sm gap-2"
+						onclick={gerarPDF}
+						disabled={gerandoRelatorio || ausenciasFiltradas.length === 0}
+					>
+						{#if gerandoRelatorio}
+							<span class="loading loading-spinner loading-xs"></span>
+						{:else}
+							<FileDown class="h-4 w-4" strokeWidth={2} />
+						{/if}
+						Gerar PDF
+					</button>
+					<button
+						type="button"
+						class="btn btn-success btn-sm gap-2"
+						onclick={gerarExcel}
+						disabled={gerandoRelatorio || ausenciasFiltradas.length === 0}
+					>
+						{#if gerandoRelatorio}
+							<span class="loading loading-spinner loading-xs"></span>
+						{:else}
+							<FileSpreadsheet class="h-4 w-4" strokeWidth={2} />
+						{/if}
+						Gerar Excel
+					</button>
+				</div>
+			</div>
+			<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
 				<div class="form-control">
 					<label class="label" for="filtro-status">
 						<span class="label-text">Status</span>
@@ -233,6 +680,43 @@
 						<option value="reprovado">Reprovado</option>
 					</select>
 				</div>
+				<div class="form-control">
+					<label class="label" for="filtro-funcionario">
+						<span class="label-text">Funcionário</span>
+					</label>
+					<select
+						id="filtro-funcionario"
+						class="select select-bordered"
+						bind:value={filtroFuncionario}
+					>
+						<option value="">Todos</option>
+						{#each funcionarios as funcionario}
+							<option value={funcionario._id}>{funcionario.nome}</option>
+						{/each}
+					</select>
+				</div>
+				<div class="form-control">
+					<label class="label" for="filtro-periodo-inicio">
+						<span class="label-text">Período - Início</span>
+					</label>
+					<input
+						id="filtro-periodo-inicio"
+						type="date"
+						class="input input-bordered"
+						bind:value={filtroPeriodoInicio}
+					/>
+				</div>
+				<div class="form-control">
+					<label class="label" for="filtro-periodo-fim">
+						<span class="label-text">Período - Fim</span>
+					</label>
+					<input
+						id="filtro-periodo-fim"
+						type="date"
+						class="input input-bordered"
+						bind:value={filtroPeriodoFim}
+					/>
+				</div>
 			</div>
 		</div>
 	</div>
@@ -285,9 +769,10 @@
 									<td>
 										{#if ausencia.time}
 											<div
-												class="badge badge-sm font-semibold"
+												class="badge badge-sm font-semibold max-w-full overflow-hidden text-ellipsis whitespace-nowrap"
 												style="background-color: {ausencia.time.cor}20; border-color: {ausencia.time
 													.cor}; color: {ausencia.time.cor}"
+												title={ausencia.time.nome}
 											>
 												{ausencia.time.nome}
 											</div>
@@ -296,8 +781,8 @@
 										{/if}
 									</td>
 									<td>
-										{new Date(ausencia.dataInicio).toLocaleDateString('pt-BR')} até{' '}
-										{new Date(ausencia.dataFim).toLocaleDateString('pt-BR')}
+										{parseLocalDate(ausencia.dataInicio).toLocaleDateString('pt-BR')} até{' '}
+										{parseLocalDate(ausencia.dataFim).toLocaleDateString('pt-BR')}
 									</td>
 									<td class="font-bold">
 										{calcularDias(ausencia.dataInicio, ausencia.dataFim)} dias
@@ -387,7 +872,7 @@
 	{#await client.query( api.ausencias.obterDetalhes, { solicitacaoId: solicitacaoSelecionada } ) then detalhes}
 		{#if detalhes}
 			<dialog class="modal modal-open">
-				<div class="modal-box max-w-4xl">
+				<div class="modal-box max-h-[95vh] w-full max-w-2xl overflow-y-auto p-4 md:p-6">
 					<AprovarAusencias
 						solicitacao={detalhes}
 						gestorId={currentUser.data._id}
diff --git a/apps/web/src/routes/(dashboard)/perfil/+page.svelte b/apps/web/src/routes/(dashboard)/perfil/+page.svelte
index 408a55a..656ad66 100644
--- a/apps/web/src/routes/(dashboard)/perfil/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/perfil/+page.svelte
@@ -1,8 +1,16 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
-	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
-	import type { FunctionReturnType } from 'convex/server';
-	import { useConvexClient, useQuery } from 'convex-svelte';
+	import { resolve } from '$app/paths';
+	import AprovarFerias from '$lib/components/AprovarFerias.svelte';
+	import WizardSolicitacaoFerias from '$lib/components/ferias/WizardSolicitacaoFerias.svelte';
+	import WizardSolicitacaoAusencia from '$lib/components/ausencias/WizardSolicitacaoAusencia.svelte';
+	import AprovarAusencias from '$lib/components/AprovarAusencias.svelte';
+	import CalendarioAusencias from '$lib/components/ausencias/CalendarioAusencias.svelte';
+	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
+	import UserAvatar from '$lib/components/chat/UserAvatar.svelte';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+
+	import { parseLocalDate } from '$lib/utils/datas';
 	import {
 		Briefcase,
 		Building2,
@@ -15,26 +23,26 @@
 		Eye,
 		FileCheck,
 		Fingerprint,
-		Hash,
+		Palette,
+		Camera,
+		Users as UsersIcon,
+		FileText,
+		Building,
+		XCircle,
+		Smile,
 		Info,
 		ListChecks,
-		Mail,
-		Palette,
-		Shield,
 		User,
+		Mail,
 		Users,
+		Shield,
+		Hash,
 		X
 	} from 'lucide-svelte';
-	import { resolve } from '$app/paths';
-	import AprovarAusencias from '$lib/components/AprovarAusencias.svelte';
-	import AprovarFerias from '$lib/components/AprovarFerias.svelte';
-	import CalendarioAusencias from '$lib/components/ausencias/CalendarioAusencias.svelte';
-	import WizardSolicitacaoAusencia from '$lib/components/ausencias/WizardSolicitacaoAusencia.svelte';
+	import RegistroPonto from '$lib/components/ponto/RegistroPonto.svelte';
+	import BancoHorasMensal from '$lib/components/ponto/BancoHorasMensal.svelte';
 	import TicketCard from '$lib/components/chamados/TicketCard.svelte';
 	import TicketTimeline from '$lib/components/chamados/TicketTimeline.svelte';
-	import WizardSolicitacaoFerias from '$lib/components/ferias/WizardSolicitacaoFerias.svelte';
-	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
-	import RegistroPonto from '$lib/components/ponto/RegistroPonto.svelte';
 	import { useConvexWithAuth } from '$lib/hooks/useConvexWithAuth';
 	import { chamadosStore } from '$lib/stores/chamados';
 	import {
@@ -44,22 +52,22 @@
 		getStatusLabel,
 		prazoRestante
 	} from '$lib/utils/chamados';
-	import { aplicarTema, type Tema, temasDisponiveis } from '$lib/utils/temas';
+	import type { Doc } from '@sgse-app/backend/convex/_generated/dataModel';
+	import { temasDisponiveis, aplicarTema } from '$lib/utils/temas';
+	import { useConvexClient, useQuery } from 'convex-svelte';
 
 	const client = useConvexClient();
 	// @ts-expect-error - Convex types issue with getCurrentUser
 	const currentUser = useQuery(api.auth.getCurrentUser, {});
 
-	type FuncionarioAtual = FunctionReturnType<typeof api.funcionarios.getCurrent>;
-	type TimeAtual = FunctionReturnType<typeof api.times.obterTimeFuncionario>;
-	type MinhasSolicitacoes = FunctionReturnType<typeof api.ferias.listarMinhasSolicitacoes>;
-	type MinhasAusencias = FunctionReturnType<typeof api.ausencias.listarMinhasSolicitacoes>;
-	let funcionarioEstavel = $state<FuncionarioAtual | null>(null);
-	let meuTimeEstavel = $state<TimeAtual | null>(null);
-	let minhasSolicitacoesEstaveis = $state<MinhasSolicitacoes>([]);
-	let minhasAusenciasEstaveis = $state<MinhasAusencias>([]);
+	type HistoricoAlteracaoFerias = {
+		data: number;
+		usuarioId: Id<'usuarios'>;
+		acao: string;
+		usuarioNome?: string;
+	};
 
-	let abaAtiva = $state<
+	type AbaPerfil =
 		| 'meu-perfil'
 		| 'meus-chamados'
 		| 'minhas-ferias'
@@ -67,10 +75,18 @@
 		| 'aprovar-ferias'
 		| 'aprovar-ausencias'
 		| 'meu-ponto'
-		| 'aparencia'
-	>('meu-perfil');
+		| 'meu-banco-horas'
+		| 'aparencia';
+
+	let abaAtiva = $state<AbaPerfil>('meu-perfil');
+
+	function mudarAba(novaAba: AbaPerfil) {
+		abaAtiva = novaAba;
+	}
 
 	let periodoSelecionado = $state<Id<'ferias'> | null>(null);
+	let periodoHistoricoFerias = $state<Id<'ferias'> | null>(null);
+	let ausenciaHistorico = $state<Id<'solicitacoesAusencias'> | null>(null);
 
 	let mostrarModalFoto = $state(false);
 	let uploadandoFoto = $state(false);
@@ -81,10 +97,12 @@
 	// Estados para Minhas Férias
 	let mostrarWizard = $state(false);
 	let filtroStatusFerias = $state<string>('todos');
+	let refreshKeyFerias = $state(0);
 
 	// Estados para Minhas Ausências
 	let mostrarWizardAusencia = $state(false);
 	let filtroStatusAusencias = $state<string>('todos');
+	let refreshKeyAusencias = $state(0);
 
 	// Estados para Aprovar Ausências (Gestores)
 	let solicitacaoAusenciaAprovar = $state<Id<'solicitacoesAusencias'> | null>(null);
@@ -124,127 +142,70 @@
 	let funcionarioIdDisponivel = $derived(currentUser?.data?.funcionarioId ?? null);
 	let gestorIdDisponivel = $derived(currentUser?.data?._id ?? null);
 
+	// Qualquer usuário com funcionarioId é considerado funcionário
+	const isFuncionario = $derived(!!funcionarioIdDisponivel);
+
 	// Verificar autenticação antes de executar queries
 	let usuarioAutenticado = $derived(currentUser?.data !== null && currentUser?.data !== undefined);
 
-	// ✅ CORRIGIDO: Queries condicionais - só executar se usuário estiver autenticado
-	// Queries que não requerem argumentos são criadas uma vez
-	const funcionarioQuery = useQuery(api.funcionarios.getCurrent, usuarioAutenticado ? {} : 'skip');
-	const timesSubordinadosQuery = useQuery(
-		api.times.listarSubordinadosDoGestorAtual,
+	// ✅ CORRIGIDO: Queries diretas com argumentos reativos
+	const funcionarioQuery = useQuery(api.funcionarios.getCurrent, () =>
 		usuarioAutenticado ? {} : 'skip'
 	);
-	const chamadosQuery = useQuery(
-		api.chamados.listarChamadosUsuario,
+	const timesSubordinadosQuery = useQuery(api.times.listarSubordinadosDoGestorAtual, () =>
+		usuarioAutenticado ? {} : 'skip'
+	);
+	const chamadosQuery = useQuery(api.chamados.listarChamadosUsuario, () =>
 		usuarioAutenticado ? {} : 'skip'
 	);
 
-	// ✅ CORRIGIDO: Queries com argumentos obrigatórios usando $derived.by para estabilidade
-	// Usamos uma chave estável baseada no ID para evitar recriação desnecessária
-	let solicitacoesSubordinadosQuery = $derived.by(() => {
-		if (!gestorIdDisponivel) return { data: [] };
-		return useQuery(api.ferias.listarSolicitacoesSubordinados, {
-			gestorId: gestorIdDisponivel as Id<'usuarios'>
-		});
+	const solicitacoesSubordinadosQuery = useQuery(api.ferias.listarSolicitacoesSubordinados, () => {
+		if (!gestorIdDisponivel) return 'skip';
+		return { gestorId: gestorIdDisponivel as Id<'usuarios'> };
 	});
 
-	let ausenciasSubordinadosQuery = $derived.by(() => {
-		if (!gestorIdDisponivel) return { data: [] };
-		return useQuery(api.ausencias.listarSolicitacoesSubordinados, {
-			gestorId: gestorIdDisponivel as Id<'usuarios'>
-		});
-	});
-
-	// ✅ CORRIGIDO: Estados estáveis atualizados apenas quando há dados válidos
-	// Não limpamos quando undefined (carregando), apenas quando explicitamente sem dados
-	$effect(() => {
-		if (funcionarioQuery?.data && funcionarioIdDisponivel) {
-			funcionarioEstavel = funcionarioQuery.data;
-		} else if (
-			funcionarioQuery !== undefined &&
-			funcionarioQuery?.data === null &&
-			!funcionarioIdDisponivel
-		) {
-			// Só limpar se a query retornou explicitamente null e não há funcionarioId
-			funcionarioEstavel = null;
-		}
-		// Se funcionarioQuery é undefined, ainda está carregando - manter estado atual
+	const ausenciasSubordinadosQuery = useQuery(api.ausencias.listarSolicitacoesSubordinados, () => {
+		if (!gestorIdDisponivel) return 'skip';
+		return { gestorId: gestorIdDisponivel as Id<'usuarios'> };
 	});
 
 	// Queries que dependem de funcionarioEstavel
-	let funcionarioIdParaQueries = $derived(funcionarioEstavel?._id ?? null);
+	let funcionarioIdParaQueries = $derived(funcionarioQuery.data?._id ?? null);
 
-	let minhasSolicitacoesQuery = $derived.by(() => {
-		if (!funcionarioIdParaQueries) return { data: [] };
-		return useQuery(api.ferias.listarMinhasSolicitacoes, {
-			funcionarioId: funcionarioIdParaQueries
-		});
+	const minhasSolicitacoesQuery = useQuery(api.ferias.listarMinhasSolicitacoes, () => {
+		if (!funcionarioIdParaQueries) return 'skip';
+		return {
+			funcionarioId: funcionarioIdParaQueries,
+			_refresh: refreshKeyFerias
+		};
 	});
 
-	let minhasAusenciasQuery = $derived.by(() => {
-		if (!funcionarioIdParaQueries) return { data: [] };
-		return useQuery(api.ausencias.listarMinhasSolicitacoes, {
-			funcionarioId: funcionarioIdParaQueries
-		});
+	const minhasAusenciasQuery = useQuery(api.ausencias.listarMinhasSolicitacoes, () => {
+		if (!funcionarioIdParaQueries) return 'skip';
+		return {
+			funcionarioId: funcionarioIdParaQueries,
+			_refresh: refreshKeyAusencias
+		};
 	});
 
-	let meuTimeQuery = $derived.by(() => {
-		if (!funcionarioIdParaQueries) return { data: null };
-		return useQuery(api.times.obterTimeFuncionario, {
-			funcionarioId: funcionarioIdParaQueries
-		});
+	const meuTimeQuery = useQuery(api.times.obterTimeFuncionario, () => {
+		if (!funcionarioIdParaQueries) return 'skip';
+		return { funcionarioId: funcionarioIdParaQueries };
 	});
 
-	$effect(() => {
-		if (meuTimeQuery?.data && funcionarioIdParaQueries) {
-			meuTimeEstavel = meuTimeQuery.data;
-		} else if (
-			meuTimeQuery !== undefined &&
-			meuTimeQuery?.data === null &&
-			!funcionarioIdParaQueries
-		) {
-			meuTimeEstavel = null;
-		}
+	const setoresQuery = useQuery(api.setores.getSetoresByFuncionario, () => {
+		if (!funcionarioIdParaQueries) return 'skip';
+		return { funcionarioId: funcionarioIdParaQueries };
 	});
 
-	$effect(() => {
-		if (Array.isArray(minhasSolicitacoesQuery?.data) && funcionarioIdParaQueries) {
-			minhasSolicitacoesEstaveis = minhasSolicitacoesQuery.data;
-		} else if (
-			minhasSolicitacoesQuery !== undefined &&
-			minhasSolicitacoesQuery?.data === null &&
-			!funcionarioIdParaQueries
-		) {
-			minhasSolicitacoesEstaveis = [];
-		}
-	});
-
-	$effect(() => {
-		if (Array.isArray(minhasAusenciasQuery?.data) && funcionarioIdParaQueries) {
-			minhasAusenciasEstaveis = minhasAusenciasQuery.data;
-		} else if (
-			minhasAusenciasQuery !== undefined &&
-			minhasAusenciasQuery?.data === null &&
-			!funcionarioIdParaQueries
-		) {
-			minhasAusenciasEstaveis = [];
-		}
-	});
-
-	// Deriveds - agora apenas extraem dados, não criam queries
-	let funcionario = $derived(funcionarioEstavel);
-	let solicitacoesSubordinados = $derived.by(() => {
-		if (!gestorIdDisponivel) return [];
-		return solicitacoesSubordinadosQuery?.data || [];
-	});
-	let ausenciasSubordinados = $derived.by(() => {
-		if (!gestorIdDisponivel) return [];
-		return ausenciasSubordinadosQuery?.data || [];
-	});
-	let meuTime = $derived(meuTimeEstavel);
-	let minhasSolicitacoes = $derived(minhasSolicitacoesEstaveis);
-	let minhasAusencias = $derived(minhasAusenciasEstaveis);
-	let timesSubordinados = $derived(timesSubordinadosQuery?.data || []);
+	// Deriveds simplificados
+	let funcionario = $derived(funcionarioQuery.data);
+	let solicitacoesSubordinados = $derived(solicitacoesSubordinadosQuery.data || []);
+	let ausenciasSubordinados = $derived(ausenciasSubordinadosQuery.data || []);
+	let meuTime = $derived(meuTimeQuery.data);
+	let minhasSolicitacoes = $derived(minhasSolicitacoesQuery.data || []);
+	let minhasAusencias = $derived(minhasAusenciasQuery.data || []);
+	let timesSubordinados = $derived(timesSubordinadosQuery.data || []);
 	let meusTimesGestor = $derived(timesSubordinados);
 
 	let rolePermiteAprovacao = $derived(
@@ -254,28 +215,21 @@
 	let ehGestor = $derived((timesSubordinados || []).length > 0 || rolePermiteAprovacao);
 
 	// Estados estáveis para Meus Chamados
-	let chamadosEstaveis = $state<Array<Doc<'tickets'>>>([]);
 
 	// ✅ CORRIGIDO: Sincronizar query com estado estável preservando durante carregamento
+	// Chamados UI Logic
 	$effect(() => {
-		if (chamadosQuery && Array.isArray(chamadosQuery.data) && gestorIdDisponivel) {
-			chamadosEstaveis = chamadosQuery.data;
+		if (chamadosQuery.data && Array.isArray(chamadosQuery.data) && gestorIdDisponivel) {
 			chamadosStore.setTickets(chamadosQuery.data);
 			if (!selectedTicketId && chamadosQuery.data.length > 0) {
 				selectedTicketId = chamadosQuery.data[0]._id;
 			}
-		} else if (chamadosQuery !== undefined && chamadosQuery?.data === null && !gestorIdDisponivel) {
-			chamadosEstaveis = [];
-			chamadosStore.setTickets([]);
 		}
-		// Se chamadosQuery é undefined, ainda está carregando - manter estado atual
 	});
 
 	// Deriveds para Meus Chamados
-	let listaChamados = $derived(chamadosEstaveis);
-	let carregandoListaChamados = $derived(
-		chamadosQuery === undefined || chamadosQuery === null || chamadosQuery.data === undefined
-	);
+	let listaChamados = $derived(chamadosQuery.data || []);
+	let carregandoListaChamados = $derived(chamadosQuery.isLoading);
 	let detalheAtualChamado = $derived(
 		selectedTicketId ? ($detalhesStore[selectedTicketId] ?? null) : null
 	);
@@ -291,8 +245,7 @@
 	async function recarregarChamados() {
 		// A query é reativa e atualiza automaticamente
 		// Esta função pode ser usada para forçar atualização se necessário
-		if (chamadosQuery?.data) {
-			chamadosEstaveis = chamadosQuery.data;
+		if (chamadosQuery.data) {
 			chamadosStore.setTickets(chamadosQuery.data);
 		}
 	}
@@ -532,9 +485,7 @@
 			toast.className = 'toast toast-top toast-end';
 			toast.innerHTML = `
         <div class="alert alert-success">
-          <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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
-          </svg>
+          <CheckCircle class="stroke-current shrink-0 h-6 w-6" strokeWidth={2} />
           <span>Foto de perfil atualizada com sucesso!</span>
         </div>
       `;
@@ -612,7 +563,7 @@
 		<div class="relative mb-8 overflow-hidden">
 			<!-- Background com gradiente animado -->
 			<div
-				class="animate-gradient absolute inset-0 bg-linear-to-br from-purple-600 via-blue-600 to-indigo-700"
+				class="animate-gradient from-primary via-primary/80 to-primary/60 absolute inset-0 bg-linear-to-br"
 			></div>
 
 			<!-- Overlay pattern -->
@@ -647,7 +598,7 @@
 										class="h-full w-full object-cover"
 									/>
 								{:else}
-									<User class="h-20 w-20 text-purple-700" />
+									<User class="text-primary h-20 w-20" />
 								{/if}
 							</div>
 						</button>
@@ -655,29 +606,11 @@
 						<!-- Botão de editar MODERNO -->
 						<button
 							type="button"
-							class={`absolute right-2 bottom-2 flex h-12 w-12 items-center justify-center rounded-full bg-white text-purple-600 shadow-2xl transition-all duration-300 hover:scale-110 ${mostrarBotaoCamera ? 'scale-100 opacity-100' : 'scale-50 opacity-0'}`}
+							class={`text-primary absolute right-2 bottom-2 flex h-12 w-12 items-center justify-center rounded-full bg-white shadow-2xl transition-all duration-300 hover:scale-110 ${mostrarBotaoCamera ? 'scale-100 opacity-100' : 'scale-50 opacity-0'}`}
 							onclick={abrirModalFoto}
 							aria-label="Editar foto de perfil"
 						>
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="h-6 w-6"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-								stroke-width="2.5"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"
-								/>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"
-								/>
-							</svg>
+							<Camera class="h-6 w-6" strokeWidth={2.5} />
 						</button>
 					</div>
 
@@ -691,20 +624,7 @@
 							<p
 								class="mb-3 flex items-center justify-center gap-2 text-2xl font-semibold text-white/90 md:justify-start"
 							>
-								<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="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>
+								<Briefcase class="h-6 w-6" strokeWidth={2} />
 								{funcionario.descricaoCargo}
 							</p>
 						{/if}
@@ -712,49 +632,25 @@
 						<p
 							class="mb-4 flex items-center justify-center gap-2 text-lg text-white/80 md:justify-start"
 						>
-							<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 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-								/>
-							</svg>
+							<Mail class="h-5 w-5" strokeWidth={2} />
 							{currentUser.data?.email}
 						</p>
 
 						<div class="flex flex-wrap items-center justify-center gap-3 md:justify-start">
-							<div
-								class="badge badge-lg border-0 bg-white/90 px-4 font-bold text-purple-700 shadow-lg"
-							>
-								{currentUser.data?.role?.nome || 'Usuário'}
-							</div>
+							{#if setoresQuery?.data && setoresQuery.data.length > 0}
+								<div
+									class="badge badge-lg text-primary border-0 bg-white/90 px-4 font-bold shadow-lg"
+								>
+									{setoresQuery.data.map((s) => s.nome).join(', ')}
+								</div>
+							{/if}
 
 							{#if meuTime}
 								<div
 									class="badge badge-lg border-0 bg-white/80 px-4 font-semibold shadow-lg"
 									style="color: {meuTime.cor}"
 								>
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="mr-2 h-4 w-4"
-										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-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-										/>
-									</svg>
+									<Users class="mr-2 h-4 w-4" strokeWidth={2} />
 									{meuTime.nome}
 								</div>
 							{/if}
@@ -765,9 +661,15 @@
 								>
 									🏖️ Em Férias
 								</div>
+							{:else if funcionario?.statusFerias === 'em_licenca'}
+								<div
+									class="badge badge-lg bg-warning text-warning-content border-0 px-4 font-bold shadow-lg"
+								>
+									📋 Em licença
+								</div>
 							{:else}
 								<div
-									class="badge badge-lg border-0 bg-green-400 px-4 font-bold text-green-900 shadow-lg"
+									class="badge badge-lg bg-success text-success-content border-0 px-4 font-bold shadow-lg"
 								>
 									✅ Ativo
 								</div>
@@ -782,13 +684,13 @@
 			<!-- Tabs PREMIUM -->
 			<div
 				role="tablist"
-				class="tabs tabs-boxed from-base-200 to-base-300 border-base-300 mb-8 rounded-xl border bg-gradient-to-r p-2 shadow-xl"
+				class="tabs tabs-boxed from-base-200 to-base-300 border-base-300 mb-8 rounded-xl border bg-linear-to-r p-2 shadow-xl"
 			>
 				<button
 					type="button"
 					role="tab"
-					class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'meu-perfil' ? 'tab-active scale-105 bg-gradient-to-r from-purple-600 to-blue-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
-					onclick={() => (abaAtiva = 'meu-perfil')}
+					class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'meu-perfil' ? 'tab-active from-primary to-primary/80 text-primary-content scale-105 bg-linear-to-r shadow-lg' : 'hover:bg-base-100'}`}
+					onclick={() => mudarAba('meu-perfil')}
 				>
 					<User class="h-5 w-5" strokeWidth={2} />
 					Meu Perfil
@@ -797,86 +699,100 @@
 				<button
 					type="button"
 					role="tab"
-					class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'meus-chamados' ? 'tab-active scale-105 bg-gradient-to-r from-purple-600 to-blue-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
-					onclick={() => (abaAtiva = 'meus-chamados')}
+					class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'meus-chamados' ? 'tab-active from-primary to-primary/80 text-primary-content scale-105 bg-linear-to-r shadow-lg' : 'hover:bg-base-100'}`}
+					onclick={() => mudarAba('meus-chamados')}
 					aria-label="Meus Chamados"
 				>
 					<FileCheck class="h-5 w-5" strokeWidth={2} />
 					Meus Chamados
 				</button>
-
-				{#if ehGestor}
+				{#if isFuncionario}
+					<!-- Funcionário: solicitar férias -->
 					<button
 						type="button"
 						role="tab"
-						class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'minhas-ferias' ? 'tab-active scale-105 bg-gradient-to-r from-purple-600 to-blue-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
-						onclick={() => (abaAtiva = 'minhas-ferias')}
+						class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'minhas-ferias' ? 'tab-active from-primary to-primary/80 text-primary-content scale-105 bg-linear-to-r shadow-lg' : 'hover:bg-base-100'}`}
+						onclick={() => mudarAba('minhas-ferias')}
 					>
 						<Calendar class="h-5 w-5" strokeWidth={2} />
 						Minhas Férias
 					</button>
 
+					<!-- Funcionário: solicitar ausências -->
 					<button
 						type="button"
 						role="tab"
-						class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'minhas-ausencias' ? 'tab-active scale-105 bg-gradient-to-r from-orange-600 to-amber-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
-						onclick={() => (abaAtiva = 'minhas-ausencias')}
+						class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'minhas-ausencias' ? 'tab-active from-warning to-warning/80 text-warning-content scale-105 bg-linear-to-r shadow-lg' : 'hover:bg-base-100'}`}
+						onclick={() => mudarAba('minhas-ausencias')}
 					>
 						<Clock class="h-5 w-5" strokeWidth={2} />
 						Minhas Ausências
 					</button>
+				{/if}
 
-					{#if ehGestor}
-						<button
-							type="button"
-							role="tab"
-							class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'aprovar-ferias' ? 'tab-active scale-105 bg-gradient-to-r from-green-600 to-emerald-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
-							onclick={() => (abaAtiva = 'aprovar-ferias')}
-						>
-							<CheckCircle2 class="h-5 w-5" strokeWidth={2} />
-							Aprovar Férias
-							{#if (solicitacoesSubordinados || []).filter((s) => s.status === 'aguardando_aprovacao').length > 0}
-								<span class="badge badge-error badge-sm ml-1 animate-pulse">
-									{(solicitacoesSubordinados || []).filter(
-										(s) => s.status === 'aguardando_aprovacao'
-									).length}
-								</span>
-							{/if}
-						</button>
+				{#if ehGestor}
+					<!-- Gestor: aprovar férias -->
+					<button
+						type="button"
+						role="tab"
+						class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'aprovar-ferias' ? 'tab-active from-success to-success/80 text-success-content scale-105 bg-linear-to-r shadow-lg' : 'hover:bg-base-100'}`}
+						onclick={() => mudarAba('aprovar-ferias')}
+					>
+						<CheckCircle2 class="h-5 w-5" strokeWidth={2} />
+						Aprovar Férias
+						{#if (solicitacoesSubordinados || []).filter((s) => s.status === 'aguardando_aprovacao').length > 0}
+							<span class="badge badge-error badge-sm ml-1 animate-pulse">
+								{(solicitacoesSubordinados || []).filter((s) => s.status === 'aguardando_aprovacao')
+									.length}
+							</span>
+						{/if}
+					</button>
 
-						<button
-							type="button"
-							role="tab"
-							class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'aprovar-ausencias' ? 'tab-active scale-105 bg-gradient-to-r from-orange-600 to-amber-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
-							onclick={() => (abaAtiva = 'aprovar-ausencias')}
-						>
-							<Clock class="h-5 w-5" strokeWidth={2} />
-							Aprovar Ausências
-							{#if (ausenciasSubordinados || []).filter((a) => a.status === 'aguardando_aprovacao').length > 0}
-								<span class="badge badge-error badge-sm ml-1 animate-pulse">
-									{(ausenciasSubordinados || []).filter((a) => a.status === 'aguardando_aprovacao')
-										.length}
-								</span>
-							{/if}
-						</button>
-					{/if}
+					<!-- Gestor: aprovar ausências -->
+					<button
+						type="button"
+						role="tab"
+						class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'aprovar-ausencias' ? 'tab-active from-warning to-warning/80 text-warning-content scale-105 bg-linear-to-r shadow-lg' : 'hover:bg-base-100'}`}
+						onclick={() => mudarAba('aprovar-ausencias')}
+					>
+						<Clock class="h-5 w-5" strokeWidth={2} />
+						Aprovar Ausências
+						{#if (ausenciasSubordinados || []).filter((a) => a.status === 'aguardando_aprovacao').length > 0}
+							<span class="badge badge-error badge-sm ml-1 animate-pulse">
+								{(ausenciasSubordinados || []).filter((a) => a.status === 'aguardando_aprovacao')
+									.length}
+							</span>
+						{/if}
+					</button>
 				{/if}
 
 				<button
 					type="button"
 					role="tab"
-					class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'meu-ponto' ? 'tab-active scale-105 bg-gradient-to-r from-blue-600 to-cyan-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
-					onclick={() => (abaAtiva = 'meu-ponto')}
+					class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'meu-ponto' ? 'tab-active from-info to-info/80 text-info-content scale-105 bg-linear-to-r shadow-lg' : 'hover:bg-base-100'}`}
+					onclick={() => mudarAba('meu-ponto')}
 				>
 					<Fingerprint class="h-5 w-5" strokeWidth={2} />
 					Meu Ponto
 				</button>
 
+				{#if isFuncionario}
+					<button
+						type="button"
+						role="tab"
+						class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'meu-banco-horas' ? 'tab-active from-primary to-primary/80 text-primary-content scale-105 bg-linear-to-r shadow-lg' : 'hover:bg-base-100'}`}
+						onclick={() => mudarAba('meu-banco-horas')}
+					>
+						<Clock class="h-5 w-5" strokeWidth={2} />
+						Meu Banco de Horas
+					</button>
+				{/if}
+
 				<button
 					type="button"
 					role="tab"
-					class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'aparencia' ? 'tab-active scale-105 bg-gradient-to-r from-purple-600 to-pink-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
-					onclick={() => (abaAtiva = 'aparencia')}
+					class={`tab tab-lg gap-2 font-semibold transition-all duration-300 ${abaAtiva === 'aparencia' ? 'tab-active from-primary to-secondary text-primary-content scale-105 bg-linear-to-r shadow-lg' : 'hover:bg-base-100'}`}
+					onclick={() => mudarAba('aparencia')}
 				>
 					<Palette class="h-5 w-5" strokeWidth={2} />
 					Aparência
@@ -891,7 +807,7 @@
 					<div class="grid grid-cols-1 gap-6 md:grid-cols-4">
 						<!-- Stat 1: Perfil -->
 						<div
-							class="card bg-linear-to-br from-purple-500 to-purple-700 text-white shadow-2xl transition-transform hover:scale-105"
+							class="card from-primary to-primary/80 text-primary-content bg-linear-to-br shadow-2xl transition-transform hover:scale-105"
 						>
 							<div class="card-body">
 								<div class="flex items-center justify-between">
@@ -901,27 +817,14 @@
 											{currentUser.data?.role?.nome || 'Usuário'}
 										</p>
 									</div>
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="h-12 w-12 opacity-80"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke="currentColor"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-										/>
-									</svg>
+									<User class="h-12 w-12 opacity-80" strokeWidth={2} />
 								</div>
 							</div>
 						</div>
 
 						<!-- Stat 2: Time -->
 						<div
-							class="card bg-linear-to-br from-blue-500 to-blue-700 text-white shadow-2xl transition-transform hover:scale-105"
+							class="card from-info to-info/80 text-info-content bg-linear-to-br shadow-2xl transition-transform hover:scale-105"
 						>
 							<div class="card-body">
 								<div class="flex items-center justify-between">
@@ -931,57 +834,40 @@
 											{meuTime?.nome || 'Sem time'}
 										</p>
 									</div>
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="h-12 w-12 opacity-80"
-										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-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-										/>
-									</svg>
+									<UsersIcon class="h-12 w-12 opacity-80" strokeWidth={2} />
 								</div>
 							</div>
 						</div>
 
 						<!-- Stat 3: Status -->
 						<div
-							class="card bg-linear-to-br from-green-500 to-green-700 text-white shadow-2xl transition-transform hover:scale-105"
+							class="card shadow-2xl transition-transform hover:scale-105 {funcionario?.statusFerias ===
+							'em_ferias'
+								? 'from-warning to-warning/80 text-warning-content bg-linear-to-br'
+								: funcionario?.statusFerias === 'em_licenca'
+									? 'from-warning to-warning/80 text-warning-content bg-linear-to-br'
+									: 'from-success to-success/80 text-success-content bg-linear-to-br'}"
 						>
 							<div class="card-body">
 								<div class="flex items-center justify-between">
 									<div>
 										<p class="text-sm font-medium text-white/80">Status</p>
 										<p class="text-2xl font-black">
-											{funcionario?.statusFerias === 'em_ferias' ? 'Em Férias' : 'Ativo'}
+											{funcionario?.statusFerias === 'em_ferias'
+												? 'Em Férias'
+												: funcionario?.statusFerias === 'em_licenca'
+													? 'Em licença'
+													: 'Ativo'}
 										</p>
 									</div>
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="h-12 w-12 opacity-80"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke="currentColor"
-									>
-										<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"
-										/>
-									</svg>
+									<CheckCircle class="h-12 w-12 opacity-80" strokeWidth={2} />
 								</div>
 							</div>
 						</div>
 
 						<!-- Stat 4: Matrícula -->
 						<div
-							class="card bg-linear-to-br from-indigo-500 to-indigo-700 text-white shadow-2xl transition-transform hover:scale-105"
+							class="card from-secondary to-secondary/80 text-secondary-content bg-linear-to-br shadow-2xl transition-transform hover:scale-105"
 						>
 							<div class="card-body">
 								<div class="flex items-center justify-between">
@@ -991,20 +877,7 @@
 											{funcionario?.matricula || '---'}
 										</p>
 									</div>
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="h-12 w-12 opacity-80"
-										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>
+									<Briefcase class="h-12 w-12 opacity-80" strokeWidth={2} />
 								</div>
 							</div>
 						</div>
@@ -1014,15 +887,15 @@
 					<div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
 						<!-- Informações Pessoais PREMIUM -->
 						<div
-							class="card from-base-100 to-base-200 hover:shadow-3xl overflow-hidden border-t-4 border-purple-500 bg-gradient-to-br shadow-2xl transition-shadow"
+							class="card from-base-100 to-base-200 hover:shadow-3xl border-primary overflow-hidden border-t-4 bg-linear-to-br shadow-2xl transition-shadow"
 						>
 							<div class="card-body p-6">
 								<div class="mb-6 flex items-center justify-between">
 									<div class="flex items-center gap-3">
 										<div
-											class="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-purple-500 to-purple-600 shadow-lg ring-2 ring-purple-500/20"
+											class="from-primary to-primary/80 ring-primary/20 flex h-12 w-12 items-center justify-center rounded-xl bg-linear-to-br shadow-lg ring-2"
 										>
-											<User class="h-6 w-6 text-white" strokeWidth={2.5} />
+											<User class="text-primary-content h-6 w-6" strokeWidth={2.5} />
 										</div>
 										<div>
 											<h2 class="text-base-content flex items-center gap-2 text-2xl font-bold">
@@ -1039,9 +912,9 @@
 										class="hover:bg-base-200/60 border-base-300/50 flex items-start gap-3 rounded-lg border p-4 shadow-sm transition-all hover:shadow-md"
 									>
 										<div
-											class="flex h-10 w-10 items-center justify-center rounded-lg bg-gradient-to-br from-purple-500/20 to-purple-600/20"
+											class="from-primary/20 to-primary/30 flex h-10 w-10 items-center justify-center rounded-lg bg-linear-to-br"
 										>
-											<User class="h-5 w-5 text-purple-600" strokeWidth={2} />
+											<User class="text-primary h-5 w-5" strokeWidth={2} />
 										</div>
 										<div class="flex-1">
 											<span
@@ -1058,9 +931,9 @@
 										class="hover:bg-base-200/60 border-base-300/50 flex items-start gap-3 rounded-lg border p-4 shadow-sm transition-all hover:shadow-md"
 									>
 										<div
-											class="flex h-10 w-10 items-center justify-center rounded-lg bg-gradient-to-br from-blue-500/20 to-blue-600/20"
+											class="from-info/20 to-info/30 flex h-10 w-10 items-center justify-center rounded-lg bg-linear-to-br"
 										>
-											<Mail class="h-5 w-5 text-blue-600" strokeWidth={2} />
+											<Mail class="text-info h-5 w-5" strokeWidth={2} />
 										</div>
 										<div class="flex-1">
 											<span
@@ -1077,7 +950,7 @@
 										class="hover:bg-base-200/60 border-base-300/50 flex items-start gap-3 rounded-lg border p-4 shadow-sm transition-all hover:shadow-md"
 									>
 										<div
-											class="from-primary/20 to-primary/30 flex h-10 w-10 items-center justify-center rounded-lg bg-gradient-to-br"
+											class="from-primary/20 to-primary/30 flex h-10 w-10 items-center justify-center rounded-lg bg-linear-to-br"
 										>
 											<Shield class="text-primary h-5 w-5" strokeWidth={2} />
 										</div>
@@ -1098,15 +971,15 @@
 						<!-- Dados Funcionais PREMIUM -->
 						{#if funcionario}
 							<div
-								class="card from-base-100 to-base-200 hover:shadow-3xl overflow-hidden border-t-4 border-blue-500 bg-gradient-to-br shadow-2xl transition-shadow"
+								class="card from-base-100 to-base-200 hover:shadow-3xl border-info overflow-hidden border-t-4 bg-linear-to-br shadow-2xl transition-shadow"
 							>
 								<div class="card-body p-6">
 									<div class="mb-6 flex items-center justify-between">
 										<div class="flex items-center gap-3">
 											<div
-												class="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-blue-500 to-blue-600 shadow-lg ring-2 ring-blue-500/20"
+												class="from-info to-info/80 ring-info/20 flex h-12 w-12 items-center justify-center rounded-xl bg-linear-to-br shadow-lg ring-2"
 											>
-												<Briefcase class="h-6 w-6 text-white" strokeWidth={2.5} />
+												<Briefcase class="text-info-content h-6 w-6" strokeWidth={2.5} />
 											</div>
 											<div>
 												<h2 class="text-base-content flex items-center gap-2 text-2xl font-bold">
@@ -1118,14 +991,15 @@
 											</div>
 										</div>
 									</div>
+
 									<div class="space-y-3">
 										<div
 											class="hover:bg-base-200/60 border-base-300/50 flex items-start gap-3 rounded-lg border p-4 shadow-sm transition-all hover:shadow-md"
 										>
 											<div
-												class="flex h-10 w-10 items-center justify-center rounded-lg bg-gradient-to-br from-blue-500/20 to-blue-600/20"
+												class="from-info/20 to-info/30 flex h-10 w-10 items-center justify-center rounded-lg bg-linear-to-br"
 											>
-												<Hash class="h-5 w-5 text-blue-600" strokeWidth={2} />
+												<Hash class="text-info h-5 w-5" strokeWidth={2} />
 											</div>
 											<div class="flex-1">
 												<span
@@ -1142,9 +1016,9 @@
 											class="hover:bg-base-200/60 border-base-300/50 flex items-start gap-3 rounded-lg border p-4 shadow-sm transition-all hover:shadow-md"
 										>
 											<div
-												class="flex h-10 w-10 items-center justify-center rounded-lg bg-gradient-to-br from-green-500/20 to-green-600/20"
+												class="from-success/20 to-success/30 flex h-10 w-10 items-center justify-center rounded-lg bg-linear-to-br"
 											>
-												<CreditCard class="h-5 w-5 text-green-600" strokeWidth={2} />
+												<CreditCard class="text-success h-5 w-5" strokeWidth={2} />
 											</div>
 											<div class="flex-1">
 												<span
@@ -1161,9 +1035,9 @@
 											class="hover:bg-base-200/60 border-base-300/50 flex items-start gap-3 rounded-lg border p-4 shadow-sm transition-all hover:shadow-md"
 										>
 											<div
-												class="flex h-10 w-10 items-center justify-center rounded-lg bg-gradient-to-br from-orange-500/20 to-orange-600/20"
+												class="from-warning/20 to-warning/30 flex h-10 w-10 items-center justify-center rounded-lg bg-linear-to-br"
 											>
-												<Building2 class="h-5 w-5 text-orange-600" strokeWidth={2} />
+												<Building2 class="text-warning h-5 w-5" strokeWidth={2} />
 											</div>
 											<div class="flex-1">
 												<span
@@ -1192,7 +1066,40 @@
 											class="hover:bg-base-200/60 border-base-300/50 flex items-start gap-3 rounded-lg border p-4 shadow-sm transition-all hover:shadow-md"
 										>
 											<div
-												class="from-success/20 to-success/30 flex h-10 w-10 items-center justify-center rounded-lg bg-gradient-to-br"
+												class="from-info/20 to-info/30 flex h-10 w-10 items-center justify-center rounded-lg bg-linear-to-br"
+											>
+												<ListChecks class="text-info h-5 w-5" strokeWidth={2} />
+											</div>
+											<div class="flex-1">
+												<span
+													class="label-text text-base-content/60 text-xs font-semibold tracking-wide uppercase"
+													>Setores</span
+												>
+												{#if setoresQuery?.data && setoresQuery.data.length > 0}
+													<div class="mt-2 flex flex-wrap gap-2">
+														{#each setoresQuery.data as setor (setor._id)}
+															<div
+																class="badge badge-lg font-semibold shadow-sm"
+																style="background-color: rgba(20, 184, 166, 0.1); border-color: rgba(20, 184, 166, 0.3); color: rgb(15, 118, 110);"
+															>
+																{setor.nome}
+																{#if setor.sigla}
+																	<span class="text-base-content/60 ml-1">({setor.sigla})</span>
+																{/if}
+															</div>
+														{/each}
+													</div>
+												{:else}
+													<p class="text-base-content/50 mt-1 text-sm">Nenhum setor atribuído</p>
+												{/if}
+											</div>
+										</div>
+
+										<div
+											class="hover:bg-base-200/60 border-base-300/50 flex items-start gap-3 rounded-lg border p-4 shadow-sm transition-all hover:shadow-md"
+										>
+											<div
+												class="from-success/20 to-success/30 flex h-10 w-10 items-center justify-center rounded-lg bg-linear-to-br"
 											>
 												<CheckCircle class="text-success h-5 w-5" strokeWidth={2} />
 											</div>
@@ -1205,6 +1112,10 @@
 													<div class="badge badge-warning badge-lg mt-2 font-bold shadow-sm">
 														🏖️ Em Férias
 													</div>
+												{:else if funcionario.statusFerias === 'em_licenca'}
+													<div class="badge badge-warning badge-lg mt-2 font-bold shadow-sm">
+														📋 Em licença
+													</div>
 												{:else}
 													<div class="badge badge-success badge-lg mt-2 font-bold shadow-sm">
 														✅ Ativo
@@ -1221,24 +1132,11 @@
 					<!-- Times Gerenciados PREMIUM -->
 					{#if ehGestor}
 						<div
-							class="card border-warning from-warning/10 via-base-100 to-warning/5 border-t-4 bg-gradient-to-br shadow-2xl"
+							class="card border-warning from-warning/10 via-base-100 to-warning/5 border-t-4 bg-linear-to-br shadow-2xl"
 						>
 							<div class="card-body">
 								<h2 class="card-title text-warning mb-6 flex items-center gap-2 text-2xl">
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="h-7 w-7"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke="currentColor"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
-										/>
-									</svg>
+									<Building class="h-7 w-7" strokeWidth={2} />
 									Times que Você Gerencia
 									<div class="badge badge-warning badge-lg ml-2">
 										{meusTimesGestor.length}
@@ -1247,19 +1145,7 @@
 
 								{#if meusTimesGestor.length === 0}
 									<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>
+										<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 										<span>Você não gerencia nenhum time no momento.</span>
 									</div>
 								{:else}
@@ -1285,20 +1171,7 @@
 
 													<div class="flex items-center justify-between">
 														<div class="flex items-center gap-2">
-															<svg
-																xmlns="http://www.w3.org/2000/svg"
-																class="text-primary 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 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"
-																/>
-															</svg>
+															<Users class="text-primary h-5 w-5" strokeWidth={2} />
 															<span class="text-lg font-bold">{time.membros?.length || 0}</span>
 															<span class="text-base-content/70 text-sm">membros</span>
 														</div>
@@ -1558,20 +1431,7 @@
 					<div class="grid grid-cols-1 gap-4 md:grid-cols-5">
 						<div class="stat bg-base-100 rounded-box border-base-300 border shadow-lg">
 							<div class="stat-figure text-primary">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-8 w-8"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-									/>
-								</svg>
+								<FileText class="h-8 w-8" strokeWidth={2} />
 							</div>
 							<div class="stat-title">Total</div>
 							<div class="stat-value text-primary">{statsMinhasFerias.total}</div>
@@ -1580,20 +1440,7 @@
 
 						<div class="stat bg-base-100 rounded-box border-warning/30 border shadow-lg">
 							<div class="stat-figure text-warning">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-8 w-8"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-									/>
-								</svg>
+								<Clock class="h-8 w-8" strokeWidth={2} />
 							</div>
 							<div class="stat-title">Aguardando</div>
 							<div class="stat-value text-warning">
@@ -1604,20 +1451,7 @@
 
 						<div class="stat bg-base-100 rounded-box border-success/30 border shadow-lg">
 							<div class="stat-figure text-success">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-8 w-8"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<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"
-									/>
-								</svg>
+								<CheckCircle class="h-8 w-8" strokeWidth={2} />
 							</div>
 							<div class="stat-title">Aprovadas</div>
 							<div class="stat-value text-success">
@@ -1628,20 +1462,7 @@
 
 						<div class="stat bg-base-100 rounded-box border-error/30 border shadow-lg">
 							<div class="stat-figure text-error">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-8 w-8"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<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>
+								<XCircle class="h-8 w-8" strokeWidth={2} />
 							</div>
 							<div class="stat-title">Reprovadas</div>
 							<div class="stat-value text-error">
@@ -1651,26 +1472,13 @@
 						</div>
 
 						<div
-							class="stat rounded-box border-2 border-purple-500/30 bg-linear-to-br from-purple-500/10 to-purple-600/20 shadow-lg"
+							class="stat rounded-box border-primary/30 from-primary/10 to-primary/20 border-2 bg-linear-to-br shadow-lg"
 						>
-							<div class="stat-figure text-purple-600">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-8 w-8"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-									/>
-								</svg>
+							<div class="stat-figure text-primary">
+								<Smile class="h-8 w-8" strokeWidth={2} />
 							</div>
 							<div class="stat-title">Em Férias</div>
-							<div class="stat-value text-purple-600">
+							<div class="stat-value text-primary">
 								{statsMinhasFerias.emFerias}
 							</div>
 							<div class="stat-desc">Agora</div>
@@ -1697,20 +1505,7 @@
 										? 'Clique para agendar suas férias'
 										: 'Estamos validando seus dados de funcionário...'}
 								>
-									<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="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>
+									<Calendar class="h-5 w-5" strokeWidth={2} />
 									Agendar Férias
 								</button>
 							</div>
@@ -1738,13 +1533,13 @@
 
 					<!-- Lista de Solicitações -->
 					<div
-						class="card from-base-100 to-base-200 border-primary overflow-hidden border-t-4 bg-gradient-to-br shadow-2xl"
+						class="card from-base-100 to-base-200 border-primary overflow-hidden border-t-4 bg-linear-to-br shadow-2xl"
 					>
 						<div class="card-body p-6">
 							<div class="mb-6 flex items-center justify-between">
 								<div class="flex items-center gap-3">
 									<div
-										class="from-primary to-primary/80 ring-primary/20 flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br shadow-lg ring-2"
+										class="from-primary to-primary/80 ring-primary/20 flex h-12 w-12 items-center justify-center rounded-xl bg-linear-to-br shadow-lg ring-2"
 									>
 										<ListChecks class="h-6 w-6 text-white" strokeWidth={2.5} />
 									</div>
@@ -1774,12 +1569,13 @@
 								<div class="border-base-300 overflow-x-auto rounded-lg border shadow-inner">
 									<table class="table-zebra table">
 										<thead>
-											<tr class="from-base-200 to-base-300 bg-gradient-to-r">
+											<tr class="from-base-200 to-base-300 bg-linear-to-r">
 												<th class="text-base-content font-bold">Ano</th>
 												<th class="text-base-content font-bold">Período</th>
 												<th class="text-base-content font-bold">Dias</th>
 												<th class="text-base-content font-bold">Status</th>
 												<th class="text-base-content font-bold">Solicitado em</th>
+												<th class="text-base-content text-center font-bold">Histórico</th>
 											</tr>
 										</thead>
 										<tbody>
@@ -1803,7 +1599,9 @@
 														</div>
 													</td>
 													<td>
-														<div class="badge badge-primary badge-lg font-bold shadow-sm">
+														<div
+															class="badge badge-primary badge-lg font-bold whitespace-nowrap shadow-sm"
+														>
 															{periodo.diasFerias} dias
 														</div>
 													</td>
@@ -1817,6 +1615,23 @@
 													<td class="text-base-content/60 text-xs font-medium"
 														>{new Date(periodo._creationTime).toLocaleDateString('pt-BR')}</td
 													>
+													<td class="text-center">
+														{#if periodo.historicoAlteracoes && periodo.historicoAlteracoes.length > 0}
+															<button
+																type="button"
+																class="btn btn-ghost btn-xs gap-1"
+																onclick={() => {
+																	periodoHistoricoFerias = periodo._id;
+																}}
+																title="Ver histórico"
+															>
+																<Clock class="h-4 w-4" strokeWidth={2} />
+																<span class="text-xs">({periodo.historicoAlteracoes.length})</span>
+															</button>
+														{:else}
+															<span class="text-base-content/30 text-xs">-</span>
+														{/if}
+													</td>
 												</tr>
 											{/each}
 										</tbody>
@@ -1832,24 +1647,11 @@
 					<!-- Estatísticas -->
 					<div class="grid grid-cols-1 gap-4 md:grid-cols-4">
 						<div class="stat bg-base-100 rounded-box border-base-300 border shadow-lg">
-							<div class="stat-figure text-orange-500">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-8 w-8"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-									/>
-								</svg>
+							<div class="stat-figure text-warning">
+								<FileText class="h-8 w-8" strokeWidth={2} />
 							</div>
 							<div class="stat-title">Total</div>
-							<div class="stat-value text-orange-500">
+							<div class="stat-value text-warning">
 								{statsMinhasAusencias.total}
 							</div>
 							<div class="stat-desc">Solicitações</div>
@@ -1857,20 +1659,7 @@
 
 						<div class="stat bg-base-100 rounded-box border-warning/30 border shadow-lg">
 							<div class="stat-figure text-warning">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-8 w-8"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-									/>
-								</svg>
+								<Clock class="h-8 w-8" strokeWidth={2} />
 							</div>
 							<div class="stat-title">Aguardando</div>
 							<div class="stat-value text-warning">
@@ -1881,20 +1670,7 @@
 
 						<div class="stat bg-base-100 rounded-box border-success/30 border shadow-lg">
 							<div class="stat-figure text-success">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-8 w-8"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<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"
-									/>
-								</svg>
+								<CheckCircle class="h-8 w-8" strokeWidth={2} />
 							</div>
 							<div class="stat-title">Aprovadas</div>
 							<div class="stat-value text-success">
@@ -1905,20 +1681,7 @@
 
 						<div class="stat bg-base-100 rounded-box border-error/30 border shadow-lg">
 							<div class="stat-figure text-error">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-8 w-8"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<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>
+								<XCircle class="h-8 w-8" strokeWidth={2} />
 							</div>
 							<div class="stat-title">Reprovadas</div>
 							<div class="stat-value text-error">
@@ -1932,20 +1695,7 @@
 					<div class="card bg-base-100 shadow-lg">
 						<div class="card-body">
 							<h2 class="card-title mb-4 text-lg">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-6 w-6 text-orange-500"
-									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>
+								<Calendar class="text-warning h-6 w-6" strokeWidth={2} />
 								Calendário de Ausências
 							</h2>
 							<p class="text-base-content/70 mb-4 text-sm">
@@ -1959,19 +1709,7 @@
 								/>
 							{:else}
 								<div class="alert alert-info">
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										fill="none"
-										viewBox="0 0 24 24"
-										class="stroke-info h-6 w-6 shrink-0"
-									>
-										<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>
+									<Info class="stroke-info h-6 w-6 shrink-0" strokeWidth={2} />
 									<span
 										>Você ainda não possui solicitações de ausência. Clique em "Solicitar Ausência"
 										para criar uma nova.</span
@@ -1993,7 +1731,6 @@
 									class="btn btn-warning gap-2"
 									onclick={() => {
 										const funcionarioId = currentUser?.data?.funcionarioId;
-										console.log('🔍 [Perfil] Click no botão - funcionarioId:', funcionarioId);
 										if (funcionarioId) {
 											mostrarWizardAusencia = true;
 										} else {
@@ -2007,20 +1744,7 @@
 										? 'Clique para solicitar uma ausência'
 										: 'Funcionário não identificado. Entre em contato com o suporte.'}
 								>
-									<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 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-										/>
-									</svg>
+									<Clock class="h-5 w-5" strokeWidth={2} />
 									Solicitar Ausência
 								</button>
 							</div>
@@ -2053,19 +1777,7 @@
 
 							{#if ausenciasFiltradas.length === 0}
 								<div class="alert">
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										fill="none"
-										viewBox="0 0 24 24"
-										class="stroke-info h-6 w-6 shrink-0"
-									>
-										<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>
+									<Info class="stroke-info h-6 w-6 shrink-0" strokeWidth={2} />
 									<span>Nenhuma solicitação encontrada com os filtros aplicados.</span>
 								</div>
 							{:else}
@@ -2078,20 +1790,21 @@
 												<th>Motivo</th>
 												<th>Status</th>
 												<th>Solicitado em</th>
+												<th class="text-center">Histórico</th>
 											</tr>
 										</thead>
 										<tbody>
 											{#each ausenciasFiltradas as ausencia (ausencia._id)}
 												<tr>
 													<td>
-														{new Date(ausencia.dataInicio).toLocaleDateString('pt-BR')} até {new Date(
+														{parseLocalDate(ausencia.dataInicio).toLocaleDateString('pt-BR')} até {parseLocalDate(
 															ausencia.dataFim
 														).toLocaleDateString('pt-BR')}
 													</td>
 													<td class="font-bold">
 														{Math.ceil(
-															(new Date(ausencia.dataFim).getTime() -
-																new Date(ausencia.dataInicio).getTime()) /
+															(parseLocalDate(ausencia.dataFim).getTime() -
+																parseLocalDate(ausencia.dataInicio).getTime()) /
 																(1000 * 60 * 60 * 24)
 														) + 1} dias
 													</td>
@@ -2106,6 +1819,21 @@
 													<td class="text-xs"
 														>{new Date(ausencia.criadoEm).toLocaleDateString('pt-BR')}</td
 													>
+													<td class="text-center">
+														{#if ausencia.historicoAlteracoes && ausencia.historicoAlteracoes.length > 0}
+															<button
+																type="button"
+																class="btn btn-ghost btn-xs gap-1"
+																onclick={() => (ausenciaHistorico = ausencia._id)}
+																title="Ver histórico"
+															>
+																<Clock class="h-4 w-4" strokeWidth={2} />
+																<span class="text-xs">({ausencia.historicoAlteracoes.length})</span>
+															</button>
+														{:else}
+															<span class="text-base-content/30 text-xs">-</span>
+														{/if}
+													</td>
 												</tr>
 											{/each}
 										</tbody>
@@ -2118,15 +1846,15 @@
 			{:else if abaAtiva === 'aprovar-ferias'}
 				<!-- Aprovar Férias (Gestores) PREMIUM -->
 				<div
-					class="card from-base-100 to-base-200 overflow-hidden border-t-4 border-green-500 bg-gradient-to-br shadow-2xl"
+					class="card from-base-100 to-base-200 border-success overflow-hidden border-t-4 bg-linear-to-br shadow-2xl"
 				>
 					<div class="card-body p-6">
 						<div class="mb-6 flex items-center justify-between">
 							<div class="flex items-center gap-3">
 								<div
-									class="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-green-500 to-green-600 shadow-lg ring-2 ring-green-500/20"
+									class="from-success to-success/80 ring-success/20 flex h-12 w-12 items-center justify-center rounded-xl bg-linear-to-br shadow-lg ring-2"
 								>
-									<Users class="h-6 w-6 text-white" strokeWidth={2.5} />
+									<Users class="text-success-content h-6 w-6" strokeWidth={2.5} />
 								</div>
 								<div>
 									<h2 class="text-base-content flex items-center gap-2 text-2xl font-bold">
@@ -2152,13 +1880,14 @@
 							<div class="border-base-300 overflow-x-auto rounded-lg border shadow-inner">
 								<table class="table-zebra table">
 									<thead>
-										<tr class="from-base-200 to-base-300 bg-gradient-to-r">
+										<tr class="from-base-200 to-base-300 bg-linear-to-r">
 											<th class="text-base-content font-bold">Funcionário</th>
 											<th class="text-base-content font-bold">Time</th>
 											<th class="text-base-content font-bold">Ano</th>
 											<th class="text-base-content font-bold">Período</th>
 											<th class="text-base-content font-bold">Dias</th>
 											<th class="text-base-content font-bold">Status</th>
+											<th class="text-base-content text-center font-bold">Histórico</th>
 											<th class="text-base-content text-center font-bold">Ações</th>
 										</tr>
 									</thead>
@@ -2168,16 +1897,24 @@
 												class="hover:bg-base-200/50 border-base-300 border-b transition-all duration-200"
 											>
 												<td>
-													<div class="text-base-content font-semibold">
-														{periodo.funcionario?.nome}
+													<div class="flex items-center gap-3">
+														<UserAvatar
+															fotoPerfilUrl={periodo.funcionario?.fotoPerfilUrl}
+															nome={periodo.funcionario?.nome || 'Funcionário'}
+															size="sm"
+														/>
+														<div class="text-base-content font-semibold">
+															{periodo.funcionario?.nome}
+														</div>
 													</div>
 												</td>
 												<td>
 													{#if periodo.time}
 														<div
-															class="badge badge-sm font-semibold shadow-sm"
+															class="badge badge-sm max-w-full overflow-hidden font-semibold text-ellipsis whitespace-nowrap shadow-sm"
 															style="background-color: {periodo.time.cor}20; border-color: {periodo
 																.time.cor}; color: {periodo.time.cor}"
+															title={periodo.time.nome}
 														>
 															{periodo.time.nome}
 														</div>
@@ -2198,7 +1935,9 @@
 													</div>
 												</td>
 												<td>
-													<div class="badge badge-primary badge-lg font-bold shadow-sm">
+													<div
+														class="badge badge-primary badge-lg font-bold whitespace-nowrap shadow-sm"
+													>
 														{periodo.diasFerias} dias
 													</div>
 												</td>
@@ -2209,6 +1948,21 @@
 														{getStatusTexto(periodo.status)}
 													</div>
 												</td>
+												<td class="text-center">
+													{#if periodo.historicoAlteracoes && periodo.historicoAlteracoes.length > 0}
+														<button
+															type="button"
+															class="btn btn-ghost btn-xs gap-1"
+															onclick={() => (periodoHistoricoFerias = periodo._id)}
+															title="Ver histórico"
+														>
+															<Clock class="h-4 w-4" strokeWidth={2} />
+															<span class="text-xs">({periodo.historicoAlteracoes.length})</span>
+														</button>
+													{:else}
+														<span class="text-base-content/30 text-xs">-</span>
+													{/if}
+												</td>
 												<td>
 													<div class="flex justify-center">
 														{#if periodo.status === 'aguardando_aprovacao'}
@@ -2243,15 +1997,15 @@
 			{:else if abaAtiva === 'aprovar-ausencias'}
 				<!-- Aprovar Ausências (Gestores) -->
 				<div
-					class="card from-base-100 to-base-200 overflow-hidden border-t-4 border-orange-500 bg-gradient-to-br shadow-2xl"
+					class="card from-base-100 to-base-200 border-warning overflow-hidden border-t-4 bg-linear-to-br shadow-2xl"
 				>
 					<div class="card-body p-6">
 						<div class="mb-6 flex items-center justify-between">
 							<div class="flex items-center gap-3">
 								<div
-									class="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-orange-500 to-orange-600 shadow-lg ring-2 ring-orange-500/20"
+									class="from-warning to-warning/80 ring-warning/20 flex h-12 w-12 items-center justify-center rounded-xl bg-linear-to-br shadow-lg ring-2"
 								>
-									<Clock class="h-6 w-6 text-white" strokeWidth={2.5} />
+									<Clock class="text-warning-content h-6 w-6" strokeWidth={2.5} />
 								</div>
 								<div>
 									<h2 class="text-base-content flex items-center gap-2 text-2xl font-bold">
@@ -2277,12 +2031,13 @@
 							<div class="border-base-300 overflow-x-auto rounded-lg border shadow-inner">
 								<table class="table-zebra table">
 									<thead>
-										<tr class="from-base-200 to-base-300 bg-gradient-to-r">
+										<tr class="from-base-200 to-base-300 bg-linear-to-r">
 											<th class="text-base-content font-bold">Funcionário</th>
 											<th class="text-base-content font-bold">Time</th>
 											<th class="text-base-content font-bold">Período</th>
 											<th class="text-base-content font-bold">Dias</th>
 											<th class="text-base-content font-bold">Status</th>
+											<th class="text-base-content text-center font-bold">Histórico</th>
 											<th class="text-base-content text-center font-bold">Ações</th>
 										</tr>
 									</thead>
@@ -2292,17 +2047,25 @@
 												class="hover:bg-base-200/50 border-base-300 border-b transition-all duration-200"
 											>
 												<td>
-													<div class="text-base-content font-semibold">
-														{ausencia.funcionario?.nome || 'N/A'}
+													<div class="flex items-center gap-3">
+														<UserAvatar
+															fotoPerfilUrl={ausencia.funcionario?.fotoPerfilUrl}
+															nome={ausencia.funcionario?.nome || 'N/A'}
+															size="sm"
+														/>
+														<div class="text-base-content font-semibold">
+															{ausencia.funcionario?.nome || 'N/A'}
+														</div>
 													</div>
 												</td>
 												<td>
 													{#if ausencia.time}
 														<div
-															class="badge badge-sm font-semibold shadow-sm"
+															class="badge badge-sm max-w-full overflow-hidden font-semibold text-ellipsis whitespace-nowrap shadow-sm"
 															style="background-color: {ausencia.time
 																.cor}20; border-color: {ausencia.time.cor}; color: {ausencia.time
 																.cor}"
+															title={ausencia.time.nome}
 														>
 															{ausencia.time.nome}
 														</div>
@@ -2315,16 +2078,18 @@
 															strokeWidth={2}
 														/>
 														<span>
-															{new Date(ausencia.dataInicio).toLocaleDateString('pt-BR')} até
-															{new Date(ausencia.dataFim).toLocaleDateString('pt-BR')}
+															{parseLocalDate(ausencia.dataInicio).toLocaleDateString('pt-BR')} até
+															{parseLocalDate(ausencia.dataFim).toLocaleDateString('pt-BR')}
 														</span>
 													</div>
 												</td>
 												<td>
-													<div class="badge badge-warning badge-lg font-bold shadow-sm">
+													<div
+														class="badge badge-warning badge-lg font-bold whitespace-nowrap shadow-sm"
+													>
 														{Math.ceil(
-															(new Date(ausencia.dataFim).getTime() -
-																new Date(ausencia.dataInicio).getTime()) /
+															(parseLocalDate(ausencia.dataFim).getTime() -
+																parseLocalDate(ausencia.dataInicio).getTime()) /
 																(1000 * 60 * 60 * 24)
 														) + 1} dias
 													</div>
@@ -2336,13 +2101,32 @@
 														{getStatusTexto(ausencia.status)}
 													</div>
 												</td>
+												<td class="text-center">
+													{#if ausencia.historicoAlteracoes && ausencia.historicoAlteracoes.length > 0}
+														<button
+															type="button"
+															class="btn btn-ghost btn-xs gap-1"
+															onclick={() => {
+																ausenciaHistorico = ausencia._id;
+															}}
+															title="Ver histórico"
+														>
+															<Clock class="h-4 w-4" strokeWidth={2} />
+															<span class="text-xs">({ausencia.historicoAlteracoes.length})</span>
+														</button>
+													{:else}
+														<span class="text-base-content/30 text-xs">-</span>
+													{/if}
+												</td>
 												<td>
 													<div class="flex justify-center">
 														{#if ausencia.status === 'aguardando_aprovacao'}
 															<button
 																type="button"
 																class="btn btn-warning btn-sm gap-2 shadow-md transition-all duration-200 hover:scale-105 hover:shadow-lg"
-																onclick={() => (solicitacaoAusenciaAprovar = ausencia._id)}
+																onclick={() => {
+																	solicitacaoAusenciaAprovar = ausencia._id;
+																}}
 															>
 																<FileCheck class="h-4 w-4" strokeWidth={2} />
 																Analisar
@@ -2351,7 +2135,9 @@
 															<button
 																type="button"
 																class="btn btn-ghost btn-sm hover:bg-base-300 gap-2 transition-all duration-200"
-																onclick={() => (solicitacaoAusenciaAprovar = ausencia._id)}
+																onclick={() => {
+																	solicitacaoAusenciaAprovar = ausencia._id;
+																}}
 															>
 																<Eye class="h-4 w-4" strokeWidth={2} />
 																Detalhes
@@ -2367,20 +2153,62 @@
 						{/if}
 					</div>
 				</div>
-			{:else if abaAtiva === 'aparencia'}
-				<!-- Aparência -->
+			{:else if abaAtiva === 'meu-ponto'}
+				<!-- Meu Ponto -->
 				<div class="space-y-6">
-					<!-- Header -->
+					<!-- Registro de Ponto -->
 					<div
-						class="card from-base-100 to-base-200 overflow-hidden border-t-4 border-purple-500 bg-gradient-to-br shadow-2xl"
+						class="card from-base-100 to-base-200 border-info overflow-hidden border-t-4 bg-linear-to-br shadow-2xl"
 					>
 						<div class="card-body p-6">
 							<div class="mb-6 flex items-center justify-between">
 								<div class="flex items-center gap-3">
 									<div
-										class="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-purple-500 to-pink-600 shadow-lg ring-2 ring-purple-500/20"
+										class="from-info to-info/80 ring-info/20 flex h-12 w-12 items-center justify-center rounded-xl bg-linear-to-br shadow-lg ring-2"
 									>
-										<Palette class="h-6 w-6 text-white" strokeWidth={2.5} />
+										<Fingerprint class="text-info-content h-6 w-6" strokeWidth={2.5} />
+									</div>
+									<div>
+										<h2 class="text-base-content flex items-center gap-2 text-2xl font-bold">
+											Registro de Ponto
+										</h2>
+										<p class="text-base-content/60 mt-0.5 text-sm">
+											Registre sua entrada, saída e intervalos de trabalho
+										</p>
+									</div>
+								</div>
+							</div>
+							<RegistroPonto />
+						</div>
+					</div>
+				</div>
+			{:else if abaAtiva === 'meu-banco-horas'}
+				<!-- Meu Banco de Horas -->
+				<div class="space-y-6">
+					{#if funcionarioIdDisponivel}
+						<div
+							class="card from-base-100 to-base-200 border-primary overflow-hidden border-t-4 bg-linear-to-br shadow-2xl"
+						>
+							<div class="card-body p-6">
+								<BancoHorasMensal funcionarioId={funcionarioIdDisponivel} />
+							</div>
+						</div>
+					{/if}
+				</div>
+			{:else if abaAtiva === 'aparencia'}
+				<!-- Aparência -->
+				<div class="space-y-6">
+					<!-- Header -->
+					<div
+						class="card from-base-100 to-base-200 border-primary overflow-hidden border-t-4 bg-linear-to-br shadow-2xl"
+					>
+						<div class="card-body p-6">
+							<div class="mb-6 flex items-center justify-between">
+								<div class="flex items-center gap-3">
+									<div
+										class="from-primary to-secondary ring-primary/20 flex h-12 w-12 items-center justify-center rounded-xl bg-linear-to-br shadow-lg ring-2"
+									>
+										<Palette class="text-primary-content h-6 w-6" strokeWidth={2.5} />
 									</div>
 									<div>
 										<h2 class="text-base-content flex items-center gap-2 text-2xl font-bold">
@@ -2398,38 +2226,14 @@
 					<!-- Mensagens de Sucesso/Erro -->
 					{#if sucessoSalvarTema}
 						<div class="alert alert-success shadow-lg">
-							<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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
+							<CheckCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 							<span>{sucessoSalvarTema}</span>
 						</div>
 					{/if}
 
 					{#if erroSalvarTema}
 						<div class="alert alert-error shadow-lg">
-							<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>
+							<XCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 							<span>{erroSalvarTema}</span>
 						</div>
 					{/if}
@@ -2439,7 +2243,7 @@
 						{#each temasDisponiveis as tema (tema.id)}
 							<button
 								type="button"
-								class={`card from-base-100 to-base-200 hover:shadow-3xl overflow-hidden border-2 bg-gradient-to-br shadow-xl transition-all duration-300 hover:scale-105 ${
+								class={`card from-base-100 to-base-200 hover:shadow-3xl overflow-hidden border-2 bg-linear-to-br shadow-xl transition-all duration-300 hover:scale-105 ${
 									temaSelecionado === tema.id
 										? 'border-primary ring-primary/20 scale-105 ring-4'
 										: 'border-base-300 hover:border-primary/50'
@@ -2541,7 +2345,7 @@
 			<dialog class="modal modal-open">
 				<div class="modal-box max-h-[90vh] max-w-4xl overflow-y-auto">
 					<h3
-						class="mb-8 bg-linear-to-r from-purple-600 to-blue-600 bg-clip-text text-center text-3xl font-black text-transparent"
+						class="from-primary to-secondary mb-8 bg-linear-to-r bg-clip-text text-center text-3xl font-black text-transparent"
 					>
 						Alterar Foto de Perfil
 					</h3>
@@ -2573,47 +2377,21 @@
 						<button
 							type="button"
 							role="tab"
-							class={`tab tab-lg font-semibold transition-all ${modoFoto === 'avatar' ? 'tab-active bg-linear-to-r from-purple-600 to-blue-600 text-white' : ''}`}
+							class={`tab tab-lg font-semibold transition-all ${modoFoto === 'avatar' ? 'tab-active from-primary to-secondary text-primary-content bg-linear-to-r' : ''}`}
 							onclick={() => (modoFoto = 'avatar')}
 							disabled={uploadandoFoto}
 						>
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="mr-2 h-5 w-5"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
+							<Smile class="mr-2 h-5 w-5" strokeWidth={2} />
 							Escolher Avatar
 						</button>
 						<button
 							type="button"
 							role="tab"
-							class={`tab tab-lg font-semibold transition-all ${modoFoto === 'upload' ? 'tab-active bg-linear-to-r from-purple-600 to-blue-600 text-white' : ''}`}
+							class={`tab tab-lg font-semibold transition-all ${modoFoto === 'upload' ? 'tab-active from-primary to-secondary text-primary-content bg-linear-to-r' : ''}`}
 							onclick={() => (modoFoto = 'upload')}
 							disabled={uploadandoFoto}
 						>
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="mr-2 h-5 w-5"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
-								/>
-							</svg>
+							<Camera class="mr-2 h-5 w-5" strokeWidth={2} />
 							Enviar Foto
 						</button>
 					</div>
@@ -2678,19 +2456,7 @@
 
 					{#if erroUpload}
 						<div class="alert alert-error mt-6 shadow-lg">
-							<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>
+							<XCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 							<span class="font-semibold">{erroUpload}</span>
 						</div>
 					{/if}
@@ -2723,34 +2489,6 @@
 				</form>
 			</dialog>
 		{/if}
-
-		{#if abaAtiva === 'meu-ponto'}
-			<!-- Meu Ponto -->
-			<div
-				class="card from-base-100 to-base-200 overflow-hidden border-t-4 border-blue-500 bg-gradient-to-br shadow-2xl"
-			>
-				<div class="card-body p-6">
-					<div class="mb-6 flex items-center justify-between">
-						<div class="flex items-center gap-3">
-							<div
-								class="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-blue-500 to-blue-600 shadow-lg ring-2 ring-blue-500/20"
-							>
-								<Fingerprint class="h-6 w-6 text-white" strokeWidth={2.5} />
-							</div>
-							<div>
-								<h2 class="text-base-content flex items-center gap-2 text-2xl font-bold">
-									Meu Ponto
-								</h2>
-								<p class="text-base-content/60 mt-0.5 text-sm">
-									Registre sua entrada, saída e intervalos de trabalho
-								</p>
-							</div>
-						</div>
-					</div>
-					<RegistroPonto />
-				</div>
-			</div>
-		{/if}
 	</main>
 </ProtectedRoute>
 
@@ -2764,6 +2502,8 @@
 					funcionarioId={funcionarioIdDisponivel}
 					onSucesso={() => {
 						mostrarWizard = false;
+						// Forçar atualização das queries
+						refreshKeyFerias++;
 					}}
 					onCancelar={() => (mostrarWizard = false)}
 				/>
@@ -2821,17 +2561,10 @@
 			<div class="flex-1 overflow-y-auto p-6">
 				<WizardSolicitacaoAusencia
 					funcionarioId={funcionarioIdDisponivel}
-					onSucesso={async () => {
+					onSucesso={() => {
 						mostrarWizardAusencia = false;
-						// As queries do Convex são reativas e devem atualizar automaticamente
-						// Mas garantimos que o componente será re-renderizado
-						// Forçar recarregamento das queries mudando temporariamente o filtro
-						const filtroAnterior = filtroStatusAusencias;
-						if (filtroAnterior !== 'todos') {
-							filtroStatusAusencias = 'todos';
-							await new Promise((resolve) => setTimeout(resolve, 200));
-						}
-						filtroStatusAusencias = filtroAnterior;
+						// Forçar atualização das queries
+						refreshKeyAusencias++;
 					}}
 					onCancelar={() => (mostrarWizardAusencia = false)}
 				/>
@@ -2849,7 +2582,7 @@
 	{#await client.query( api.ausencias.obterDetalhes, { solicitacaoId: solicitacaoAusenciaAprovar } ) then detalhes}
 		{#if detalhes}
 			<dialog class="modal modal-open">
-				<div class="modal-box max-h-[90vh] max-w-3xl overflow-y-auto">
+				<div class="modal-box max-h-[95vh] w-full max-w-2xl overflow-y-auto p-4 md:p-6">
 					<AprovarAusencias
 						solicitacao={detalhes}
 						gestorId={currentUser.data._id}
@@ -2871,6 +2604,93 @@
 	{/await}
 {/if}
 
+<!-- Modal Histórico de Férias -->
+{#if periodoHistoricoFerias}
+	{#await client.query( api.ferias.obterDetalhes, { feriasId: periodoHistoricoFerias } ) then detalhes}
+		{#if detalhes && detalhes.historicoAlteracoes && detalhes.historicoAlteracoes.length > 0}
+			<dialog class="modal modal-open">
+				<div class="modal-box max-w-2xl">
+					<h3 class="mb-6 text-2xl font-bold">Histórico de Alterações</h3>
+					<div class="space-y-3">
+						{#each detalhes.historicoAlteracoes as hist (hist.data)}
+							<div
+								class="border-base-300 flex items-start gap-3 border-b pb-3 last:border-0 last:pb-0"
+							>
+								<Clock class="text-primary mt-0.5 h-5 w-5 shrink-0" strokeWidth={2} />
+								<div class="flex-1">
+									<div class="text-base-content text-sm font-semibold">{hist.acao}</div>
+									<div class="text-base-content/60 mt-1 flex flex-col gap-0.5 text-xs">
+										<span
+											>Por:
+											<strong>
+												{(hist as HistoricoAlteracaoFerias).usuarioNome || 'Usuário Desconhecido'}
+											</strong></span
+										>
+										<span>{new Date(hist.data).toLocaleString('pt-BR')}</span>
+									</div>
+								</div>
+							</div>
+						{/each}
+					</div>
+					<div class="modal-action">
+						<button type="button" class="btn" onclick={() => (periodoHistoricoFerias = null)}>
+							Fechar
+						</button>
+					</div>
+				</div>
+				<form method="dialog" class="modal-backdrop">
+					<button
+						type="button"
+						onclick={() => (periodoHistoricoFerias = null)}
+						aria-label="Fechar modal"
+					>
+						Fechar
+					</button>
+				</form>
+			</dialog>
+		{/if}
+	{/await}
+{/if}
+
+<!-- Modal Histórico de Ausências -->
+{#if ausenciaHistorico}
+	{@const ausenciaComHistorico =
+		ausenciasFiltradas.find((a) => a._id === ausenciaHistorico) ||
+		ausenciasSubordinados.find((a) => a._id === ausenciaHistorico)}
+	{#if ausenciaComHistorico && ausenciaComHistorico.historicoAlteracoes && ausenciaComHistorico.historicoAlteracoes.length > 0}
+		<dialog class="modal modal-open">
+			<div class="modal-box max-w-2xl">
+				<h3 class="mb-6 text-2xl font-bold">Histórico de Alterações</h3>
+				<div class="space-y-3">
+					{#each ausenciaComHistorico.historicoAlteracoes as hist (hist.data)}
+						<div
+							class="border-base-300 flex items-start gap-3 border-b pb-3 last:border-0 last:pb-0"
+						>
+							<Clock class="text-primary mt-0.5 h-5 w-5 shrink-0" strokeWidth={2} />
+							<div class="flex-1">
+								<div class="text-base-content text-sm font-semibold">{hist.acao}</div>
+								<div class="text-base-content/60 text-xs">
+									{new Date(hist.data).toLocaleString('pt-BR')}
+								</div>
+							</div>
+						</div>
+					{/each}
+				</div>
+				<div class="modal-action">
+					<button type="button" class="btn" onclick={() => (ausenciaHistorico = null)}>
+						Fechar
+					</button>
+				</div>
+			</div>
+			<form method="dialog" class="modal-backdrop">
+				<button type="button" onclick={() => (ausenciaHistorico = null)} aria-label="Fechar modal">
+					Fechar
+				</button>
+			</form>
+		</dialog>
+	{/if}
+{/if}
+
 <style>
 	@keyframes gradient-shift {
 		0%,
diff --git a/apps/web/src/routes/(dashboard)/perfil/chamados/+page.svelte b/apps/web/src/routes/(dashboard)/perfil/chamados/+page.svelte
index fc8e97e..4cfa7c0 100644
--- a/apps/web/src/routes/(dashboard)/perfil/chamados/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/perfil/chamados/+page.svelte
@@ -1,12 +1,10 @@
 <script lang="ts">
+	import { onMount } from 'svelte';
+	import { useConvexClient } from 'convex-svelte';
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
-	import { useConvexClient } from 'convex-svelte';
-	import { onMount } from 'svelte';
-	import { resolve } from '$app/paths';
 	import TicketCard from '$lib/components/chamados/TicketCard.svelte';
 	import TicketTimeline from '$lib/components/chamados/TicketTimeline.svelte';
-	import { useConvexWithAuth } from '$lib/hooks/useConvexWithAuth';
 	import { chamadosStore } from '$lib/stores/chamados';
 	import {
 		formatarData,
@@ -15,6 +13,8 @@
 		getStatusLabel,
 		prazoRestante
 	} from '$lib/utils/chamados';
+	import { resolve } from '$app/paths';
+	import { useConvexWithAuth } from '$lib/hooks/useConvexWithAuth';
 
 	type Ticket = Doc<'tickets'>;
 
diff --git a/apps/web/src/routes/(dashboard)/perfil/privacidade/+page.svelte b/apps/web/src/routes/(dashboard)/perfil/privacidade/+page.svelte
new file mode 100644
index 0000000..6128474
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/perfil/privacidade/+page.svelte
@@ -0,0 +1,198 @@
+<script lang="ts">
+	import { resolve } from '$app/paths';
+	import { useQuery, useConvexClient } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import { Shield, CheckCircle, XCircle, Calendar, AlertCircle } from 'lucide-svelte';
+	import { format } from 'date-fns';
+	import { ptBR } from 'date-fns/locale';
+	import { toast } from 'svelte-sonner';
+
+	const client = useConvexClient();
+	const consentimentos = useQuery(api.lgpd.listarConsentimentos, {});
+
+	let revogando = $state<string | null>(null);
+
+	function getTipoLabel(tipo: string) {
+		const labels: Record<string, string> = {
+			termo_uso: 'Termo de Uso',
+			politica_privacidade: 'Política de Privacidade',
+			comunicacoes: 'Comunicações',
+			compartilhamento_dados: 'Compartilhamento de Dados'
+		};
+		return labels[tipo] || tipo;
+	}
+
+	async function revogar(tipo: string) {
+		if (!confirm('Tem certeza que deseja revogar este consentimento?')) {
+			return;
+		}
+
+		revogando = tipo;
+
+		try {
+			await client.mutation(api.lgpd.revogarConsentimento, {
+				tipo: tipo as
+					| 'termo_uso'
+					| 'politica_privacidade'
+					| 'comunicacoes'
+					| 'compartilhamento_dados'
+			});
+			toast.success('Consentimento revogado com sucesso');
+		} catch (error: any) {
+			toast.error(error.message || 'Erro ao revogar consentimento');
+		} finally {
+			revogando = null;
+		}
+	}
+</script>
+
+<div class="container mx-auto max-w-4xl px-4 py-8">
+	<!-- Header -->
+	<div class="mb-8">
+		<div class="mb-4 flex items-center gap-4">
+			<div class="bg-primary/10 rounded-xl p-3">
+				<Shield class="text-primary h-8 w-8" strokeWidth={2} />
+			</div>
+			<div>
+				<h1 class="text-base-content text-3xl font-bold">Preferências de Privacidade</h1>
+				<p class="text-base-content/60 mt-1">
+					Gerencie seus consentimentos e preferências de privacidade
+				</p>
+			</div>
+		</div>
+	</div>
+
+	<!-- Consentimentos -->
+	<div class="card bg-base-100 mb-6 shadow-xl">
+		<div class="card-body">
+			<h2 class="card-title mb-4 text-2xl">Meus Consentimentos</h2>
+
+			{#if consentimentos === undefined}
+				<div class="flex items-center justify-center py-10">
+					<span class="loading loading-spinner loading-lg text-primary"></span>
+				</div>
+			{:else if consentimentos.length === 0}
+				<div class="py-10 text-center">
+					<Shield class="text-base-content/30 mx-auto mb-4 h-16 w-16" />
+					<p class="text-base-content/60">Nenhum consentimento registrado</p>
+				</div>
+			{:else}
+				<div class="space-y-4">
+					{#each consentimentos as consentimento}
+						<div class="border-base-300 rounded-lg border p-4">
+							<div class="flex items-start justify-between">
+								<div class="flex-1">
+									<div class="mb-2 flex items-center gap-3">
+										{#if consentimento.aceito && !consentimento.revogadoEm}
+											<CheckCircle class="text-success h-5 w-5" />
+										{:else}
+											<XCircle class="text-error h-5 w-5" />
+										{/if}
+										<h3 class="text-lg font-semibold">
+											{getTipoLabel(consentimento.tipo)}
+										</h3>
+										{#if consentimento.aceito && !consentimento.revogadoEm}
+											<span class="badge badge-success">Ativo</span>
+										{:else}
+											<span class="badge badge-error">Revogado</span>
+										{/if}
+									</div>
+
+									<div class="text-base-content/70 space-y-1 text-sm">
+										<div class="flex items-center gap-2">
+											<Calendar class="h-4 w-4" />
+											<span>
+												Aceito em:{' '}
+												{format(new Date(consentimento.aceitoEm), 'dd/MM/yyyy às HH:mm', {
+													locale: ptBR
+												})}
+											</span>
+										</div>
+										<div>
+											<span class="font-semibold">Versão:</span>
+											{consentimento.versao}
+										</div>
+										{#if consentimento.revogadoEm}
+											<div class="text-error flex items-center gap-2">
+												<XCircle class="h-4 w-4" />
+												<span>
+													Revogado em:{' '}
+													{format(new Date(consentimento.revogadoEm), 'dd/MM/yyyy às HH:mm', {
+														locale: ptBR
+													})}
+												</span>
+											</div>
+										{/if}
+									</div>
+								</div>
+
+								{#if consentimento.aceito && !consentimento.revogadoEm}
+									<button
+										onclick={() => revogar(consentimento.tipo)}
+										disabled={revogando === consentimento.tipo}
+										class="btn btn-sm btn-error"
+									>
+										{#if revogando === consentimento.tipo}
+											<span class="loading loading-spinner loading-xs"></span>
+										{:else}
+											Revogar
+										{/if}
+									</button>
+								{/if}
+							</div>
+						</div>
+					{/each}
+				</div>
+			{/if}
+		</div>
+	</div>
+
+	<!-- Informações -->
+	<div class="card bg-base-100 shadow-xl">
+		<div class="card-body">
+			<h2 class="card-title mb-4 text-2xl">Informações Importantes</h2>
+
+			<div class="alert alert-warning mb-4">
+				<AlertCircle class="h-5 w-5" />
+				<div>
+					<p class="font-semibold">Atenção ao Revogar Consentimentos</p>
+					<p class="text-sm">
+						A revogação de alguns consentimentos pode impedir o acesso a funcionalidades do sistema
+						que dependem do tratamento de dados pessoais.
+					</p>
+				</div>
+			</div>
+
+			<div class="text-base-content/80 space-y-3 text-sm">
+				<p>
+					<strong>Termo de Uso:</strong> Aceite obrigatório para utilização do sistema. A revogação pode
+					impedir o acesso.
+				</p>
+				<p>
+					<strong>Política de Privacidade:</strong> Informa como seus dados são tratados. A revogação
+					não impede o tratamento, mas você pode solicitar exclusão.
+				</p>
+				<p>
+					<strong>Comunicações:</strong> Permite envio de notificações e comunicações do sistema. A revogação
+					pode limitar informações importantes.
+				</p>
+				<p>
+					<strong>Compartilhamento de Dados:</strong> Permite compartilhamento com terceiros quando necessário.
+					A revogação pode afetar serviços terceirizados.
+				</p>
+			</div>
+		</div>
+	</div>
+
+	<!-- Links -->
+	<div class="mt-6 flex flex-col gap-4 sm:flex-row">
+		<a href={resolve('/privacidade')} class="btn btn-outline btn-lg flex-1">
+			<Shield class="h-5 w-5" />
+			Ver Política de Privacidade
+		</a>
+		<a href={resolve('/privacidade/meus-dados')} class="btn btn-primary btn-lg flex-1">
+			<Shield class="h-5 w-5" />
+			Solicitar Meus Direitos
+		</a>
+	</div>
+</div>
diff --git a/apps/web/src/routes/(dashboard)/privacidade/+page.svelte b/apps/web/src/routes/(dashboard)/privacidade/+page.svelte
new file mode 100644
index 0000000..a905b4b
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/privacidade/+page.svelte
@@ -0,0 +1,434 @@
+<script lang="ts">
+	import { resolve } from '$app/paths';
+	import { Shield, FileText, Mail, Phone, Calendar } from 'lucide-svelte';
+	import { useQuery } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+
+	const configLGPD = useQuery(api.lgpd.obterConfiguracaoLGPD, {});
+
+	const encarregadoNome = $derived(
+		configLGPD?.data?.encarregadoNome || 'Encarregado de Proteção de Dados'
+	);
+	const encarregadoEmail = $derived(
+		configLGPD?.data?.encarregadoEmail || 'lgpd@esportes.pe.gov.br'
+	);
+	const encarregadoTelefone = $derived(configLGPD?.data?.encarregadoTelefone || '(81) 3184-XXXX');
+	const encarregadoHorario = $derived(
+		configLGPD?.data?.encarregadoHorarioAtendimento || 'Segunda a Sexta, das 8h às 17h'
+	);
+</script>
+
+<div class="container mx-auto max-w-4xl px-4 py-8">
+	<!-- Header -->
+	<div class="mb-8">
+		<div class="mb-4 flex items-center gap-4">
+			<div class="bg-primary/10 rounded-xl p-3">
+				<Shield class="text-primary h-8 w-8" strokeWidth={2} />
+			</div>
+			<div>
+				<h1 class="text-base-content text-3xl font-bold">Política de Privacidade</h1>
+				<p class="text-base-content/60 mt-1">
+					Lei Geral de Proteção de Dados Pessoais (LGPD) - Lei nº 13.709/2018
+				</p>
+			</div>
+		</div>
+		<div class="text-base-content/60 flex items-center gap-2 text-sm">
+			<Calendar class="h-4 w-4" />
+			<span>Última atualização: {new Date().toLocaleDateString('pt-BR')}</span>
+		</div>
+	</div>
+
+	<!-- Conteúdo -->
+	<div class="prose prose-lg max-w-none">
+		<!-- Introdução -->
+		<section class="card bg-base-100 mb-6 shadow-xl">
+			<div class="card-body">
+				<h2 class="card-title mb-4 text-2xl">1. Introdução</h2>
+				<p class="text-base-content/80">
+					A Secretaria de Esportes do Estado de Pernambuco, no exercício de suas atribuições
+					constitucionais e legais, está comprometida com a proteção dos dados pessoais de seus
+					servidores, colaboradores e cidadãos, em conformidade com a Lei Geral de Proteção de Dados
+					Pessoais (LGPD) - Lei nº 13.709/2018.
+				</p>
+				<p class="text-base-content/80 mt-4">
+					Esta Política de Privacidade descreve como coletamos, utilizamos, armazenamos e protegemos
+					seus dados pessoais no Sistema de Gestão da Secretaria de Esportes (SGSE).
+				</p>
+			</div>
+		</section>
+
+		<!-- Dados Coletados -->
+		<section class="card bg-base-100 mb-6 shadow-xl">
+			<div class="card-body">
+				<h2 class="card-title mb-4 text-2xl">2. Dados Pessoais Coletados</h2>
+				<p class="text-base-content/80 mb-4">
+					O SGSE coleta e processa os seguintes tipos de dados pessoais:
+				</p>
+				<div class="space-y-3">
+					<div class="flex items-start gap-3">
+						<FileText class="text-primary mt-1 h-5 w-5 flex-shrink-0" />
+						<div>
+							<h3 class="font-semibold">Dados de Identificação</h3>
+							<p class="text-base-content/70 text-sm">
+								Nome completo, CPF, RG, data de nascimento, naturalidade, nacionalidade, estado
+								civil, filiação (nome do pai e mãe)
+							</p>
+						</div>
+					</div>
+					<div class="flex items-start gap-3">
+						<FileText class="text-primary mt-1 h-5 w-5 flex-shrink-0" />
+						<div>
+							<h3 class="font-semibold">Dados de Contato</h3>
+							<p class="text-base-content/70 text-sm">
+								E-mail, telefone, endereço residencial e endereços de marcação de ponto
+							</p>
+						</div>
+					</div>
+					<div class="flex items-start gap-3">
+						<FileText class="text-primary mt-1 h-5 w-5 flex-shrink-0" />
+						<div>
+							<h3 class="font-semibold">Dados Profissionais</h3>
+							<p class="text-base-content/70 text-sm">
+								Matrícula, cargo, função, setor, data de admissão, regime de trabalho, documentos
+								profissionais (CTPS, título eleitor, reservista, PIS)
+							</p>
+						</div>
+					</div>
+					<div class="flex items-start gap-3">
+						<FileText class="text-primary mt-1 h-5 w-5 flex-shrink-0" />
+						<div>
+							<h3 class="font-semibold">Dados de Saúde</h3>
+							<p class="text-base-content/70 text-sm">
+								Atestados médicos, licenças de saúde, grupo sanguíneo, fator RH (quando necessário
+								para atividades específicas)
+							</p>
+						</div>
+					</div>
+					<div class="flex items-start gap-3">
+						<FileText class="text-primary mt-1 h-5 w-5 flex-shrink-0" />
+						<div>
+							<h3 class="font-semibold">Dados de Acesso</h3>
+							<p class="text-base-content/70 text-sm">
+								Credenciais de acesso, logs de acesso, endereço IP, histórico de atividades no
+								sistema
+							</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</section>
+
+		<!-- Finalidade -->
+		<section class="card bg-base-100 mb-6 shadow-xl">
+			<div class="card-body">
+				<h2 class="card-title mb-4 text-2xl">3. Finalidade do Tratamento</h2>
+				<p class="text-base-content/80 mb-4">
+					Os dados pessoais são tratados para as seguintes finalidades:
+				</p>
+				<ul class="text-base-content/80 list-inside list-disc space-y-2">
+					<li>Gestão de recursos humanos e folha de pagamento</li>
+					<li>Controle de ponto e registro de jornada de trabalho</li>
+					<li>Gestão de férias, ausências e licenças</li>
+					<li>Processamento de atestados médicos e licenças de saúde</li>
+					<li>Gestão de chamados e suporte técnico</li>
+					<li>Comunicação interna e notificações</li>
+					<li>Cumprimento de obrigações legais e regulatórias</li>
+					<li>Execução de políticas públicas</li>
+					<li>Segurança e prevenção de fraudes</li>
+					<li>Auditoria e controle interno</li>
+				</ul>
+			</div>
+		</section>
+
+		<!-- Base Legal -->
+		<section class="card bg-base-100 mb-6 shadow-xl">
+			<div class="card-body">
+				<h2 class="card-title mb-4 text-2xl">4. Base Legal do Tratamento</h2>
+				<p class="text-base-content/80 mb-4">
+					O tratamento de dados pessoais no SGSE fundamenta-se nas seguintes bases legais, conforme
+					previsto no Art. 7º da LGPD:
+				</p>
+				<div class="space-y-3">
+					<div class="bg-primary/5 rounded-lg p-4">
+						<h3 class="text-primary mb-2 font-semibold">I. Execução de Políticas Públicas</h3>
+						<p class="text-base-content/70 text-sm">
+							Art. 7º, II - Para a execução de políticas públicas previstas em leis ou regulamentos
+						</p>
+					</div>
+					<div class="bg-primary/5 rounded-lg p-4">
+						<h3 class="text-primary mb-2 font-semibold">II. Cumprimento de Obrigação Legal</h3>
+						<p class="text-base-content/70 text-sm">
+							Art. 7º, I - Para cumprimento de obrigação legal ou regulatória pelo controlador
+						</p>
+					</div>
+					<div class="bg-primary/5 rounded-lg p-4">
+						<h3 class="text-primary mb-2 font-semibold">III. Execução de Contrato</h3>
+						<p class="text-base-content/70 text-sm">
+							Art. 7º, V - Para a execução de contrato ou de procedimentos preliminares relacionados
+							a contrato do qual seja parte o titular
+						</p>
+					</div>
+					<div class="bg-primary/5 rounded-lg p-4">
+						<h3 class="text-primary mb-2 font-semibold">IV. Proteção da Vida e Saúde</h3>
+						<p class="text-base-content/70 text-sm">
+							Art. 7º, VI e VII - Para a proteção da vida ou da incolumidade física do titular ou de
+							terceiro, e para a tutela da saúde
+						</p>
+					</div>
+				</div>
+			</div>
+		</section>
+
+		<!-- Compartilhamento -->
+		<section class="card bg-base-100 mb-6 shadow-xl">
+			<div class="card-body">
+				<h2 class="card-title mb-4 text-2xl">5. Compartilhamento de Dados</h2>
+				<p class="text-base-content/80 mb-4">Os dados pessoais podem ser compartilhados com:</p>
+				<ul class="text-base-content/80 list-inside list-disc space-y-2">
+					<li>
+						<strong>Órgãos Públicos:</strong> Quando necessário para cumprimento de obrigações legais
+						ou execução de políticas públicas
+					</li>
+					<li>
+						<strong>Fornecedores de Serviços:</strong> Empresas contratadas para prestação de serviços
+						técnicos, sempre com garantias de proteção de dados
+					</li>
+					<li>
+						<strong>Autoridades Competentes:</strong> Quando exigido por determinação judicial ou legal
+					</li>
+				</ul>
+				<div class="alert alert-info mt-4">
+					<p class="text-sm">
+						Todos os compartilhamentos são realizados com base legal e com garantias de proteção dos
+						dados pessoais.
+					</p>
+				</div>
+			</div>
+		</section>
+
+		<!-- Segurança -->
+		<section class="card bg-base-100 mb-6 shadow-xl">
+			<div class="card-body">
+				<h2 class="card-title mb-4 text-2xl">6. Medidas de Segurança</h2>
+				<p class="text-base-content/80 mb-4">
+					Adotamos medidas técnicas e administrativas para proteger seus dados pessoais:
+				</p>
+				<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+					<div class="bg-base-200 rounded-lg p-4">
+						<h3 class="mb-2 font-semibold">Medidas Técnicas</h3>
+						<ul class="text-base-content/70 space-y-1 text-sm">
+							<li>• Criptografia de dados sensíveis</li>
+							<li>• Controle de acesso por permissões</li>
+							<li>• Logs de auditoria</li>
+							<li>• Backup regular</li>
+							<li>• Monitoramento de segurança</li>
+						</ul>
+					</div>
+					<div class="bg-base-200 rounded-lg p-4">
+						<h3 class="mb-2 font-semibold">Medidas Administrativas</h3>
+						<ul class="text-base-content/70 space-y-1 text-sm">
+							<li>• Treinamento de equipe</li>
+							<li>• Políticas de acesso</li>
+							<li>• Procedimentos de segurança</li>
+							<li>• Gestão de incidentes</li>
+							<li>• Revisão periódica</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</section>
+
+		<!-- Retenção -->
+		<section class="card bg-base-100 mb-6 shadow-xl">
+			<div class="card-body">
+				<h2 class="card-title mb-4 text-2xl">7. Prazo de Retenção</h2>
+				<p class="text-base-content/80 mb-4">
+					Os dados pessoais são mantidos pelo prazo necessário para:
+				</p>
+				<ul class="text-base-content/80 list-inside list-disc space-y-2">
+					<li>
+						<strong>Dados de Funcionários Ativos:</strong> Durante todo o período de vínculo empregatício/estatutário
+					</li>
+					<li>
+						<strong>Dados de Funcionários Inativos:</strong> Conforme prazo legal aplicável (em geral,
+						5 anos após desligamento)
+					</li>
+					<li>
+						<strong>Logs de Acesso:</strong> 2 anos, conforme recomendação da ANPD
+					</li>
+					<li>
+						<strong>Documentos Trabalhistas:</strong> Conforme legislação trabalhista aplicável
+					</li>
+				</ul>
+				<p class="text-base-content/80 mt-4">
+					Após o término do prazo de retenção, os dados são eliminados de forma segura, exceto
+					quando houver obrigação legal de manutenção.
+				</p>
+			</div>
+		</section>
+
+		<!-- Direitos do Titular -->
+		<section class="card bg-base-100 mb-6 shadow-xl">
+			<div class="card-body">
+				<h2 class="card-title mb-4 text-2xl">8. Direitos do Titular dos Dados</h2>
+				<p class="text-base-content/80 mb-4">
+					Conforme previsto no Art. 18 da LGPD, você possui os seguintes direitos:
+				</p>
+				<div class="space-y-3">
+					<div class="flex items-start gap-3">
+						<div class="badge badge-primary badge-lg">1</div>
+						<div>
+							<h3 class="font-semibold">Confirmação da Existência de Tratamento</h3>
+							<p class="text-base-content/70 text-sm">Confirmar se tratamos seus dados pessoais</p>
+						</div>
+					</div>
+					<div class="flex items-start gap-3">
+						<div class="badge badge-primary badge-lg">2</div>
+						<div>
+							<h3 class="font-semibold">Acesso aos Dados</h3>
+							<p class="text-base-content/70 text-sm">
+								Acessar seus dados pessoais tratados por nós
+							</p>
+						</div>
+					</div>
+					<div class="flex items-start gap-3">
+						<div class="badge badge-primary badge-lg">3</div>
+						<div>
+							<h3 class="font-semibold">Correção de Dados</h3>
+							<p class="text-base-content/70 text-sm">
+								Solicitar correção de dados incompletos, inexatos ou desatualizados
+							</p>
+						</div>
+					</div>
+					<div class="flex items-start gap-3">
+						<div class="badge badge-primary badge-lg">4</div>
+						<div>
+							<h3 class="font-semibold">Anonimização, Bloqueio ou Eliminação</h3>
+							<p class="text-base-content/70 text-sm">
+								Solicitar anonimização, bloqueio ou eliminação de dados desnecessários ou excessivos
+							</p>
+						</div>
+					</div>
+					<div class="flex items-start gap-3">
+						<div class="badge badge-primary badge-lg">5</div>
+						<div>
+							<h3 class="font-semibold">Portabilidade dos Dados</h3>
+							<p class="text-base-content/70 text-sm">
+								Solicitar a portabilidade dos dados a outro fornecedor de serviço ou produto
+							</p>
+						</div>
+					</div>
+					<div class="flex items-start gap-3">
+						<div class="badge badge-primary badge-lg">6</div>
+						<div>
+							<h3 class="font-semibold">Eliminação de Dados</h3>
+							<p class="text-base-content/70 text-sm">
+								Solicitar a eliminação dos dados pessoais tratados com base em consentimento
+							</p>
+						</div>
+					</div>
+					<div class="flex items-start gap-3">
+						<div class="badge badge-primary badge-lg">7</div>
+						<div>
+							<h3 class="font-semibold">Informação sobre Compartilhamento</h3>
+							<p class="text-base-content/70 text-sm">
+								Obter informações sobre compartilhamento de dados com terceiros
+							</p>
+						</div>
+					</div>
+					<div class="flex items-start gap-3">
+						<div class="badge badge-primary badge-lg">8</div>
+						<div>
+							<h3 class="font-semibold">Revogação de Consentimento</h3>
+							<p class="text-base-content/70 text-sm">
+								Revogar seu consentimento, quando aplicável
+							</p>
+						</div>
+					</div>
+				</div>
+				<div class="mt-6">
+					<a
+						href={resolve('/privacidade/meus-dados')}
+						class="btn btn-primary btn-lg w-full md:w-auto"
+					>
+						<FileText class="h-5 w-5" />
+						Solicitar Meus Direitos
+					</a>
+				</div>
+			</div>
+		</section>
+
+		<!-- Encarregado -->
+		<section class="card bg-base-100 mb-6 shadow-xl">
+			<div class="card-body">
+				<h2 class="card-title mb-4 text-2xl">9. Encarregado de Proteção de Dados (DPO)</h2>
+				<p class="text-base-content/80 mb-4">
+					Para exercer seus direitos ou esclarecer dúvidas sobre o tratamento de dados pessoais,
+					entre em contato com nosso Encarregado de Proteção de Dados:
+				</p>
+				<div class="bg-primary/5 space-y-3 rounded-lg p-6">
+					{#if encarregadoNome && encarregadoNome !== 'Encarregado de Proteção de Dados'}
+						<div class="flex items-center gap-3">
+							<FileText class="text-primary h-5 w-5" />
+							<div>
+								<p class="text-sm font-semibold">Nome</p>
+								<p class="text-base-content/70">{encarregadoNome}</p>
+							</div>
+						</div>
+					{/if}
+					<div class="flex items-center gap-3">
+						<Mail class="text-primary h-5 w-5" />
+						<div>
+							<p class="text-sm font-semibold">E-mail</p>
+							<p class="text-base-content/70">{encarregadoEmail}</p>
+						</div>
+					</div>
+					<div class="flex items-center gap-3">
+						<Phone class="text-primary h-5 w-5" />
+						<div>
+							<p class="text-sm font-semibold">Telefone</p>
+							<p class="text-base-content/70">{encarregadoTelefone}</p>
+						</div>
+					</div>
+					<div class="flex items-center gap-3">
+						<FileText class="text-primary h-5 w-5" />
+						<div>
+							<p class="text-sm font-semibold">Horário de Atendimento</p>
+							<p class="text-base-content/70">{encarregadoHorario}</p>
+						</div>
+					</div>
+				</div>
+				<div class="alert alert-info mt-4">
+					<p class="text-sm">
+						As solicitações serão respondidas em até {configLGPD?.data?.prazoRespostaPadrao || 15} (quinze)
+						dias, conforme previsto na LGPD.
+					</p>
+				</div>
+			</div>
+		</section>
+
+		<!-- Alterações -->
+		<section class="card bg-base-100 mb-6 shadow-xl">
+			<div class="card-body">
+				<h2 class="card-title mb-4 text-2xl">10. Alterações nesta Política</h2>
+				<p class="text-base-content/80">
+					Esta Política de Privacidade pode ser atualizada periodicamente. Recomendamos que você
+					revise esta página regularmente para estar ciente de quaisquer alterações. A data da
+					última atualização está indicada no topo desta página.
+				</p>
+			</div>
+		</section>
+
+		<!-- Ações -->
+		<div class="mt-8 flex flex-col gap-4 sm:flex-row">
+			<a href={resolve('/privacidade/meus-dados')} class="btn btn-primary btn-lg flex-1">
+				<FileText class="h-5 w-5" />
+				Solicitar Meus Direitos LGPD
+			</a>
+			<a href={resolve('/termo-consentimento')} class="btn btn-outline btn-lg flex-1">
+				<Shield class="h-5 w-5" />
+				Ver Termo de Consentimento
+			</a>
+		</div>
+	</div>
+</div>
diff --git a/apps/web/src/routes/(dashboard)/privacidade/meus-dados/+page.svelte b/apps/web/src/routes/(dashboard)/privacidade/meus-dados/+page.svelte
new file mode 100644
index 0000000..a135745
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/privacidade/meus-dados/+page.svelte
@@ -0,0 +1,533 @@
+<script lang="ts">
+	import { resolve } from '$app/paths';
+	import { useQuery, useConvexClient } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import {
+		Shield,
+		FileText,
+		Download,
+		CheckCircle,
+		Clock,
+		XCircle,
+		AlertCircle,
+		Send,
+		Trash2,
+		X
+	} from 'lucide-svelte';
+	import { format } from 'date-fns';
+	import { ptBR } from 'date-fns/locale';
+	import { toast } from 'svelte-sonner';
+
+	type TipoSolicitacao =
+		| 'acesso'
+		| 'correcao'
+		| 'exclusao'
+		| 'portabilidade'
+		| 'revogacao_consentimento'
+		| 'informacao_compartilhamento';
+
+	let tipoSelecionado = $state<TipoSolicitacao | null>(null);
+	let dadosSolicitados = $state('');
+	let observacoes = $state('');
+	let carregando = $state(false);
+	let cancelandoId = $state<Id<'solicitacoesLGPD'> | null>(null);
+	let excluindoId = $state<Id<'solicitacoesLGPD'> | null>(null);
+	let mostrarConfirmacaoExclusao = $state(false);
+	let solicitacaoParaExcluir = $state<Id<'solicitacoesLGPD'> | null>(null);
+
+	const client = useConvexClient();
+	
+	// Estado para forçar atualização das queries
+	let refreshKeyLGPD = $state(0);
+	
+	const minhasSolicitacoesQuery = useQuery(api.lgpd.listarMinhasSolicitacoes, {
+		_refresh: refreshKeyLGPD
+	});
+
+	// Garantir que sempre seja um array ou undefined
+	const minhasSolicitacoes = $derived(
+		minhasSolicitacoesQuery === undefined || minhasSolicitacoesQuery === null
+			? undefined
+			: Array.isArray(minhasSolicitacoesQuery?.data)
+				? minhasSolicitacoesQuery.data
+				: minhasSolicitacoesQuery?.data === null
+					? []
+					: []
+	);
+
+	const exportarDados = useQuery(api.lgpd.exportarDadosUsuario, {});
+
+	const tiposSolicitacao: Array<{ valor: TipoSolicitacao; label: string; descricao: string }> = [
+		{
+			valor: 'acesso',
+			label: 'Acesso aos Dados',
+			descricao: 'Solicitar acesso aos meus dados pessoais tratados pelo sistema'
+		},
+		{
+			valor: 'correcao',
+			label: 'Correção de Dados',
+			descricao: 'Solicitar correção de dados incompletos, inexatos ou desatualizados'
+		},
+		{
+			valor: 'exclusao',
+			label: 'Exclusão de Dados',
+			descricao: 'Solicitar exclusão de dados desnecessários ou excessivos'
+		},
+		{
+			valor: 'portabilidade',
+			label: 'Portabilidade dos Dados',
+			descricao: 'Solicitar exportação dos meus dados em formato portável'
+		},
+		{
+			valor: 'revogacao_consentimento',
+			label: 'Revogar Consentimento',
+			descricao: 'Revogar consentimento para tratamento de dados pessoais'
+		},
+		{
+			valor: 'informacao_compartilhamento',
+			label: 'Informação sobre Compartilhamento',
+			descricao: 'Obter informações sobre compartilhamento de dados com terceiros'
+		}
+	];
+
+	function getStatusBadge(status: string) {
+		switch (status) {
+			case 'pendente':
+				return { label: 'Pendente', class: 'badge-warning' };
+			case 'em_analise':
+				return { label: 'Em Análise', class: 'badge-info' };
+			case 'concluida':
+				return { label: 'Concluída', class: 'badge-success' };
+			case 'rejeitada':
+				return { label: 'Rejeitada', class: 'badge-error' };
+			case 'cancelada':
+				return { label: 'Cancelada', class: 'badge-neutral' };
+			default:
+				return { label: status, class: 'badge-neutral' };
+		}
+	}
+
+	function getStatusIcon(status: string) {
+		switch (status) {
+			case 'pendente':
+				return Clock;
+			case 'em_analise':
+				return AlertCircle;
+			case 'concluida':
+				return CheckCircle;
+			case 'rejeitada':
+				return XCircle;
+			case 'cancelada':
+				return XCircle;
+			default:
+				return FileText;
+		}
+	}
+
+	async function enviarSolicitacao() {
+		if (!tipoSelecionado) {
+			toast.error('Selecione o tipo de solicitação');
+			return;
+		}
+
+		carregando = true;
+
+		try {
+			await client.mutation(api.lgpd.criarSolicitacao, {
+				tipo: tipoSelecionado,
+				dadosSolicitados: dadosSolicitados || undefined,
+				observacoes: observacoes || undefined
+			});
+
+			toast.success('Solicitação criada com sucesso!');
+			tipoSelecionado = null;
+			dadosSolicitados = '';
+			observacoes = '';
+			// Forçar atualização das queries
+			refreshKeyLGPD++;
+		} catch (error: unknown) {
+			const message = error instanceof Error ? error.message : 'Erro ao criar solicitação';
+			toast.error(message);
+		} finally {
+			carregando = false;
+		}
+	}
+
+	function downloadDados() {
+		if (!exportarDados?.data?.dados) {
+			toast.error('Dados não disponíveis');
+			return;
+		}
+
+		const blob = new Blob([exportarDados.data.dados], { type: 'application/json' });
+		const url = URL.createObjectURL(blob);
+		const a = document.createElement('a');
+		a.href = url;
+		a.download = `meus-dados-${new Date().toISOString().split('T')[0]}.json`;
+		document.body.appendChild(a);
+		a.click();
+		document.body.removeChild(a);
+		URL.revokeObjectURL(url);
+		toast.success('Download iniciado!');
+	}
+
+	async function cancelarSolicitacao(solicitacaoId: Id<'solicitacoesLGPD'>) {
+		if (cancelandoId === solicitacaoId) return;
+
+		cancelandoId = solicitacaoId;
+		try {
+			await client.mutation(api.lgpd.cancelarSolicitacao, {
+				solicitacaoId
+			});
+			toast.success('Solicitação cancelada com sucesso!');
+			refreshKeyLGPD++;
+		} catch (error: unknown) {
+			const message = error instanceof Error ? error.message : 'Erro ao cancelar solicitação';
+			toast.error(message);
+		} finally {
+			cancelandoId = null;
+		}
+	}
+
+	function solicitarExclusao(solicitacaoId: Id<'solicitacoesLGPD'>) {
+		solicitacaoParaExcluir = solicitacaoId;
+		mostrarConfirmacaoExclusao = true;
+	}
+
+	function fecharConfirmacaoExclusao() {
+		mostrarConfirmacaoExclusao = false;
+		solicitacaoParaExcluir = null;
+	}
+
+	async function confirmarExclusao() {
+		if (!solicitacaoParaExcluir) return;
+
+		const solicitacaoId = solicitacaoParaExcluir;
+		excluindoId = solicitacaoId;
+		mostrarConfirmacaoExclusao = false;
+
+		try {
+			await client.mutation(api.lgpd.excluirSolicitacao, {
+				solicitacaoId
+			});
+			toast.success('Solicitação excluída com sucesso!');
+			refreshKeyLGPD++;
+		} catch (error: unknown) {
+			const message = error instanceof Error ? error.message : 'Erro ao excluir solicitação';
+			toast.error(message);
+		} finally {
+			excluindoId = null;
+			solicitacaoParaExcluir = null;
+		}
+	}
+</script>
+
+<div class="container mx-auto max-w-6xl px-4 py-8">
+	<!-- Header -->
+	<div class="mb-8">
+		<div class="mb-4 flex items-center gap-4">
+			<div class="bg-primary/10 rounded-xl p-3">
+				<Shield class="text-primary h-8 w-8" strokeWidth={2} />
+			</div>
+			<div>
+				<h1 class="text-base-content text-3xl font-bold">Meus Direitos LGPD</h1>
+				<p class="text-base-content/60 mt-1">
+					Solicite o exercício dos seus direitos conforme a Lei Geral de Proteção de Dados
+				</p>
+			</div>
+		</div>
+	</div>
+
+	<div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
+		<!-- Formulário de Solicitação -->
+		<div class="space-y-6 lg:col-span-2">
+			<!-- Nova Solicitação -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body">
+					<h2 class="card-title mb-4 text-2xl">Nova Solicitação</h2>
+
+					<div class="form-control mb-4">
+						<label class="label">
+							<span class="label-text font-semibold">Tipo de Solicitação *</span>
+						</label>
+						<select bind:value={tipoSelecionado} class="select select-bordered w-full">
+							<option value={null}>Selecione o tipo de solicitação</option>
+							{#each tiposSolicitacao as tipo}
+								<option value={tipo.valor}>{tipo.label}</option>
+							{/each}
+						</select>
+						{#if tipoSelecionado}
+							<label class="label">
+								<span class="label-text-alt text-base-content/60">
+									{tiposSolicitacao.find((t) => t.valor === tipoSelecionado)?.descricao}
+								</span>
+							</label>
+						{/if}
+					</div>
+
+					{#if tipoSelecionado === 'correcao'}
+						<div class="form-control mb-4">
+							<label class="label">
+								<span class="label-text font-semibold">Dados a Corrigir</span>
+							</label>
+							<textarea
+								bind:value={dadosSolicitados}
+								class="textarea textarea-bordered"
+								placeholder="Descreva quais dados precisam ser corrigidos e os valores corretos..."
+								rows="4"
+							></textarea>
+						</div>
+					{/if}
+
+					<div class="form-control mb-4">
+						<label class="label">
+							<span class="label-text font-semibold">Observações</span>
+						</label>
+						<textarea
+							bind:value={observacoes}
+							class="textarea textarea-bordered"
+							placeholder="Informações adicionais sobre sua solicitação (opcional)..."
+							rows="3"
+						></textarea>
+					</div>
+
+					<button
+						onclick={enviarSolicitacao}
+						disabled={!tipoSelecionado || carregando}
+						class="btn btn-primary btn-lg w-full"
+					>
+						{#if carregando}
+							<span class="loading loading-spinner loading-sm"></span>
+							Enviando...
+						{:else}
+							<Send class="h-5 w-5" />
+							Enviar Solicitação
+						{/if}
+					</button>
+
+					<div class="alert alert-info mt-4">
+						<AlertCircle class="h-5 w-5" />
+						<p class="text-sm">
+							Sua solicitação será analisada e respondida em até 15 dias úteis, conforme previsto na
+							LGPD.
+						</p>
+					</div>
+				</div>
+			</div>
+
+			<!-- Minhas Solicitações -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body">
+					<div class="mb-4 flex items-center justify-between">
+						<h2 class="card-title text-2xl">Minhas Solicitações</h2>
+						{#if minhasSolicitacoes && Array.isArray(minhasSolicitacoes)}
+							<div class="badge badge-outline">
+								{minhasSolicitacoes.length} solicitação{minhasSolicitacoes.length !== 1
+									? 'ões'
+									: ''}
+							</div>
+						{/if}
+					</div>
+
+					{#if minhasSolicitacoes === undefined || minhasSolicitacoes === null}
+						<div class="flex items-center justify-center py-10">
+							<span class="loading loading-spinner loading-lg text-primary"></span>
+						</div>
+					{:else if !Array.isArray(minhasSolicitacoes) || minhasSolicitacoes.length === 0}
+						<div class="py-10 text-center">
+							<FileText class="text-base-content/30 mx-auto mb-4 h-16 w-16" />
+							<p class="text-base-content/60">Nenhuma solicitação encontrada</p>
+							<p class="text-base-content/40 mt-2 text-xs">
+								Suas solicitações aparecerão aqui após serem criadas
+							</p>
+						</div>
+					{:else}
+						<div class="space-y-4">
+							{#each minhasSolicitacoes as solicitacao}
+								{@const statusInfo = getStatusBadge(solicitacao.status)}
+								{@const StatusIcon = getStatusIcon(solicitacao.status)}
+								<div class="border-base-300 rounded-lg border p-4">
+									<div class="mb-2 flex items-start justify-between">
+										<div class="flex items-center gap-3">
+											<StatusIcon class="text-base-content/60 h-5 w-5" />
+											<div>
+												<h3 class="font-semibold">
+													{tiposSolicitacao.find((t) => t.valor === solicitacao.tipo)?.label ||
+														solicitacao.tipo}
+												</h3>
+												<p class="text-base-content/60 text-sm">
+													Criada em{' '}
+													{format(new Date(solicitacao.criadoEm), "dd/MM/yyyy 'às' HH:mm", {
+														locale: ptBR
+													})}
+												</p>
+											</div>
+										</div>
+										<span class="badge {statusInfo.class}">{statusInfo.label}</span>
+									</div>
+
+									{#if solicitacao.resposta}
+										<div class="bg-base-200 mt-3 rounded-lg p-3">
+											<p class="mb-1 text-sm font-semibold">Resposta:</p>
+											<p class="text-base-content/80 text-sm">{solicitacao.resposta}</p>
+										</div>
+									{/if}
+
+									{#if solicitacao.arquivoResposta}
+										<div class="mt-3">
+											<a
+												href={solicitacao.arquivoResposta}
+												target="_blank"
+												class="btn btn-sm btn-outline"
+											>
+												<Download class="h-4 w-4" />
+												Baixar Arquivo
+											</a>
+										</div>
+									{/if}
+
+									{#if solicitacao.status === 'pendente' || solicitacao.status === 'em_analise'}
+										<div class="text-base-content/60 mt-3 text-xs">
+											Prazo para resposta:{' '}
+											{format(new Date(solicitacao.prazoResposta), 'dd/MM/yyyy', {
+												locale: ptBR
+											})}
+										</div>
+									{/if}
+
+									<!-- Ações -->
+									<div class="mt-4 flex gap-2 border-t border-base-300 pt-3">
+										{#if solicitacao.status === 'pendente' || solicitacao.status === 'em_analise'}
+											<button
+												type="button"
+												onclick={() => cancelarSolicitacao(solicitacao._id)}
+												disabled={cancelandoId === solicitacao._id}
+												class="btn btn-sm btn-warning btn-outline gap-2"
+											>
+												{#if cancelandoId === solicitacao._id}
+													<span class="loading loading-spinner loading-xs"></span>
+												{:else}
+													<X class="h-4 w-4" />
+												{/if}
+												Cancelar
+											</button>
+										{/if}
+										{#if solicitacao.status === 'pendente' || solicitacao.status === 'cancelada'}
+											<button
+												type="button"
+												onclick={() => solicitarExclusao(solicitacao._id)}
+												disabled={excluindoId === solicitacao._id}
+												class="btn btn-sm btn-error btn-outline gap-2"
+											>
+												{#if excluindoId === solicitacao._id}
+													<span class="loading loading-spinner loading-xs"></span>
+												{:else}
+													<Trash2 class="h-4 w-4" />
+												{/if}
+												Excluir
+											</button>
+										{/if}
+									</div>
+								</div>
+							{/each}
+						</div>
+					{/if}
+				</div>
+			</div>
+		</div>
+
+		<!-- Sidebar -->
+		<div class="space-y-6">
+			<!-- Exportar Dados -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body">
+					<h3 class="card-title mb-4 text-lg">Exportar Meus Dados</h3>
+					<p class="text-base-content/70 mb-4 text-sm">
+						Baixe uma cópia completa dos seus dados pessoais em formato JSON.
+					</p>
+					<button
+						onclick={downloadDados}
+						disabled={exportarDados === undefined || !exportarDados?.data?.dados}
+						class="btn btn-outline btn-primary w-full"
+					>
+						{#if exportarDados === undefined}
+							<span class="loading loading-spinner loading-sm"></span>
+							Carregando...
+						{:else}
+							<Download class="h-5 w-5" />
+							Baixar Dados
+						{/if}
+					</button>
+				</div>
+			</div>
+
+			<!-- Informações -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body">
+					<h3 class="card-title mb-4 text-lg">Seus Direitos</h3>
+					<ul class="text-base-content/80 space-y-2 text-sm">
+						<li>• Confirmar existência de tratamento</li>
+						<li>• Acessar seus dados</li>
+						<li>• Corrigir dados incorretos</li>
+						<li>• Solicitar exclusão</li>
+						<li>• Portabilidade dos dados</li>
+						<li>• Revogar consentimento</li>
+					</ul>
+				</div>
+			</div>
+
+			<!-- Links -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body">
+					<h3 class="card-title mb-4 text-lg">Links Úteis</h3>
+					<div class="space-y-2">
+						<a href={resolve('/privacidade')} class="btn btn-sm btn-ghost w-full justify-start">
+							<FileText class="h-4 w-4" />
+							Política de Privacidade
+						</a>
+						<a
+							href={resolve('/perfil/privacidade')}
+							class="btn btn-sm btn-ghost w-full justify-start"
+						>
+							<Shield class="h-4 w-4" />
+							Preferências de Privacidade
+						</a>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+
+<!-- Modal de Confirmação de Exclusão -->
+{#if mostrarConfirmacaoExclusao}
+	<dialog class="modal modal-open">
+		<div class="modal-box">
+			<h3 class="mb-4 text-lg font-bold">Confirmar Exclusão</h3>
+			<p class="mb-6 text-base-content/70">
+				Tem certeza que deseja excluir esta solicitação? Esta ação não pode ser desfeita.
+			</p>
+			<div class="modal-action">
+				<button type="button" onclick={fecharConfirmacaoExclusao} class="btn btn-ghost">
+					Cancelar
+				</button>
+				<button
+					type="button"
+					onclick={confirmarExclusao}
+					disabled={excluindoId !== null}
+					class="btn btn-error gap-2"
+				>
+					{#if excluindoId}
+						<span class="loading loading-spinner loading-sm"></span>
+						Excluindo...
+					{:else}
+						<Trash2 class="h-4 w-4" />
+						Excluir
+					{/if}
+				</button>
+			</div>
+		</div>
+		<div class="modal-backdrop" onclick={fecharConfirmacaoExclusao}></div>
+	</dialog>
+{/if}
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/+page.svelte
index e136180..aad3b70 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/+page.svelte
@@ -1,26 +1,27 @@
 <script lang="ts">
-	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import { goto } from '$app/navigation';
 	import { useQuery } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import {
-		ArrowRight,
-		BadgeCheck,
+		Users,
+		UserPlus,
+		ClipboardList,
+		Trash2,
 		BarChart3,
 		Calendar,
-		CheckCircle2,
-		ChevronRight,
-		ClipboardList,
-		Clock,
 		FileText,
-		Info,
-		List,
+		BadgeCheck,
 		Plus,
-		Trash2,
-		UserPlus,
-		Users,
-		XCircle
+		List,
+		ChevronRight,
+		CheckCircle2,
+		Info,
+		ArrowRight,
+		Clock,
+		XCircle,
+		TrendingUp
 	} from 'lucide-svelte';
 	import type { Component } from 'svelte';
-	import { goto } from '$app/navigation';
 
 	// Buscar estatísticas para exibir nos cards
 	const statsQuery = useQuery(api.dashboard.getStats, {});
@@ -102,6 +103,12 @@
 					descricao: 'Gerencie períodos de dispensa de registro de ponto',
 					href: '/recursos-humanos/controle-ponto/dispensa',
 					Icon: XCircle
+				},
+				{
+					nome: 'Banco de Horas',
+					descricao: 'Visão gerencial do banco de horas dos funcionários, com filtros, estatísticas e relatórios',
+					href: '/recursos-humanos/controle-ponto/banco-horas',
+					Icon: TrendingUp
 				}
 			]
 		},
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/atestados-licencas/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/atestados-licencas/+page.svelte
index cbcef40..e102747 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/atestados-licencas/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/atestados-licencas/+page.svelte
@@ -1,5 +1,14 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import { toast } from 'svelte-sonner';
+	import FuncionarioSelect from '$lib/components/FuncionarioSelect.svelte';
+	import FuncionarioNomeAutocomplete from '$lib/components/FuncionarioNomeAutocomplete.svelte';
+	import FuncionarioMatriculaAutocomplete from '$lib/components/FuncionarioMatriculaAutocomplete.svelte';
+	import FileUpload from '$lib/components/FileUpload.svelte';
+	import ErrorModal from '$lib/components/ErrorModal.svelte';
+	import CalendarioAfastamentos from '$lib/components/CalendarioAfastamentos.svelte';
+	import AreaChart from '$lib/components/ti/charts/AreaChart.svelte';
+	import UserAvatar from '$lib/components/chat/UserAvatar.svelte';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { format } from 'date-fns';
@@ -7,17 +16,24 @@
 	import ExcelJS from 'exceljs';
 	import jsPDF from 'jspdf';
 	import autoTable from 'jspdf-autotable';
-	import { toast } from 'svelte-sonner';
-	import { goto } from '$app/navigation';
-	import { resolve } from '$app/paths';
 	import logoGovPE from '$lib/assets/logo_governo_PE.png';
-	import CalendarioAfastamentos from '$lib/components/CalendarioAfastamentos.svelte';
-	import ErrorModal from '$lib/components/ErrorModal.svelte';
-	import FileUpload from '$lib/components/FileUpload.svelte';
-	import FuncionarioMatriculaAutocomplete from '$lib/components/FuncionarioMatriculaAutocomplete.svelte';
-	import FuncionarioNomeAutocomplete from '$lib/components/FuncionarioNomeAutocomplete.svelte';
-	import FuncionarioSelect from '$lib/components/FuncionarioSelect.svelte';
-	import AreaChart from '$lib/components/ti/charts/AreaChart.svelte';
+	import { resolve } from '$app/paths';
+	import { goto } from '$app/navigation';
+	import {
+		Calendar,
+		ArrowLeft,
+		BarChart3,
+		FileText,
+		Printer,
+		X,
+		Download,
+		Eye,
+		AlertTriangle,
+		FileCheck,
+		Baby,
+		User,
+		Check
+	} from 'lucide-svelte';
 
 	const client = useConvexClient();
 
@@ -74,7 +90,15 @@
 	});
 
 	// Filtros
-	let filtroTipo = $state<string>('todos');
+	type TipoFiltroAtestadoOuLicenca =
+		| 'maternidade'
+		| 'paternidade'
+		| 'ferias'
+		| 'atestado_medico'
+		| 'declaracao_comparecimento'
+		| 'todos';
+
+	let filtroTipo = $state<TipoFiltroAtestadoOuLicenca>('todos');
 	let filtroFuncionario = $state<string>('');
 	let filtroDataInicio = $state<string>('');
 	let filtroDataFim = $state<string>('');
@@ -100,6 +124,14 @@
 		detalhes: ''
 	});
 
+	// Modal de documento
+	let documentoModal = $state({
+		aberto: false,
+		url: null as string | null,
+		loading: false,
+		titulo: ''
+	});
+
 	// Licenças maternidade para prorrogação (derivar dos dados já carregados)
 	let licencasMaternidade = $derived.by(() => {
 		const dados = dadosQuery?.data;
@@ -108,13 +140,39 @@
 	});
 
 	// Funções auxiliares
-	function formatarData(data: string) {
-		return new Date(data).toLocaleDateString('pt-BR');
+	/**
+	 * Converte string de data no formato "YYYY-MM-DD" (com ou sem parte de hora)
+	 * para um objeto Date no fuso local, evitando o problema de "um dia a menos"
+	 * causado por `new Date('YYYY-MM-DD')` em timezones como UTC-3.
+	 */
+	function parseDataLocal(data: string): Date {
+		if (!data) return new Date(NaN);
+
+		// Garante que só a parte da data seja usada (descarta "T...").
+		const apenasData = data.substring(0, 10);
+		const [anoStr, mesStr, diaStr] = apenasData.split('-');
+		const ano = Number(anoStr);
+		const mes = Number(mesStr);
+		const dia = Number(diaStr);
+
+		if (!ano || !mes || !dia) {
+			return new Date(NaN);
+		}
+
+		return new Date(ano, mes - 1, dia);
 	}
 
+	function formatarData(data: string) {
+		const date = parseDataLocal(data);
+		if (isNaN(date.getTime())) return '';
+		return date.toLocaleDateString('pt-BR');
+	}
+
+	// Mantido para uso futuro em cálculos de dias, mas ainda não utilizado.
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	function calcularDias(dataInicio: string, dataFim: string): number {
-		const inicio = new Date(dataInicio);
-		const fim = new Date(dataFim);
+		const inicio = parseDataLocal(dataInicio);
+		const fim = parseDataLocal(dataFim);
 		const diffTime = Math.abs(fim.getTime() - inicio.getTime());
 		return Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1;
 	}
@@ -146,6 +204,93 @@
 		};
 	}
 
+	type ConvexErrorData = {
+		data?: { message?: string };
+		message?: string;
+	};
+
+	function getErrorMessage(error: unknown, fallback: string): string {
+		if (typeof error === 'string') return error || fallback;
+		if (error instanceof Error) return error.message || fallback;
+		if (typeof error === 'object' && error !== null && 'message' in error) {
+			const e = error as { message?: string };
+			return e.message || fallback;
+		}
+		return fallback;
+	}
+
+	function getErrorDetails(error: unknown): string {
+		if (
+			typeof error === 'object' &&
+			error !== null &&
+			'data' in error &&
+			typeof (error as ConvexErrorData).data?.message === 'string'
+		) {
+			return (error as ConvexErrorData).data?.message ?? '';
+		}
+		if (typeof error === 'string') return error;
+		if (error instanceof Error) return error.message;
+		return '';
+	}
+
+	function getErrorString(error: unknown): string {
+		if (typeof error === 'string') return error;
+		if (error instanceof Error) return error.message;
+		return String(error ?? 'Erro desconhecido');
+	}
+
+	// Função para abrir modal de documento
+	async function abrirModalDocumento(storageId: Id<'_storage'>, titulo: string) {
+		try {
+			documentoModal = {
+				aberto: true,
+				url: null,
+				loading: true,
+				titulo
+			};
+
+			const url = await client.query(api.atestadosLicencas.obterUrlDocumento, {
+				storageId
+			});
+
+			if (url) {
+				documentoModal = {
+					aberto: true,
+					url,
+					loading: false,
+					titulo
+				};
+			} else {
+				documentoModal.aberto = false;
+				mostrarErro(
+					'Erro ao visualizar documento',
+					'Não foi possível obter a URL do documento.',
+					'O documento pode ter sido removido ou não existe mais.'
+				);
+			}
+		} catch (err: unknown) {
+			console.error('Erro ao obter URL do documento:', err);
+			documentoModal.aberto = false;
+			mostrarErro(
+				'Erro ao visualizar documento',
+				'Não foi possível abrir o documento.',
+				getErrorString(err)
+			);
+		}
+	}
+
+	// Função para baixar documento
+	function baixarDocumento(url: string, nomeArquivo: string) {
+		const link = document.createElement('a');
+		link.href = url;
+		link.download = nomeArquivo;
+		link.target = '_blank';
+		document.body.appendChild(link);
+		link.click();
+		document.body.removeChild(link);
+		toast.success('Download iniciado!');
+	}
+
 	// Dados para gráfico de área - Total de Dias por Tipo (Layerchart)
 	let chartDataTotalDiasPorTipo = $derived.by(() => {
 		if (!graficosQuery?.data?.totalDiasPorTipo) {
@@ -265,9 +410,9 @@
 			toast.success('Atestado médico registrado com sucesso!');
 			resetarFormularioAtestado();
 			abaAtiva = 'dashboard';
-		} catch (error: any) {
-			const mensagemErro = error?.message || 'Erro ao registrar atestado';
-			const detalhesErro = error?.data?.message || error?.toString() || '';
+		} catch (error: unknown) {
+			const mensagemErro = getErrorMessage(error, 'Erro ao registrar atestado');
+			const detalhesErro = getErrorDetails(error);
 			mostrarErro('Erro ao registrar', mensagemErro, detalhesErro);
 		} finally {
 			salvandoAtestado = false;
@@ -307,9 +452,9 @@
 			toast.success('Declaração registrada com sucesso!');
 			resetarFormularioDeclaracao();
 			abaAtiva = 'dashboard';
-		} catch (error: any) {
-			const mensagemErro = error?.message || 'Erro ao registrar declaração';
-			const detalhesErro = error?.data?.message || error?.toString() || '';
+		} catch (error: unknown) {
+			const mensagemErro = getErrorMessage(error, 'Erro ao registrar declaração');
+			const detalhesErro = getErrorDetails(error);
 			mostrarErro('Erro ao registrar', mensagemErro, detalhesErro);
 		} finally {
 			salvandoDeclaracao = false;
@@ -370,9 +515,9 @@
 			toast.success('Licença maternidade registrada com sucesso!');
 			resetarFormularioMaternidade();
 			abaAtiva = 'dashboard';
-		} catch (error: any) {
-			const mensagemErro = error?.message || 'Erro ao registrar licença';
-			const detalhesErro = error?.data?.message || error?.toString() || '';
+		} catch (error: unknown) {
+			const mensagemErro = getErrorMessage(error, 'Erro ao registrar licença');
+			const detalhesErro = getErrorDetails(error);
 			mostrarErro('Erro ao registrar', mensagemErro, detalhesErro);
 		} finally {
 			salvandoMaternidade = false;
@@ -416,9 +561,9 @@
 			toast.success('Licença paternidade registrada com sucesso!');
 			resetarFormularioPaternidade();
 			abaAtiva = 'dashboard';
-		} catch (error: any) {
-			const mensagemErro = error?.message || 'Erro ao registrar licença';
-			const detalhesErro = error?.data?.message || error?.toString() || '';
+		} catch (error: unknown) {
+			const mensagemErro = getErrorMessage(error, 'Erro ao registrar licença');
+			const detalhesErro = getErrorDetails(error);
 			mostrarErro('Erro ao registrar', mensagemErro, detalhesErro);
 		} finally {
 			salvandoPaternidade = false;
@@ -484,7 +629,7 @@
 			!licencaMaternidade.ehProrrogacao &&
 			!licencaMaternidade.dataFim
 		) {
-			const inicio = new Date(licencaMaternidade.dataInicio);
+			const inicio = parseDataLocal(licencaMaternidade.dataInicio);
 			if (!isNaN(inicio.getTime())) {
 				inicio.setDate(inicio.getDate() + 120); // 120 dias
 				licencaMaternidade.dataFim = inicio.toISOString().split('T')[0];
@@ -498,7 +643,7 @@
 			licencaPaternidade.dataInicio &&
 			!licencaPaternidade.dataFim
 		) {
-			const inicio = new Date(licencaPaternidade.dataInicio);
+			const inicio = parseDataLocal(licencaPaternidade.dataInicio);
 			if (!isNaN(inicio.getTime())) {
 				inicio.setDate(inicio.getDate() + 20); // 20 dias
 				licencaPaternidade.dataFim = inicio.toISOString().split('T')[0];
@@ -521,8 +666,8 @@
 				});
 			}
 			toast.success('Registro excluído com sucesso!');
-		} catch (error: any) {
-			toast.error(error?.message || 'Erro ao excluir registro');
+		} catch (error: unknown) {
+			toast.error(getErrorMessage(error, 'Erro ao excluir registro'));
 		}
 	}
 
@@ -554,11 +699,11 @@
 
 		// Filtro por período
 		if (filtroDataInicio && filtroDataFim) {
-			const inicio = new Date(filtroDataInicio);
-			const fim = new Date(filtroDataFim);
+			const inicio = parseDataLocal(filtroDataInicio);
+			const fim = parseDataLocal(filtroDataFim);
 			atestados = atestados.filter((a) => {
-				const aInicio = new Date(a.dataInicio);
-				const aFim = new Date(a.dataFim);
+				const aInicio = parseDataLocal(a.dataInicio);
+				const aFim = parseDataLocal(a.dataFim);
 				return (
 					(aInicio >= inicio && aInicio <= fim) ||
 					(aFim >= inicio && aFim <= fim) ||
@@ -566,8 +711,8 @@
 				);
 			});
 			licencas = licencas.filter((l) => {
-				const lInicio = new Date(l.dataInicio);
-				const lFim = new Date(l.dataFim);
+				const lInicio = parseDataLocal(l.dataInicio);
+				const lFim = parseDataLocal(l.dataFim);
 				return (
 					(lInicio >= inicio && lInicio <= fim) ||
 					(lFim >= inicio && lFim <= fim) ||
@@ -625,11 +770,11 @@
 
 		// Filtro por período
 		if (relatorioPeriodoInicio && relatorioPeriodoFim) {
-			const inicio = new Date(relatorioPeriodoInicio);
-			const fim = new Date(relatorioPeriodoFim);
+			const inicio = parseDataLocal(relatorioPeriodoInicio);
+			const fim = parseDataLocal(relatorioPeriodoFim);
 			atestados = atestados.filter((a) => {
-				const aInicio = new Date(a.dataInicio);
-				const aFim = new Date(a.dataFim);
+				const aInicio = parseDataLocal(a.dataInicio);
+				const aFim = parseDataLocal(a.dataFim);
 				return (
 					(aInicio >= inicio && aInicio <= fim) ||
 					(aFim >= inicio && aFim <= fim) ||
@@ -637,8 +782,8 @@
 				);
 			});
 			licencas = licencas.filter((l) => {
-				const lInicio = new Date(l.dataInicio);
-				const lFim = new Date(l.dataFim);
+				const lInicio = parseDataLocal(l.dataInicio);
+				const lFim = parseDataLocal(l.dataFim);
 				return (
 					(lInicio >= inicio && lInicio <= fim) ||
 					(lFim >= inicio && lFim <= fim) ||
@@ -741,7 +886,7 @@
 			doc.setFontSize(11);
 			doc.setTextColor(0, 0, 0);
 			doc.text(
-				`Período: ${format(new Date(relatorioPeriodoInicio), 'dd/MM/yyyy', { locale: ptBR })} até ${format(new Date(relatorioPeriodoFim), 'dd/MM/yyyy', { locale: ptBR })}`,
+				`Período: ${format(parseDataLocal(relatorioPeriodoInicio), 'dd/MM/yyyy', { locale: ptBR })} até ${format(parseDataLocal(relatorioPeriodoFim), 'dd/MM/yyyy', { locale: ptBR })}`,
 				105,
 				yPosition,
 				{ align: 'center' }
@@ -1017,8 +1162,15 @@
 
 			// Adicionar logo se disponível
 			if (logoBuffer) {
+				const bytes = new Uint8Array(logoBuffer);
+				let binary = '';
+				for (let i = 0; i < bytes.byteLength; i += 1) {
+					binary += String.fromCharCode(bytes[i]);
+				}
+				const logoBase64 = btoa(binary);
+
 				const logoId = workbook.addImage({
-					buffer: new Uint8Array(logoBuffer),
+					base64: `data:image/png;base64,${logoBase64}`,
 					extension: 'png'
 				});
 				// Ajustar tamanho da logo para caber na linha com altura 60
@@ -1213,20 +1365,7 @@
 		<div class="flex flex-wrap items-center justify-between gap-4">
 			<div class="flex items-center gap-4">
 				<div class="rounded-xl bg-purple-500/20 p-3">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="h-8 w-8 text-purple-600"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-						/>
-					</svg>
+					<FileCheck class="h-8 w-8 text-purple-600" strokeWidth={2} />
 				</div>
 				<div>
 					<h1 class="text-primary text-3xl font-bold">Atestados & Licenças</h1>
@@ -1234,20 +1373,7 @@
 				</div>
 			</div>
 			<button class="btn gap-2" onclick={() => goto(resolve('/recursos-humanos'))}>
-				<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 19l-7-7m0 0l7-7m-7 7h18"
-					/>
-				</svg>
+				<ArrowLeft class="h-5 w-5" strokeWidth={2} />
 				Voltar
 			</button>
 		</div>
@@ -1259,120 +1385,42 @@
 			class="tab gap-2 {abaAtiva === 'dashboard' ? 'tab-active' : ''}"
 			onclick={() => (abaAtiva = 'dashboard')}
 		>
-			<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="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
-				/>
-			</svg>
+			<BarChart3 class="h-5 w-5" strokeWidth={2} />
 			<span class="font-medium">Dashboard</span>
 		</button>
 		<button
 			class="tab gap-2 {abaAtiva === 'atestado' ? 'tab-active' : ''}"
 			onclick={() => (abaAtiva = 'atestado')}
 		>
-			<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="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-				/>
-			</svg>
+			<FileText class="h-5 w-5" strokeWidth={2} />
 			<span class="font-medium">Atestado Médico</span>
 		</button>
 		<button
 			class="tab gap-2 {abaAtiva === 'declaracao' ? 'tab-active' : ''}"
 			onclick={() => (abaAtiva = 'declaracao')}
 		>
-			<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="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-				/>
-			</svg>
+			<FileText class="h-5 w-5" strokeWidth={2} />
 			<span class="font-medium">Declaração</span>
 		</button>
 		<button
 			class="tab gap-2 {abaAtiva === 'maternidade' ? 'tab-active' : ''}"
 			onclick={() => (abaAtiva = 'maternidade')}
 		>
-			<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="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"
-				/>
-			</svg>
+			<Baby class="h-5 w-5" strokeWidth={2} />
 			<span class="font-medium">Licença Maternidade</span>
 		</button>
 		<button
 			class="tab gap-2 {abaAtiva === 'paternidade' ? 'tab-active' : ''}"
 			onclick={() => (abaAtiva = 'paternidade')}
 		>
-			<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>
+			<User class="h-5 w-5" strokeWidth={2} />
 			<span class="font-medium">Licença Paternidade</span>
 		</button>
 		<button
 			class="tab gap-2 {abaAtiva === 'relatorios' ? 'tab-active' : ''}"
 			onclick={() => (abaAtiva = 'relatorios')}
 		>
-			<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 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z"
-				/>
-			</svg>
+			<Printer class="h-5 w-5" strokeWidth={2} />
 			<span class="font-medium">Imprimir Relatórios</span>
 		</button>
 	</div>
@@ -1385,20 +1433,7 @@
 			<div class="mb-6 grid grid-cols-1 gap-4 md:grid-cols-4">
 				<div class="stat bg-base-100 rounded-box border-base-300 border shadow-lg">
 					<div class="stat-figure text-error">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-8 w-8"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-							/>
-						</svg>
+						<FileText class="h-8 w-8" strokeWidth={2} />
 					</div>
 					<div class="stat-title">Atestados Ativos</div>
 					<div class="stat-value text-error">
@@ -1408,20 +1443,7 @@
 
 				<div class="stat bg-base-100 rounded-box border-base-300 border shadow-lg">
 					<div class="stat-figure text-secondary">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-8 w-8"
-							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>
+						<Calendar class="h-8 w-8" strokeWidth={2} />
 					</div>
 					<div class="stat-title">Licenças Ativas</div>
 					<div class="stat-value text-secondary">
@@ -1431,20 +1453,7 @@
 
 				<div class="stat bg-base-100 rounded-box border-base-300 border shadow-lg">
 					<div class="stat-figure text-warning">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-8 w-8"
-							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-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-							/>
-						</svg>
+						<User class="h-8 w-8" strokeWidth={2} />
 					</div>
 					<div class="stat-title">Afastados Hoje</div>
 					<div class="stat-value text-warning">
@@ -1454,20 +1463,7 @@
 
 				<div class="stat bg-base-100 rounded-box border-base-300 border shadow-lg">
 					<div class="stat-figure text-info">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-8 w-8"
-							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>
+						<Calendar class="h-8 w-8" strokeWidth={2} />
 					</div>
 					<div class="stat-title">Dias no Mês</div>
 					<div class="stat-value text-info">
@@ -1568,7 +1564,7 @@
 									</tr>
 								</thead>
 								<tbody>
-									{#each graficosQuery.data.funcionariosAfastados as item}
+									{#each graficosQuery.data.funcionariosAfastados as item (`${item.funcionarioId}-${item.dataInicio}-${item.dataFim}`)}
 										<tr>
 											<td>{item.funcionarioNome}</td>
 											<td>
@@ -1628,9 +1624,18 @@
 							</tr>
 						</thead>
 						<tbody>
-							{#each registrosFiltrados.atestados as atestado}
+							{#each registrosFiltrados.atestados as atestado (atestado._id)}
 								<tr>
-									<td>{atestado.funcionario?.nome || '-'}</td>
+									<td>
+										<div class="flex items-center gap-3">
+											<UserAvatar
+												fotoPerfilUrl={atestado.fotoPerfilUrl}
+												nome={atestado.funcionario?.nome || 'Funcionário'}
+												size="sm"
+											/>
+											<span>{atestado.funcionario?.nome || '-'}</span>
+										</div>
+									</td>
 									<td>
 										<span
 											class="badge {atestado.tipo === 'atestado_medico'
@@ -1661,32 +1666,11 @@
 											{#if atestado.documentoId}
 												<button
 													class="btn btn-xs btn-ghost"
-													onclick={async () => {
-														try {
-															const url = await client.query(
-																api.atestadosLicencas.obterUrlDocumento,
-																{
-																	storageId: atestado.documentoId as any
-																}
-															);
-															if (url) {
-																window.open(url, '_blank');
-															} else {
-																mostrarErro(
-																	'Erro ao visualizar documento',
-																	'Não foi possível obter a URL do documento.',
-																	'O documento pode ter sido removido ou não existe mais.'
-																);
-															}
-														} catch (err: any) {
-															console.error('Erro ao obter URL do documento:', err);
-															mostrarErro(
-																'Erro ao visualizar documento',
-																'Não foi possível abrir o documento.',
-																err?.message || err?.toString() || 'Erro desconhecido'
-															);
-														}
-													}}
+													onclick={() =>
+														abrirModalDocumento(
+															atestado.documentoId as Id<'_storage'>,
+															`Documento - ${atestado.funcionario?.nome || 'Atestado'}`
+														)}
 												>
 													Ver Doc
 												</button>
@@ -1701,17 +1685,27 @@
 									</td>
 								</tr>
 							{/each}
-							{#each registrosFiltrados.licencas as licenca}
+							{#each registrosFiltrados.licencas as licenca (licenca._id)}
 								<tr>
-									<td>{licenca.funcionario?.nome || '-'}</td>
+									<td>
+										<div class="flex items-center gap-3">
+											<UserAvatar
+												fotoPerfilUrl={licenca.fotoPerfilUrl}
+												nome={licenca.funcionario?.nome || 'Funcionário'}
+												size="sm"
+											/>
+											<span>{licenca.funcionario?.nome || '-'}</span>
+										</div>
+									</td>
 									<td>
 										<span
 											class="badge {licenca.tipo === 'maternidade'
 												? 'badge-secondary'
 												: 'badge-info'}"
 										>
-											Licença{' '}
-											{licenca.tipo === 'maternidade' ? 'Maternidade' : 'Paternidade'}
+											{licenca.tipo === 'maternidade'
+												? 'Licença Maternidade'
+												: 'Licença Paternidade'}
 											{licenca.ehProrrogacao ? ' (Prorrogação)' : ''}
 										</span>
 									</td>
@@ -1734,32 +1728,11 @@
 											{#if licenca.documentoId}
 												<button
 													class="btn btn-xs btn-ghost"
-													onclick={async () => {
-														try {
-															const url = await client.query(
-																api.atestadosLicencas.obterUrlDocumento,
-																{
-																	storageId: licenca.documentoId as any
-																}
-															);
-															if (url) {
-																window.open(url, '_blank');
-															} else {
-																mostrarErro(
-																	'Erro ao visualizar documento',
-																	'Não foi possível obter a URL do documento.',
-																	'O documento pode ter sido removido ou não existe mais.'
-																);
-															}
-														} catch (err: any) {
-															console.error('Erro ao obter URL do documento:', err);
-															mostrarErro(
-																'Erro ao visualizar documento',
-																'Não foi possível abrir o documento.',
-																err?.message || err?.toString() || 'Erro desconhecido'
-															);
-														}
-													}}
+													onclick={() =>
+														abrirModalDocumento(
+															licenca.documentoId as Id<'_storage'>,
+															`Documento - ${licenca.funcionario?.nome || 'Licença'}`
+														)}
 												>
 													Ver Doc
 												</button>
@@ -1823,20 +1796,7 @@
 			<div class="card-body">
 				<div class="mb-6 flex items-center gap-3">
 					<div class="bg-error/10 rounded-lg p-2">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-error h-6 w-6"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-							/>
-						</svg>
+						<FileText class="text-error h-6 w-6" strokeWidth={2} />
 					</div>
 					<div>
 						<h2 class="card-title text-2xl">Registrar Atestado Médico</h2>
@@ -1852,13 +1812,14 @@
 					</div>
 
 					<div class="form-control">
-						<label class="label">
+						<label class="label" for="atestado-data-inicio">
 							<span class="label-text font-semibold"
 								>Data Início <span class="text-error">*</span></span
 							>
 						</label>
 						<input
 							type="date"
+							id="atestado-data-inicio"
 							bind:value={atestadoMedico.dataInicio}
 							class="input input-bordered w-full"
 							required
@@ -1866,13 +1827,14 @@
 					</div>
 
 					<div class="form-control">
-						<label class="label">
+						<label class="label" for="atestado-data-fim">
 							<span class="label-text font-semibold"
 								>Data Fim <span class="text-error">*</span></span
 							>
 						</label>
 						<input
 							type="date"
+							id="atestado-data-fim"
 							bind:value={atestadoMedico.dataFim}
 							class="input input-bordered w-full"
 							required
@@ -1880,11 +1842,12 @@
 					</div>
 
 					<div class="form-control">
-						<label class="label">
+						<label class="label" for="atestado-cid">
 							<span class="label-text font-semibold">CID <span class="text-error">*</span></span>
 						</label>
 						<input
 							type="text"
+							id="atestado-cid"
 							bind:value={atestadoMedico.cid}
 							placeholder="Ex: A00.0"
 							class="input input-bordered w-full"
@@ -1908,10 +1871,11 @@
 					</div>
 
 					<div class="form-control md:col-span-2">
-						<label class="label">
+						<label class="label" for="atestado-observacoes">
 							<span class="label-text font-semibold">Observações</span>
 						</label>
 						<textarea
+							id="atestado-observacoes"
 							bind:value={atestadoMedico.observacoes}
 							class="textarea textarea-bordered h-24 w-full"
 							placeholder="Observações adicionais..."
@@ -1922,20 +1886,7 @@
 				<div class="divider my-6"></div>
 				<div class="card-actions justify-end gap-3">
 					<button class="btn btn-outline" onclick={resetarFormularioAtestado}>
-						<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>
+						<X class="h-5 w-5" strokeWidth={2} />
 						Cancelar
 					</button>
 					<button
@@ -1947,20 +1898,7 @@
 							<span class="loading loading-spinner loading-sm"></span>
 							Salvando...
 						{: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>
+							<Check class="h-5 w-5" strokeWidth={2} />
 							Salvar
 						{/if}
 					</button>
@@ -1973,20 +1911,7 @@
 			<div class="card-body">
 				<div class="mb-6 flex items-center gap-3">
 					<div class="bg-warning/10 rounded-lg p-2">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-warning h-6 w-6"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-							/>
-						</svg>
+						<FileText class="text-warning h-6 w-6" strokeWidth={2} />
 					</div>
 					<div>
 						<h2 class="card-title text-2xl">Registrar Declaração de Comparecimento</h2>
@@ -2002,13 +1927,14 @@
 					</div>
 
 					<div class="form-control">
-						<label class="label">
+						<label class="label" for="declaracao-data-inicio">
 							<span class="label-text font-semibold"
 								>Data Início <span class="text-error">*</span></span
 							>
 						</label>
 						<input
 							type="date"
+							id="declaracao-data-inicio"
 							bind:value={declaracao.dataInicio}
 							class="input input-bordered w-full"
 							required
@@ -2016,13 +1942,14 @@
 					</div>
 
 					<div class="form-control">
-						<label class="label">
+						<label class="label" for="declaracao-data-fim">
 							<span class="label-text font-semibold"
 								>Data Fim <span class="text-error">*</span></span
 							>
 						</label>
 						<input
 							type="date"
+							id="declaracao-data-fim"
 							bind:value={declaracao.dataFim}
 							class="input input-bordered w-full"
 							required
@@ -2044,10 +1971,11 @@
 					</div>
 
 					<div class="form-control md:col-span-2">
-						<label class="label">
+						<label class="label" for="declaracao-observacoes">
 							<span class="label-text font-semibold">Observações</span>
 						</label>
 						<textarea
+							id="declaracao-observacoes"
 							bind:value={declaracao.observacoes}
 							class="textarea textarea-bordered h-24 w-full"
 							placeholder="Observações adicionais..."
@@ -2058,20 +1986,7 @@
 				<div class="divider my-6"></div>
 				<div class="card-actions justify-end gap-3">
 					<button class="btn btn-outline" onclick={resetarFormularioDeclaracao}>
-						<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>
+						<X class="h-5 w-5" strokeWidth={2} />
 						Cancelar
 					</button>
 					<button
@@ -2083,20 +1998,7 @@
 							<span class="loading loading-spinner loading-sm"></span>
 							Salvando...
 						{: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>
+							<Check class="h-5 w-5" strokeWidth={2} />
 							Salvar
 						{/if}
 					</button>
@@ -2109,20 +2011,7 @@
 			<div class="card-body">
 				<div class="mb-6 flex items-center gap-3">
 					<div class="bg-secondary/10 rounded-lg p-2">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-secondary h-6 w-6"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"
-							/>
-						</svg>
+						<Baby class="text-secondary h-6 w-6" strokeWidth={2} />
 					</div>
 					<div>
 						<h2 class="card-title text-2xl">Registrar Licença Maternidade</h2>
@@ -2138,13 +2027,14 @@
 					</div>
 
 					<div class="form-control">
-						<label class="label">
+						<label class="label" for="licenca-maternidade-data-inicio">
 							<span class="label-text font-semibold"
 								>Data Início <span class="text-error">*</span></span
 							>
 						</label>
 						<input
 							type="date"
+							id="licenca-maternidade-data-inicio"
 							bind:value={licencaMaternidade.dataInicio}
 							class="input input-bordered w-full"
 							required
@@ -2152,22 +2042,23 @@
 					</div>
 
 					<div class="form-control">
-						<label class="label">
+						<label class="label" for="licenca-maternidade-data-fim">
 							<span class="label-text font-semibold"
 								>Data Fim <span class="text-error">*</span></span
 							>
 						</label>
 						<input
 							type="date"
+							id="licenca-maternidade-data-fim"
 							bind:value={licencaMaternidade.dataFim}
 							class="input input-bordered w-full"
 							required
 						/>
-						<label class="label">
+						<div class="label">
 							<span class="label-text-alt text-base-content/60"
 								>Calculado automaticamente (120 dias)</span
 							>
-						</label>
+						</div>
 					</div>
 
 					<div class="form-control md:col-span-2">
@@ -2185,21 +2076,22 @@
 
 					{#if licencaMaternidade.ehProrrogacao}
 						<div class="form-control md:col-span-2">
-							<label class="label">
+							<label class="label" for="licenca-maternidade-licenca-original">
 								<span class="label-text font-semibold"
 									>Licença Original <span class="text-error">*</span></span
 								>
 							</label>
 							<select
+								id="licenca-maternidade-licenca-original"
 								bind:value={licencaMaternidade.licencaOriginalId}
 								class="select select-bordered w-full"
 								required
 							>
 								<option value="">Selecione a licença original</option>
-								{#each licencasMaternidade as licenca}
+								{#each licencasMaternidade as licenca (licenca._id)}
 									<option value={licenca._id}>
-										{licenca.funcionario?.nome} -{' '}
-										{formatarData(licenca.dataInicio)} até{' '}
+										{licenca.funcionario?.nome} -
+										{formatarData(licenca.dataInicio)} até
 										{formatarData(licenca.dataFim)}
 									</option>
 								{/each}
@@ -2222,10 +2114,11 @@
 					</div>
 
 					<div class="form-control md:col-span-2">
-						<label class="label">
+						<label class="label" for="licenca-maternidade-observacoes">
 							<span class="label-text font-semibold">Observações</span>
 						</label>
 						<textarea
+							id="licenca-maternidade-observacoes"
 							bind:value={licencaMaternidade.observacoes}
 							class="textarea textarea-bordered h-24 w-full"
 							placeholder="Observações adicionais..."
@@ -2236,20 +2129,7 @@
 				<div class="divider my-6"></div>
 				<div class="card-actions justify-end gap-3">
 					<button class="btn btn-outline" onclick={resetarFormularioMaternidade}>
-						<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>
+						<X class="h-5 w-5" strokeWidth={2} />
 						Cancelar
 					</button>
 					<button
@@ -2261,20 +2141,7 @@
 							<span class="loading loading-spinner loading-sm"></span>
 							Salvando...
 						{: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>
+							<Check class="h-5 w-5" strokeWidth={2} />
 							Salvar
 						{/if}
 					</button>
@@ -2287,20 +2154,7 @@
 			<div class="card-body">
 				<div class="mb-6 flex items-center gap-3">
 					<div class="bg-info/10 rounded-lg p-2">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-info h-6 w-6"
-							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>
+						<User class="text-info h-6 w-6" strokeWidth={2} />
 					</div>
 					<div>
 						<h2 class="card-title text-2xl">Registrar Licença Paternidade</h2>
@@ -2316,13 +2170,14 @@
 					</div>
 
 					<div class="form-control">
-						<label class="label">
+						<label class="label" for="licenca-paternidade-data-inicio">
 							<span class="label-text font-semibold"
 								>Data Início <span class="text-error">*</span></span
 							>
 						</label>
 						<input
 							type="date"
+							id="licenca-paternidade-data-inicio"
 							bind:value={licencaPaternidade.dataInicio}
 							class="input input-bordered w-full"
 							required
@@ -2330,22 +2185,23 @@
 					</div>
 
 					<div class="form-control">
-						<label class="label">
+						<label class="label" for="licenca-paternidade-data-fim">
 							<span class="label-text font-semibold"
 								>Data Fim <span class="text-error">*</span></span
 							>
 						</label>
 						<input
 							type="date"
+							id="licenca-paternidade-data-fim"
 							bind:value={licencaPaternidade.dataFim}
 							class="input input-bordered w-full"
 							required
 						/>
-						<label class="label">
+						<div class="label">
 							<span class="label-text-alt text-base-content/60"
 								>Calculado automaticamente (20 dias)</span
 							>
-						</label>
+						</div>
 					</div>
 
 					<div class="form-control md:col-span-2">
@@ -2363,10 +2219,11 @@
 					</div>
 
 					<div class="form-control md:col-span-2">
-						<label class="label">
+						<label class="label" for="licenca-paternidade-observacoes">
 							<span class="label-text font-semibold">Observações</span>
 						</label>
 						<textarea
+							id="licenca-paternidade-observacoes"
 							bind:value={licencaPaternidade.observacoes}
 							class="textarea textarea-bordered h-24 w-full"
 							placeholder="Observações adicionais..."
@@ -2377,20 +2234,7 @@
 				<div class="divider my-6"></div>
 				<div class="card-actions justify-end gap-3">
 					<button class="btn btn-outline" onclick={resetarFormularioPaternidade}>
-						<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>
+						<X class="h-5 w-5" strokeWidth={2} />
 						Cancelar
 					</button>
 					<button
@@ -2402,20 +2246,7 @@
 							<span class="loading loading-spinner loading-sm"></span>
 							Salvando...
 						{: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>
+							<Check class="h-5 w-5" strokeWidth={2} />
 							Salvar
 						{/if}
 					</button>
@@ -2428,20 +2259,7 @@
 			<div class="card-body">
 				<div class="mb-6 flex items-center gap-3">
 					<div class="bg-primary/10 rounded-lg p-2">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-primary h-6 w-6"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z"
-							/>
-						</svg>
+						<Printer class="text-primary h-6 w-6" strokeWidth={2} />
 					</div>
 					<div>
 						<h2 class="card-title text-2xl">Imprimir Relatórios</h2>
@@ -2454,13 +2272,14 @@
 				<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
 					<!-- Filtro de Período -->
 					<div class="form-control">
-						<label class="label">
+						<label class="label" for="relatorio-periodo-inicio">
 							<span class="label-text font-semibold"
 								>Data Início <span class="text-error">*</span></span
 							>
 						</label>
 						<input
 							type="date"
+							id="relatorio-periodo-inicio"
 							bind:value={relatorioPeriodoInicio}
 							class="input input-bordered w-full"
 							required
@@ -2468,13 +2287,14 @@
 					</div>
 
 					<div class="form-control">
-						<label class="label">
+						<label class="label" for="relatorio-periodo-fim">
 							<span class="label-text font-semibold"
 								>Data Fim <span class="text-error">*</span></span
 							>
 						</label>
 						<input
 							type="date"
+							id="relatorio-periodo-fim"
 							bind:value={relatorioPeriodoFim}
 							class="input input-bordered w-full"
 							required
@@ -2483,9 +2303,9 @@
 
 					<!-- Filtro de Funcionário por Nome -->
 					<div class="form-control">
-						<label class="label">
+						<div class="label">
 							<span class="label-text font-semibold">Funcionário (Nome)</span>
-						</label>
+						</div>
 						<FuncionarioNomeAutocomplete
 							bind:value={relatorioFuncionarioNome}
 							placeholder="Digite o nome do funcionário"
@@ -2494,9 +2314,9 @@
 
 					<!-- Filtro de Funcionário por Matrícula -->
 					<div class="form-control">
-						<label class="label">
+						<div class="label">
 							<span class="label-text font-semibold">Funcionário (Matrícula)</span>
-						</label>
+						</div>
 						<FuncionarioMatriculaAutocomplete
 							bind:value={relatorioFuncionarioMatricula}
 							placeholder="Digite a matrícula do funcionário"
@@ -2507,11 +2327,11 @@
 				<!-- Seleção de Campos -->
 				<div class="divider my-6"></div>
 				<div>
-					<label class="label mb-4">
+					<div class="label mb-4">
 						<span class="label-text text-lg font-semibold"
 							>Campos a incluir no relatório <span class="text-error">*</span></span
 						>
-					</label>
+					</div>
 					<div class="grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3">
 						<label
 							class="label border-base-300 hover:bg-base-200 cursor-pointer justify-start gap-3 rounded-lg border p-4"
@@ -2585,20 +2405,7 @@
 						{#if gerandoRelatorio}
 							<span class="loading loading-spinner loading-sm"></span>
 						{: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="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>
+							<FileText class="h-5 w-5" strokeWidth={2} />
 						{/if}
 						Imprimir PDF
 					</button>
@@ -2610,20 +2417,7 @@
 						{#if gerandoRelatorio}
 							<span class="loading loading-spinner loading-sm"></span>
 						{: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="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-								/>
-							</svg>
+							<Download class="h-5 w-5" strokeWidth={2} />
 						{/if}
 						Exportar Excel
 					</button>
@@ -2643,3 +2437,94 @@
 		erroModal.aberto = false;
 	}}
 />
+
+<!-- Modal de Documento -->
+{#if documentoModal.aberto}
+	<!-- svelte-ignore a11y_click_events_have_key_events -->
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<div
+		class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm"
+		onclick={() => (documentoModal.aberto = false)}
+		role="dialog"
+		aria-modal="true"
+		tabindex="0"
+	>
+		<!-- svelte-ignore a11y_no_static_element_interactions -->
+		<div
+			class="bg-base-100 mx-4 w-full max-w-md transform rounded-2xl shadow-2xl transition-all"
+			onclick={(e) => e.stopPropagation()}
+		>
+			<!-- Header do Modal -->
+			<div class="border-base-300 from-primary/10 to-secondary/10 border-b bg-linear-to-r p-6">
+				<div class="flex items-start justify-between">
+					<div class="flex-1">
+						<h3 class="text-base-content mb-2 text-xl font-bold">{documentoModal.titulo}</h3>
+						<p class="text-base-content/60 text-sm">Visualizar ou baixar documento</p>
+					</div>
+					<button
+						class="btn btn-sm btn-circle btn-ghost"
+						onclick={() => (documentoModal.aberto = false)}
+						aria-label="Fechar"
+					>
+						<X class="h-5 w-5" />
+					</button>
+				</div>
+			</div>
+
+			<!-- Conteúdo do Modal -->
+			<div class="space-y-4 p-6">
+				{#if documentoModal.loading}
+					<div class="flex flex-col items-center justify-center py-8">
+						<span class="loading loading-spinner loading-lg text-primary"></span>
+						<p class="text-base-content/60 mt-4 text-sm">Carregando documento...</p>
+					</div>
+				{:else if documentoModal.url}
+					<div class="bg-base-200/50 flex flex-col items-center gap-4 rounded-lg p-6">
+						<FileText class="text-primary h-16 w-16" strokeWidth={1.5} />
+						<p class="text-base-content/70 text-center text-sm">
+							Documento carregado com sucesso. Escolha uma opção abaixo:
+						</p>
+					</div>
+
+					<div class="flex flex-col gap-3">
+						<button
+							class="btn btn-primary w-full gap-2"
+							onclick={() => {
+								if (documentoModal.url) {
+									window.open(documentoModal.url, '_blank');
+								}
+							}}
+						>
+							<Eye class="h-5 w-5" />
+							Visualizar em Nova Aba
+						</button>
+						<button
+							class="btn btn-success w-full gap-2"
+							onclick={() => {
+								if (documentoModal.url) {
+									const nomeArquivo = `${documentoModal.titulo.replace(/[^a-z0-9]/gi, '_')}.pdf`;
+									baixarDocumento(documentoModal.url, nomeArquivo);
+								}
+							}}
+						>
+							<Download class="h-5 w-5" />
+							Baixar Arquivo
+						</button>
+					</div>
+				{:else}
+					<div class="bg-error/10 flex flex-col items-center gap-4 rounded-lg p-6">
+						<AlertTriangle class="text-error h-12 w-12" />
+						<p class="text-error text-center font-medium">Não foi possível carregar o documento.</p>
+					</div>
+				{/if}
+			</div>
+
+			<!-- Footer do Modal -->
+			<div class="border-base-300 flex justify-end border-t p-6">
+				<button class="btn btn-ghost" onclick={() => (documentoModal.aberto = false)}>
+					Fechar
+				</button>
+			</div>
+		</div>
+	</div>
+{/if}
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/ausencias/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/ausencias/+page.svelte
index f9f79d5..970c25f 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/ausencias/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/ausencias/+page.svelte
@@ -5,23 +5,63 @@
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
 	import AprovarAusencias from '$lib/components/AprovarAusencias.svelte';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import { Clock, ArrowLeft, FileText, CheckCircle, XCircle, Info, Eye, FileDown, FileSpreadsheet } from 'lucide-svelte';
+	import { parseLocalDate } from '$lib/utils/datas';
+	import jsPDF from 'jspdf';
+	import autoTable from 'jspdf-autotable';
+	import { format } from 'date-fns';
+	import { ptBR } from 'date-fns/locale';
+	import ExcelJS from 'exceljs';
+	import logoGovPE from '$lib/assets/logo_governo_PE.png';
+	import { toast } from 'svelte-sonner';
 
 	const client = useConvexClient();
 	const currentUser = useQuery(api.auth.getCurrentUser, {});
 
 	// Buscar TODAS as solicitações de ausências (Dashboard RH)
 	const todasAusenciasQuery = useQuery(api.ausencias.listarTodas, {});
+	
+	// Buscar funcionários para filtro
+	const funcionariosQuery = useQuery(api.funcionarios.getAll, {});
 
 	let filtroStatus = $state<string>('todos');
+	let filtroFuncionario = $state<string>('');
+	let filtroPeriodoInicio = $state<string>('');
+	let filtroPeriodoFim = $state<string>('');
+	let gerandoRelatorio = $state(false);
 	let solicitacaoSelecionada = $state<Id<'solicitacoesAusencias'> | null>(null);
 
-	let ausencias = $derived(todasAusenciasQuery?.data || []);
+	const ausencias = $derived(todasAusenciasQuery?.data || []);
+	const funcionarios = $derived(
+		Array.isArray(funcionariosQuery?.data) ? funcionariosQuery.data : funcionariosQuery?.data?.data || []
+	);
 
 	// Filtrar solicitações
 	let ausenciasFiltradas = $derived(
 		ausencias.filter((a) => {
 			// Filtro de status
 			if (filtroStatus !== 'todos' && a.status !== filtroStatus) return false;
+			
+			// Filtro por funcionário
+			if (filtroFuncionario) {
+				if (a.funcionario?._id !== filtroFuncionario) return false;
+			}
+			
+			// Filtro por período
+			if (filtroPeriodoInicio) {
+				const inicioFiltro = new Date(filtroPeriodoInicio);
+				const inicioAusencia = parseLocalDate(a.dataInicio);
+				if (inicioAusencia < inicioFiltro) return false;
+			}
+			
+			if (filtroPeriodoFim) {
+				const fimFiltro = new Date(filtroPeriodoFim);
+				fimFiltro.setHours(23, 59, 59, 999); // Incluir o dia inteiro
+				const fimAusencia = parseLocalDate(a.dataFim);
+				if (fimAusencia > fimFiltro) return false;
+			}
+			
 			return true;
 		})
 	);
@@ -53,8 +93,8 @@
 	}
 
 	function calcularDias(dataInicio: string, dataFim: string): number {
-		const inicio = new Date(dataInicio);
-		const fim = new Date(dataFim);
+		const inicio = parseLocalDate(dataInicio);
+		const fim = parseLocalDate(dataFim);
 		const diff = fim.getTime() - inicio.getTime();
 		return Math.ceil(diff / (1000 * 60 * 60 * 24)) + 1;
 	}
@@ -66,6 +106,383 @@
 	async function recarregar() {
 		solicitacaoSelecionada = null;
 	}
+
+	// Função para gerar PDF
+	async function gerarPDF() {
+		gerandoRelatorio = true;
+		try {
+			const doc = new jsPDF();
+
+			// Logo
+			let yPosition = 20;
+			try {
+				const logoImg = new Image();
+				logoImg.src = logoGovPE;
+				await new Promise<void>((resolve, reject) => {
+					logoImg.onload = () => resolve();
+					logoImg.onerror = () => reject();
+					setTimeout(() => reject(), 3000);
+				});
+
+				const logoWidth = 30;
+				const aspectRatio = logoImg.height / logoImg.width;
+				const logoHeight = logoWidth * aspectRatio;
+
+				doc.addImage(logoImg, 'PNG', 15, 10, logoWidth, logoHeight);
+				yPosition = Math.max(25, 10 + logoHeight / 2);
+			} catch (err) {
+				console.warn('Não foi possível carregar a logo:', err);
+			}
+
+			// Título
+			doc.setFontSize(18);
+			doc.setTextColor(41, 128, 185);
+			doc.text('RELATÓRIO DE AUSÊNCIAS', 105, yPosition, { align: 'center' });
+
+			yPosition += 10;
+
+			// Filtros aplicados
+			doc.setFontSize(10);
+			doc.setTextColor(0, 0, 0);
+			let filtrosTexto = 'Filtros aplicados: ';
+			if (filtroStatus !== 'todos') filtrosTexto += `Status: ${getStatusTexto(filtroStatus)}; `;
+			if (filtroFuncionario) {
+				const func = funcionarios.find((f) => f._id === filtroFuncionario);
+				filtrosTexto += `Funcionário: ${func?.nome || ''}; `;
+			}
+			if (filtroPeriodoInicio && filtroPeriodoFim) {
+				filtrosTexto += `Período: ${format(new Date(filtroPeriodoInicio), 'dd/MM/yyyy', { locale: ptBR })} até ${format(new Date(filtroPeriodoFim), 'dd/MM/yyyy', { locale: ptBR })}; `;
+			}
+
+			if (filtrosTexto === 'Filtros aplicados: ') {
+				filtrosTexto = 'Todos os registros';
+			}
+
+			doc.text(filtrosTexto, 105, yPosition, { align: 'center', maxWidth: 180 });
+
+			yPosition += 8;
+
+			// Data de geração
+			doc.setFontSize(9);
+			doc.setTextColor(100, 100, 100);
+			doc.text(
+				`Gerado em: ${format(new Date(), 'dd/MM/yyyy HH:mm', { locale: ptBR })}`,
+				15,
+				yPosition
+			);
+
+			yPosition += 12;
+
+			// Preparar dados para tabela
+			const dadosTabela: string[][] = ausenciasFiltradas.map((a) => [
+				a.funcionario?.nome || '-',
+				a.funcionario?.matricula || '-',
+				a.time?.nome || '-',
+				parseLocalDate(a.dataInicio).toLocaleDateString('pt-BR'),
+				parseLocalDate(a.dataFim).toLocaleDateString('pt-BR'),
+				calcularDias(a.dataInicio, a.dataFim).toString(),
+				a.motivo.substring(0, 40) + (a.motivo.length > 40 ? '...' : ''),
+				getStatusTexto(a.status)
+			]);
+
+			// Tabela
+			if (dadosTabela.length > 0) {
+				autoTable(doc, {
+					startY: yPosition,
+					head: [
+						[
+							'Funcionário',
+							'Matrícula',
+							'Time',
+							'Data Início',
+							'Data Fim',
+							'Dias',
+							'Motivo',
+							'Status'
+						]
+					],
+					body: dadosTabela,
+					theme: 'striped',
+					headStyles: { fillColor: [41, 128, 185], textColor: 255, fontSize: 7, fontStyle: 'bold' },
+					bodyStyles: { fontSize: 7 },
+					alternateRowStyles: { fillColor: [245, 247, 250] },
+					styles: { cellPadding: 1.5, overflow: 'linebreak' },
+					margin: { top: yPosition, left: 10, right: 10 },
+					tableWidth: 'wrap',
+					columnStyles: {
+						0: { cellWidth: 38, fontSize: 7 }, // Funcionário
+						1: { cellWidth: 18, fontSize: 7 }, // Matrícula
+						2: { cellWidth: 22, fontSize: 7 }, // Time
+						3: { cellWidth: 20, fontSize: 7 }, // Data Início
+						4: { cellWidth: 20, fontSize: 7 }, // Data Fim
+						5: { cellWidth: 12, fontSize: 7 }, // Dias
+						6: { cellWidth: 35, fontSize: 7, overflow: 'linebreak' }, // Motivo
+						7: { cellWidth: 18, fontSize: 7 } // Status
+					}
+				});
+			} else {
+				doc.setFontSize(12);
+				doc.setTextColor(100, 100, 100);
+				doc.text('Nenhum registro encontrado com os filtros aplicados.', 105, yPosition + 20, {
+					align: 'center'
+				});
+			}
+
+			// Footer em todas as páginas
+			const pageCount = doc.getNumberOfPages();
+			for (let i = 1; i <= pageCount; i++) {
+				doc.setPage(i);
+				doc.setFontSize(7);
+				doc.setTextColor(128, 128, 128);
+				doc.text(
+					`SGSE - Sistema de Gerenciamento de Secretaria | Página ${i} de ${pageCount}`,
+					doc.internal.pageSize.getWidth() / 2,
+					doc.internal.pageSize.getHeight() - 8,
+					{ align: 'center' }
+				);
+			}
+
+			// Salvar
+			const nomeArquivo = `relatorio-ausencias-${format(new Date(), 'yyyy-MM-dd-HHmm')}.pdf`;
+			doc.save(nomeArquivo);
+			toast.success('Relatório PDF gerado com sucesso!');
+		} catch (error) {
+			console.error('Erro ao gerar PDF:', error);
+			toast.error('Erro ao gerar relatório PDF. Tente novamente.');
+		} finally {
+			gerandoRelatorio = false;
+		}
+	}
+
+	// Função para gerar Excel
+	async function gerarExcel() {
+		if (ausenciasFiltradas.length === 0) {
+			toast.error('Não há ausências para exportar com os filtros aplicados.');
+			return;
+		}
+
+		gerandoRelatorio = true;
+		try {
+			// Preparar dados
+			const dados: Array<Record<string, string | number>> = ausenciasFiltradas.map((a) => ({
+				Funcionário: a.funcionario?.nome || '-',
+				Matrícula: a.funcionario?.matricula || '-',
+				Time: a.time?.nome || '-',
+				'Data Início': parseLocalDate(a.dataInicio).toLocaleDateString('pt-BR'),
+				'Data Fim': parseLocalDate(a.dataFim).toLocaleDateString('pt-BR'),
+				Dias: calcularDias(a.dataInicio, a.dataFim),
+				Motivo: a.motivo,
+				Status: getStatusTexto(a.status),
+				'Solicitado em': new Date(a.criadoEm).toLocaleDateString('pt-BR')
+			}));
+
+			// Criar workbook com ExcelJS
+			const workbook = new ExcelJS.Workbook();
+			const worksheet = workbook.addWorksheet('Relatório de Ausências');
+
+			// Obter cabeçalhos
+			const headers = Object.keys(dados[0] || {});
+
+			// Carregar logo
+			let logoBuffer: ArrayBuffer | null = null;
+			try {
+				const response = await fetch(logoGovPE);
+				if (response.ok) {
+					logoBuffer = await response.arrayBuffer();
+				} else {
+					const logoImg = new Image();
+					logoImg.crossOrigin = 'anonymous';
+					logoImg.src = logoGovPE;
+					await new Promise<void>((resolve, reject) => {
+						logoImg.onload = () => resolve();
+						logoImg.onerror = () => reject();
+						setTimeout(() => reject(), 3000);
+					});
+
+					const canvas = document.createElement('canvas');
+					canvas.width = logoImg.width;
+					canvas.height = logoImg.height;
+					const ctx = canvas.getContext('2d');
+					if (ctx) {
+						ctx.drawImage(logoImg, 0, 0);
+						const blob = await new Promise<Blob>((resolve, reject) => {
+							canvas.toBlob((blob) => {
+								if (blob) resolve(blob);
+								else reject(new Error('Falha ao converter imagem'));
+							}, 'image/png');
+						});
+						logoBuffer = await blob.arrayBuffer();
+					}
+				}
+			} catch (err) {
+				console.warn('Não foi possível carregar a logo:', err);
+			}
+
+			// Linha 1: Cabeçalho com logo e título
+			worksheet.mergeCells('A1:B1');
+			const logoCell = worksheet.getCell('A1');
+			logoCell.alignment = { vertical: 'middle', horizontal: 'left' };
+			logoCell.border = {
+				right: { style: 'thin', color: { argb: 'FFE0E0E0' } }
+			};
+
+			// Adicionar logo se disponível
+			if (logoBuffer) {
+				const logoId = workbook.addImage({
+					buffer: new Uint8Array(logoBuffer),
+					extension: 'png'
+				});
+				worksheet.addImage(logoId, {
+					tl: { col: 0, row: 0 },
+					ext: { width: 140, height: 55 }
+				});
+			}
+
+			// Mesclar C1 até última coluna para título
+			const lastCol = String.fromCharCode(65 + headers.length - 1);
+			worksheet.mergeCells(`C1:${lastCol}1`);
+			const titleCell = worksheet.getCell('C1');
+			titleCell.value = 'RELATÓRIO DE AUSÊNCIAS';
+			titleCell.font = { bold: true, size: 18, color: { argb: 'FF2980B9' } };
+			titleCell.alignment = { vertical: 'middle', horizontal: 'center' };
+
+			// Ajustar altura da linha 1 para acomodar a logo
+			worksheet.getRow(1).height = 60;
+
+			// Linha 2: Cabeçalhos da tabela
+			headers.forEach((header, index) => {
+				const cell = worksheet.getCell(2, index + 1);
+				cell.value = header;
+				cell.font = { bold: true, size: 11, color: { argb: 'FFFFFFFF' } };
+				cell.fill = {
+					type: 'pattern',
+					pattern: 'solid',
+					fgColor: { argb: 'FF2980B9' }
+				};
+				cell.alignment = { vertical: 'middle', horizontal: 'center', wrapText: true };
+				cell.border = {
+					top: { style: 'thin', color: { argb: 'FF000000' } },
+					bottom: { style: 'thin', color: { argb: 'FF000000' } },
+					left: { style: 'thin', color: { argb: 'FF000000' } },
+					right: { style: 'thin', color: { argb: 'FF000000' } }
+				};
+			});
+
+			// Ajustar altura da linha 2
+			worksheet.getRow(2).height = 25;
+
+			// Linhas 3+: Dados
+			dados.forEach((rowData, rowIndex) => {
+				const row = rowIndex + 3;
+				headers.forEach((header, colIndex) => {
+					const cell = worksheet.getCell(row, colIndex + 1);
+					cell.value = rowData[header];
+
+					// Cor de fundo alternada (zebra striping)
+					const isEvenRow = rowIndex % 2 === 1;
+					cell.fill = {
+						type: 'pattern',
+						pattern: 'solid',
+						fgColor: { argb: isEvenRow ? 'FFF8F9FA' : 'FFFFFFFF' }
+					};
+
+					// Alinhamento
+					let alignment: 'left' | 'center' | 'right' = 'left';
+					if (
+						header === 'Dias' ||
+						header === 'Data Início' ||
+						header === 'Data Fim' ||
+						header === 'Status' ||
+						header === 'Solicitado em'
+					) {
+						alignment = 'center';
+					}
+					cell.alignment = { vertical: 'middle', horizontal: alignment, wrapText: true };
+
+					// Fonte
+					cell.font = { size: 10, color: { argb: 'FF000000' } };
+
+					// Bordas
+					cell.border = {
+						top: { style: 'thin', color: { argb: 'FFE0E0E0' } },
+						bottom: { style: 'thin', color: { argb: 'FFE0E0E0' } },
+						left: { style: 'thin', color: { argb: 'FFE0E0E0' } },
+						right: { style: 'thin', color: { argb: 'FFE0E0E0' } }
+					};
+
+					// Formatação especial para Status
+					if (header === 'Status') {
+						const statusValue = rowData[header];
+						if (statusValue === 'Aprovado') {
+							cell.fill = {
+								type: 'pattern',
+								pattern: 'solid',
+								fgColor: { argb: 'FFD4EDDA' }
+							};
+							cell.font = { size: 10, color: { argb: 'FF155724' } };
+						} else if (statusValue === 'Reprovado') {
+							cell.fill = {
+								type: 'pattern',
+								pattern: 'solid',
+								fgColor: { argb: 'FFF8D7DA' }
+							};
+							cell.font = { size: 10, color: { argb: 'FF721C24' } };
+						} else if (statusValue === 'Aguardando') {
+							cell.fill = {
+								type: 'pattern',
+								pattern: 'solid',
+								fgColor: { argb: 'FFFFF3CD' }
+							};
+							cell.font = { size: 10, color: { argb: 'FF856404' } };
+						}
+					}
+				});
+			});
+
+			// Ajustar largura das colunas
+			worksheet.columns = [
+				{ width: 30 }, // Funcionário
+				{ width: 15 }, // Matrícula
+				{ width: 20 }, // Time
+				{ width: 12 }, // Data Início
+				{ width: 12 }, // Data Fim
+				{ width: 8 }, // Dias
+				{ width: 40 }, // Motivo
+				{ width: 15 }, // Status
+				{ width: 15 } // Solicitado em
+			];
+
+			// Congelar linha 2 (cabeçalho da tabela)
+			worksheet.views = [
+				{
+					state: 'frozen',
+					ySplit: 2,
+					topLeftCell: 'A3',
+					activeCell: 'A3'
+				}
+			];
+
+			// Gerar arquivo
+			const nomeArquivo = `relatorio-ausencias-${format(new Date(), 'yyyy-MM-dd-HHmm')}.xlsx`;
+			const buffer = await workbook.xlsx.writeBuffer();
+			const blob = new Blob([buffer], {
+				type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+			});
+			const url = window.URL.createObjectURL(blob);
+			const link = document.createElement('a');
+			link.href = url;
+			link.download = nomeArquivo;
+			link.click();
+			window.URL.revokeObjectURL(url);
+
+			toast.success('Relatório Excel gerado com sucesso!');
+		} catch (error) {
+			console.error('Erro ao gerar Excel:', error);
+			toast.error('Erro ao gerar relatório Excel. Tente novamente.');
+		} finally {
+			gerandoRelatorio = false;
+		}
+	}
 </script>
 
 <main class="container mx-auto max-w-7xl px-4 py-6">
@@ -86,20 +503,7 @@
 		<div class="flex items-center justify-between">
 			<div class="flex items-center gap-4">
 				<div class="rounded-xl bg-orange-500/20 p-3">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="h-8 w-8 text-orange-600"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-						/>
-					</svg>
+					<Clock class="h-8 w-8 text-orange-600" strokeWidth={2} />
 				</div>
 				<div>
 					<h1 class="text-primary text-3xl font-bold">Dashboard de Ausências</h1>
@@ -107,20 +511,7 @@
 				</div>
 			</div>
 			<button class="btn gap-2" onclick={() => goto(resolve('/recursos-humanos'))}>
-				<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 19l-7-7m0 0l7-7m-7 7h18"
-					/>
-				</svg>
+				<ArrowLeft class="h-5 w-5" strokeWidth={2} />
 				Voltar
 			</button>
 		</div>
@@ -130,20 +521,7 @@
 	<div class="mb-6 grid grid-cols-1 gap-4 md:grid-cols-4">
 		<div class="stat bg-base-100 rounded-box border-base-300 border shadow-lg">
 			<div class="stat-figure text-orange-500">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-					/>
-				</svg>
+				<FileText class="h-8 w-8" strokeWidth={2} />
 			</div>
 			<div class="stat-title">Total</div>
 			<div class="stat-value text-orange-500">{stats.total}</div>
@@ -152,20 +530,7 @@
 
 		<div class="stat bg-base-100 rounded-box border-warning/30 border shadow-lg">
 			<div class="stat-figure text-warning">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-					/>
-				</svg>
+				<Clock class="h-8 w-8" strokeWidth={2} />
 			</div>
 			<div class="stat-title">Pendentes</div>
 			<div class="stat-value text-warning">{stats.aguardando}</div>
@@ -174,20 +539,7 @@
 
 		<div class="stat bg-base-100 rounded-box border-success/30 border shadow-lg">
 			<div class="stat-figure text-success">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<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"
-					/>
-				</svg>
+				<CheckCircle class="h-8 w-8" strokeWidth={2} />
 			</div>
 			<div class="stat-title">Aprovadas</div>
 			<div class="stat-value text-success">{stats.aprovadas}</div>
@@ -196,20 +548,7 @@
 
 		<div class="stat bg-base-100 rounded-box border-error/30 border shadow-lg">
 			<div class="stat-figure text-error">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<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>
+				<XCircle class="h-8 w-8" strokeWidth={2} />
 			</div>
 			<div class="stat-title">Reprovadas</div>
 			<div class="stat-value text-error">{stats.reprovadas}</div>
@@ -220,8 +559,38 @@
 	<!-- Filtros -->
 	<div class="card bg-base-100 mb-6 shadow-lg">
 		<div class="card-body">
-			<h2 class="card-title mb-4 text-lg">Filtros</h2>
-			<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+			<div class="mb-4 flex items-center justify-between">
+				<h2 class="card-title text-lg">Filtros</h2>
+				<div class="flex gap-2">
+					<button
+						type="button"
+						class="btn btn-primary btn-sm gap-2"
+						onclick={gerarPDF}
+						disabled={gerandoRelatorio || ausenciasFiltradas.length === 0}
+					>
+						{#if gerandoRelatorio}
+							<span class="loading loading-spinner loading-xs"></span>
+						{:else}
+							<FileDown class="h-4 w-4" strokeWidth={2} />
+						{/if}
+						Gerar PDF
+					</button>
+					<button
+						type="button"
+						class="btn btn-success btn-sm gap-2"
+						onclick={gerarExcel}
+						disabled={gerandoRelatorio || ausenciasFiltradas.length === 0}
+					>
+						{#if gerandoRelatorio}
+							<span class="loading loading-spinner loading-xs"></span>
+						{:else}
+							<FileSpreadsheet class="h-4 w-4" strokeWidth={2} />
+						{/if}
+						Gerar Excel
+					</button>
+				</div>
+			</div>
+			<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
 				<div class="form-control">
 					<label class="label" for="filtro-status">
 						<span class="label-text">Status</span>
@@ -233,6 +602,43 @@
 						<option value="reprovado">Reprovado</option>
 					</select>
 				</div>
+				<div class="form-control">
+					<label class="label" for="filtro-funcionario">
+						<span class="label-text">Funcionário</span>
+					</label>
+					<select
+						id="filtro-funcionario"
+						class="select select-bordered"
+						bind:value={filtroFuncionario}
+					>
+						<option value="">Todos</option>
+						{#each funcionarios as funcionario}
+							<option value={funcionario._id}>{funcionario.nome}</option>
+						{/each}
+					</select>
+				</div>
+				<div class="form-control">
+					<label class="label" for="filtro-periodo-inicio">
+						<span class="label-text">Período - Início</span>
+					</label>
+					<input
+						id="filtro-periodo-inicio"
+						type="date"
+						class="input input-bordered"
+						bind:value={filtroPeriodoInicio}
+					/>
+				</div>
+				<div class="form-control">
+					<label class="label" for="filtro-periodo-fim">
+						<span class="label-text">Período - Fim</span>
+					</label>
+					<input
+						id="filtro-periodo-fim"
+						type="date"
+						class="input input-bordered"
+						bind:value={filtroPeriodoFim}
+					/>
+				</div>
 			</div>
 		</div>
 	</div>
@@ -246,19 +652,7 @@
 
 			{#if ausenciasFiltradas.length === 0}
 				<div class="alert">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						fill="none"
-						viewBox="0 0 24 24"
-						class="stroke-info h-6 w-6 shrink-0"
-					>
-						<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>
+					<Info class="stroke-info h-6 w-6 shrink-0" strokeWidth={2} />
 					<span>Nenhuma solicitação encontrada com os filtros aplicados.</span>
 				</div>
 			{:else}
@@ -285,9 +679,10 @@
 									<td>
 										{#if ausencia.time}
 											<div
-												class="badge badge-sm font-semibold"
+												class="badge badge-sm font-semibold max-w-full overflow-hidden text-ellipsis whitespace-nowrap"
 												style="background-color: {ausencia.time.cor}20; border-color: {ausencia.time
 													.cor}; color: {ausencia.time.cor}"
+												title={ausencia.time.nome}
 											>
 												{ausencia.time.nome}
 											</div>
@@ -296,8 +691,8 @@
 										{/if}
 									</td>
 									<td>
-										{new Date(ausencia.dataInicio).toLocaleDateString('pt-BR')} até{' '}
-										{new Date(ausencia.dataFim).toLocaleDateString('pt-BR')}
+										{parseLocalDate(ausencia.dataInicio).toLocaleDateString('pt-BR')} até{' '}
+										{parseLocalDate(ausencia.dataFim).toLocaleDateString('pt-BR')}
 									</td>
 									<td class="font-bold">
 										{calcularDias(ausencia.dataInicio, ausencia.dataFim)} dias
@@ -320,26 +715,7 @@
 												class="btn btn-primary btn-sm gap-2"
 												onclick={() => selecionarSolicitacao(ausencia._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="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-													/>
-													<path
-														stroke-linecap="round"
-														stroke-linejoin="round"
-														stroke-width="2"
-														d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
-													/>
-												</svg>
+												<Eye class="h-4 w-4" strokeWidth={2} />
 												Ver Detalhes
 											</button>
 										{:else}
@@ -348,26 +724,7 @@
 												class="btn btn-sm gap-2"
 												onclick={() => selecionarSolicitacao(ausencia._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="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-													/>
-													<path
-														stroke-linecap="round"
-														stroke-linejoin="round"
-														stroke-width="2"
-														d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
-													/>
-												</svg>
+												<Eye class="h-4 w-4" strokeWidth={2} />
 												Ver Detalhes
 											</button>
 										{/if}
@@ -387,7 +744,7 @@
 	{#await client.query( api.ausencias.obterDetalhes, { solicitacaoId: solicitacaoSelecionada } ) then detalhes}
 		{#if detalhes}
 			<dialog class="modal modal-open">
-				<div class="modal-box max-w-4xl">
+				<div class="modal-box max-h-[95vh] w-full max-w-2xl overflow-y-auto p-4 md:p-6">
 					<AprovarAusencias
 						solicitacao={detalhes}
 						gestorId={currentUser.data._id}
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/+page.svelte
index 16fee23..27a0d5c 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { CheckCircle2, Clock, XCircle } from 'lucide-svelte';
+	import { Clock, CheckCircle2, XCircle, ChevronRight, TrendingUp } from 'lucide-svelte';
 	import { resolve } from '$app/paths';
 </script>
 
@@ -16,7 +16,7 @@
 	</div>
 
 	<!-- Grid de Cards -->
-	<div class="grid grid-cols-1 gap-6 md:grid-cols-3">
+	<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4">
 		<!-- Card 1: Gestão de Pontos -->
 		<a
 			href={resolve('/(dashboard)/recursos-humanos/registro-pontos')}
@@ -27,20 +27,7 @@
 					<div class="rounded-2xl bg-blue-500/20 p-4">
 						<Clock class="h-8 w-8 text-blue-600" strokeWidth={2} />
 					</div>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="text-base-content/30 h-5 w-5"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 5l7 7-7 7"
-						/>
-					</svg>
+					<ChevronRight class="text-base-content/30 h-5 w-5" strokeWidth={2} />
 				</div>
 				<h2 class="card-title mb-2 text-xl">Gestão de Pontos</h2>
 				<p class="text-base-content/70">
@@ -59,20 +46,7 @@
 					<div class="rounded-2xl bg-green-500/20 p-4">
 						<CheckCircle2 class="h-8 w-8 text-green-600" strokeWidth={2} />
 					</div>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="text-base-content/30 h-5 w-5"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 5l7 7-7 7"
-						/>
-					</svg>
+					<ChevronRight class="text-base-content/30 h-5 w-5" strokeWidth={2} />
 				</div>
 				<h2 class="card-title mb-2 text-xl">Homologação de Registro</h2>
 				<p class="text-base-content/70">
@@ -92,20 +66,7 @@
 					<div class="rounded-2xl bg-orange-500/20 p-4">
 						<XCircle class="h-8 w-8 text-orange-600" strokeWidth={2} />
 					</div>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="text-base-content/30 h-5 w-5"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 5l7 7-7 7"
-						/>
-					</svg>
+					<ChevronRight class="text-base-content/30 h-5 w-5" strokeWidth={2} />
 				</div>
 				<h2 class="card-title mb-2 text-xl">Dispensa de Registro</h2>
 				<p class="text-base-content/70">
@@ -113,5 +74,24 @@
 				</p>
 			</div>
 		</a>
+
+		<!-- Card 4: Banco de Horas -->
+		<a
+			href={resolve('/(dashboard)/recursos-humanos/controle-ponto/banco-horas')}
+			class="card bg-base-100 transform shadow-xl transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"
+		>
+			<div class="card-body">
+				<div class="mb-4 flex items-start justify-between">
+					<div class="rounded-2xl bg-purple-500/20 p-4">
+						<TrendingUp class="h-8 w-8 text-purple-600" strokeWidth={2} />
+					</div>
+					<ChevronRight class="text-base-content/30 h-5 w-5" strokeWidth={2} />
+				</div>
+				<h2 class="card-title mb-2 text-xl">Banco de Horas</h2>
+				<p class="text-base-content/70">
+					Visão gerencial do banco de horas dos funcionários, com filtros, estatísticas e relatórios
+				</p>
+			</div>
+		</a>
 	</div>
 </div>
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/banco-horas/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/banco-horas/+page.svelte
new file mode 100644
index 0000000..3e4281e
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/banco-horas/+page.svelte
@@ -0,0 +1,1038 @@
+<script lang="ts">
+	import { useQuery } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import {
+		Clock,
+		TrendingUp,
+		TrendingDown,
+		Users,
+		AlertTriangle,
+		Download,
+		FileText,
+		Filter,
+		Plus,
+		CheckCircle2,
+		Eye
+	} from 'lucide-svelte';
+	import { resolve } from '$app/paths';
+	import { SvelteDate } from 'svelte/reactivity';
+	import jsPDF from 'jspdf';
+	import logoGovPE from '$lib/assets/logo_governo_PE.png';
+
+	// Estados
+	let mesSelecionado = $state(
+		`${new SvelteDate().getFullYear()}-${String(new SvelteDate().getMonth() + 1).padStart(2, '0')}`
+	);
+	let funcionarioFiltro = $state<string>('');
+	let apenasNegativos = $state(false);
+	let tipoDiaFiltro = $state<string>('');
+	let statusInconsistenciaFiltro = $state<string>('');
+	let mostrarModalAjuste = $state(false);
+	let funcionarioSelecionado = $state<Id<'funcionarios'> | null>(null);
+	let mostrarModalInconsistencia = $state(false);
+	let inconsistenciaSelecionada = $state<{
+		_id: Id<'inconsistenciasBancoHoras'>;
+		funcionarioId: Id<'funcionarios'>;
+		tipo:
+			| 'ponto_com_atestado'
+			| 'ponto_com_licenca'
+			| 'ponto_com_ausencia'
+			| 'registro_duplicado'
+			| 'sequencia_invalida'
+			| 'saldo_inconsistente';
+		descricao: string;
+		dataDetectada: string;
+		dataInconsistencia: string;
+		status: 'pendente' | 'resolvida' | 'ignorada';
+		funcionario: { nome: string; matricula?: string } | null;
+	} | null>(null);
+	let mostrarModalDetalhesBancoHoras = $state(false);
+
+	type FuncionarioResumoBancoHoras = {
+		nome: string;
+		matricula?: string;
+		fotoPerfilUrl?: string | null;
+	};
+
+	type DetalhesBancoHorasSelecionado = {
+		funcionarioId: Id<'funcionarios'>;
+		funcionario: FuncionarioResumoBancoHoras;
+		saldoInicialMinutos: number;
+		saldoMesMinutos: number;
+		saldoFinalMinutos: number;
+		diasTrabalhados: number;
+		horasExtras: number;
+		horasDeficit: number;
+	};
+
+	let detalhesBancoHorasSelecionado = $state<DetalhesBancoHorasSelecionado | null>(null);
+
+	// Queries
+	const funcionariosQuery = useQuery(api.funcionarios.getAll, {});
+	type FuncionarioResumo = {
+		_id: Id<'funcionarios'>;
+		nome: string;
+		matricula?: string;
+	};
+	const funcionarios = $derived((funcionariosQuery?.data || []) as FuncionarioResumo[]);
+
+	const estatisticasParams = $derived({
+		mes: mesSelecionado,
+		funcionarioId: funcionarioFiltro ? (funcionarioFiltro as Id<'funcionarios'>) : undefined
+	});
+
+	const inconsistenciasParams = $derived({
+		status: statusInconsistenciaFiltro
+			? (statusInconsistenciaFiltro as 'pendente' | 'resolvida' | 'ignorada')
+			: undefined
+	});
+
+	// Query para estatísticas gerais do mês
+	// svelte-ignore state_referenced_locally
+	const estatisticasQuery = useQuery(
+		api.pontos.obterEstatisticasBancoHorasGerencial,
+		estatisticasParams
+	);
+
+	// Query para inconsistências gerais
+	// svelte-ignore state_referenced_locally
+	const inconsistenciasGeraisQuery = useQuery(
+		api.pontos.listarInconsistenciasBancoHoras,
+		inconsistenciasParams
+	);
+
+	const estatisticas = $derived(estatisticasQuery?.data);
+	const inconsistenciasGerais = $derived(inconsistenciasGeraisQuery?.data || []);
+
+	// Função para formatar mês
+	function formatarMes(mes: string): string {
+		const [ano, mesNum] = mes.split('-');
+		const data = new SvelteDate(parseInt(ano), parseInt(mesNum) - 1, 1);
+		return data.toLocaleDateString('pt-BR', { month: 'long', year: 'numeric' });
+	}
+
+	// Função para mudar mês
+	function mudarMes(direcao: 'anterior' | 'proximo') {
+		const data = new SvelteDate(mesSelecionado + '-01');
+		if (direcao === 'anterior') {
+			data.setMonth(data.getMonth() - 1);
+		} else {
+			data.setMonth(data.getMonth() + 1);
+		}
+		mesSelecionado = `${data.getFullYear()}-${String(data.getMonth() + 1).padStart(2, '0')}`;
+	}
+
+	// Função para exportar relatório gerencial
+	async function exportarRelatorioGerencial() {
+		if (!estatisticas) return;
+
+		const doc = new jsPDF('landscape', 'mm', 'a4');
+		let yPosition = 20;
+
+		// Logo
+		try {
+			const logoImg = await new Promise<HTMLImageElement>((resolve, reject) => {
+				const img = new Image();
+				img.crossOrigin = 'anonymous';
+				img.onload = () => resolve(img);
+				img.onerror = reject;
+				img.src = logoGovPE;
+			});
+
+			const logoWidth = 30;
+			const aspectRatio = logoImg.height / logoImg.width;
+			const logoHeight = logoWidth * aspectRatio;
+
+			doc.addImage(logoImg, 'PNG', 15, 10, logoWidth, logoHeight);
+			yPosition = Math.max(25, 10 + logoHeight / 2);
+		} catch (err) {
+			console.warn('Não foi possível carregar a logo:', err);
+		}
+
+		// Título
+		doc.setFontSize(18);
+		doc.setTextColor(41, 128, 185);
+		doc.text('RELATÓRIO GERENCIAL - BANCO DE HORAS', 148, yPosition, { align: 'center' });
+
+		yPosition += 10;
+
+		// Mês
+		doc.setFontSize(11);
+		doc.setTextColor(0, 0, 0);
+		doc.text(`Mês: ${formatarMes(mesSelecionado)}`, 148, yPosition, { align: 'center' });
+
+		yPosition += 15;
+
+		// Estatísticas Gerais
+		doc.setFontSize(14);
+		doc.setTextColor(41, 128, 185);
+		doc.text('Estatísticas Gerais', 15, yPosition);
+
+		yPosition += 8;
+
+		doc.setFontSize(10);
+		doc.setTextColor(0, 0, 0);
+		doc.text(`Total de Funcionários: ${estatisticas.totalFuncionarios}`, 20, yPosition);
+		yPosition += 6;
+		doc.text(
+			`Funcionários com Saldo Positivo: ${estatisticas.funcionariosPositivos}`,
+			20,
+			yPosition
+		);
+		yPosition += 6;
+		doc.text(
+			`Funcionários com Saldo Negativo: ${estatisticas.funcionariosNegativos}`,
+			20,
+			yPosition
+		);
+		yPosition += 6;
+		doc.text(
+			`Total de Horas Extras: ${Math.floor(estatisticas.totalHorasExtras / 60)}h ${
+				estatisticas.totalHorasExtras % 60
+			}min`,
+			20,
+			yPosition
+		);
+		yPosition += 6;
+		doc.text(
+			`Total de Déficit: ${Math.floor(estatisticas.totalDeficit / 60)}h ${
+				estatisticas.totalDeficit % 60
+			}min`,
+			20,
+			yPosition
+		);
+
+		// Rodapé
+		const pageCount = doc.getNumberOfPages();
+		for (let i = 1; i <= pageCount; i++) {
+			doc.setPage(i);
+			doc.setFontSize(8);
+			doc.setTextColor(100, 100, 100);
+			doc.text(
+				`Gerado em: ${new SvelteDate().toLocaleDateString('pt-BR', {
+					day: '2-digit',
+					month: '2-digit',
+					year: 'numeric',
+					hour: '2-digit',
+					minute: '2-digit'
+				})}`,
+				148,
+				200,
+				{ align: 'center' }
+			);
+		}
+
+		doc.save(`relatorio-banco-horas-${mesSelecionado}.pdf`);
+	}
+</script>
+
+<div class="container mx-auto px-4 py-6">
+	<!-- Header -->
+	<div class="mb-6 flex items-center justify-between">
+		<div class="flex items-center gap-4">
+			<div class="bg-primary/10 rounded-xl p-3">
+				<Clock class="text-primary h-8 w-8" strokeWidth={2} />
+			</div>
+			<div>
+				<h1 class="text-base-content text-3xl font-bold">Dashboard - Banco de Horas</h1>
+				<p class="text-base-content/60 mt-1">Visão gerencial do banco de horas dos funcionários</p>
+			</div>
+		</div>
+		<button
+			type="button"
+			class="btn btn-primary"
+			onclick={exportarRelatorioGerencial}
+			disabled={!estatisticas}
+		>
+			<Download class="h-5 w-5" strokeWidth={2} />
+			Exportar Relatório
+		</button>
+	</div>
+
+	<!-- Filtros -->
+	<div class="card bg-base-100 mb-6 shadow-lg">
+		<div class="card-body">
+			<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+				<!-- Seleção de Mês -->
+				<div class="form-control">
+					<div class="label">
+						<span class="label-text font-semibold">Mês de Referência</span>
+					</div>
+					<div class="flex items-center gap-2">
+						<button
+							type="button"
+							class="btn btn-sm btn-circle"
+							onclick={() => mudarMes('anterior')}
+						>
+							←
+						</button>
+						<span class="flex-1 text-center font-semibold">
+							{formatarMes(mesSelecionado)}
+						</span>
+						<button type="button" class="btn btn-sm btn-circle" onclick={() => mudarMes('proximo')}>
+							→
+						</button>
+					</div>
+				</div>
+
+				<!-- Filtro por Funcionário -->
+				<div class="form-control">
+					<label class="label" for="filtro_funcionario">
+						<span class="label-text font-semibold">Funcionário</span>
+					</label>
+					<select
+						id="filtro_funcionario"
+						class="select select-bordered w-full"
+						bind:value={funcionarioFiltro}
+					>
+						<option value="">Todos os funcionários</option>
+						{#each funcionarios as func (func._id)}
+							<option value={func._id}>{func.nome} - {func.matricula}</option>
+						{/each}
+					</select>
+				</div>
+
+				<!-- Filtro Apenas Negativos -->
+				<div class="form-control">
+					<div class="label">
+						<span class="label-text font-semibold">Filtros</span>
+					</div>
+					<label class="label cursor-pointer">
+						<span class="label-text">Apenas saldos negativos</span>
+						<input
+							type="checkbox"
+							class="checkbox checkbox-primary"
+							bind:checked={apenasNegativos}
+						/>
+					</label>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<!-- Filtros Avançados -->
+	<div class="card bg-base-100 mb-6 shadow-lg">
+		<div class="card-body">
+			<h3 class="mb-4 flex items-center gap-2 text-lg font-semibold">
+				<Filter class="h-5 w-5" strokeWidth={2} />
+				Filtros Avançados
+			</h3>
+			<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+				<!-- Filtro por Tipo de Dia -->
+				<div class="form-control">
+					<label class="label" for="filtro_tipo_dia">
+						<span class="label-text font-semibold">Tipo de Dia</span>
+					</label>
+					<select
+						id="filtro_tipo_dia"
+						class="select select-bordered w-full"
+						bind:value={tipoDiaFiltro}
+					>
+						<option value="">Todos os tipos</option>
+						<option value="normal">Normal</option>
+						<option value="atestado">Atestado</option>
+						<option value="licenca">Licença</option>
+						<option value="ausencia">Ausência</option>
+						<option value="abonado">Abonado</option>
+						<option value="descontado">Descontado</option>
+					</select>
+				</div>
+
+				<!-- Filtro por Status de Inconsistência -->
+				<div class="form-control">
+					<label class="label" for="filtro_status_inconsistencia">
+						<span class="label-text font-semibold">Status de Inconsistência</span>
+					</label>
+					<select
+						id="filtro_status_inconsistencia"
+						class="select select-bordered w-full"
+						bind:value={statusInconsistenciaFiltro}
+					>
+						<option value="">Todas</option>
+						<option value="pendente">Pendente</option>
+						<option value="resolvida">Resolvida</option>
+						<option value="ignorada">Ignorada</option>
+					</select>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	{#if estatisticasQuery?.isLoading}
+		<div class="flex items-center justify-center py-12">
+			<span class="loading loading-spinner loading-lg text-primary"></span>
+		</div>
+	{:else if estatisticasQuery?.error}
+		<div class="alert alert-error mb-6">
+			<AlertTriangle class="h-5 w-5" />
+			<span
+				>Erro ao carregar estatísticas: {estatisticasQuery.error.message ||
+					'Erro desconhecido'}</span
+			>
+		</div>
+	{:else if estatisticas}
+		<!-- Cards de Estatísticas -->
+		<div class="mb-6 grid grid-cols-1 gap-6 md:grid-cols-4">
+			<!-- Total de Funcionários -->
+			<div class="card bg-base-100 border-base-300 shadow-xl">
+				<div class="card-body">
+					<div class="flex items-center justify-between">
+						<div>
+							<p class="text-base-content/60 text-sm font-medium">Total de Funcionários</p>
+							<p class="text-3xl font-bold">{estatisticas.totalFuncionarios}</p>
+						</div>
+						<Users class="text-info h-12 w-12 opacity-50" strokeWidth={2} />
+					</div>
+				</div>
+			</div>
+
+			<!-- Funcionários com Saldo Positivo -->
+			<div class="card bg-success/10 border-success/30 shadow-xl">
+				<div class="card-body">
+					<div class="flex items-center justify-between">
+						<div>
+							<p class="text-base-content/60 text-sm font-medium">Saldo Positivo</p>
+							<p class="text-success text-3xl font-bold">
+								{estatisticas.funcionariosPositivos}
+							</p>
+						</div>
+						<TrendingUp class="text-success h-12 w-12 opacity-50" strokeWidth={2} />
+					</div>
+				</div>
+			</div>
+
+			<!-- Funcionários com Saldo Negativo -->
+			<div class="card bg-error/10 border-error/30 shadow-xl">
+				<div class="card-body">
+					<div class="flex items-center justify-between">
+						<div>
+							<p class="text-base-content/60 text-sm font-medium">Saldo Negativo</p>
+							<p class="text-error text-3xl font-bold">
+								{estatisticas.funcionariosNegativos}
+							</p>
+						</div>
+						<TrendingDown class="text-error h-12 w-12 opacity-50" strokeWidth={2} />
+					</div>
+				</div>
+			</div>
+
+			<!-- Total de Horas Extras -->
+			<div class="card bg-warning/10 border-warning/30 shadow-xl">
+				<div class="card-body">
+					<div class="flex items-center justify-between">
+						<div>
+							<p class="text-base-content/60 text-sm font-medium">Total Horas Extras</p>
+							<p class="text-warning text-3xl font-bold">
+								{Math.floor(estatisticas.totalHorasExtras / 60)}h
+								{estatisticas.totalHorasExtras % 60}min
+							</p>
+						</div>
+						<Clock class="text-warning h-12 w-12 opacity-50" strokeWidth={2} />
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Lista de Funcionários -->
+		<div class="card bg-base-100 shadow-lg">
+			<div class="card-body">
+				<h2 class="card-title mb-4">Detalhamento por Funcionário</h2>
+				<div class="overflow-x-auto">
+					<table class="table">
+						<thead>
+							<tr>
+								<th>Funcionário</th>
+								<th class="text-right">Saldo Inicial</th>
+								<th class="text-right">Saldo do Mês</th>
+								<th class="text-right">Saldo Final</th>
+								<th class="text-right">Dias Trabalhados</th>
+								<th class="text-right">Horas Extras</th>
+								<th class="text-right">Déficit</th>
+								<th class="text-center">Inconsistências</th>
+								<th class="text-center">Ações</th>
+							</tr>
+						</thead>
+						<tbody>
+							{#each estatisticas.funcionarios as item (item.funcionarioId)}
+								{#if !apenasNegativos || item.saldoFinalMinutos < 0}
+									{@const inconsistenciasFunc = inconsistenciasGerais.filter(
+										(i) => i.funcionarioId === item.funcionarioId
+									)}
+									<tr class={item.saldoFinalMinutos < 0 ? 'bg-error/5 hover:bg-error/10' : ''}>
+										<td>
+											<div class="flex items-center gap-3">
+												<div class="avatar placeholder">
+													<div
+														class="bg-neutral text-neutral-content w-10 overflow-hidden rounded-full"
+													>
+														{#if item.funcionario?.fotoPerfilUrl}
+															<img
+																src={item.funcionario.fotoPerfilUrl}
+																alt={`Foto de perfil de ${item.funcionario.nome}`}
+																class="h-full w-full object-cover"
+															/>
+														{:else}
+															<span class="text-xs">
+																{item.funcionario?.nome.substring(0, 2).toUpperCase()}
+															</span>
+														{/if}
+													</div>
+												</div>
+												<div>
+													<div class="font-bold">
+														{item.funcionario?.nome ?? 'Funcionário não encontrado'}
+													</div>
+													<div class="text-sm opacity-50">
+														{item.funcionario?.matricula ?? ''}
+													</div>
+												</div>
+											</div>
+										</td>
+										<td class="text-right">
+											<span class={item.saldoInicialMinutos >= 0 ? 'text-success' : 'text-error'}>
+												{item.saldoInicialMinutos >= 0 ? '+' : ''}
+												{Math.floor(Math.abs(item.saldoInicialMinutos) / 60)}h
+												{Math.abs(item.saldoInicialMinutos) % 60}min
+											</span>
+										</td>
+										<td class="text-right">
+											<span class={item.saldoMesMinutos >= 0 ? 'text-success' : 'text-error'}>
+												{item.saldoMesMinutos >= 0 ? '+' : ''}
+												{Math.floor(Math.abs(item.saldoMesMinutos) / 60)}h
+												{Math.abs(item.saldoMesMinutos) % 60}min
+											</span>
+										</td>
+										<td class="text-right">
+											<span class={item.saldoFinalMinutos >= 0 ? 'text-success' : 'text-error'}>
+												{item.saldoFinalMinutos >= 0 ? '+' : ''}
+												{Math.floor(Math.abs(item.saldoFinalMinutos) / 60)}h
+												{Math.abs(item.saldoFinalMinutos) % 60}min
+											</span>
+										</td>
+										<td class="text-right">{item.diasTrabalhados}</td>
+										<td class="text-success text-right">
+											{Math.floor(item.horasExtras / 60)}h {item.horasExtras % 60}min
+										</td>
+										<td class="text-error text-right">
+											{Math.floor(item.horasDeficit / 60)}h {item.horasDeficit % 60}min
+										</td>
+										<td class="text-center">
+											{#if inconsistenciasFunc.length > 0}
+												<span class="badge badge-warning badge-sm">
+													<AlertTriangle class="h-3 w-3" />
+													{inconsistenciasFunc.length}
+												</span>
+											{:else}
+												<span class="badge badge-success badge-sm">
+													<CheckCircle2 class="h-3 w-3" />
+													OK
+												</span>
+											{/if}
+										</td>
+										<td class="text-center">
+											<div class="flex items-center justify-center gap-2">
+												<a
+													class="btn btn-sm btn-primary"
+													href={resolve(
+														`/recursos-humanos/controle-ponto/homologacao?funcionarioId=${item.funcionarioId}`
+													)}
+													title="Criar ajuste de banco de horas"
+												>
+													<Plus class="h-4 w-4" />
+												</a>
+												<button
+													type="button"
+													class="btn btn-sm btn-ghost"
+													title="Ver detalhes do banco de horas"
+													onclick={() => {
+														detalhesBancoHorasSelecionado = {
+															funcionarioId: item.funcionarioId,
+															funcionario: item.funcionario ?? {
+																nome: 'Funcionário não encontrado',
+																matricula: undefined,
+																fotoPerfilUrl: null
+															},
+															saldoInicialMinutos: item.saldoInicialMinutos,
+															saldoMesMinutos: item.saldoMesMinutos,
+															saldoFinalMinutos: item.saldoFinalMinutos,
+															diasTrabalhados: item.diasTrabalhados,
+															horasExtras: item.horasExtras,
+															horasDeficit: item.horasDeficit
+														};
+														mostrarModalDetalhesBancoHoras = true;
+													}}
+												>
+													<Eye class="h-4 w-4" />
+												</button>
+											</div>
+										</td>
+									</tr>
+								{/if}
+							{/each}
+						</tbody>
+					</table>
+				</div>
+			</div>
+		</div>
+
+		<!-- Inconsistências Gerais -->
+		{#if inconsistenciasGerais && inconsistenciasGerais.length > 0}
+			<div class="card bg-warning/10 border-warning/30 mt-6 shadow-lg">
+				<div class="card-body">
+					<h2 class="card-title text-warning mb-4">
+						<AlertTriangle class="h-5 w-5" strokeWidth={2} />
+						Inconsistências Detectadas
+					</h2>
+					<div class="overflow-x-auto">
+						<table class="table">
+							<thead>
+								<tr>
+									<th>Funcionário</th>
+									<th>Tipo</th>
+									<th>Descrição</th>
+									<th>Data Detectada</th>
+									<th>Status</th>
+									<th class="text-center">Ações</th>
+								</tr>
+							</thead>
+							<tbody>
+								{#each inconsistenciasGerais as inconsistencia (inconsistencia._id)}
+									<tr
+										class={inconsistencia.status === 'pendente'
+											? 'bg-warning/10'
+											: inconsistencia.status === 'resolvida'
+												? 'bg-success/10'
+												: ''}
+									>
+										<td>
+											<div class="flex items-center gap-2">
+												<div class="font-medium">
+													{inconsistencia.funcionario?.nome || 'N/A'}
+												</div>
+												{#if inconsistencia.funcionario?.matricula}
+													<span class="text-base-content/60 text-xs">
+														({inconsistencia.funcionario.matricula})
+													</span>
+												{/if}
+											</div>
+										</td>
+										<td>
+											<span class="badge badge-warning badge-sm">
+												{inconsistencia.tipo === 'ponto_com_atestado'
+													? 'Ponto + Atestado'
+													: inconsistencia.tipo === 'ponto_com_licenca'
+														? 'Ponto + Licença'
+														: inconsistencia.tipo === 'ponto_com_ausencia'
+															? 'Ponto + Ausência'
+															: inconsistencia.tipo === 'registro_duplicado'
+																? 'Duplicado'
+																: inconsistencia.tipo === 'sequencia_invalida'
+																	? 'Sequência Inválida'
+																	: 'Saldo Inconsistente'}
+											</span>
+										</td>
+										<td class="max-w-xs truncate">{inconsistencia.descricao}</td>
+										<td>
+											{new Date(inconsistencia.dataDetectada).toLocaleDateString('pt-BR', {
+												day: '2-digit',
+												month: '2-digit',
+												year: 'numeric'
+											})}
+										</td>
+										<td>
+											<span
+												class={`badge ${
+													inconsistencia.status === 'resolvida'
+														? 'badge-success'
+														: inconsistencia.status === 'ignorada'
+															? 'badge-base-300'
+															: 'badge-warning'
+												}`}
+											>
+												{inconsistencia.status === 'resolvida'
+													? 'Resolvida'
+													: inconsistencia.status === 'ignorada'
+														? 'Ignorada'
+														: 'Pendente'}
+											</span>
+										</td>
+										<td class="text-center">
+											<button
+												type="button"
+												class="btn btn-sm btn-ghost"
+												title="Ver detalhes da inconsistência"
+												onclick={() => {
+													inconsistenciaSelecionada = inconsistencia;
+													mostrarModalInconsistencia = true;
+												}}
+											>
+												<Eye class="h-4 w-4" />
+											</button>
+										</td>
+									</tr>
+								{/each}
+							</tbody>
+						</table>
+					</div>
+				</div>
+			</div>
+		{/if}
+	{:else}
+		<div class="card bg-base-100 shadow-lg">
+			<div class="card-body text-center">
+				<FileText class="text-base-content/40 mx-auto mb-4 h-12 w-12" strokeWidth={2} />
+				<p class="text-lg font-semibold">Nenhum dado disponível</p>
+				<p class="text-base-content/60 text-sm">
+					Não há dados de banco de horas para {formatarMes(mesSelecionado)}.
+				</p>
+			</div>
+		</div>
+	{/if}
+</div>
+
+<!-- Modal para Criar Ajuste -->
+{#if mostrarModalAjuste && funcionarioSelecionado}
+	<div class="modal modal-open">
+		<div class="modal-box">
+			<h3 class="mb-4 text-lg font-bold">Criar Ajuste de Banco de Horas</h3>
+			<p class="text-base-content/60 mb-4 text-sm">
+				Funcionário:
+				{funcionarios.find((f: FuncionarioResumo) => f._id === funcionarioSelecionado)?.nome ||
+					'N/A'}
+			</p>
+			<p class="text-warning mb-4 text-sm">
+				⚠️ Esta funcionalidade requer integração com o formulário de ajuste. Use a página de
+				Homologação para criar ajustes.
+			</p>
+			<div class="modal-action">
+				<button
+					type="button"
+					class="btn"
+					onclick={() => {
+						mostrarModalAjuste = false;
+						funcionarioSelecionado = null;
+					}}
+				>
+					Fechar
+				</button>
+				<a
+					href={resolve(
+						`/recursos-humanos/controle-ponto/homologacao?funcionarioId=${funcionarioSelecionado ?? ''}`
+					)}
+					class="btn btn-primary"
+				>
+					Ir para Homologação
+				</a>
+			</div>
+		</div>
+	</div>
+{/if}
+
+<!-- Modal para Detalhes da Inconsistência -->
+{#if mostrarModalInconsistencia && inconsistenciaSelecionada}
+	<div class="modal modal-open">
+		<div class="modal-box max-w-2xl">
+			<h3 class="mb-4 flex items-center gap-2 text-lg font-bold">
+				<AlertTriangle class="text-warning h-5 w-5" strokeWidth={2} />
+				Detalhes da Inconsistência
+			</h3>
+
+			<div class="space-y-4">
+				<!-- Funcionário -->
+				<div>
+					<div class="mb-2">
+						<span class="font-semibold">Funcionário</span>
+					</div>
+					<div class="text-base-content">
+						{inconsistenciaSelecionada.funcionario?.nome || 'N/A'}
+						{#if inconsistenciaSelecionada.funcionario?.matricula}
+							<span class="text-base-content/60 ml-2 text-sm">
+								(Matrícula: {inconsistenciaSelecionada.funcionario.matricula})
+							</span>
+						{/if}
+					</div>
+				</div>
+
+				<!-- Tipo -->
+				<div>
+					<div class="mb-2">
+						<span class="font-semibold">Tipo de Inconsistência</span>
+					</div>
+					<div>
+						<span class="badge badge-warning badge-lg">
+							{inconsistenciaSelecionada.tipo === 'ponto_com_atestado'
+								? 'Ponto + Atestado'
+								: inconsistenciaSelecionada.tipo === 'ponto_com_licenca'
+									? 'Ponto + Licença'
+									: inconsistenciaSelecionada.tipo === 'ponto_com_ausencia'
+										? 'Ponto + Ausência'
+										: inconsistenciaSelecionada.tipo === 'registro_duplicado'
+											? 'Registro Duplicado'
+											: inconsistenciaSelecionada.tipo === 'sequencia_invalida'
+												? 'Sequência Inválida'
+												: 'Saldo Inconsistente'}
+						</span>
+					</div>
+				</div>
+
+				<!-- Status -->
+				<div>
+					<div class="mb-2">
+						<span class="font-semibold">Status</span>
+					</div>
+					<div>
+						<span
+							class={`badge ${
+								inconsistenciaSelecionada.status === 'resolvida'
+									? 'badge-success'
+									: inconsistenciaSelecionada.status === 'ignorada'
+										? 'badge-base-300'
+										: 'badge-warning'
+							} badge-lg`}
+						>
+							{inconsistenciaSelecionada.status === 'resolvida'
+								? 'Resolvida'
+								: inconsistenciaSelecionada.status === 'ignorada'
+									? 'Ignorada'
+									: 'Pendente'}
+						</span>
+					</div>
+				</div>
+
+				<!-- Descrição -->
+				<div>
+					<div class="mb-2">
+						<span class="font-semibold">Descrição</span>
+					</div>
+					<div class="bg-base-200 text-base-content rounded-lg p-4">
+						{inconsistenciaSelecionada.descricao}
+					</div>
+				</div>
+
+				<!-- Data da Inconsistência -->
+				<div>
+					<div class="mb-2">
+						<span class="font-semibold">Data da Inconsistência</span>
+					</div>
+					<div class="text-base-content">
+						{new Date(inconsistenciaSelecionada.dataInconsistencia).toLocaleDateString('pt-BR', {
+							day: '2-digit',
+							month: '2-digit',
+							year: 'numeric',
+							weekday: 'long'
+						})}
+					</div>
+				</div>
+
+				<!-- Data Detectada -->
+				<div>
+					<div class="mb-2">
+						<span class="font-semibold">Data de Detecção</span>
+					</div>
+					<div class="text-base-content">
+						{new Date(inconsistenciaSelecionada.dataDetectada).toLocaleDateString('pt-BR', {
+							day: '2-digit',
+							month: '2-digit',
+							year: 'numeric',
+							hour: '2-digit',
+							minute: '2-digit'
+						})}
+					</div>
+				</div>
+			</div>
+
+			<div class="modal-action mt-6">
+				<button
+					type="button"
+					class="btn"
+					onclick={() => {
+						mostrarModalInconsistencia = false;
+						inconsistenciaSelecionada = null;
+					}}
+				>
+					Fechar
+				</button>
+				<a
+					href={resolve(
+						`/recursos-humanos/funcionarios/${inconsistenciaSelecionada.funcionarioId}`
+					)}
+					class="btn btn-primary"
+				>
+					Ver Funcionário
+				</a>
+			</div>
+		</div>
+	</div>
+{/if}
+
+<!-- Modal para Detalhes do Banco de Horas -->
+{#if mostrarModalDetalhesBancoHoras && detalhesBancoHorasSelecionado}
+	<div class="modal modal-open">
+		<div class="modal-box max-w-2xl">
+			<h3 class="mb-4 flex items-center gap-2 text-lg font-bold">
+				<Clock class="text-primary h-5 w-5" strokeWidth={2} />
+				Detalhes do Banco de Horas
+			</h3>
+
+			<div class="space-y-4">
+				<!-- Funcionário -->
+				<div>
+					<div class="mb-2">
+						<span class="font-semibold">Funcionário</span>
+					</div>
+					<div class="flex items-center gap-3">
+						<div class="avatar placeholder">
+							<div class="bg-neutral text-neutral-content w-12 overflow-hidden rounded-full">
+								{#if detalhesBancoHorasSelecionado.funcionario.fotoPerfilUrl}
+									<img
+										src={detalhesBancoHorasSelecionado.funcionario.fotoPerfilUrl}
+										alt={`Foto de perfil de ${detalhesBancoHorasSelecionado.funcionario.nome}`}
+										class="h-full w-full object-cover"
+									/>
+								{:else}
+									<span class="text-sm">
+										{detalhesBancoHorasSelecionado.funcionario.nome.substring(0, 2).toUpperCase()}
+									</span>
+								{/if}
+							</div>
+						</div>
+						<div>
+							<div class="text-base-content font-semibold">
+								{detalhesBancoHorasSelecionado.funcionario.nome}
+							</div>
+							{#if detalhesBancoHorasSelecionado.funcionario.matricula}
+								<div class="text-base-content/60 text-sm">
+									Matrícula: {detalhesBancoHorasSelecionado.funcionario.matricula}
+								</div>
+							{/if}
+						</div>
+					</div>
+				</div>
+
+				<!-- Mês de Referência -->
+				<div>
+					<div class="mb-2">
+						<span class="font-semibold">Mês de Referência</span>
+					</div>
+					<div class="text-base-content">
+						{formatarMes(mesSelecionado)}
+					</div>
+				</div>
+
+				<div class="divider"></div>
+
+				<!-- Saldos -->
+				<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+					<!-- Saldo Inicial -->
+					<div class="bg-base-200 rounded-lg p-4">
+						<div class="mb-2">
+							<span class="text-base-content/60 text-sm">Saldo Inicial</span>
+						</div>
+						<div
+							class={`text-2xl font-bold ${
+								detalhesBancoHorasSelecionado.saldoInicialMinutos >= 0
+									? 'text-success'
+									: 'text-error'
+							}`}
+						>
+							{detalhesBancoHorasSelecionado.saldoInicialMinutos >= 0 ? '+' : ''}
+							{Math.floor(Math.abs(detalhesBancoHorasSelecionado.saldoInicialMinutos) / 60)}h
+							{Math.abs(detalhesBancoHorasSelecionado.saldoInicialMinutos) % 60}min
+						</div>
+					</div>
+
+					<!-- Saldo do Mês -->
+					<div class="bg-base-200 rounded-lg p-4">
+						<div class="mb-2">
+							<span class="text-base-content/60 text-sm">Saldo do Mês</span>
+						</div>
+						<div
+							class={`text-2xl font-bold ${
+								detalhesBancoHorasSelecionado.saldoMesMinutos >= 0 ? 'text-success' : 'text-error'
+							}`}
+						>
+							{detalhesBancoHorasSelecionado.saldoMesMinutos >= 0 ? '+' : ''}
+							{Math.floor(Math.abs(detalhesBancoHorasSelecionado.saldoMesMinutos) / 60)}h
+							{Math.abs(detalhesBancoHorasSelecionado.saldoMesMinutos) % 60}min
+						</div>
+					</div>
+
+					<!-- Saldo Final -->
+					<div class="bg-base-200 rounded-lg p-4">
+						<div class="mb-2">
+							<span class="text-base-content/60 text-sm">Saldo Final</span>
+						</div>
+						<div
+							class={`text-2xl font-bold ${
+								detalhesBancoHorasSelecionado.saldoFinalMinutos >= 0 ? 'text-success' : 'text-error'
+							}`}
+						>
+							{detalhesBancoHorasSelecionado.saldoFinalMinutos >= 0 ? '+' : ''}
+							{Math.floor(Math.abs(detalhesBancoHorasSelecionado.saldoFinalMinutos) / 60)}h
+							{Math.abs(detalhesBancoHorasSelecionado.saldoFinalMinutos) % 60}min
+						</div>
+					</div>
+				</div>
+
+				<div class="divider"></div>
+
+				<!-- Estatísticas do Mês -->
+				<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+					<!-- Dias Trabalhados -->
+					<div>
+						<div class="mb-2">
+							<span class="font-semibold">Dias Trabalhados</span>
+						</div>
+						<div class="text-base-content text-2xl font-bold">
+							{detalhesBancoHorasSelecionado.diasTrabalhados}
+						</div>
+					</div>
+
+					<!-- Horas Extras -->
+					<div>
+						<div class="mb-2">
+							<span class="font-semibold">Horas Extras</span>
+						</div>
+						<div class="text-success text-2xl font-bold">
+							{Math.floor(detalhesBancoHorasSelecionado.horasExtras / 60)}h
+							{detalhesBancoHorasSelecionado.horasExtras % 60}min
+						</div>
+					</div>
+
+					<!-- Déficit -->
+					<div>
+						<div class="mb-2">
+							<span class="font-semibold">Déficit</span>
+						</div>
+						<div class="text-error text-2xl font-bold">
+							{Math.floor(detalhesBancoHorasSelecionado.horasDeficit / 60)}h
+							{detalhesBancoHorasSelecionado.horasDeficit % 60}min
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div class="modal-action mt-6">
+				<button
+					type="button"
+					class="btn"
+					onclick={() => {
+						mostrarModalDetalhesBancoHoras = false;
+						detalhesBancoHorasSelecionado = null;
+					}}
+				>
+					Fechar
+				</button>
+				<a
+					href={resolve(
+						`/recursos-humanos/funcionarios/${detalhesBancoHorasSelecionado.funcionarioId}`
+					)}
+					class="btn btn-primary"
+				>
+					Ver Funcionário
+				</a>
+			</div>
+		</div>
+	</div>
+{/if}
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/dispensa/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/dispensa/+page.svelte
index 5f50583..78941a9 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/dispensa/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/dispensa/+page.svelte
@@ -4,6 +4,7 @@
 	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { AlertTriangle, Clock, Plus, Trash2, X } from 'lucide-svelte';
 	import { toast } from 'svelte-sonner';
+	import UserAvatar from '$lib/components/chat/UserAvatar.svelte';
 
 	const client = useConvexClient();
 
@@ -47,6 +48,7 @@
 			_id: Id<'funcionarios'>;
 			nome: string;
 			matricula?: string;
+			fotoPerfilUrl?: string | null;
 		}> = [];
 		for (const time of subordinados) {
 			for (const membro of time.membros) {
@@ -54,7 +56,8 @@
 					funcs.push({
 						_id: membro.funcionario._id,
 						nome: membro.funcionario.nome,
-						matricula: membro.funcionario.matricula
+						matricula: membro.funcionario.matricula,
+						fotoPerfilUrl: membro.funcionario.fotoPerfilUrl
 					});
 				}
 			}
@@ -201,16 +204,23 @@
 						{/if}
 					</label>
 					<div class="border-base-300 max-h-60 space-y-2 overflow-y-auto rounded-lg border p-4">
-						{#each funcionarios as funcionario}
+						{#each funcionarios as funcionario (funcionario._id)}
 							<label
 								class="hover:bg-base-200 flex cursor-pointer items-center justify-between rounded-lg p-3 transition-colors"
 							>
-								<span class="label-text font-medium">
-									{funcionario.nome}
-									{#if funcionario.matricula}
-										<span class="text-base-content/60 ml-2">({funcionario.matricula})</span>
-									{/if}
-								</span>
+								<div class="flex items-center gap-3">
+									<UserAvatar
+										fotoPerfilUrl={funcionario.fotoPerfilUrl}
+										nome={funcionario.nome}
+										size="sm"
+									/>
+									<span class="label-text font-medium">
+										{funcionario.nome}
+										{#if funcionario.matricula}
+											<span class="text-base-content/60 ml-2">({funcionario.matricula})</span>
+										{/if}
+									</span>
+								</div>
 								<input
 									type="checkbox"
 									class="checkbox checkbox-primary"
@@ -321,16 +331,24 @@
 							</tr>
 						</thead>
 						<tbody>
-							{#each dispensas as dispensa}
+							{#each dispensas as dispensa (dispensa._id)}
 								<tr>
 									<td>
-										{dispensa.funcionario?.nome || '-'}
-										{#if dispensa.funcionario?.matricula}
-											<br />
-											<span class="text-base-content/70 text-sm">
-												Mat: {dispensa.funcionario.matricula}
-											</span>
-										{/if}
+										<div class="flex items-center gap-3">
+											<UserAvatar
+												fotoPerfilUrl={dispensa.fotoPerfilUrl}
+												nome={dispensa.funcionario?.nome || 'Funcionário'}
+												size="sm"
+											/>
+											<div>
+												<div class="font-medium">{dispensa.funcionario?.nome || '-'}</div>
+												{#if dispensa.funcionario?.matricula}
+													<span class="text-base-content/70 text-sm">
+														Mat: {dispensa.funcionario.matricula}
+													</span>
+												{/if}
+											</div>
+										</div>
 									</td>
 									<td>
 										<div class="text-sm">
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/homologacao/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/homologacao/+page.svelte
index 8def085..40ca808 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/homologacao/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/homologacao/+page.svelte
@@ -1,20 +1,10 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import { Clock, Edit, TrendingUp, Save, X, Trash2, Eye } from 'lucide-svelte';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { useConvexClient, useQuery } from 'convex-svelte';
-	import {
-		Clock,
-		Edit,
-		Eye,
-		MoreVertical,
-		Save,
-		Trash2,
-		TrendingDown,
-		TrendingUp,
-		X
-	} from 'lucide-svelte';
-	import { onMount } from 'svelte';
 	import { toast } from 'svelte-sonner';
+	import UserAvatar from '$lib/components/chat/UserAvatar.svelte';
 	import { formatarHoraPonto, getTipoRegistroLabel } from '$lib/utils/ponto';
 
 	const client = useConvexClient();
@@ -45,8 +35,6 @@
 	});
 
 	// Formulário de edição
-	let horaNova = $state(8);
-	let minutoNova = $state(0);
 	let motivoId = $state('');
 	let motivoTipo = $state('');
 	let motivoDescricao = $state('');
@@ -141,6 +129,7 @@
 		};
 	});
 
+	// svelte-ignore state_referenced_locally
 	const homologacoesQuery = useQuery(api.pontos.listarHomologacoes, homologacoesParams);
 	let registrosQuery = $derived(
 		registrosQueryParams ? useQuery(api.pontos.listarRegistrosPeriodo, registrosQueryParams) : null
@@ -172,6 +161,7 @@
 			_id: Id<'funcionarios'>;
 			nome: string;
 			matricula?: string;
+			fotoPerfilUrl?: string | null;
 		}> = [];
 		for (const time of subordinados) {
 			for (const membro of time.membros) {
@@ -179,7 +169,8 @@
 					funcs.push({
 						_id: membro.funcionario._id,
 						nome: membro.funcionario.nome,
-						matricula: membro.funcionario.matricula
+						matricula: membro.funcionario.matricula,
+						fotoPerfilUrl: membro.funcionario.fotoPerfilUrl
 					});
 				}
 			}
@@ -187,29 +178,11 @@
 		return funcs;
 	});
 
-	function abrirEdicao(registroId: Id<'registrosPonto'>) {
-		const registro = registros.find((r) => r._id === registroId);
-		if (!registro) return;
-
-		registroSelecionado = registroId;
-		horaNova = registro.hora;
-		minutoNova = registro.minuto;
-		novaHoraFormatada = horaMinutoParaTime(registro.hora, registro.minuto);
-		motivoId = '';
-		motivoTipo = '';
-		motivoDescricao = '';
-		observacoes = '';
-		modoEdicao = true;
-		abaAtiva = 'editar';
-	}
-
 	function abrirEdicaoComAjuste(registroId: Id<'registrosPonto'>) {
 		const registro = registros.find((r) => r._id === registroId);
 		if (!registro) return;
 
 		registroSelecionado = registroId;
-		horaNova = registro.hora;
-		minutoNova = registro.minuto;
 		novaHoraFormatada = horaMinutoParaTime(registro.hora, registro.minuto);
 		motivoId = '';
 		motivoTipo = '';
@@ -390,16 +363,17 @@
 			<h2 class="card-title mb-4">Selecionar Funcionário</h2>
 			<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
 				<div class="form-control">
-					<label class="label">
+					<label class="label" for="funcionario-select">
 						<span class="label-text font-medium">Funcionário</span>
 					</label>
 					<select
 						class="select select-bordered w-full"
+						id="funcionario-select"
 						bind:value={funcionarioSelecionado}
 						disabled={modoEdicao}
 					>
 						<option value="">Selecione um funcionário</option>
-						{#each funcionarios as funcionario}
+						{#each funcionarios as funcionario (funcionario._id)}
 							<option value={funcionario._id as string}>
 								{funcionario.nome}
 								{funcionario.matricula ? `(${funcionario.matricula})` : ''}
@@ -408,24 +382,26 @@
 					</select>
 				</div>
 				<div class="form-control">
-					<label class="label">
+					<label class="label" for="data-inicio-filtro">
 						<span class="label-text font-medium">Data Início</span>
 					</label>
 					<input
 						type="date"
 						class="input input-bordered w-full"
+						id="data-inicio-filtro"
 						bind:value={dataInicioFiltro}
 						disabled={modoEdicao}
 						max={dataFimFiltro}
 					/>
 				</div>
 				<div class="form-control">
-					<label class="label">
+					<label class="label" for="data-fim-filtro">
 						<span class="label-text font-medium">Data Fim</span>
 					</label>
 					<input
 						type="date"
 						class="input input-bordered w-full"
+						id="data-fim-filtro"
 						bind:value={dataFimFiltro}
 						disabled={modoEdicao}
 						min={dataInicioFiltro}
@@ -488,7 +464,7 @@
 					<div class="space-y-8">
 						<!-- Card: Nova Hora -->
 						<div
-							class="card from-primary/5 to-primary/10 border-primary/20 border bg-gradient-to-br shadow-sm"
+							class="card from-primary/5 to-primary/10 border-primary/20 border bg-linear-to-br shadow-sm"
 						>
 							<div class="card-body p-6">
 								<div class="mb-4 flex items-center gap-3">
@@ -521,17 +497,18 @@
 								</h3>
 								<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
 									<div class="form-control">
-										<label class="label">
+										<label class="label" for="motivo-tipo-edicao">
 											<span class="label-text font-semibold">Tipo de Motivo</span>
 											<span class="label-text-alt text-error font-bold">*</span>
 										</label>
 										<select
 											class="select select-bordered select-primary w-full"
+											id="motivo-tipo-edicao"
 											bind:value={motivoTipo}
 										>
 											<option value="">Selecione um tipo</option>
 											{#if motivos?.opcoesPadrao}
-												{#each motivos.opcoesPadrao as opcao}
+												{#each motivos.opcoesPadrao as opcao (opcao)}
 													<option value={opcao}>{opcao}</option>
 												{/each}
 											{/if}
@@ -539,12 +516,13 @@
 									</div>
 
 									<div class="form-control">
-										<label class="label">
+										<label class="label" for="motivo-descricao-edicao">
 											<span class="label-text font-semibold">Descrição do Motivo</span>
 										</label>
 										<input
 											type="text"
 											class="input input-bordered input-primary w-full"
+											id="motivo-descricao-edicao"
 											bind:value={motivoDescricao}
 											placeholder="Informe detalhes adicionais sobre o motivo"
 										/>
@@ -590,7 +568,7 @@
 					<div class="space-y-8">
 						<!-- Card: Tipo de Ajuste -->
 						<div
-							class="card from-warning/5 to-warning/10 border-warning/20 border bg-gradient-to-br shadow-sm"
+							class="card from-warning/5 to-warning/10 border-warning/20 border bg-linear-to-br shadow-sm"
 						>
 							<div class="card-body p-6">
 								<div class="mb-4 flex items-center gap-3">
@@ -645,25 +623,27 @@
 									</h4>
 									<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
 										<div class="form-control">
-											<label class="label">
+											<label class="label" for="data-inicio-ajuste">
 												<span class="label-text font-semibold">Data Início</span>
 												<span class="label-text-alt text-error font-bold">*</span>
 											</label>
 											<input
 												type="date"
 												class="input input-bordered input-primary w-full"
+												id="data-inicio-ajuste"
 												bind:value={dataInicioAjuste}
 											/>
 										</div>
 
 										<div class="form-control">
-											<label class="label">
+											<label class="label" for="hora-inicio-ajuste">
 												<span class="label-text font-semibold">Hora Início</span>
 												<span class="label-text-alt text-error font-bold">*</span>
 											</label>
 											<input
 												type="time"
 												class="input input-bordered input-primary w-full"
+												id="hora-inicio-ajuste"
 												bind:value={horaInicioAjuste}
 											/>
 										</div>
@@ -685,26 +665,28 @@
 									</h4>
 									<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
 										<div class="form-control">
-											<label class="label">
+											<label class="label" for="data-fim-ajuste">
 												<span class="label-text font-semibold">Data Fim</span>
 												<span class="label-text-alt text-error font-bold">*</span>
 											</label>
 											<input
 												type="date"
 												class="input input-bordered input-secondary w-full"
+												id="data-fim-ajuste"
 												bind:value={dataFimAjuste}
 												min={dataInicioAjuste}
 											/>
 										</div>
 
 										<div class="form-control">
-											<label class="label">
+											<label class="label" for="hora-fim-ajuste">
 												<span class="label-text font-semibold">Hora Fim</span>
 												<span class="label-text-alt text-error font-bold">*</span>
 											</label>
 											<input
 												type="time"
 												class="input input-bordered input-secondary w-full"
+												id="hora-fim-ajuste"
 												bind:value={horaFimAjuste}
 											/>
 										</div>
@@ -751,17 +733,18 @@
 								</h3>
 								<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
 									<div class="form-control">
-										<label class="label">
+										<label class="label" for="motivo-tipo-ajuste">
 											<span class="label-text font-semibold">Tipo de Motivo</span>
 											<span class="label-text-alt text-error font-bold">*</span>
 										</label>
 										<select
 											class="select select-bordered select-warning w-full"
+											id="motivo-tipo-ajuste"
 											bind:value={motivoTipo}
 										>
 											<option value="">Selecione um tipo</option>
 											{#if motivos?.opcoesPadrao}
-												{#each motivos.opcoesPadrao as opcao}
+												{#each motivos.opcoesPadrao as opcao (opcao)}
 													<option value={opcao}>{opcao}</option>
 												{/each}
 											{/if}
@@ -769,12 +752,13 @@
 									</div>
 
 									<div class="form-control">
-										<label class="label">
+										<label class="label" for="motivo-descricao-ajuste">
 											<span class="label-text font-semibold">Descrição do Motivo</span>
 										</label>
 										<input
 											type="text"
 											class="input input-bordered input-warning w-full"
+											id="motivo-descricao-ajuste"
 											bind:value={motivoDescricao}
 											placeholder="Informe detalhes adicionais sobre o motivo"
 										/>
@@ -824,7 +808,7 @@
 			<div class="card-body">
 				<h2 class="card-title mb-4">Registros do Funcionário</h2>
 
-				{#if registrosQuery?.status === 'Loading'}
+				{#if registrosQuery?.isLoading}
 					<div class="flex items-center justify-center py-8">
 						<span class="loading loading-spinner loading-lg"></span>
 					</div>
@@ -846,7 +830,7 @@
 									</tr>
 								</thead>
 								<tbody>
-									{#each registros as registro}
+									{#each registros as registro (registro._id)}
 										<tr>
 											<td class="whitespace-nowrap">{registro.data}</td>
 											<td class="whitespace-nowrap">
@@ -896,7 +880,7 @@
 				{/if}
 			</h2>
 
-			{#if homologacoesQuery?.status === 'Loading'}
+			{#if homologacoesQuery?.isLoading}
 				<div class="flex items-center justify-center py-8">
 					<span class="loading loading-spinner loading-lg"></span>
 				</div>
@@ -923,20 +907,28 @@
 							</tr>
 						</thead>
 						<tbody>
-							{#each homologacoes as homologacao}
+							{#each homologacoes as homologacao (homologacao._id)}
 								<tr>
 									<td>
 										{new Date(homologacao.criadoEm).toLocaleDateString('pt-BR')}
 									</td>
 									{#if !funcionarioSelecionado}
 										<td>
-											{homologacao.funcionario?.nome || '-'}
-											{#if homologacao.funcionario?.matricula}
-												<br />
-												<span class="text-base-content/70 text-xs">
-													Mat: {homologacao.funcionario.matricula}
-												</span>
-											{/if}
+											<div class="flex items-center gap-3">
+												<UserAvatar
+													fotoPerfilUrl={homologacao.fotoPerfilUrl}
+													nome={homologacao.funcionario?.nome || 'Funcionário'}
+													size="sm"
+												/>
+												<div>
+													<div class="font-medium">{homologacao.funcionario?.nome || '-'}</div>
+													{#if homologacao.funcionario?.matricula}
+														<span class="text-base-content/70 text-xs">
+															Mat: {homologacao.funcionario.matricula}
+														</span>
+													{/if}
+												</div>
+											</div>
 										</td>
 									{/if}
 									<td>
@@ -957,7 +949,7 @@
 														homologacao.minutoAnterior || 0
 													)}
 												</span>
-												{' → '}
+												<span aria-hidden="true" class="mx-1">→</span>
 												<span>
 													{formatarHoraPonto(
 														homologacao.horaNova || 0,
@@ -967,7 +959,7 @@
 											</div>
 										{:else if homologacao.ajusteMinutos}
 											<div class="text-sm">
-												{homologacao.periodoDias || 0}d {homologacao.periodoHoras || 0}h{' '}
+												{homologacao.periodoDias || 0}d {homologacao.periodoHoras || 0}h
 												{homologacao.periodoMinutos || 0}min
 											</div>
 										{/if}
@@ -1033,7 +1025,7 @@
 							<h4 class="mb-3 font-semibold">Informações Gerais</h4>
 							<div class="grid grid-cols-2 gap-4 text-sm">
 								<div>
-									<span class="font-medium">Data:</span>{' '}
+									<span class="font-medium">Data:&nbsp;</span>
 									{new Date(homologacaoSelecionada.criadoEm).toLocaleDateString('pt-BR', {
 										day: '2-digit',
 										month: '2-digit',
@@ -1043,21 +1035,31 @@
 									})}
 								</div>
 								<div>
-									<span class="font-medium">Funcionário:</span>{' '}
-									{homologacaoSelecionada.funcionario?.nome || '-'}
-									{#if homologacaoSelecionada.funcionario?.matricula}
-										<br />
-										<span class="text-base-content/70 text-xs">
-											Mat: {homologacaoSelecionada.funcionario.matricula}
-										</span>
-									{/if}
+									<span class="font-medium">Funcionário:</span>
+									<div class="mt-2 flex items-center gap-3">
+										<UserAvatar
+											fotoPerfilUrl={homologacaoSelecionada.fotoPerfilUrl}
+											nome={homologacaoSelecionada.funcionario?.nome || 'Funcionário'}
+											size="sm"
+										/>
+										<div>
+											<div class="font-medium">
+												{homologacaoSelecionada.funcionario?.nome || '-'}
+											</div>
+											{#if homologacaoSelecionada.funcionario?.matricula}
+												<span class="text-base-content/70 text-xs">
+													Mat: {homologacaoSelecionada.funcionario.matricula}
+												</span>
+											{/if}
+										</div>
+									</div>
 								</div>
 								<div>
-									<span class="font-medium">Gestor:</span>{' '}
+									<span class="font-medium">Gestor:&nbsp;</span>
 									{homologacaoSelecionada.gestor?.nome || '-'}
 								</div>
 								<div>
-									<span class="font-medium">Tipo:</span>{' '}
+									<span class="font-medium">Tipo:&nbsp;</span>
 									{#if homologacaoSelecionada.registroId}
 										<span class="badge badge-info">Edição de Registro</span>
 									{:else if homologacaoSelecionada.tipoAjuste}
@@ -1077,7 +1079,7 @@
 								<h4 class="mb-3 font-semibold">Edição de Registro</h4>
 								<div class="space-y-2 text-sm">
 									<div>
-										<span class="font-medium">Horário Anterior:</span>{' '}
+										<span class="font-medium">Horário Anterior:&nbsp;</span>
 										<span class="line-through opacity-70">
 											{formatarHoraPonto(
 												homologacaoSelecionada.horaAnterior || 0,
@@ -1086,7 +1088,7 @@
 										</span>
 									</div>
 									<div>
-										<span class="font-medium">Horário Novo:</span>{' '}
+										<span class="font-medium">Horário Novo:&nbsp;</span>
 										<span>
 											{formatarHoraPonto(
 												homologacaoSelecionada.horaNova || 0,
@@ -1096,11 +1098,11 @@
 									</div>
 									{#if homologacaoSelecionada.registro}
 										<div>
-											<span class="font-medium">Data do Registro:</span>{' '}
+											<span class="font-medium">Data do Registro:&nbsp;</span>
 											{new Date(homologacaoSelecionada.registro.data).toLocaleDateString('pt-BR')}
 										</div>
 										<div>
-											<span class="font-medium">Tipo de Registro:</span>{' '}
+											<span class="font-medium">Tipo de Registro:&nbsp;</span>
 											{getTipoRegistroLabel(homologacaoSelecionada.registro.tipo)}
 										</div>
 									{/if}
@@ -1113,20 +1115,20 @@
 								<h4 class="mb-3 font-semibold">Ajuste de Banco de Horas</h4>
 								<div class="space-y-2 text-sm">
 									<div>
-										<span class="font-medium">Tipo de Ajuste:</span>{' '}
+										<span class="font-medium">Tipo de Ajuste:&nbsp;</span>
 										{homologacaoSelecionada.tipoAjuste}
 									</div>
 									<div>
-										<span class="font-medium">Período:</span>{' '}
-										{homologacaoSelecionada.periodoDias || 0}d {homologacaoSelecionada.periodoHoras ||
-											0}h{' '}
+										<span class="font-medium">Período:&nbsp;</span>
+										{homologacaoSelecionada.periodoDias || 0}d
+										{homologacaoSelecionada.periodoHoras || 0}h
 										{homologacaoSelecionada.periodoMinutos || 0}min
 									</div>
 									{#if homologacaoSelecionada.ajusteMinutos}
 										<div>
-											<span class="font-medium">Ajuste Total:</span>{' '}
+											<span class="font-medium">Ajuste Total:&nbsp;</span>
 											{homologacaoSelecionada.ajusteMinutos > 0 ? '+' : ''}
-											{Math.floor(Math.abs(homologacaoSelecionada.ajusteMinutos) / 60)}h{' '}
+											{Math.floor(Math.abs(homologacaoSelecionada.ajusteMinutos) / 60)}h
 											{Math.abs(homologacaoSelecionada.ajusteMinutos) % 60}min
 										</div>
 									{/if}
@@ -1141,11 +1143,11 @@
 							<h4 class="mb-3 font-semibold">Motivo e Observações</h4>
 							<div class="space-y-2 text-sm">
 								<div>
-									<span class="font-medium">Tipo de Motivo:</span>{' '}
+									<span class="font-medium">Tipo de Motivo:&nbsp;</span>
 									{homologacaoSelecionada.motivoTipo || '-'}
 								</div>
 								<div>
-									<span class="font-medium">Descrição:</span>{' '}
+									<span class="font-medium">Descrição:&nbsp;</span>
 									{homologacaoSelecionada.motivoDescricao || '-'}
 								</div>
 								{#if homologacaoSelecionada.observacoes}
@@ -1165,7 +1167,12 @@
 					<button class="btn" onclick={fecharDetalhes}>Fechar</button>
 				</div>
 			</div>
-			<div class="modal-backdrop" onclick={fecharDetalhes}></div>
+			<button
+				type="button"
+				class="modal-backdrop"
+				onclick={fecharDetalhes}
+				aria-label="Fechar detalhes da homologação"
+			></button>
 		</div>
 	{/if}
 
@@ -1185,7 +1192,12 @@
 					</button>
 				</div>
 			</div>
-			<div class="modal-backdrop" onclick={fecharModalExcluir}></div>
+			<button
+				type="button"
+				class="modal-backdrop"
+				onclick={fecharModalExcluir}
+				aria-label="Fechar modal de confirmação de exclusão"
+			></button>
 		</div>
 	{/if}
 </div>
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/ferias/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/ferias/+page.svelte
index acd120d..46f61a3 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/ferias/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/ferias/+page.svelte
@@ -1,24 +1,38 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
-	import type { FunctionReturnType } from 'convex/server';
+	import type { FunctionReference, FunctionReturnType } from 'convex/server';
 	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { format } from 'date-fns';
 	import { ptBR } from 'date-fns/locale';
 	import ExcelJS from 'exceljs';
 	import jsPDF from 'jspdf';
 	import autoTable from 'jspdf-autotable';
+	import logoGovPE from '$lib/assets/logo_governo_PE.png';
 	import { onMount, tick } from 'svelte';
 	import { SvelteDate, SvelteMap, SvelteSet } from 'svelte/reactivity';
 	import { toast } from 'svelte-sonner';
-	import { goto } from '$app/navigation';
+	import {
+		Calendar,
+		ArrowLeft,
+		BarChart3,
+		FileText,
+		Printer,
+		XCircle,
+		Clock,
+		CheckCircle,
+		X,
+		Download,
+		Filter,
+		Eye,
+		Info
+	} from 'lucide-svelte';
 	import { resolve } from '$app/paths';
-	import logoGovPE from '$lib/assets/logo_governo_PE.png';
-	import AlterarStatusFerias from '$lib/components/AlterarStatusFerias.svelte';
 	import FuncionarioMatriculaAutocomplete from '$lib/components/FuncionarioMatriculaAutocomplete.svelte';
 	import FuncionarioNomeAutocomplete from '$lib/components/FuncionarioNomeAutocomplete.svelte';
 	import AreaChart from '$lib/components/ti/charts/AreaChart.svelte';
-	import BarChart3D from '$lib/components/ti/charts/BarChart3D.svelte';
+	import AlterarStatusFerias from '$lib/components/AlterarStatusFerias.svelte';
+	import { goto } from '$app/navigation';
 
 	type CalendarConstructor = typeof import('@fullcalendar/core').Calendar;
 	type CalendarInstance = import('@fullcalendar/core').Calendar;
@@ -40,16 +54,10 @@
 		diasCorridos: number;
 	};
 
-	type SolicitacoesPorAnoResumo = {
-		ano: number;
-		solicitacoes: number;
-		diasTotais: number;
-	};
-
 	// Buscar TODAS as solicitações de férias (Dashboard RH)
 	const todasSolicitacoesQuery = useQuery(api.ferias.listarTodas, {});
 	const client = useConvexClient();
-	const currentUser = useQuery(api.auth.getCurrentUser, {});
+	const currentUser = useQuery(api.auth.getCurrentUser as FunctionReference<'query'>, {});
 
 	// Estado da aba ativa
 	let abaAtiva = $state<'dashboard' | 'solicitacoes' | 'relatorios'>('dashboard');
@@ -236,19 +244,6 @@
 		});
 	}
 
-	// Filtros para Dashboard
-	let solicitacoesFiltradasDashboard = $derived(
-		filtrarSolicitacoes(solicitacoes, {
-			status: filtroStatusDashboard,
-			nome: filtroNomeDashboard,
-			matricula: filtroMatriculaDashboard,
-			email: filtroEmailDashboard,
-			mes: filtroMesDashboard,
-			periodoInicio: filtroPeriodoInicioDashboard,
-			periodoFim: filtroPeriodoFimDashboard
-		})
-	);
-
 	// Filtros para Solicitações
 	let solicitacoesFiltradas = $derived(
 		filtrarSolicitacoes(solicitacoes, {
@@ -408,140 +403,6 @@
 		}
 	});
 
-	let periodosPorMesAtivos = $derived<Array<PeriodoPorMes>>(
-		(() => {
-			if (periodosPorMes.length === 0) {
-				return [];
-			}
-
-			const ultimoIndice = periodosPorMes.length - 1;
-			const inicio = Math.max(0, Math.min(rangeInicioIndice, ultimoIndice));
-			const fim = Math.max(inicio, Math.min(rangeFimIndice, ultimoIndice));
-
-			return periodosPorMes.slice(inicio, fim + 1);
-		})()
-	);
-
-	let solicitacoesPorAno = $derived<Array<SolicitacoesPorAnoResumo>>(
-		(() => {
-			const agregados = new SvelteMap<number, SolicitacoesPorAnoResumo>();
-
-			for (const periodo of solicitacoesAprovadas) {
-				// solicitacoesAprovadas são períodos individuais, não agrupados
-				const existente = agregados.get(periodo.anoReferencia) ?? {
-					ano: periodo.anoReferencia,
-					solicitacoes: 0,
-					diasTotais: 0
-				};
-				existente.solicitacoes += 1;
-				existente.diasTotais += periodo.diasFerias;
-				agregados.set(periodo.anoReferencia, existente);
-			}
-
-			return Array.from(agregados.values()).sort((a, b) => a.ano - b.ano);
-		})()
-	);
-
-	// Dados para gráfico de barras 3D - Dias por Mês
-	let chartDataMes = $derived(() => {
-		if (periodosPorMesAtivos.length === 0) {
-			return {
-				labels: [],
-				datasets: []
-			};
-		}
-
-		const cores = [
-			'#3b82f6', // Azul
-			'#10b981', // Verde
-			'#f59e0b', // Amarelo
-			'#ef4444', // Vermelho
-			'#8b5cf6', // Roxo
-			'#06b6d4', // Ciano
-			'#f97316', // Laranja
-			'#ec4899' // Rosa
-		];
-
-		// Cor principal para a legenda (azul primary)
-		const corPrincipal = '#3b82f6';
-
-		return {
-			labels: periodosPorMesAtivos.map((p) => p.label),
-			datasets: [
-				{
-					label: 'Dias de Férias',
-					data: periodosPorMesAtivos.map((p) => p.totalDias),
-					backgroundColor: periodosPorMesAtivos.map((_, index) => cores[index % cores.length]),
-					borderColor: periodosPorMesAtivos.map((_, index) => cores[index % cores.length]),
-					// Cor representativa para a legenda (primeira cor da paleta)
-					legendColor: corPrincipal,
-					borderWidth: 2
-				}
-			]
-		};
-	});
-
-	// Dados para gráfico de barras 3D - Dias por Ano
-	let chartDataAno = $derived(() => {
-		if (solicitacoesPorAno.length === 0) {
-			return {
-				labels: [],
-				datasets: []
-			};
-		}
-
-		const cores = [
-			'#10b981', // Verde
-			'#3b82f6', // Azul
-			'#f59e0b', // Amarelo
-			'#ef4444', // Vermelho
-			'#8b5cf6', // Roxo
-			'#06b6d4', // Ciano
-			'#f97316', // Laranja
-			'#ec4899' // Rosa
-		];
-
-		// Cores representativas para a legenda
-		const corDias = '#10b981'; // Verde para dias
-		const corSolicitacoes = lightenColor('#10b981', 25); // Verde claro para solicitações
-
-		return {
-			labels: solicitacoesPorAno.map((s) => String(s.ano)),
-			datasets: [
-				{
-					label: 'Dias Totais Aprovados',
-					data: solicitacoesPorAno.map((s) => s.diasTotais),
-					backgroundColor: solicitacoesPorAno.map((_, index) => cores[index % cores.length]),
-					borderColor: solicitacoesPorAno.map((_, index) => cores[index % cores.length]),
-					// Cor representativa para a legenda (verde)
-					legendColor: corDias,
-					borderWidth: 2
-				},
-				{
-					label: 'Número de Solicitações',
-					data: solicitacoesPorAno.map((s) => s.solicitacoes),
-					backgroundColor: solicitacoesPorAno.map((_, index) =>
-						lightenColor(cores[index % cores.length], 20)
-					),
-					borderColor: solicitacoesPorAno.map((_, index) => cores[index % cores.length]),
-					// Cor representativa para a legenda (verde claro)
-					legendColor: corSolicitacoes,
-					borderWidth: 2
-				}
-			]
-		};
-	});
-
-	// Função auxiliar para clarear cores
-	function lightenColor(color: string, percent: number): string {
-		const num = parseInt(color.replace('#', ''), 16);
-		const amt = Math.round(2.55 * percent);
-		const R = Math.min(255, (num >> 16) + amt);
-		const G = Math.min(255, ((num >> 8) & 0x00ff) + amt);
-		const B = Math.min(255, (num & 0x0000ff) + amt);
-		return `#${(0x1000000 + R * 0x10000 + G * 0x100 + B).toString(16).slice(1)}`;
-	}
-
 	// Dados para gráfico de área - Funcionários de férias nos próximos 12 meses
 	type ChartData = {
 		labels: string[];
@@ -582,9 +443,7 @@
 			const dataFimMes = new SvelteDate(hoje.getFullYear(), hoje.getMonth() + i + 1, 0);
 			dataFimMes.setHours(23, 59, 59, 999);
 
-			const mesLabel = format(new Date(dataInicioMes.getTime()), 'MMM/yyyy', {
-				locale: ptBR
-			});
+			const mesLabel = format(new Date(dataInicioMes.getTime()), 'MMM/yyyy', { locale: ptBR });
 			meses.push({
 				mes: mesLabel,
 				dataInicio: dataInicioMes,
@@ -718,7 +577,7 @@
 		}
 	});
 
-	const calendarioContainer: HTMLDivElement | null = null;
+	let calendarioContainer = $state<HTMLDivElement | null>(null);
 	let calendarioInstance: CalendarInstance | null = null;
 	let CalendarClass: CalendarConstructor | null = null;
 	let calendarioInicializado = $state(false);
@@ -1087,22 +946,6 @@
 		filtroMesRelatorio = '';
 	}
 
-	function handleRangeInicio(event: Event) {
-		const target = event.target as HTMLInputElement | null;
-		if (!target) return;
-		const valor = Number(target.value);
-		if (Number.isNaN(valor)) return;
-		rangeInicioIndice = Math.min(valor, rangeFimIndice);
-	}
-
-	function handleRangeFim(event: Event) {
-		const target = event.target as HTMLInputElement | null;
-		if (!target) return;
-		const valor = Number(target.value);
-		if (Number.isNaN(valor)) return;
-		rangeFimIndice = Math.max(valor, rangeInicioIndice);
-	}
-
 	function limparPeriodoPersonalizadoDashboard() {
 		filtroPeriodoInicioDashboard = '';
 		filtroPeriodoFimDashboard = '';
@@ -1121,7 +964,7 @@
 		periodoSelecionado = null;
 	}
 
-	const chartContainer: HTMLDivElement | null = null;
+	let chartContainer = $state<HTMLDivElement | null>(null);
 
 	function converteParaData(dateStr: string): Date {
 		return new SvelteDate(`${dateStr}T00:00:00`);
@@ -1437,7 +1280,11 @@
 
 			// Adicionar logo se disponível
 			if (logoBuffer) {
-				const logoId = workbook.addImage({
+				type WorkbookWithImage = {
+					addImage(image: { buffer: Uint8Array; extension: string }): number;
+				};
+				const workbookWithImage = workbook as unknown as WorkbookWithImage;
+				const logoId = workbookWithImage.addImage({
 					buffer: new Uint8Array(logoBuffer),
 					extension: 'png'
 				});
@@ -1600,6 +1447,7 @@
 		}
 	}
 
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	function gerarRelatorioImpressao() {
 		let inicio: Date;
 		let fim: Date;
@@ -1929,20 +1777,7 @@
 		<div class="flex items-center justify-between">
 			<div class="flex items-center gap-4">
 				<div class="rounded-xl bg-purple-500/20 p-3">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="h-8 w-8 text-purple-600"
-						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>
+					<Calendar class="h-8 w-8 text-purple-600" strokeWidth={2} />
 				</div>
 				<div>
 					<h1 class="text-primary text-3xl font-bold">Dashboard de Férias</h1>
@@ -1950,20 +1785,7 @@
 				</div>
 			</div>
 			<button class="btn gap-2" onclick={() => goto(resolve('/recursos-humanos'))}>
-				<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 19l-7-7m0 0l7-7m-7 7h18"
-					/>
-				</svg>
+				<ArrowLeft class="h-5 w-5" strokeWidth={2} />
 				Voltar
 			</button>
 		</div>
@@ -1975,60 +1797,21 @@
 			class="tab gap-2 {abaAtiva === 'dashboard' ? 'tab-active' : ''}"
 			onclick={() => (abaAtiva = 'dashboard')}
 		>
-			<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="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
-				/>
-			</svg>
+			<BarChart3 class="h-5 w-5" strokeWidth={2} />
 			<span class="font-medium">Dashboard</span>
 		</button>
 		<button
 			class="tab gap-2 {abaAtiva === 'solicitacoes' ? 'tab-active' : ''}"
 			onclick={() => (abaAtiva = 'solicitacoes')}
 		>
-			<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="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-				/>
-			</svg>
+			<FileText class="h-5 w-5" strokeWidth={2} />
 			<span class="font-medium">Solicitações</span>
 		</button>
 		<button
 			class="tab gap-2 {abaAtiva === 'relatorios' ? 'tab-active' : ''}"
 			onclick={() => (abaAtiva = 'relatorios')}
 		>
-			<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 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z"
-				/>
-			</svg>
+			<Printer class="h-5 w-5" strokeWidth={2} />
 			<span class="font-medium">Imprimir Relatórios</span>
 		</button>
 	</div>
@@ -2036,19 +1819,7 @@
 	<!-- Mensagem de erro -->
 	{#if hasError}
 		<div class="alert alert-error mb-6 shadow-lg">
-			<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>
+			<XCircle class="h-6 w-6 shrink-0 stroke-current" />
 			<div>
 				<h3 class="font-bold">Erro ao carregar dados</h3>
 				<div class="text-sm">{errorMessage}</div>
@@ -2063,20 +1834,7 @@
 		<div class="mb-6">
 			<div class="flex items-center gap-3">
 				<div class="bg-primary/10 rounded-lg p-2.5">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="text-primary h-6 w-6"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
-						/>
-					</svg>
+					<BarChart3 class="text-primary h-6 w-6" strokeWidth={2} />
 				</div>
 				<div>
 					<h2 class="text-base-content text-2xl font-semibold">Dashboard de Férias</h2>
@@ -2101,20 +1859,7 @@
 			{:else}
 				<div class="stat bg-base-100 rounded-box border-base-300 border shadow-lg">
 					<div class="stat-figure text-primary">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-8 w-8"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-							/>
-						</svg>
+						<FileText class="h-8 w-8" strokeWidth={2} />
 					</div>
 					<div class="stat-title">Total</div>
 					<div class="stat-value text-primary">{stats.total}</div>
@@ -2123,20 +1868,7 @@
 
 				<div class="stat bg-base-100 rounded-box border-warning/30 border shadow-lg">
 					<div class="stat-figure text-warning">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-8 w-8"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-							/>
-						</svg>
+						<Clock class="h-8 w-8" strokeWidth={2} />
 					</div>
 					<div class="stat-title">Aguardando</div>
 					<div class="stat-value text-warning">{stats.aguardando}</div>
@@ -2145,20 +1877,7 @@
 
 				<div class="stat bg-base-100 rounded-box border-success/30 border shadow-lg">
 					<div class="stat-figure text-success">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-8 w-8"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<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"
-							/>
-						</svg>
+						<CheckCircle class="h-8 w-8" strokeWidth={2} />
 					</div>
 					<div class="stat-title">Aprovadas</div>
 					<div class="stat-value text-success">{stats.aprovadas}</div>
@@ -2167,20 +1886,7 @@
 
 				<div class="stat bg-base-100 rounded-box border-error/30 border shadow-lg">
 					<div class="stat-figure text-error">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-8 w-8"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<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>
+						<X class="h-8 w-8" strokeWidth={2} />
 					</div>
 					<div class="stat-title">Reprovadas</div>
 					<div class="stat-value text-error">{stats.reprovadas}</div>
@@ -2209,20 +1915,7 @@
 					<div class="flex flex-wrap items-center justify-between gap-3">
 						<div class="flex items-center gap-3">
 							<div class="bg-primary/10 rounded-lg p-2.5">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="text-primary h-6 w-6"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M3 4a1 1 0 011-1h4a1 1 0 01.894.553L10.382 6H19a1 1 0 011 1v2M3 4v16a1 1 0 001 1h16a1 1 0 001-1V9m-9 4h4m-4 4h4m-8-4h.01M9 17h.01"
-									/>
-								</svg>
+								<Filter class="text-primary h-6 w-6" strokeWidth={2} />
 							</div>
 							<div>
 								<h2 class="text-base-content text-2xl font-semibold">Filtros</h2>
@@ -2477,20 +2170,7 @@
 				<div class="card-body space-y-4 p-6">
 					<div class="flex items-center gap-3">
 						<div class="bg-primary/10 rounded-lg p-2.5">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="text-primary 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>
+							<Calendar class="text-primary h-6 w-6" strokeWidth={2} />
 						</div>
 						<div>
 							<h3 class="text-base-content text-lg font-semibold">Calendário Geral de Férias</h3>
@@ -2528,20 +2208,7 @@
 					<div class="card-body space-y-4 p-6">
 						<div class="flex items-center gap-3">
 							<div class="bg-accent/10 rounded-lg p-2.5">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="text-accent h-6 w-6"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
-									/>
-								</svg>
+								<BarChart3 class="text-accent h-6 w-6" strokeWidth={2} />
 							</div>
 							<div>
 								<h3 class="text-base-content text-lg font-semibold">
@@ -2571,20 +2238,7 @@
 		<div class="mb-6">
 			<div class="flex items-center gap-3">
 				<div class="bg-primary/10 rounded-lg p-2.5">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="text-primary h-6 w-6"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-						/>
-					</svg>
+					<FileText class="text-primary h-6 w-6" strokeWidth={2} />
 				</div>
 				<div>
 					<h2 class="text-base-content text-2xl font-semibold">Solicitações de Férias</h2>
@@ -2615,20 +2269,7 @@
 					<div class="flex flex-wrap items-center justify-between gap-3">
 						<div class="flex items-center gap-3">
 							<div class="bg-primary/10 rounded-lg p-2.5">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="text-primary h-6 w-6"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M3 4a1 1 0 011-1h4a1 1 0 01.894.553L10.382 6H19a1 1 0 011 1v2M3 4v16a1 1 0 001 1h16a1 1 0 001-1V9m-9 4h4m-4 4h4m-8-4h.01M9 17h.01"
-									/>
-								</svg>
+								<Filter class="text-primary h-6 w-6" strokeWidth={2} />
 							</div>
 							<div>
 								<h2 class="text-base-content text-2xl font-semibold">Filtros</h2>
@@ -2877,19 +2518,7 @@
 
 					{#if solicitacoesFiltradas.length === 0}
 						<div class="alert">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								fill="none"
-								viewBox="0 0 24 24"
-								class="stroke-info h-6 w-6 shrink-0"
-							>
-								<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>
+							<Info class="stroke-info h-6 w-6 shrink-0" />
 							<span>Nenhuma solicitação encontrada com os filtros aplicados.</span>
 						</div>
 					{:else}
@@ -2966,26 +2595,7 @@
 													class="btn btn-primary btn-sm gap-2"
 													onclick={() => selecionarPeriodo(periodo._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="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-														/>
-														<path
-															stroke-linecap="round"
-															stroke-linejoin="round"
-															stroke-width="2"
-															d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
-														/>
-													</svg>
+													<Eye class="h-4 w-4" strokeWidth={2} />
 													Alterar Status
 												</button>
 											</td>
@@ -3004,20 +2614,7 @@
 		<div class="mb-6">
 			<div class="flex items-center gap-3">
 				<div class="bg-accent/10 rounded-lg p-2.5">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="text-accent h-6 w-6"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z"
-						/>
-					</svg>
+					<Printer class="text-accent h-6 w-6" strokeWidth={2} />
 				</div>
 				<div>
 					<h2 class="text-base-content text-2xl font-semibold">Imprimir Relatórios</h2>
@@ -3034,20 +2631,7 @@
 				<div class="flex flex-wrap items-center justify-between gap-3">
 					<div class="flex items-center gap-3">
 						<div class="bg-accent/10 rounded-lg p-2.5">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="text-accent h-6 w-6"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M3 4a1 1 0 011-1h4a1 1 0 01.894.553L10.382 6H19a1 1 0 011 1v2M3 4v16a1 1 0 001 1h16a1 1 0 001-1V9m-9 4h4m-4 4h4m-8-4h.01M9 17h.01"
-								/>
-							</svg>
+							<Filter class="text-accent h-6 w-6" strokeWidth={2} />
 						</div>
 						<div>
 							<h2 class="text-base-content text-2xl font-semibold">Filtros</h2>
@@ -3247,20 +2831,7 @@
 				<div class="space-y-4">
 					<div class="flex items-center gap-3">
 						<div class="bg-accent/10 rounded-lg p-2.5">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="text-accent h-6 w-6"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M17 17h2a2 2 0 002-2v-5a2 2 0 00-2-2h-2V6a2 2 0 00-2-2H9a2 2 0 00-2 2v2H5a2 2 0 00-2 2v5a2 2 0 002 2h2m10 0v2a2 2 0 01-2 2H9a2 2 0 01-2-2v-2m10 0H7"
-								/>
-							</svg>
+							<Printer class="text-accent h-6 w-6" strokeWidth={2} />
 						</div>
 						<div>
 							<h3 class="text-base-content text-2xl font-semibold">
@@ -3283,20 +2854,7 @@
 							{#if gerandoRelatorio}
 								<span class="loading loading-spinner loading-sm"></span>
 							{: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="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>
+								<FileText class="h-5 w-5" strokeWidth={2} />
 							{/if}
 							Imprimir PDF
 						</button>
@@ -3310,20 +2868,7 @@
 							{#if gerandoRelatorio}
 								<span class="loading loading-spinner loading-sm"></span>
 							{: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="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-									/>
-								</svg>
+								<Download class="h-5 w-5" strokeWidth={2} />
 							{/if}
 							Exportar Excel
 						</button>
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/+page.svelte
index 3313f14..1854b39 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/+page.svelte
@@ -6,6 +6,7 @@
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
 	import PrintModal from '$lib/components/PrintModal.svelte';
+	import { Users, Plus, Filter, X, Inbox, MoreVertical, XCircle } from 'lucide-svelte';
 
 	const client = useConvexClient();
 
@@ -84,6 +85,42 @@
 		openMenuId = openMenuId === id ? null : id;
 	}
 
+	function closeMenu() {
+		openMenuId = null;
+	}
+
+	// Fechar menu ao clicar fora
+	$effect(() => {
+		if (!openMenuId) return;
+
+		function handleClickOutside(event: MouseEvent) {
+			const target = event.target as HTMLElement;
+			// Verificar se o clique foi fora do dropdown (botão e menu)
+			const dropdown = target.closest('.dropdown');
+			if (!dropdown) {
+				openMenuId = null;
+			}
+		}
+
+		function handleEscape(event: KeyboardEvent) {
+			if (event.key === 'Escape') {
+				openMenuId = null;
+			}
+		}
+
+		// Adicionar listeners no próximo tick para não interferir com o clique que abriu o menu
+		const timeoutId = setTimeout(() => {
+			document.addEventListener('click', handleClickOutside);
+			document.addEventListener('keydown', handleEscape);
+		}, 10);
+
+		return () => {
+			clearTimeout(timeoutId);
+			document.removeEventListener('click', handleClickOutside);
+			document.removeEventListener('keydown', handleEscape);
+		};
+	});
+
 	async function openSetoresModal(funcionarioId: Id<'funcionarios'>, nome: string) {
 		funcionarioParaSetores = { _id: funcionarioId, nome };
 		setoresSelecionados = [];
@@ -159,20 +196,7 @@
 		<div class="flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
 			<div class="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="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-						/>
-					</svg>
+					<Users class="h-8 w-8 text-blue-600" strokeWidth={2} />
 				</div>
 				<div>
 					<h1 class="text-primary text-3xl font-bold">Funcionários Cadastrados</h1>
@@ -183,18 +207,7 @@
 				class="btn btn-primary btn-lg gap-2 shadow-md transition-all hover:shadow-lg"
 				onclick={navCadastro}
 			>
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-5 w-5"
-					viewBox="0 0 20 20"
-					fill="currentColor"
-				>
-					<path
-						fill-rule="evenodd"
-						d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z"
-						clip-rule="evenodd"
-					/>
-				</svg>
+				<Plus class="h-5 w-5" strokeWidth={2} />
 				Novo Funcionário
 			</button>
 		</div>
@@ -204,20 +217,7 @@
 	<div class="card bg-base-100/90 border-base-300 mb-4 shrink-0 border shadow-xl backdrop-blur-sm">
 		<div class="card-body">
 			<h2 class="card-title mb-4 text-lg">
-				<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 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
-					/>
-				</svg>
+				<Filter class="h-5 w-5" strokeWidth={2} />
 				Filtros de Pesquisa
 			</h2>
 			<div class="grid grid-cols-1 items-end gap-4 md:grid-cols-4">
@@ -285,20 +285,7 @@
 							applyFilters();
 						}}
 					>
-						<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>
+						<X class="h-4 w-4" strokeWidth={2} />
 						Limpar Filtros
 					</button>
 				</div>
@@ -348,20 +335,7 @@
 									<tr>
 										<td colspan="7" class="py-12 text-center">
 											<div class="flex flex-col items-center justify-center gap-4">
-												<svg
-													xmlns="http://www.w3.org/2000/svg"
-													class="text-base-content/30 h-16 w-16"
-													fill="none"
-													viewBox="0 0 24 24"
-													stroke="currentColor"
-												>
-													<path
-														stroke-linecap="round"
-														stroke-linejoin="round"
-														stroke-width="1.5"
-														d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-													/>
-												</svg>
+												<Users class="text-base-content/30 h-16 w-16" strokeWidth={1.5} />
 												<div class="text-base-content/60 text-center">
 													<p class="mb-1 text-lg font-semibold">Nenhum funcionário encontrado</p>
 													<p class="text-sm">
@@ -407,16 +381,7 @@
 														class="btn btn-sm btn-ghost hover:btn-primary transition-all"
 														onclick={() => toggleMenu(f._id)}
 													>
-														<svg
-															xmlns="http://www.w3.org/2000/svg"
-															class="h-5 w-5"
-															viewBox="0 0 20 20"
-															fill="currentColor"
-														>
-															<path
-																d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"
-															/>
-														</svg>
+														<MoreVertical class="h-5 w-5" strokeWidth={2} />
 													</button>
 													<ul
 														class="dropdown-content menu bg-base-100 rounded-box border-base-300 z-20 w-52 border p-2 shadow-xl"
@@ -425,6 +390,7 @@
 															<a
 																href={resolve(`/recursos-humanos/funcionarios/${f._id}`)}
 																class="hover:bg-primary/10"
+																onclick={closeMenu}
 															>
 																Ver Detalhes
 															</a>
@@ -433,6 +399,7 @@
 															<a
 																href={resolve(`/recursos-humanos/funcionarios/${f._id}/editar`)}
 																class="hover:bg-primary/10"
+																onclick={closeMenu}
 															>
 																Editar
 															</a>
@@ -441,13 +408,16 @@
 															<a
 																href={resolve(`/recursos-humanos/funcionarios/${f._id}/documentos`)}
 																class="hover:bg-primary/10"
+																onclick={closeMenu}
 															>
 																Ver Documentos
 															</a>
 														</li>
 														<li>
 															<button
-																onclick={() => openSetoresModal(f._id, f.nome)}
+																onclick={() => {
+																	openSetoresModal(f._id, f.nome);
+																}}
 																class="hover:bg-primary/10"
 															>
 																Atribuir Setores
@@ -455,7 +425,10 @@
 														</li>
 														<li>
 															<button
-																onclick={() => openPrintModal(f._id)}
+																onclick={() => {
+																	openPrintModal(f._id);
+																	closeMenu();
+																}}
 																class="hover:bg-primary/10"
 															>
 																Imprimir Ficha
@@ -502,20 +475,7 @@
 
 				{#if setoresError}
 					<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"
-							aria-hidden="true"
-						>
-							<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>
+						<XCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 						<span>{setoresError}</span>
 					</div>
 				{/if}
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/+page.svelte
index 69b5ebd..c59db05 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/+page.svelte
@@ -1,21 +1,41 @@
 <script lang="ts">
-	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import { useConvexClient } from 'convex-svelte';
-	import { MapPin } from 'lucide-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import { page } from '$app/stores';
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
-	import { page } from '$app/stores';
-	import PrintModal from '$lib/components/PrintModal.svelte';
+	import { maskCPF, maskCEP, maskPhone } from '$lib/utils/masks';
+	import { documentos, getDocumentoDefinicao } from '$lib/utils/documentos';
 	import {
-		APOSENTADO_OPTIONS,
+		SEXO_OPTIONS,
 		ESTADO_CIVIL_OPTIONS,
-		FATOR_RH_OPTIONS,
 		GRAU_INSTRUCAO_OPTIONS,
 		GRUPO_SANGUINEO_OPTIONS,
-		SEXO_OPTIONS
+		FATOR_RH_OPTIONS,
+		APOSENTADO_OPTIONS
 	} from '$lib/utils/constants';
-	import { documentos, getDocumentoDefinicao } from '$lib/utils/documentos';
-	import { maskCEP, maskCPF, maskPhone } from '$lib/utils/masks';
+	import PrintModal from '$lib/components/PrintModal.svelte';
+	import {
+		MapPin,
+		User,
+		Edit,
+		FileText,
+		Printer,
+		DollarSign,
+		Calendar,
+		ArrowRight,
+		Download,
+		Mail,
+		Phone,
+		Home,
+		Building,
+		File,
+		X,
+		Check,
+		Plus,
+		ExternalLink,
+		BookOpen
+	} from 'lucide-svelte';
 
 	const client = useConvexClient();
 
@@ -113,20 +133,7 @@
 			<div class="flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
 				<div class="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="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
-							/>
-						</svg>
+						<User class="h-8 w-8 text-blue-600" strokeWidth={2} />
 					</div>
 					<div>
 						<h1 class="text-primary text-3xl font-bold">{funcionario.nome}</h1>
@@ -141,20 +148,7 @@
 						class="btn btn-primary gap-2"
 						onclick={() => goto(resolve(`/recursos-humanos/funcionarios/${funcionarioId}/editar`))}
 					>
-						<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="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>
+						<Edit class="h-5 w-5" strokeWidth={2} />
 						Editar
 					</button>
 					<button
@@ -162,37 +156,11 @@
 						onclick={() =>
 							goto(resolve(`/recursos-humanos/funcionarios/${funcionarioId}/documentos`))}
 					>
-						<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>
+						<FileText class="h-5 w-5" strokeWidth={2} />
 						Ver Documentos
 					</button>
 					<button class="btn btn-accent gap-2" onclick={() => (showPrintModal = true)}>
-						<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 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z"
-							/>
-						</svg>
+						<Printer class="h-5 w-5" strokeWidth={2} />
 						Imprimir Ficha
 					</button>
 					<button
@@ -214,20 +182,7 @@
 			>
 				<div class="card-body">
 					<h3 class="card-title mb-4 border-b pb-3 text-xl">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-success h-6 w-6"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-							/>
-						</svg>
+						<DollarSign class="text-success h-6 w-6" strokeWidth={2} />
 						Dados Financeiros
 					</h3>
 					<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
@@ -276,26 +231,15 @@
 				<div class="flex items-center justify-between">
 					<div class="flex items-center gap-3">
 						<div class="rounded-xl bg-purple-500/20 p-3">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="h-6 w-6 text-purple-600"
-								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>
+							<Calendar class="h-6 w-6 text-purple-600" strokeWidth={2} />
 						</div>
 						<div>
 							<h3 class="text-lg font-bold">Status Atual</h3>
 							<div class="mt-1 flex items-center gap-2">
 								{#if funcionario.statusFerias === 'em_ferias'}
 									<div class="badge badge-warning badge-lg">🏖️ Em Férias</div>
+								{:else if funcionario.statusFerias === 'em_licenca'}
+									<div class="badge badge-warning badge-lg">📋 Em licença</div>
 								{:else}
 									<div class="badge badge-success badge-lg">✅ Ativo</div>
 								{/if}
@@ -303,20 +247,7 @@
 						</div>
 					</div>
 					<a href={resolve('/recursos-humanos/ferias')} class="btn btn-primary btn-sm gap-2">
-						<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>
+						<Plus class="h-4 w-4" strokeWidth={2} />
 						Gerenciar Férias
 					</a>
 				</div>
@@ -573,43 +504,17 @@
 				{#if cursos && cursos.length > 0}
 					<div class="card bg-base-100 shadow-xl">
 						<div class="card-body">
-							<h3 class="card-title mb-3 border-b pb-2 text-lg">
-								<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
-							</h3>
+						<h3 class="card-title mb-3 border-b pb-2 text-lg">
+							<BookOpen class="h-5 w-5" strokeWidth={2} />
+							Cursos e Treinamentos
+						</h3>
 							<div class="space-y-3">
 								{#each cursos as curso}
 									<div class="bg-base-200 flex items-start 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 mt-1 text-xs">
-												<svg
-													xmlns="http://www.w3.org/2000/svg"
-													class="mr-1 inline h-3 w-3"
-													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>
+												<Calendar class="mr-1 inline h-3 w-3" strokeWidth={2} />
 												{curso.data}
 											</p>
 										</div>
@@ -620,20 +525,7 @@
 												rel="noopener noreferrer"
 												class="btn btn-xs btn-primary gap-1"
 											>
-												<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="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-													/>
-												</svg>
+												<FileText class="h-3 w-3" strokeWidth={2} />
 												Certificado
 											</a>
 										{/if}
@@ -727,20 +619,7 @@
 		<div class="card bg-base-100 shadow-xl">
 			<div class="card-body">
 				<h3 class="card-title mb-4 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="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-						/>
-					</svg>
+					<FileText class="h-5 w-5" strokeWidth={2} />
 					Documentos Anexados
 				</h3>
 
@@ -758,35 +637,9 @@
 										class={`flex h-8 w-8 shrink-0 items-center justify-center rounded ${temDocumento ? 'bg-success/20' : 'bg-base-300'}`}
 									>
 										{#if temDocumento}
-											<svg
-												xmlns="http://www.w3.org/2000/svg"
-												class="text-success h-4 w-4"
-												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>
+											<Check class="text-success h-4 w-4" strokeWidth={2} />
 										{:else}
-											<svg
-												xmlns="http://www.w3.org/2000/svg"
-												class="text-base-content/40 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>
+											<Plus class="text-base-content/40 h-4 w-4" strokeWidth={2} />
 										{/if}
 									</div>
 									<div class="min-w-0 flex-1">
@@ -799,20 +652,7 @@
 												class="btn btn-xs btn-ghost mt-2 gap-1"
 												onclick={() => downloadDocumento(documentosUrls[doc.campo] || '', doc.nome)}
 											>
-												<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="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
-													/>
-												</svg>
+												<Download class="h-3 w-3" strokeWidth={2} />
 												Baixar
 											</button>
 										{/if}
@@ -829,20 +669,7 @@
 						onclick={() =>
 							goto(resolve(`/recursos-humanos/funcionarios/${funcionarioId}/documentos`))}
 					>
-						<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="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
-							/>
-						</svg>
+						<ExternalLink class="h-4 w-4" strokeWidth={2} />
 						Gerenciar Documentos
 					</button>
 				</div>
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/enderecos-marcacao/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/enderecos-marcacao/+page.svelte
index 74aa217..2181e70 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/enderecos-marcacao/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/enderecos-marcacao/+page.svelte
@@ -7,7 +7,9 @@
 	import { toast } from 'svelte-sonner';
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
-	import { page } from '$app/stores';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import { MapPin, Plus, X, Edit, Trash2, Search, Info } from 'lucide-svelte';
+	import { toast } from 'svelte-sonner';
 
 	const client = useConvexClient();
 	let funcionarioId = $derived($page.params.funcionarioId as Id<'funcionarios'>);
@@ -359,19 +361,7 @@
 	<!-- Aviso sobre endereços tipo "sede" -->
 	{#if associacoes.length === 0}
 		<div class="alert alert-info mb-6">
-			<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>
+			<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 			<span>
 				Este funcionário não possui endereços específicos associados. O sistema usará
 				automaticamente os endereços tipo "Sede Principal" configurados globalmente.
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 0fbddf9..cac4370 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
@@ -2,7 +2,6 @@
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import type { CreateArgs } from '@sgse-app/backend/convex/funcionarios';
-	import type { SimboloTipo } from '@sgse-app/backend/convex/schema';
 	import { useConvexClient } from 'convex-svelte';
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
@@ -27,6 +26,7 @@
 		validateCPF,
 		validateDate
 	} from '$lib/utils/masks';
+	import type { SimboloTipo } from '@sgse-app/backend/convex/tables/funcionarios';
 
 	const client = useConvexClient();
 
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/excluir/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/excluir/+page.svelte
index 6bc04f1..ab8b795 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/excluir/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/excluir/+page.svelte
@@ -1,64 +1,61 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
-	import { useConvexClient } from 'convex-svelte';
-	import { onMount } from 'svelte';
+	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
+	import {
+		Home,
+		Trash2,
+		ArrowLeft,
+		CheckCircle,
+		XCircle,
+		X,
+		Filter,
+		Users,
+		Inbox,
+		Search,
+		AlertTriangle,
+		User
+	} from 'lucide-svelte';
+	import type { FunctionReturnType } from 'convex/server';
 
 	const client = useConvexClient();
 
-	let list: Array<any> = $state([]);
+	const funcionariosQuery = useQuery(api.funcionarios.getAll);
+
+	type FuncionariosQueryResult = FunctionReturnType<typeof api.funcionarios.getAll>;
+
+	type Funcionario = FuncionariosQueryResult[number];
+
+	const list = $derived(funcionariosQuery.data ?? []);
+
+	let funcionarioToDelete = $derived<Funcionario | null>(null);
+
 	let filtro = $state('');
 	let notice: { kind: 'success' | 'error'; text: string } | null = $state(null);
-	let toDelete: {
-		id: string;
-		nome: string;
-		cpf: string;
-		matricula: string;
-	} | null = $state(null);
-	let deletingId: string | null = $state(null);
 
-	async function load() {
-		try {
-			list = await client.query(api.funcionarios.getAll, {} as any);
-		} catch (e) {
-			notice = { kind: 'error', text: 'Falha ao carregar funcionários.' };
-		}
-	}
-
-	function openDeleteModal(id: string, nome: string, cpf: string, matricula: string) {
-		toDelete = { id, nome, cpf, matricula };
+	function openDeleteModal(funcionario: Funcionario) {
+		funcionarioToDelete = funcionario;
 		(document.getElementById('delete_modal_func_excluir') as HTMLDialogElement)?.showModal();
 	}
 
 	function closeDeleteModal() {
-		toDelete = null;
+		funcionarioToDelete = null;
 		(document.getElementById('delete_modal_func_excluir') as HTMLDialogElement)?.close();
 	}
 
 	async function confirmDelete() {
-		if (!toDelete) return;
+		if (!funcionarioToDelete) return;
+
 		try {
-			deletingId = toDelete.id;
-			await client.mutation(api.funcionarios.remove, { id: toDelete.id } as any);
+			await client.mutation(api.funcionarios.remove, { id: funcionarioToDelete._id });
 			closeDeleteModal();
 			notice = {
 				kind: 'success',
-				text: `Funcionário "${toDelete.nome}" excluído com sucesso!`
+				text: `Funcionário "${funcionarioToDelete.nome}" excluído com sucesso!`
 			};
-			await load();
-
-			// Auto-fechar mensagem de sucesso após 5 segundos
-			setTimeout(() => {
-				notice = null;
-			}, 5000);
-		} catch (e) {
-			notice = {
-				kind: 'error',
-				text: 'Erro ao excluir cadastro. Tente novamente.'
-			};
-		} finally {
-			deletingId = null;
+		} catch {
+			notice = { kind: 'error', text: 'Erro ao excluir cadastro. Tente novamente.' };
 		}
 	}
 
@@ -82,10 +79,6 @@
 			);
 		})
 	);
-
-	onMount(() => {
-		void load();
-	});
 </script>
 
 <!-- Breadcrumb -->
@@ -93,20 +86,7 @@
 	<ul>
 		<li>
 			<a href={resolve('/')} class="text-primary hover:text-primary-focus">
-				<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="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
-					/>
-				</svg>
+				<Home class="h-4 w-4" strokeWidth={2} />
 				Dashboard
 			</a>
 		</li>
@@ -129,40 +109,14 @@
 <div class="mb-6">
 	<div class="mb-2 flex items-center gap-3">
 		<div class="bg-error/10 rounded-xl p-3">
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				class="text-error h-8 w-8"
-				fill="none"
-				viewBox="0 0 24 24"
-				stroke="currentColor"
-			>
-				<path
-					stroke-linecap="round"
-					stroke-linejoin="round"
-					stroke-width="2"
-					d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
-				/>
-			</svg>
+			<Trash2 class="text-error h-8 w-8" strokeWidth={2} />
 		</div>
 		<div class="flex-1">
 			<h1 class="text-base-content text-3xl font-bold">Excluir Funcionários</h1>
 			<p class="text-base-content/60 mt-1">Selecione o funcionário que deseja remover do sistema</p>
 		</div>
 		<button class="btn gap-2" onclick={back}>
-			<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 19l-7-7m0 0l7-7m-7 7h18"
-				/>
-			</svg>
+			<ArrowLeft class="h-5 w-5" strokeWidth={2} />
 			Voltar
 		</button>
 	</div>
@@ -176,50 +130,13 @@
 		class:alert-error={notice.kind === 'error'}
 	>
 		{#if notice.kind === 'success'}
-			<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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-				/>
-			</svg>
+			<CheckCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 		{:else}
-			<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>
+			<XCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 		{/if}
 		<span class="font-semibold">{notice.text}</span>
 		<button class="btn btn-sm btn-ghost" onclick={() => (notice = null)} aria-label="Fechar alerta">
-			<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>
+			<X class="h-4 w-4" strokeWidth={2} />
 		</button>
 	</div>
 {/if}
@@ -229,38 +146,12 @@
 	<div class="card-body">
 		<div class="mb-4 flex items-center justify-between">
 			<h2 class="card-title text-lg">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="text-primary 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 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
-					/>
-				</svg>
+				<Filter class="text-primary h-5 w-5" strokeWidth={2} />
 				Filtros de Busca
 			</h2>
 			{#if filtro}
 				<button class="btn btn-sm btn-ghost gap-2" onclick={limparFiltro}>
-					<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>
+					<X class="h-4 w-4" strokeWidth={2} />
 					Limpar Filtros
 				</button>
 			{/if}
@@ -293,40 +184,14 @@
 <div class="card bg-base-100 shadow-xl">
 	<div class="card-body">
 		<h2 class="card-title mb-4 text-lg">
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				class="text-primary 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 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"
-				/>
-			</svg>
+			<Users class="text-primary h-5 w-5" strokeWidth={2} />
 			Lista de Funcionários
 		</h2>
 
 		{#if list.length === 0}
 			<div class="flex flex-col items-center justify-center py-12 text-center">
 				<div class="bg-base-200 mb-4 rounded-full p-4">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="text-base-content/30 h-12 w-12"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
-						/>
-					</svg>
+					<Inbox class="text-base-content/30 h-12 w-12" strokeWidth={2} />
 				</div>
 				<p class="text-base-content/70 text-lg font-semibold">Nenhum funcionário cadastrado</p>
 				<p class="text-base-content/50 mt-2 text-sm">
@@ -336,20 +201,7 @@
 		{:else if filtered.length === 0}
 			<div class="flex flex-col items-center justify-center py-12 text-center">
 				<div class="bg-base-200 mb-4 rounded-full p-4">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="text-base-content/30 h-12 w-12"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-						/>
-					</svg>
+					<Search class="text-base-content/30 h-12 w-12" strokeWidth={2} />
 				</div>
 				<p class="text-base-content/70 text-lg font-semibold">Nenhum resultado encontrado</p>
 				<p class="text-base-content/50 mt-2 text-sm">Tente ajustar os filtros de busca</p>
@@ -367,30 +219,14 @@
 						</tr>
 					</thead>
 					<tbody>
-						{#each filtered as f}
+						{#each filtered as f (f._id)}
 							<tr class="hover">
 								<td class="font-semibold">{f.nome}</td>
 								<td>{f.cpf}</td>
 								<td><span class="badge badge-ghost">{f.matricula}</span></td>
 								<td class="text-center">
-									<button
-										class="btn btn-error btn-sm gap-2"
-										onclick={() => openDeleteModal(f._id, f.nome, f.cpf, f.matricula)}
-									>
-										<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="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
-											/>
-										</svg>
+									<button class="btn btn-error btn-sm gap-2" onclick={() => openDeleteModal(f)}>
+										<Trash2 class="h-4 w-4" strokeWidth={2} />
 										Excluir
 									</button>
 								</td>
@@ -407,73 +243,35 @@
 <dialog id="delete_modal_func_excluir" class="modal">
 	<div class="modal-box max-w-md">
 		<h3 class="text-error mb-4 flex items-center gap-2 text-2xl font-bold">
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				class="h-7 w-7"
-				fill="none"
-				viewBox="0 0 24 24"
-				stroke="currentColor"
-			>
-				<path
-					stroke-linecap="round"
-					stroke-linejoin="round"
-					stroke-width="2"
-					d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-				/>
-			</svg>
+			<AlertTriangle class="h-7 w-7" strokeWidth={2} />
 			Confirmar Exclusão
 		</h3>
 
 		<div class="alert alert-warning mb-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="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-				/>
-			</svg>
+			<AlertTriangle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 			<div>
 				<span class="font-bold">Atenção!</span>
 				<p class="text-sm">Esta ação não pode ser desfeita!</p>
 			</div>
 		</div>
 
-		{#if toDelete}
+		{#if funcionarioToDelete}
 			<div class="bg-base-200 mb-4 rounded-lg p-4">
 				<p class="text-base-content/70 mb-3 text-sm">
 					Você está prestes a excluir o seguinte funcionário:
 				</p>
 				<div class="space-y-2">
 					<div class="flex items-center gap-2">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-primary 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>
-						<strong class="text-error text-lg">{toDelete.nome}</strong>
+						<User class="text-primary h-5 w-5" strokeWidth={2} />
+						<strong class="text-error text-lg">{funcionarioToDelete.nome}</strong>
 					</div>
 					<div class="flex items-center gap-2 text-sm">
 						<span class="text-base-content/60">CPF:</span>
-						<span class="font-semibold">{toDelete.cpf}</span>
+						<span class="font-semibold">{funcionarioToDelete.cpf}</span>
 					</div>
 					<div class="flex items-center gap-2 text-sm">
 						<span class="text-base-content/60">Matrícula:</span>
-						<span class="badge badge-ghost">{toDelete.matricula}</span>
+						<span class="badge badge-ghost">{funcionarioToDelete.matricula}</span>
 					</div>
 				</div>
 			</div>
@@ -482,42 +280,20 @@
 		{/if}
 
 		<div class="modal-action justify-between">
-			<button class="btn gap-2" onclick={closeDeleteModal} disabled={deletingId !== null}>
-				<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>
+			<button class="btn gap-2" onclick={closeDeleteModal} disabled={funcionarioToDelete !== null}>
+				<X class="h-5 w-5" strokeWidth={2} />
 				Cancelar
 			</button>
-			<button class="btn btn-error gap-2" onclick={confirmDelete} disabled={deletingId !== null}>
-				{#if deletingId}
+			<button
+				class="btn btn-error gap-2"
+				onclick={confirmDelete}
+				disabled={funcionarioToDelete !== null}
+			>
+				{#if funcionarioToDelete}
 					<span class="loading loading-spinner loading-sm"></span>
 					Excluindo...
 				{: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="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
-						/>
-					</svg>
+					<Trash2 class="h-5 w-5" strokeWidth={2} />
 					Confirmar Exclusão
 				{/if}
 			</button>
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/relatorios/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/relatorios/+page.svelte
index 53c9304..9833989 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/relatorios/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/relatorios/+page.svelte
@@ -3,6 +3,7 @@
 	import { useConvexClient } from 'convex-svelte';
 	import { onMount } from 'svelte';
 	import { resolve } from '$app/paths';
+	import { BarChart3, Info, DollarSign, Users } from 'lucide-svelte';
 
 	const client = useConvexClient();
 
@@ -117,20 +118,7 @@
 	<!-- Header -->
 	<div class="mb-8 flex items-center gap-4">
 		<div class="bg-primary/10 rounded-xl p-3">
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				class="text-primary h-8 w-8"
-				fill="none"
-				viewBox="0 0 24 24"
-				stroke="currentColor"
-			>
-				<path
-					stroke-linecap="round"
-					stroke-linejoin="round"
-					stroke-width="2"
-					d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
-				/>
-			</svg>
+			<BarChart3 class="text-primary h-8 w-8" strokeWidth={2} />
 		</div>
 		<div>
 			<h1 class="text-base-content text-3xl font-bold">Relatórios de Funcionários</h1>
@@ -146,19 +134,7 @@
 			class:alert-error={notice.kind === 'error'}
 			class:alert-success={notice.kind === 'success'}
 		>
-			<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>
+			<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 			<span>{notice.text}</span>
 		</div>
 	{/if}
@@ -176,20 +152,7 @@
 				<div class="card-body p-6">
 					<div class="mb-6 flex items-center gap-3">
 						<div class="bg-primary/10 rounded-lg p-2.5">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="text-primary h-6 w-6"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
+							<DollarSign class="text-primary h-6 w-6" strokeWidth={2} />
 						</div>
 						<div class="flex-1">
 							<h3 class="text-base-content text-lg font-bold">
@@ -336,20 +299,7 @@
 				<div class="card-body p-6">
 					<div class="mb-6 flex items-center gap-3">
 						<div class="bg-secondary/10 rounded-lg p-2.5">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="text-secondary h-6 w-6"
-								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-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-								/>
-							</svg>
+							<Users class="text-secondary h-6 w-6" strokeWidth={2} />
 						</div>
 						<div class="flex-1">
 							<h3 class="text-base-content text-lg font-bold">
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/registro-pontos/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/registro-pontos/+page.svelte
index 20c907a..26902f4 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/registro-pontos/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/registro-pontos/+page.svelte
@@ -1,62 +1,98 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
-	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
-	import { Chart, registerables } from 'chart.js';
-	import { useConvexClient, useQuery } from 'convex-svelte';
-	import jsPDF from 'jspdf';
-	import autoTable from 'jspdf-autotable';
 	import {
-		BarChart3,
-		CheckCircle2,
 		Clock,
-		Download,
-		FileText,
 		Filter,
+		Download,
 		Printer,
-		TrendingDown,
-		TrendingUp,
+		BarChart3,
 		Users,
-		XCircle
+		CheckCircle2,
+		XCircle,
+		TrendingUp,
+		TrendingDown,
+		FileText,
+		X,
+		Calendar
 	} from 'lucide-svelte';
-	import Papa from 'papaparse';
-	import { onDestroy, onMount } from 'svelte';
-	import { toast } from 'svelte-sonner';
-	import logoGovPE from '$lib/assets/logo_governo_PE.png';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import { formatarHoraPonto, getTipoRegistroLabel, formatarDataDDMMAAAA } from '$lib/utils/ponto';
+	import { type SectionsPDF } from '$lib/utils/fichaPontoPDF';
+	// Importar módulos extraídos
+	import {
+		formatarDataParaExibicao,
+		formatarDataParaBackend,
+		formatarSaldoHoras
+	} from '$lib/utils/ponto/formatacao';
+	import { calcularSaldosParciais } from '$lib/utils/ponto/calculos';
+	import { agruparRegistrosPorFuncionario } from '$lib/utils/ponto/processamento';
+	import { gerarPDFComSelecao } from '$lib/utils/ponto/pdf/geradorPDF';
+	import { imprimirDetalhesRegistro } from '$lib/utils/ponto/pdf/geradorDetalhesPDF';
+	import { maskDate, validateDate, onlyDigits } from '$lib/utils/masks';
 	import LocalizacaoIcon from '$lib/components/ponto/LocalizacaoIcon.svelte';
-	import PrintPontoModal from '$lib/components/ponto/PrintPontoModal.svelte';
 	import SaldoDiarioBadge from '$lib/components/ponto/SaldoDiarioBadge.svelte';
 	import SaldoDiarioComparativoBadge from '$lib/components/ponto/SaldoDiarioComparativoBadge.svelte';
-	import { formatarDataDDMMAAAA, formatarHoraPonto, getTipoRegistroLabel } from '$lib/utils/ponto';
-
-	Chart.register(...registerables);
+	import logoGovPE from '$lib/assets/logo_governo_PE.png';
+	import PrintPontoModal from '$lib/components/ponto/PrintPontoModal.svelte';
+	import { toast } from 'svelte-sonner';
+	import { Chart, registerables } from 'chart.js';
+	import Papa from 'papaparse';
+	import { onDestroy, onMount } from 'svelte';
+	import { useConvexClient, useQuery } from 'convex-svelte';
 
 	const client = useConvexClient();
 
+	// ============================================
+	// INTERFACES TYPESCRIPT
+	// ============================================
+	// Tipos importados de $lib/utils/ponto/tipos
+
 	// Estados
 	// Expandir período padrão para últimos 30 dias para facilitar visualização
 	const hoje = new Date();
-	const trintaDiasAtras = new Date(hoje);
-	trintaDiasAtras.setDate(hoje.getDate() - 30);
+	const trintaDiasAtras = new Date(hoje.getTime() - 30 * 24 * 60 * 60 * 1000);
 
-	let dataInicio = $state(trintaDiasAtras.toISOString().split('T')[0]!);
-	let dataFim = $state(hoje.toISOString().split('T')[0]!);
+	// Funções de formatação importadas de $lib/utils/ponto/formatacao
+	// Wrapper para formatarDataParaBackend que precisa de onlyDigits e validateDate
+	function formatarDataParaBackendWrapper(data: string): string {
+		return formatarDataParaBackend(data, onlyDigits, validateDate);
+	}
+
+	let dataInicioInterno = $state(trintaDiasAtras.toISOString().split('T')[0]!);
+	let dataFimInterno = $state(hoje.toISOString().split('T')[0]!);
+
+	// Valores para exibição (dd/mm/yyyy)
+	let dataInicioExibicao = $derived(formatarDataParaExibicao(dataInicioInterno));
+	let dataFimExibicao = $derived(formatarDataParaExibicao(dataFimInterno));
+
+	// Valores para backend (yyyy-mm-dd) - derivados dos valores internos
+	const dataInicio = $derived(dataInicioInterno);
+	const dataFim = $derived(dataFimInterno);
 	let funcionarioIdFiltro = $state<Id<'funcionarios'> | ''>('');
 	let statusFiltro = $state<'todos' | 'dentro' | 'fora'>('todos');
 	let localizacaoFiltro = $state<'todos' | 'dentro' | 'fora'>('todos');
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	let carregando = $state(false);
 	let mostrarModalImpressao = $state(false);
 	let funcionarioParaImprimir = $state<Id<'funcionarios'> | ''>('');
 	let mostrarModalDetalhes = $state(false);
 	let registroDetalhesId = $state<Id<'registrosPonto'> | ''>('');
-	let chartCanvas: HTMLCanvasElement;
+
+	// Função para abrir modal de impressão
+	const abrirModalImpressao = (funcionarioId: Id<'funcionarios'>) => {
+		funcionarioParaImprimir = funcionarioId;
+		mostrarModalImpressao = true;
+	};
+	let chartCanvas = $state<HTMLCanvasElement | undefined>(undefined);
 	let chartInstance: Chart | null = null;
 
 	// Parâmetros reativos para queries
-	let registrosParams = $derived({
-		funcionarioId:
-			funcionarioIdFiltro && funcionarioIdFiltro !== '' ? funcionarioIdFiltro : undefined,
+	// Nota: Apenas filtros de data são aplicados no backend para performance
+	// Filtros de funcionário, status e localização são aplicados no frontend
+	const registrosParams = $derived({
 		dataInicio,
 		dataFim
+		// Removido funcionarioId para carregar todos os registros e filtrar no frontend
 	});
 	let estatisticasParams = $derived({
 		dataInicio,
@@ -67,23 +103,33 @@
 
 	// Queries
 	const funcionariosQuery = useQuery(api.funcionarios.getAll, {});
+	// useQuery do Convex-Svelte lida corretamente com valores $derived reativos
+	// svelte-ignore state_referenced_locally
 	const registrosQuery = useQuery(api.pontos.listarRegistrosPeriodo, registrosParams);
+	// svelte-ignore state_referenced_locally
 	const estatisticasQuery = useQuery(api.pontos.obterEstatisticas, estatisticasParams);
 	const configQuery = useQuery(api.configuracaoPonto.obterConfiguracao, {});
 
-	let funcionarios = $derived(funcionariosQuery?.data || []);
-	let registros = $derived(registrosQuery?.data || []);
-	let estatisticas = $derived(estatisticasQuery?.data);
-	let config = $derived(configQuery?.data);
+	const funcionarios = $derived(funcionariosQuery?.data || []);
+	const registros = $derived(registrosQuery?.data || []);
+	const estatisticas = $derived(estatisticasQuery?.data);
+
+	// Obter nome do funcionário selecionado
+	const funcionarioSelecionadoNome = $derived.by(() => {
+		if (!funcionarioIdFiltro) return null;
+		return funcionarios.find((f) => f._id === funcionarioIdFiltro)?.nome || null;
+	});
+	const config = $derived(configQuery?.data);
 
 	// Debug: Log dos dados recebidos
 	$effect(() => {
 		if (registrosQuery !== undefined) {
+			const params = registrosParams;
 			console.log('[Frontend] registrosQuery:', {
 				isLoading: registrosQuery?.isLoading,
 				error: registrosQuery?.error,
 				dataLength: registrosQuery?.data?.length ?? 0,
-				params: registrosParams
+				params
 			});
 		}
 		if (registros && registros.length > 0) {
@@ -122,7 +168,7 @@
 			return;
 		}
 
-		const ctx = chartCanvas.getContext('2d');
+		const ctx = chartCanvas?.getContext('2d');
 		if (!ctx) {
 			return;
 		}
@@ -165,6 +211,9 @@
 								label: (context) => {
 									const label = context.dataset.label || '';
 									const value = context.parsed.y;
+									if (value === null || value === undefined) {
+										return `${label}: 0 (0.0%)`;
+									}
 									const total = estatisticas.totalRegistros;
 									const percentage = total > 0 ? ((value / total) * 100).toFixed(1) : '0.0';
 									return `${label}: ${value} (${percentage}%)`;
@@ -241,6 +290,7 @@
 
 	// Também tentar criar quando o canvas for montado
 	onMount(() => {
+		Chart.register(...registerables);
 		// Tentar criar o gráfico após um pequeno delay para garantir que tudo está renderizado
 		const timeoutId = setTimeout(() => {
 			if (chartCanvas && estatisticas && chartData && !chartInstance) {
@@ -271,11 +321,22 @@
 
 		let resultado = [...registros];
 
+		// Filtro de funcionário (aplicado no frontend para garantir que funcione corretamente)
+		if (funcionarioIdFiltro && funcionarioIdFiltro !== '') {
+			resultado = resultado.filter((r) => {
+				return r.funcionarioId === funcionarioIdFiltro;
+			});
+		}
+
 		// Filtro de status (Dentro/Fora do Prazo)
 		if (statusFiltro !== 'todos') {
 			resultado = resultado.filter((r) => {
-				if (statusFiltro === 'dentro') return r.dentroDoPrazo === true;
-				if (statusFiltro === 'fora') return r.dentroDoPrazo === false;
+				if (statusFiltro === 'dentro') {
+					return r.dentroDoPrazo === true;
+				}
+				if (statusFiltro === 'fora') {
+					return r.dentroDoPrazo === false;
+				}
 				return true;
 			});
 		}
@@ -287,8 +348,12 @@
 				if (r.dentroRaioPermitido === undefined || r.dentroRaioPermitido === null) {
 					return false;
 				}
-				if (localizacaoFiltro === 'dentro') return r.dentroRaioPermitido === true;
-				if (localizacaoFiltro === 'fora') return r.dentroRaioPermitido === false;
+				if (localizacaoFiltro === 'dentro') {
+					return r.dentroRaioPermitido === true;
+				}
+				if (localizacaoFiltro === 'fora') {
+					return r.dentroRaioPermitido === false;
+				}
 				return true;
 			});
 		}
@@ -296,8 +361,14 @@
 		return resultado;
 	});
 
-	// Agrupar registros por funcionário e data
-	let registrosAgrupados = $derived.by(() => {
+	// Agrupar registros por funcionário e data usando função extraída
+	const registrosAgrupados = $derived.by(() => {
+		return agruparRegistrosPorFuncionario(registrosFiltrados, config || undefined);
+	});
+
+	// Código antigo de agrupamento (comentado para referência)
+	/*
+	const registrosAgrupadosOld = $derived.by(() => {
 		const configData = config;
 		const agrupados: Record<
 			string,
@@ -506,496 +577,475 @@
 		return registrosAgrupados.map((grupo) => grupo.funcionarioId);
 	});
 
-	// Função para formatar saldo de horas
-	function formatarSaldoHoras(minutos: number): string {
-		const horas = Math.floor(Math.abs(minutos) / 60);
-		const mins = Math.abs(minutos) % 60;
-		const sinal = minutos >= 0 ? '+' : '-';
-		return `${sinal}${horas}h ${mins}min`;
-	}
-
-	// Função para formatar saldo diário
-	function formatarSaldoDiario(saldo?: {
-		saldoMinutos: number;
-		horas: number;
-		minutos: number;
-		positivo: boolean;
-	}): string {
-		if (!saldo) return '-';
-		const sinal = saldo.positivo ? '+' : '-';
-		return `${sinal}${saldo.horas}h ${saldo.minutos}min`;
-	}
+	// Funções de formatação importadas de $lib/utils/ponto/formatacao
 
 	// Usar função centralizada formatarDataDDMMAAAA da lib/utils/ponto.ts
+	// funcionarioSelecionadoNome movido para cima, logo após a definição de funcionarios
 
-	// Obter nome do funcionário selecionado
-	let funcionarioSelecionadoNome = $derived.by(() => {
-		if (!funcionarioIdFiltro) return null;
-		return funcionarios.find((f) => f._id === funcionarioIdFiltro)?.nome || null;
-	});
+	// Funções de cálculo importadas de $lib/utils/ponto/calculos
+	// calcularSaldosParciais, calcularSaldoDiario, calcularSaldosPorPar, calcularSaldoComparativoPorPar
 
-	// Função para calcular saldo diário como diferença entre saída e entrada
-	/**
-	 * Calcula saldos parciais entre cada par entrada/saída
-	 * Retorna um mapa com o índice do registro e seu saldo parcial
-	 */
-	function calcularSaldosParciais(
-		registros: Array<{ tipo: string; hora: number; minuto: number; _id?: any }>
-	): Map<
-		number,
-		{
-			saldoMinutos: number;
-			horas: number;
-			minutos: number;
-			positivo: boolean;
-			parNumero: number;
+	// Funções importadas de $lib/utils/ponto/processamento e $lib/utils/ponto/validacao
+	// gerarDiasPeriodo, gerarRegistrosEsperados, registroFoiMarcado
+	// Função abrirModalImpressao movida para cima, próximo às declarações de estado
+
+	// ============================================
+	// FUNÇÕES AUXILIARES DE FORMATAÇÃO
+	// ============================================
+
+	// Funções formatarMinutos e formatarHoras importadas de $lib/utils/ponto/formatacao
+
+
+	// Função validarPeriodo importada de $lib/utils/ponto/validacao
+
+	// ============================================
+	// FUNÇÃO DE PROCESSAMENTO DE DADOS PARA FICHA
+	// ============================================
+	// Função processarDadosFichaPonto importada de $lib/utils/ponto/processamento
+	// A função abaixo foi movida para o módulo e está comentada para referência
+	/*
+	async function processarDadosFichaPontoOld(
+		funcionarioId: Id<'funcionarios'>,
+		dataInicio: string,
+		dataFim: string
+	): Promise<{
+		dias: DiaFichaPonto[];
+		resumo: ResumoPeriodo;
+		config: {
+			horarioEntrada: string;
+			horarioSaidaAlmoco: string;
+			horarioRetornoAlmoco: string;
+			horarioSaida: string;
+		};
+	}> {
+		// Buscar todos os dados necessários
+		const [
+			registrosFuncionario,
+			atestadosLicencas,
+			ausenciasTodas,
+			ajustes,
+			inconsistencias,
+			homologacoes,
+			dispensas,
+			config
+		] = await Promise.all([
+			client.query(api.pontos.listarRegistrosPeriodo, {
+				funcionarioId,
+				dataInicio,
+				dataFim
+			}),
+			client.query(api.atestadosLicencas.listarPorFuncionario, {
+				funcionarioId
+			}),
+			client.query(api.ausencias.listarTodas, {}),
+			client.query(api.pontos.listarAjustesBancoHoras, {
+				funcionarioId
+			}),
+			client.query(api.pontos.listarInconsistenciasBancoHoras, {}),
+			client.query(api.pontos.listarHomologacoes, {
+				funcionarioId
+			}),
+			client.query(api.pontos.listarDispensas, {
+				funcionarioId,
+				apenasAtivas: false
+			}),
+			client.query(api.configuracaoPonto.obterConfiguracao, {})
+		]);
+
+		const atestados = atestadosLicencas?.atestados || [];
+		const licencas = atestadosLicencas?.licencas || [];
+		const ausencias = (ausenciasTodas || []).filter((a) => a.funcionarioId === funcionarioId);
+
+		if (!config) {
+			throw new Error('Configuração de ponto não encontrada');
 		}
-	> {
-		const saldos = new Map<
-			number,
-			{
-				saldoMinutos: number;
-				horas: number;
-				minutos: number;
-				positivo: boolean;
-				parNumero: number;
-			}
-		>();
-		if (registros.length === 0) return saldos;
 
-		// Criar array com índices originais
-		const registrosComIndice = registros.map((r, idx) => ({
-			...r,
-			originalIndex: idx
-		}));
+		// Filtrar dados pelo período
+		const dataInicioObj = new Date(dataInicio + 'T00:00:00');
+		const dataFimObj = new Date(dataFim + 'T23:59:59');
 
-		// Ordenar registros por hora e minuto para processar em ordem cronológica
-		const registrosOrdenados = [...registrosComIndice].sort((a, b) => {
-			if (a.hora !== b.hora) {
-				return a.hora - b.hora;
-			}
-			return a.minuto - b.minuto;
+		const atestadosPeriodo = (atestados || []).filter((a) => {
+			const inicio = new Date(a.dataInicio);
+			const fim = new Date(a.dataFim);
+			return inicio <= dataFimObj && fim >= dataInicioObj;
 		});
 
-		// Identificar pares entrada/saída
-		// Par 1: entrada -> saida_almoco
-		// Par 2: retorno_almoco -> saida
-		let entradaAtual: (typeof registrosComIndice)[0] | null = null;
-		let parNumero = 1;
+		const ausenciasPeriodo = (ausencias || []).filter((a) => {
+			const inicio = new Date(a.dataInicio);
+			const fim = new Date(a.dataFim);
+			return inicio <= dataFimObj && fim >= dataInicioObj;
+		});
 
-		for (let i = 0; i < registrosOrdenados.length; i++) {
-			const registro = registrosOrdenados[i];
+		const licencasPeriodo = (licencas || []).filter((l) => {
+			const inicio = new Date(l.dataInicio);
+			const fim = new Date(l.dataFim);
+			return inicio <= dataFimObj && fim >= dataInicioObj;
+		});
 
-			// Considerar entrada ou retorno_almoco como início de um período
-			if (registro.tipo === 'entrada' || registro.tipo === 'retorno_almoco') {
-				entradaAtual = registro;
-			} else if (entradaAtual) {
-				// Qualquer saída (saida_almoco ou saida) fecha o período atual
-				if (registro.tipo === 'saida_almoco' || registro.tipo === 'saida') {
-					// Calcular diferença entre saída e entrada
-					const minutosEntrada = entradaAtual.hora * 60 + entradaAtual.minuto;
-					const minutosSaida = registro.hora * 60 + registro.minuto;
+		const ajustesPeriodo = (ajustes || []).filter((a) => {
+			const dataAjuste = new Date(a.dataAplicacao);
+			return dataAjuste >= dataInicioObj && dataAjuste <= dataFimObj;
+		});
 
-					let saldoMinutos = minutosSaida - minutosEntrada;
-					if (saldoMinutos < 0) {
-						saldoMinutos += 24 * 60; // Adicionar um dia em minutos
-					}
+		const inconsistenciasPeriodo = (inconsistencias || []).filter((i) => {
+			if (i.funcionarioId !== funcionarioId) return false;
+			const dataInconsistencia = new Date(i.dataDetectada);
+			return dataInconsistencia >= dataInicioObj && dataInconsistencia <= dataFimObj;
+		});
 
-					const horas = Math.floor(saldoMinutos / 60);
-					const minutos = saldoMinutos % 60;
+		const dataInicioTimestamp = dataInicioObj.getTime();
+		const dataFimTimestamp = dataFimObj.getTime();
+		const homologacoesPeriodo = (homologacoes || []).filter((h) => {
+			return h.criadoEm >= dataInicioTimestamp && h.criadoEm <= dataFimTimestamp;
+		});
 
-					// Salvar saldo no índice original do registro de saída
-					saldos.set(registro.originalIndex, {
-						saldoMinutos,
-						horas,
-						minutos,
-						positivo: true,
-						parNumero
-					});
+		const dispensasPeriodo = (dispensas || []).filter((d) => {
+			const dispensaInicio = new Date(d.dataInicio + 'T00:00:00');
+			const dispensaFim = new Date(d.dataFim + 'T23:59:59');
+			return dispensaInicio <= dataFimObj && dispensaFim >= dataInicioObj;
+		});
 
-					entradaAtual = null; // Resetar para próximo par
-					parNumero++;
+		// Gerar todos os dias do período
+		const diasPeriodo = gerarDiasPeriodo(dataInicio, dataFim);
+		const diasProcessados: DiaFichaPonto[] = [];
+
+		// Agrupar registros por data
+		const registrosPorData: Record<string, RegistroPonto[]> = {};
+		for (const r of registrosFuncionario || []) {
+			if (!registrosPorData[r.data]) {
+				registrosPorData[r.data] = [];
+			}
+			registrosPorData[r.data]!.push(r);
+		}
+
+		// Processar cada dia
+		for (const data of diasPeriodo) {
+			const dataObj = new Date(data);
+			const regsReais = registrosPorData[data] || [];
+			const regsEsperados = gerarRegistrosEsperados(data, config);
+
+			// Verificar atestado
+			const atestadoDia =
+				atestadosPeriodo.find((a) => {
+					const inicio = new Date(a.dataInicio);
+					const fim = new Date(a.dataFim);
+					return dataObj >= inicio && dataObj <= fim;
+				}) || null;
+
+			// Verificar ausência
+			const ausenciaDia =
+				ausenciasPeriodo.find((a) => {
+					const inicio = new Date(a.dataInicio);
+					const fim = new Date(a.dataFim);
+					return dataObj >= inicio && dataObj <= fim;
+				}) || null;
+
+			// Verificar licença
+			const licencaDia =
+				licencasPeriodo.find((l) => {
+					const inicio = new Date(l.dataInicio);
+					const fim = new Date(l.dataFim);
+					return dataObj >= inicio && dataObj <= fim;
+				}) || null;
+
+			// Verificar ajustes do dia
+			const ajustesDia = ajustesPeriodo.filter((a) => a.dataAplicacao === data);
+
+			// Verificar inconsistências do dia
+			const inconsistenciasDia = inconsistenciasPeriodo.filter((i) => i.dataDetectada === data);
+
+			// Verificar homologações do dia
+			const homologacoesDia = homologacoesPeriodo.filter((h) => {
+				if (h.registroId) {
+					const registro = regsReais.find((r) => r._id === h.registroId);
+					return registro !== undefined;
+				}
+				return false;
+			});
+
+			// Verificar dispensa
+			const dispensaDia =
+				dispensasPeriodo.find((d) => {
+					const dispensaInicio = new Date(d.dataInicio + 'T00:00:00');
+					const dispensaFim = new Date(d.dataFim + 'T23:59:59');
+					return dataObj >= dispensaInicio && dataObj <= dispensaFim;
+				}) || null;
+
+			// Calcular saldo diário
+			const regsReaisOrdenados = [...regsReais].sort((a, b) => {
+				if (a.hora !== b.hora) return a.hora - b.hora;
+				return a.minuto - b.minuto;
+			});
+			const saldosComparativosPorPar = calcularSaldoComparativoPorPar(regsReaisOrdenados, config);
+
+			let saldoDiario: SaldoDiario | null = null;
+			let saldoDiarioTotalDiferencaMinutos = 0;
+			let saldoDiarioTotalTrabalhadoMinutos = 0;
+			let saldoDiarioTotalEsperadoMinutos = 0;
+
+			// Somar saldos dos pares
+			const paresProcessados = new Set<number>();
+			for (const [, saldo] of saldosComparativosPorPar.entries()) {
+				if (!paresProcessados.has(saldo.parIndex)) {
+					saldoDiarioTotalDiferencaMinutos += saldo.diferencaMinutos;
+					saldoDiarioTotalTrabalhadoMinutos += saldo.trabalhadoMinutos;
+					saldoDiarioTotalEsperadoMinutos += saldo.esperadoMinutos;
+					paresProcessados.add(saldo.parIndex);
 				}
 			}
-		}
 
-		return saldos;
-	}
-
-	function calcularSaldoDiario(registros: Array<{ tipo: string; hora: number; minuto: number }>): {
-		saldoMinutos: number;
-		horas: number;
-		minutos: number;
-		positivo: boolean;
-	} | null {
-		if (registros.length === 0) return null;
-
-		// Ordenar registros por hora e minuto
-		const registrosOrdenados = [...registros].sort((a, b) => {
-			if (a.hora !== b.hora) {
-				return a.hora - b.hora;
+			// Calcular saldo para pares não marcados
+			const todosRegistros: Array<{ tipo: string; hora: number; minuto: number; real: boolean }> =
+				[];
+			for (const reg of regsReais) {
+				todosRegistros.push({
+					tipo: reg.tipo,
+					hora: reg.hora,
+					minuto: reg.minuto,
+					real: true
+				});
+			}
+			for (const regEsperado of regsEsperados) {
+				if (!registroFoiMarcado(regEsperado, regsReais)) {
+					todosRegistros.push({
+						tipo: regEsperado.tipo,
+						hora: regEsperado.hora,
+						minuto: regEsperado.minuto,
+						real: false
+					});
+				}
 			}
-			return a.minuto - b.minuto;
-		});
 
-		// Buscar entrada (primeiro registro do tipo 'entrada')
-		const entrada = registrosOrdenados.find((r) => r.tipo === 'entrada');
-		// Buscar saída (último registro do tipo 'saida')
-		const saida = registrosOrdenados.filter((r) => r.tipo === 'saida').pop();
+			// Identificar pares não marcados e calcular saldo negativo
+			for (let i = 0; i < todosRegistros.length; i++) {
+				const reg = todosRegistros[i];
+				if ((reg.tipo === 'entrada' || reg.tipo === 'retorno_almoco') && !reg.real) {
+					const tipoSaidaEsperado = reg.tipo === 'entrada' ? 'saida_almoco' : 'saida';
+					const saidaEsperada = todosRegistros.find((r, idx) => {
+						if (idx <= i) return false;
+						if (r.tipo !== tipoSaidaEsperado || r.real) return false;
+						const minutosEntrada = reg.hora * 60 + reg.minuto;
+						const minutosSaidaEsperada = r.hora * 60 + r.minuto;
+						const temRegistroRealNoIntervalo = regsReais.some((real) => {
+							if (real.tipo !== tipoSaidaEsperado) return false;
+							const minutosReal = real.hora * 60 + real.minuto;
+							return minutosReal >= minutosEntrada && minutosReal < minutosSaidaEsperada;
+						});
+						return !temRegistroRealNoIntervalo;
+					});
 
-		if (!entrada || !saida) return null;
+					if (saidaEsperada) {
+						let esperadoMinutos: number;
+						if (reg.tipo === 'entrada') {
+							const [horaEntradaEsperada, minutoEntradaEsperado] = config.horarioEntrada
+								.split(':')
+								.map(Number);
+							const [horaSaidaAlmocoEsperada, minutoSaidaAlmocoEsperado] = config.horarioSaidaAlmoco
+								.split(':')
+								.map(Number);
+							const minutosEntradaEsperada = horaEntradaEsperada * 60 + minutoEntradaEsperado;
+							const minutosSaidaEsperadaConfig =
+								horaSaidaAlmocoEsperada * 60 + minutoSaidaAlmocoEsperado;
+							esperadoMinutos = minutosSaidaEsperadaConfig - minutosEntradaEsperada;
+							if (esperadoMinutos < 0) esperadoMinutos += 24 * 60;
+						} else {
+							const [horaRetornoAlmocoEsperado, minutoRetornoAlmocoEsperado] =
+								config.horarioRetornoAlmoco.split(':').map(Number);
+							const [horaSaidaEsperada, minutoSaidaEsperado] = config.horarioSaida
+								.split(':')
+								.map(Number);
+							const minutosEntradaEsperada =
+								horaRetornoAlmocoEsperado * 60 + minutoRetornoAlmocoEsperado;
+							const minutosSaidaEsperadaConfig = horaSaidaEsperada * 60 + minutoSaidaEsperado;
+							esperadoMinutos = minutosSaidaEsperadaConfig - minutosEntradaEsperada;
+							if (esperadoMinutos < 0) esperadoMinutos += 24 * 60;
+						}
 
-		// Calcular diferença em minutos
-		const minutosEntrada = entrada.hora * 60 + entrada.minuto;
-		const minutosSaida = saida.hora * 60 + saida.minuto;
+						saldoDiarioTotalDiferencaMinutos -= esperadoMinutos;
+						saldoDiarioTotalEsperadoMinutos += esperadoMinutos;
+					}
+				}
+			}
 
-		// Se a saída for no dia seguinte (após meia-noite), adicionar 24 horas
-		let saldoMinutos = minutosSaida - minutosEntrada;
-		if (saldoMinutos < 0) {
-			saldoMinutos += 24 * 60; // Adicionar um dia em minutos
+			// Aplicar ajustes manuais
+			for (const ajuste of ajustesDia) {
+				if (ajuste.tipo === 'abonar') {
+					saldoDiarioTotalDiferencaMinutos += ajuste.valorMinutos;
+				} else if (ajuste.tipo === 'descontar') {
+					saldoDiarioTotalDiferencaMinutos -= ajuste.valorMinutos;
+				}
+			}
+
+			// Calcular diferença final
+			const diferencaDiariaCorrigida =
+				saldoDiarioTotalTrabalhadoMinutos - saldoDiarioTotalEsperadoMinutos;
+
+			saldoDiario = {
+				diferencaMinutos: diferencaDiariaCorrigida,
+				trabalhadoMinutos: saldoDiarioTotalTrabalhadoMinutos,
+				esperadoMinutos: saldoDiarioTotalEsperadoMinutos
+			};
+
+			// Determinar tipo de dia
+			let tipoDia: TipoDia = 'normal';
+			let computado = true;
+
+			if (dispensaDia) {
+				tipoDia = 'nao_computado';
+				computado = false;
+			} else if (licencaDia) {
+				tipoDia = 'licenca';
+				computado = false;
+			} else if (atestadoDia) {
+				tipoDia = 'atestado';
+				computado = false;
+			} else if (ausenciaDia) {
+				tipoDia = 'ausencia';
+				computado = false;
+			} else if (ajustesDia.some((a) => a.tipo === 'abonar' && a.valorMinutos >= 240)) {
+				tipoDia = 'abonado';
+			}
+
+			if (inconsistenciasDia.length > 0) {
+				tipoDia = 'inconsistente';
+			}
+
+			diasProcessados.push({
+				data,
+				dataFormatada: formatarDataDDMMAAAA(data),
+				tipoDia,
+				registros: regsReais,
+				registrosEsperados: regsEsperados,
+				saldoDiario,
+				saldoAcumulado: 0, // Será calculado depois
+				atestado: atestadoDia
+					? {
+							_id: atestadoDia._id,
+							tipo: atestadoDia.tipo,
+							dataInicio: atestadoDia.dataInicio,
+							dataFim: atestadoDia.dataFim,
+							motivo: atestadoDia.observacoes
+						}
+					: null,
+				ausencia: ausenciaDia
+					? {
+							_id: ausenciaDia._id,
+							motivo: ausenciaDia.motivo,
+							dataInicio: ausenciaDia.dataInicio,
+							dataFim: ausenciaDia.dataFim,
+							status: ausenciaDia.status
+						}
+					: null,
+				licenca: licencaDia
+					? {
+							_id: licencaDia._id,
+							tipo: licencaDia.tipo || 'licenca',
+							dataInicio: licencaDia.dataInicio,
+							dataFim: licencaDia.dataFim
+						}
+					: null,
+				ajustes: ajustesDia.map((a) => ({
+					_id: a._id,
+					tipo: a.tipo,
+					valorMinutos: a.valorMinutos,
+					motivoDescricao: a.motivoDescricao,
+					gestorId: a.gestorId
+				})),
+				inconsistencias: inconsistenciasDia.map((i) => ({
+					_id: i._id,
+					tipo: i.tipo,
+					descricao: i.descricao,
+					dataDetectada: i.dataDetectada,
+					status: i.status,
+					resolvidoPor: i.resolvidoPor,
+					resolvidoEm: i.resolvidoEm
+				})),
+				homologacoes: homologacoesDia.map((h) => ({
+					_id: h._id,
+					motivoDescricao: h.motivoDescricao,
+					gestorId: h.gestorId
+				})),
+				dispensa: dispensaDia
+					? {
+							_id: dispensaDia._id,
+							motivo: dispensaDia.motivo,
+							dataInicio: dispensaDia.dataInicio,
+							dataFim: dispensaDia.dataFim,
+							ativo: dispensaDia.ativo
+						}
+					: null,
+				computado
+			});
 		}
 
-		const horas = Math.floor(saldoMinutos / 60);
-		const minutos = saldoMinutos % 60;
+		// Calcular saldo acumulado para cada dia
+		// TODO: Buscar saldo inicial do backend se necessário
+		let saldoAcumulado = 0; // Saldo inicial (será 0 por enquanto, pode ser buscado do backend)
+
+		for (const dia of diasProcessados) {
+			if (dia.computado && dia.saldoDiario) {
+				saldoAcumulado += dia.saldoDiario.diferencaMinutos;
+			}
+			dia.saldoAcumulado = saldoAcumulado;
+		}
+
+		// Calcular resumo com formatações
+		const totalHorasTrabalhadas = diasProcessados
+			.filter((d) => d.computado)
+			.reduce((acc, d) => acc + (d.saldoDiario?.trabalhadoMinutos || 0), 0);
+		const totalHorasEsperadas = diasProcessados
+			.filter((d) => d.computado)
+			.reduce((acc, d) => acc + (d.saldoDiario?.esperadoMinutos || 0), 0);
+		const diferencaTotal = diasProcessados
+			.filter((d) => d.computado)
+			.reduce((acc, d) => acc + (d.saldoDiario?.diferencaMinutos || 0), 0);
+		const saldoPeriodo = diferencaTotal;
+		const saldoFinal = diasProcessados.length > 0 ? diasProcessados[diasProcessados.length - 1]!.saldoAcumulado : 0;
+
+		const resumo: ResumoPeriodo = {
+			totalDias: diasProcessados.length,
+			diasTrabalhados: diasProcessados.filter((d) => d.computado && d.registros.length > 0).length,
+			diasComAtestado: diasProcessados.filter((d) => d.atestado !== null).length,
+			diasAusentes: diasProcessados.filter((d) => d.ausencia !== null).length,
+			diasComLicenca: diasProcessados.filter((d) => d.licenca !== null).length,
+			diasAbonados: diasProcessados.filter((d) => d.tipoDia === 'abonado').length,
+			diasNaoComputados: diasProcessados.filter((d) => !d.computado).length,
+			diasComInconsistencia: diasProcessados.filter((d) => d.inconsistencias.length > 0).length,
+			totalHorasTrabalhadas,
+			totalHorasEsperadas,
+			diferencaTotal,
+			saldoInicial: 0, // TODO: Buscar do backend
+			saldoFinal,
+			saldoPeriodo,
+			totalInconsistencias: inconsistenciasPeriodo.length,
+			saldoInicialFormatado: formatarMinutos(0),
+			saldoPeriodoFormatado: formatarMinutos(saldoPeriodo),
+			saldoFinalFormatado: formatarMinutos(saldoFinal),
+			totalHorasTrabalhadasFormatado: formatarHoras(totalHorasTrabalhadas),
+			totalHorasEsperadasFormatado: formatarHoras(totalHorasEsperadas),
+			diferencaTotalFormatado: formatarMinutos(diferencaTotal)
+		};
 
 		return {
-			saldoMinutos,
-			horas,
-			minutos,
-			positivo: true // Sempre positivo, pois é tempo trabalhado
+			dias: diasProcessados,
+			resumo,
+			config
 		};
 	}
-
-	/**
-	 * Calcula saldos por par entrada/saída
-	 * Retorna um mapa com o índice do registro e informações do saldo do par
-	 */
-	function calcularSaldosPorPar(
-		registros: Array<{ tipo: string; hora: number; minuto: number }>
-	): Map<
-		number,
-		{
-			saldoMinutos: number;
-			horas: number;
-			minutos: number;
-			parIndex: number;
-			tamanhoPar: number;
-		}
-	> {
-		const saldos = new Map<
-			number,
-			{
-				saldoMinutos: number;
-				horas: number;
-				minutos: number;
-				parIndex: number;
-				tamanhoPar: number;
-			}
-		>();
-
-		if (registros.length === 0) return saldos;
-
-		// Ordenar registros por hora e minuto
-		const registrosOrdenados = [...registros].sort((a, b) => {
-			if (a.hora !== b.hora) {
-				return a.hora - b.hora;
-			}
-			return a.minuto - b.minuto;
-		});
-
-		let parIndex = 0;
-		let entradaAtual: {
-			tipo: string;
-			hora: number;
-			minuto: number;
-			index: number;
-		} | null = null;
-		let indicesPar: number[] = [];
-
-		for (let i = 0; i < registrosOrdenados.length; i++) {
-			const reg = registrosOrdenados[i];
-
-			// Identificar início de um par (entrada ou retorno_almoco)
-			if (reg.tipo === 'entrada' || reg.tipo === 'retorno_almoco') {
-				// Se havia um par anterior incompleto, limpar
-				if (entradaAtual && indicesPar.length > 0) {
-					indicesPar = [];
-				}
-				entradaAtual = { ...reg, index: i };
-				indicesPar = [i];
-			}
-			// Identificar fim de um par (saida_almoco ou saida)
-			else if ((reg.tipo === 'saida_almoco' || reg.tipo === 'saida') && entradaAtual) {
-				indicesPar.push(i);
-
-				// Calcular saldo do par (saída - entrada)
-				const minutosEntrada = entradaAtual.hora * 60 + entradaAtual.minuto;
-				const minutosSaida = reg.hora * 60 + reg.minuto;
-
-				let saldoMinutos = minutosSaida - minutosEntrada;
-				if (saldoMinutos < 0) {
-					saldoMinutos += 24 * 60; // Adicionar um dia em minutos
-				}
-
-				const horas = Math.floor(saldoMinutos / 60);
-				const minutos = saldoMinutos % 60;
-
-				// Associar saldo a todos os registros do par
-				for (const idx of indicesPar) {
-					saldos.set(idx, {
-						saldoMinutos,
-						horas,
-						minutos,
-						parIndex,
-						tamanhoPar: indicesPar.length
-					});
-				}
-
-				parIndex++;
-				entradaAtual = null;
-				indicesPar = [];
-			}
-		}
-
-		return saldos;
-	}
-
-	/**
-	 * Calcula saldos comparativos por par entrada/saída
-	 * Compara horários reais com horários esperados configurados
-	 * Retorna mapa com saldo trabalhado, esperado e diferença
-	 */
-	function calcularSaldoComparativoPorPar(
-		registros: Array<{ tipo: string; hora: number; minuto: number }>,
-		config: {
-			horarioEntrada: string;
-			horarioSaidaAlmoco: string;
-			horarioRetornoAlmoco: string;
-			horarioSaida: string;
-		}
-	): Map<
-		number,
-		{
-			trabalhadoMinutos: number;
-			trabalhadoHoras: number;
-			trabalhadoMinutosResto: number;
-			esperadoMinutos: number;
-			esperadoHoras: number;
-			esperadoMinutosResto: number;
-			diferencaMinutos: number;
-			diferencaHoras: number;
-			diferencaMinutosResto: number;
-			parIndex: number;
-			tamanhoPar: number;
-		}
-	> {
-		const saldos = new Map<
-			number,
-			{
-				trabalhadoMinutos: number;
-				trabalhadoHoras: number;
-				trabalhadoMinutosResto: number;
-				esperadoMinutos: number;
-				esperadoHoras: number;
-				esperadoMinutosResto: number;
-				diferencaMinutos: number;
-				diferencaHoras: number;
-				diferencaMinutosResto: number;
-				parIndex: number;
-				tamanhoPar: number;
-			}
-		>();
-
-		if (registros.length === 0) return saldos;
-
-		// Parsear horários esperados da configuração
-		const [horaEntradaEsperada, minutoEntradaEsperado] = config.horarioEntrada
-			.split(':')
-			.map(Number);
-		const [horaSaidaAlmocoEsperada, minutoSaidaAlmocoEsperado] = config.horarioSaidaAlmoco
-			.split(':')
-			.map(Number);
-		const [horaRetornoAlmocoEsperado, minutoRetornoAlmocoEsperado] = config.horarioRetornoAlmoco
-			.split(':')
-			.map(Number);
-		const [horaSaidaEsperada, minutoSaidaEsperado] = config.horarioSaida.split(':').map(Number);
-
-		// Ordenar registros por hora e minuto
-		const registrosOrdenados = [...registros].sort((a, b) => {
-			if (a.hora !== b.hora) {
-				return a.hora - b.hora;
-			}
-			return a.minuto - b.minuto;
-		});
-
-		let parIndex = 0;
-		let entradaAtual: {
-			tipo: string;
-			hora: number;
-			minuto: number;
-			index: number;
-		} | null = null;
-		let indicesPar: number[] = [];
-
-		for (let i = 0; i < registrosOrdenados.length; i++) {
-			const reg = registrosOrdenados[i];
-
-			// Identificar início de um par (entrada ou retorno_almoco)
-			if (reg.tipo === 'entrada' || reg.tipo === 'retorno_almoco') {
-				// Se havia um par anterior incompleto, limpar
-				if (entradaAtual && indicesPar.length > 0) {
-					indicesPar = [];
-				}
-				entradaAtual = { ...reg, index: i };
-				indicesPar = [i];
-			}
-			// Identificar fim de um par (saida_almoco ou saida)
-			else if ((reg.tipo === 'saida_almoco' || reg.tipo === 'saida') && entradaAtual) {
-				indicesPar.push(i);
-
-				// Calcular tempo trabalhado real (saída - entrada)
-				const minutosEntradaReal = entradaAtual.hora * 60 + entradaAtual.minuto;
-				const minutosSaidaReal = reg.hora * 60 + reg.minuto;
-				let trabalhadoMinutos = minutosSaidaReal - minutosEntradaReal;
-				if (trabalhadoMinutos < 0) {
-					trabalhadoMinutos += 24 * 60;
-				}
-
-				// Calcular tempo esperado baseado no tipo de par
-				let esperadoMinutos: number;
-				if (entradaAtual.tipo === 'entrada') {
-					// Par 1: entrada -> saida_almoco
-					const minutosEntradaEsperada = horaEntradaEsperada * 60 + minutoEntradaEsperado;
-					const minutosSaidaEsperada = horaSaidaAlmocoEsperada * 60 + minutoSaidaAlmocoEsperado;
-					esperadoMinutos = minutosSaidaEsperada - minutosEntradaEsperada;
-					if (esperadoMinutos < 0) {
-						esperadoMinutos += 24 * 60;
-					}
-				} else {
-					// Par 2: retorno_almoco -> saida
-					const minutosEntradaEsperada =
-						horaRetornoAlmocoEsperado * 60 + minutoRetornoAlmocoEsperado;
-					const minutosSaidaEsperada = horaSaidaEsperada * 60 + minutoSaidaEsperado;
-					esperadoMinutos = minutosSaidaEsperada - minutosEntradaEsperada;
-					if (esperadoMinutos < 0) {
-						esperadoMinutos += 24 * 60;
-					}
-				}
-
-				// Calcular diferença (trabalhado - esperado)
-				const diferencaMinutos = trabalhadoMinutos - esperadoMinutos;
-
-				// Converter para horas e minutos
-				const trabalhadoHoras = Math.floor(trabalhadoMinutos / 60);
-				const trabalhadoMinutosResto = trabalhadoMinutos % 60;
-
-				const esperadoHoras = Math.floor(esperadoMinutos / 60);
-				const esperadoMinutosResto = esperadoMinutos % 60;
-
-				const diferencaHoras = Math.floor(Math.abs(diferencaMinutos) / 60);
-				const diferencaMinutosResto = Math.abs(diferencaMinutos) % 60;
-
-				// Associar saldo a todos os registros do par
-				for (const idx of indicesPar) {
-					saldos.set(idx, {
-						trabalhadoMinutos,
-						trabalhadoHoras,
-						trabalhadoMinutosResto,
-						esperadoMinutos,
-						esperadoHoras,
-						esperadoMinutosResto,
-						diferencaMinutos,
-						diferencaHoras,
-						diferencaMinutosResto,
-						parIndex,
-						tamanhoPar: indicesPar.length
-					});
-				}
-
-				parIndex++;
-				entradaAtual = null;
-				indicesPar = [];
-			}
-		}
-
-		return saldos;
-	}
-
-	/**
-	 * Gera array de todas as datas do período selecionado
-	 */
-	function gerarDiasPeriodo(dataInicio: string, dataFim: string): string[] {
-		const dias: string[] = [];
-		const inicio = new Date(dataInicio);
-		const fim = new Date(dataFim);
-
-		for (let d = new Date(inicio); d <= fim; d.setDate(d.getDate() + 1)) {
-			dias.push(d.toISOString().split('T')[0]!);
-		}
-
-		return dias;
-	}
-
-	/**
-	 * Gera registros esperados para um dia baseado na configuração
-	 */
-	function gerarRegistrosEsperados(
-		data: string,
-		config: {
-			horarioEntrada: string;
-			horarioSaidaAlmoco: string;
-			horarioRetornoAlmoco: string;
-			horarioSaida: string;
-		}
-	): Array<{ tipo: string; hora: number; minuto: number; data: string }> {
-		const [horaEntrada, minutoEntrada] = config.horarioEntrada.split(':').map(Number);
-		const [horaSaidaAlmoco, minutoSaidaAlmoco] = config.horarioSaidaAlmoco.split(':').map(Number);
-		const [horaRetornoAlmoco, minutoRetornoAlmoco] = config.horarioRetornoAlmoco
-			.split(':')
-			.map(Number);
-		const [horaSaida, minutoSaida] = config.horarioSaida.split(':').map(Number);
-
-		return [
-			{ tipo: 'entrada', hora: horaEntrada, minuto: minutoEntrada, data },
-			{
-				tipo: 'saida_almoco',
-				hora: horaSaidaAlmoco,
-				minuto: minutoSaidaAlmoco,
-				data
-			},
-			{
-				tipo: 'retorno_almoco',
-				hora: horaRetornoAlmoco,
-				minuto: minutoRetornoAlmoco,
-				data
-			},
-			{ tipo: 'saida', hora: horaSaida, minuto: minutoSaida, data }
-		];
-	}
-
-	/**
-	 * Verifica se um registro esperado foi marcado
-	 */
-	function registroFoiMarcado(
-		registroEsperado: { tipo: string; hora: number; minuto: number },
-		registrosReais: Array<{ tipo: string; hora: number; minuto: number }>
-	): boolean {
-		return registrosReais.some((r) => r.tipo === registroEsperado.tipo);
-	}
-
-	function abrirModalImpressao(funcionarioId: Id<'funcionarios'>) {
-		funcionarioParaImprimir = funcionarioId;
-		mostrarModalImpressao = true;
-	}
+	*/
 
 	// Função para limpar todos os filtros
 	function limparFiltros() {
 		const hoje = new Date();
-		const trintaDiasAtras = new Date(hoje);
-		trintaDiasAtras.setDate(hoje.getDate() - 30);
+		const trintaDiasAtras = new Date(hoje.getTime() - 30 * 24 * 60 * 60 * 1000);
 
-		dataInicio = trintaDiasAtras.toISOString().split('T')[0]!;
-		dataFim = hoje.toISOString().split('T')[0]!;
+		const dataInicioStr = trintaDiasAtras.toISOString().split('T')[0]!;
+		const dataFimStr = hoje.toISOString().split('T')[0]!;
+
+		dataInicioInterno = dataInicioStr;
+		dataFimInterno = dataFimStr;
+		dataInicioExibicao = formatarDataParaExibicao(dataInicioStr);
+		dataFimExibicao = formatarDataParaExibicao(dataFimStr);
 		funcionarioIdFiltro = '';
 		statusFiltro = 'todos';
 		localizacaoFiltro = 'todos';
@@ -1050,8 +1100,7 @@
 			// Gerar CSV usando Papa Parse
 			const csv = Papa.unparse(csvData, {
 				header: true,
-				delimiter: ';',
-				encoding: 'UTF-8'
+				delimiter: ';'
 			});
 
 			// Adicionar BOM para Excel reconhecer UTF-8 corretamente
@@ -1080,14 +1129,35 @@
 		}
 	}
 
-	async function gerarPDFComSelecao(sections: {
-		dadosFuncionario: boolean;
-		registrosPonto: boolean;
-		saldoDiario: boolean;
-		bancoHoras: boolean;
-		alteracoesGestor: boolean;
-		dispensasRegistro: boolean;
-	}) {
+	// Wrapper para a função importada gerarPDFComSelecao
+	async function gerarPDFComSelecaoWrapper(sections: SectionsPDF) {
+		if (!funcionarioParaImprimir) return;
+
+		const funcionarioId = funcionarioParaImprimir;
+
+		await gerarPDFComSelecao(
+			client,
+			sections,
+			funcionarioId,
+			dataInicio,
+			dataFim,
+			funcionarios,
+			logoGovPE,
+			(message: string) => toast.error(message),
+			() => {
+				mostrarModalImpressao = false;
+				funcionarioParaImprimir = '';
+				toast.success('PDF gerado com sucesso!');
+			},
+			(value: boolean) => {
+				carregando = value;
+			}
+		);
+	}
+
+	// Função antiga comentada (foi movida para módulo)
+	/*
+	async function gerarPDFComSelecaoOld(sections: SectionsPDF) {
 		if (!funcionarioParaImprimir) return;
 
 		const funcionarioId = funcionarioParaImprimir;
@@ -1098,225 +1168,134 @@
 			return;
 		}
 
+		// Validar período
+		const validacaoPeriodo = validarPeriodo(dataInicio, dataFim);
+		if (!validacaoPeriodo.valido) {
+			toast.error(validacaoPeriodo.erro || 'Período inválido');
+			return;
+		}
+
 		const funcionario = funcionarios.find((f) => f._id === funcionarioId);
 		if (!funcionario) {
 			toast.error('Funcionário não encontrado');
 			return;
 		}
 
-		// Buscar registros do funcionário no período selecionado
-		const registrosFuncionario = await client.query(api.pontos.listarRegistrosPeriodo, {
-			funcionarioId,
-			dataInicio,
-			dataFim
-		});
-
-		if (!registrosFuncionario || registrosFuncionario.length === 0) {
-			toast.error('Nenhum registro encontrado para este funcionário no período selecionado');
-			return;
-		}
-
 		try {
-			const doc = new jsPDF();
+			// Início do bloco try para geração de PDF
+			carregando = true;
+			// Processar todos os dados necessários
+			const {
+				dias,
+				resumo,
+				config: configPonto
+			} = await processarDadosFichaPonto(client, funcionarioId, dataInicio, dataFim);
 
-			// Logo
-			let yPosition = 20;
-			try {
-				const logoImg = new Image();
-				logoImg.src = logoGovPE;
-				await new Promise<void>((resolve, reject) => {
-					logoImg.onload = () => resolve();
-					logoImg.onerror = () => reject();
-					setTimeout(() => reject(), 3000);
-				});
-
-				const logoWidth = 25;
-				const aspectRatio = logoImg.height / logoImg.width;
-				const logoHeight = logoWidth * aspectRatio;
-
-				doc.addImage(logoImg, 'PNG', 15, 10, logoWidth, logoHeight);
-				yPosition = Math.max(20, 10 + logoHeight / 2);
-			} catch (err) {
-				console.warn('Não foi possível carregar a logo:', err);
+			if (dias.length === 0) {
+				toast.error('Nenhum dado encontrado para este funcionário no período selecionado');
+				carregando = false;
+				return;
 			}
 
-			// Cabeçalho
-			doc.setFontSize(16);
-			doc.setTextColor(41, 128, 185);
-			doc.text('FICHA DE PONTO', 105, yPosition, { align: 'center' });
+			const doc = new jsPDF();
 
-			yPosition += 10;
+			// Logo e cabeçalho
+			let yPosition = await adicionarLogo(doc, logoGovPE);
+			yPosition = adicionarCabecalho(doc, yPosition);
 
 			// Dados do Funcionário
 			if (sections.dadosFuncionario) {
-				doc.setFontSize(12);
-				doc.setTextColor(0, 0, 0);
-				doc.setFont('helvetica', 'bold');
-				doc.text('DADOS DO FUNCIONÁRIO', 15, yPosition);
-				doc.setFont('helvetica', 'normal');
-
-				yPosition += 8;
-				doc.setFontSize(10);
-
-				if (funcionario.matricula) {
-					doc.text(`Matrícula: ${funcionario.matricula}`, 15, yPosition);
-					yPosition += 6;
-				}
-				doc.text(`Nome: ${funcionario.nome}`, 15, yPosition);
-				yPosition += 6;
-				if (funcionario.descricaoCargo) {
-					doc.text(`Cargo/Função: ${funcionario.descricaoCargo}`, 15, yPosition);
-					yPosition += 6;
-				}
-
-				yPosition += 5;
-				// Formatar período para exibição usando função centralizada
-				const periodoFormatado = `${formatarDataDDMMAAAA(dataInicio)} a ${formatarDataDDMMAAAA(dataFim)}`;
-				doc.text(`Período: ${periodoFormatado}`, 15, yPosition);
-				yPosition += 10;
+				yPosition = adicionarDadosFuncionario(doc, yPosition, funcionario, dataInicio, dataFim);
 			}
 
-			// Buscar homologações e dispensas
-			let homologacoes: Array<{
-				_id: Id<'homologacoesPonto'>;
-				criadoEm: number;
-				registroId?: Id<'registrosPonto'>;
-				horaAnterior?: number;
-				minutoAnterior?: number;
-				horaNova?: number;
-				minutoNova?: number;
-				tipoAjuste?: 'compensar' | 'abonar' | 'descontar';
-				periodoDias?: number;
-				periodoHoras?: number;
-				periodoMinutos?: number;
-				motivoDescricao?: string;
-				motivoTipo?: string;
-				observacoes?: string;
-			}> = [];
+			// Resumo do Período
+			yPosition = adicionarResumoPeriodo(doc, yPosition, resumo, formatarHoras, formatarMinutos);
 
-			let dispensas: Array<{
-				dataInicio: string;
-				dataFim: string;
-				horaInicio: number;
-				minutoInicio: number;
-				horaFim: number;
-				minutoFim: number;
-				motivo: string;
-				isento: boolean;
-			}> = [];
+			// Saldos do Período
+			yPosition = adicionarSaldosPeriodo(doc, yPosition, resumo, formatarMinutos);
 
-			if (sections.alteracoesGestor) {
-				try {
-					const todasHomologacoes =
-						(await client.query(api.pontos.listarHomologacoes, {
-							funcionarioId
-						})) || [];
+			// Legenda
+			yPosition = adicionarLegenda(doc, yPosition);
 
-					// Filtrar homologações pelo período selecionado
-					const dataInicioTimestamp = new Date(dataInicio + 'T00:00:00').getTime();
-					const dataFimTimestamp = new Date(dataFim + 'T23:59:59').getTime();
-
-					homologacoes = todasHomologacoes.filter((h) => {
-						return h.criadoEm >= dataInicioTimestamp && h.criadoEm <= dataFimTimestamp;
-					});
-				} catch (error) {
-					console.warn('Erro ao buscar homologações:', error);
-					// Continuar mesmo se houver erro ao buscar homologações
-				}
-			}
-
-			if (sections.dispensasRegistro) {
-				try {
-					const todasDispensas =
-						(await client.query(api.pontos.listarDispensas, {
-							funcionarioId,
-							apenasAtivas: false
-						})) || [];
-
-					// Filtrar dispensas que têm interseção com o período selecionado
-					const dataInicioPeriodo = new Date(dataInicio + 'T00:00:00');
-					const dataFimPeriodo = new Date(dataFim + 'T23:59:59');
-
-					dispensas = todasDispensas.filter((d) => {
-						const dispensaInicio = new Date(d.dataInicio + 'T00:00:00');
-						const dispensaFim = new Date(d.dataFim + 'T23:59:59');
-
-						// Verificar se há interseção entre os períodos
-						return dispensaInicio <= dataFimPeriodo && dispensaFim >= dataInicioPeriodo;
-					});
-				} catch (error) {
-					console.warn('Erro ao buscar dispensas:', error);
-					// Continuar mesmo se houver erro ao buscar dispensas
-				}
-			}
-
-			// Variável para armazenar saldos diários (usada no resumo do banco de horas)
-			const saldosDiariosPorData: Record<
-				string,
-				{
-					diferencaMinutos: number;
-					trabalhadoMinutos: number;
-					esperadoMinutos: number;
-				}
-			> = {};
-
-			// Tabela de registros
+			// ============================================
+			// SEÇÃO: TABELA PRINCIPAL DE REGISTROS
+			// ============================================
 			if (sections.registrosPonto) {
-				const config = await client.query(api.configuracaoPonto.obterConfiguracao, {});
-				if (!config) {
-					throw new Error('Configuração de ponto não encontrada');
+				if (yPosition > 250) {
+					doc.addPage();
+					yPosition = 20;
 				}
 
-				const tableData: any[][] = [];
+				doc.setFontSize(14);
+				doc.setTextColor(41, 128, 185);
+				doc.setFont('helvetica', 'bold');
+				doc.text('REGISTROS DE PONTO', 15, yPosition);
+				yPosition += 10;
 
-				// Agrupar registros reais por data
-				const registrosPorData: Record<
-					string,
-					Array<{
-						data: string;
-						tipo: string;
-						hora: number;
-						minuto: number;
-						dentroDoPrazo: boolean;
-						dentroRaioPermitido: boolean | null | undefined;
-						acelerometroX?: number | undefined;
-						acelerometroY?: number | undefined;
-						acelerometroZ?: number | undefined;
-						movimentoDetectado?: boolean | undefined;
-						magnitudeMovimento?: number | undefined;
-						sensorDisponivel?: boolean | undefined;
-					}>
-				> = {};
-
-				for (const r of registrosFuncionario) {
-					const dataKey = r.data;
-					if (!registrosPorData[dataKey]) {
-						registrosPorData[dataKey] = [];
+				// Função auxiliar para obter cor de fundo baseada no tipo de dia
+				const obterCorFundoTipoDia = (tipoDia: TipoDia): number[] => {
+					switch (tipoDia) {
+						case 'atestado':
+							return [230, 240, 255]; // Azul claro
+						case 'ausencia':
+							return [255, 255, 230]; // Amarelo claro
+						case 'abonado':
+							return [230, 255, 230]; // Verde claro
+						case 'nao_computado':
+							return [240, 240, 240]; // Cinza claro
+						case 'inconsistente':
+							return [255, 240, 230]; // Laranja claro
+						default:
+							return [255, 255, 255]; // Branco
 					}
-					registrosPorData[dataKey]!.push({
-						data: r.data,
-						tipo: r.tipo,
-						hora: r.hora,
-						minuto: r.minuto,
-						dentroDoPrazo: r.dentroDoPrazo,
-						dentroRaioPermitido: r.dentroRaioPermitido,
-						acelerometroX: r.acelerometroX,
-						acelerometroY: r.acelerometroY,
-						acelerometroZ: r.acelerometroZ,
-						movimentoDetectado: r.movimentoDetectado,
-						magnitudeMovimento: r.magnitudeMovimento,
-						sensorDisponivel: r.sensorDisponivel
-					});
-				}
+				};
 
-				// Gerar todos os dias do período
-				const diasPeriodo = gerarDiasPeriodo(dataInicio, dataFim);
+				// Função auxiliar para obter ícone do tipo de dia
+				const obterIconeTipoDia = (dia: DiaFichaPonto): string => {
+					if (dia.atestado) return '🏥';
+					if (dia.ausencia) return '🚫';
+					if (dia.licenca) return '📋';
+					if (dia.tipoDia === 'abonado') return '✅';
+					if (dia.tipoDia === 'nao_computado') return '⏸';
+					if (dia.inconsistencias.length > 0) return '⚠';
+					return '';
+				};
 
-				// Processar cada dia do período
-				for (const data of diasPeriodo) {
-					const dataFormatada = formatarDataDDMMAAAA(data);
-					const regsReais = registrosPorData[data] || [];
-					const regsEsperados = gerarRegistrosEsperados(data, config);
+				// Função auxiliar para obter texto do tipo de dia
+				const obterTextoTipoDia = (dia: DiaFichaPonto): string => {
+					if (dia.atestado) return 'Atestado';
+					if (dia.ausencia) return 'Ausência';
+					if (dia.licenca) return 'Licença';
+					if (dia.tipoDia === 'abonado') return 'Abonado';
+					if (dia.tipoDia === 'nao_computado') return 'Não Computado';
+					if (dia.inconsistencias.length > 0) return 'Inconsistente';
+					return 'Normal';
+				};
+
+				// Função auxiliar para formatar saldo
+				const formatarSaldo = (saldo: SaldoDiario | null): string => {
+					if (!saldo) return '-';
+					const horas = Math.floor(Math.abs(saldo.diferencaMinutos) / 60);
+					const minutos = Math.abs(saldo.diferencaMinutos) % 60;
+					const sinal = saldo.diferencaMinutos >= 0 ? '+' : '-';
+					return `${sinal}${horas}h ${minutos}min`;
+				};
+
+				const tableData: Array<
+					Array<
+						| string
+						| {
+								content: string;
+								styles?: { fillColor?: number[]; textColor?: number[]; fontStyle?: string };
+						  }
+					>
+				> = [];
+
+				// Processar cada dia usando os dados já processados
+				for (const dia of dias) {
+					const corFundo = obterCorFundoTipoDia(dia.tipoDia);
+					const iconeTipoDia = obterIconeTipoDia(dia);
+					const textoTipoDia = obterTextoTipoDia(dia);
 
 					// Combinar registros reais e esperados
 					const todosRegistros: Array<{
@@ -1328,7 +1307,7 @@
 					}> = [];
 
 					// Adicionar registros reais
-					for (const reg of regsReais) {
+					for (const reg of dia.registros) {
 						todosRegistros.push({
 							tipo: reg.tipo,
 							hora: reg.hora,
@@ -1338,9 +1317,9 @@
 						});
 					}
 
-					// Adicionar registros esperados não marcados (em vermelho)
-					for (const regEsperado of regsEsperados) {
-						if (!registroFoiMarcado(regEsperado, regsReais)) {
+					// Adicionar registros esperados não marcados
+					for (const regEsperado of dia.registrosEsperados) {
+						if (!registroFoiMarcado(regEsperado, dia.registros)) {
 							todosRegistros.push({
 								tipo: regEsperado.tipo,
 								hora: regEsperado.hora,
@@ -1350,43 +1329,200 @@
 						}
 					}
 
-					// Ordenar todos os registros por hora e minuto
+					// Ordenar registros por hora e minuto
 					todosRegistros.sort((a, b) => {
-						if (a.hora !== b.hora) {
-							return a.hora - b.hora;
-						}
-						return a.minuto - b.minuto;
-					});
-
-					// Calcular saldos comparativos por par entrada/saída (apenas com registros reais)
-					const regsReaisOrdenados = [...regsReais].sort((a, b) => {
 						if (a.hora !== b.hora) return a.hora - b.hora;
 						return a.minuto - b.minuto;
 					});
-					const saldosComparativosPorPar = calcularSaldoComparativoPorPar(
-						regsReaisOrdenados,
-						config
-					);
 
-					// Calcular saldos esperados para pares incompletos ou dias sem registros
-					const saldosEsperadosPorPar: Map<
-						number,
-						{
-							trabalhadoMinutos: number;
-							trabalhadoHoras: number;
-							trabalhadoMinutosResto: number;
-							esperadoMinutos: number;
-							esperadoHoras: number;
-							esperadoMinutosResto: number;
-							diferencaMinutos: number;
-							diferencaHoras: number;
-							diferencaMinutosResto: number;
-							tamanhoPar: number;
-							incompleto: boolean;
+					// Criar linhas da tabela para cada registro
+					for (let i = 0; i < todosRegistros.length; i++) {
+						const reg = todosRegistros[i];
+						const linha: Array<
+							| string
+							| {
+									content: string;
+									styles?: { fillColor?: number[]; textColor?: number[]; fontStyle?: string };
+							  }
+						> = [];
+
+						// Coluna Data (apenas na primeira linha do dia)
+						if (i === 0) {
+							linha.push({
+								content: dia.dataFormatada,
+								styles: { fillColor: corFundo, fontStyle: 'bold' }
+							});
+						} else {
+							linha.push('');
 						}
-					> = new Map();
 
-					// Calcular saldo diário total (diferença acumulada de todos os pares)
+						// Coluna Tipo de Dia (apenas na primeira linha)
+						if (i === 0) {
+							linha.push({
+								content: `${iconeTipoDia} ${textoTipoDia}`,
+								styles: { fillColor: corFundo }
+							});
+						} else {
+							linha.push('');
+						}
+
+						// Coluna Tipo de Registro
+						const tipoLabel = configPonto
+							? getTipoRegistroLabel(
+									reg.tipo as 'entrada' | 'saida_almoco' | 'retorno_almoco' | 'saida',
+									{
+										nomeEntrada: configPonto.nomeEntrada,
+										nomeSaidaAlmoco: configPonto.nomeSaidaAlmoco,
+										nomeRetornoAlmoco: configPonto.nomeRetornoAlmoco,
+										nomeSaida: configPonto.nomeSaida
+									}
+								)
+							: getTipoRegistroLabel(reg.tipo as 'entrada' | 'saida_almoco' | 'retorno_almoco' | 'saida');
+
+						linha.push({
+							content: `${reg.real ? '✓' : '✗'} ${tipoLabel}`,
+							styles: {
+								textColor: reg.real ? [0, 128, 0] : [200, 0, 0], // Verde se marcado, vermelho se não
+								fillColor: corFundo
+							}
+						});
+
+						// Coluna Horário
+						linha.push({
+							content: formatarHoraPonto(reg.hora, reg.minuto),
+							styles: {
+								textColor: reg.real ? [0, 0, 0] : [200, 0, 0], // Preto se marcado, vermelho se não
+								fillColor: corFundo
+							}
+						});
+
+						// Coluna Saldo Diário (apenas na primeira linha do dia, se houver saldo)
+						if (sections.saldoDiario) {
+							if (i === 0 && dia.saldoDiario) {
+								const saldoFormatado = formatarSaldo(dia.saldoDiario);
+								const saldoPositivo = dia.saldoDiario.diferencaMinutos > 0;
+								const saldoNegativo = dia.saldoDiario.diferencaMinutos < 0;
+
+								linha.push({
+									content: saldoFormatado,
+									styles: {
+										textColor: saldoPositivo ? [0, 128, 0] : saldoNegativo ? [200, 0, 0] : [0, 0, 0],
+										fontStyle: saldoPositivo || saldoNegativo ? 'bold' : 'normal',
+										fillColor: corFundo
+									}
+								});
+							} else {
+								linha.push('');
+							}
+						}
+
+						// Coluna Observações (apenas na primeira linha)
+						if (i === 0) {
+							const observacoes: string[] = [];
+							if (dia.atestado) {
+								observacoes.push(`Atestado: ${dia.atestado.motivo}`);
+							}
+							if (dia.ausencia) {
+								observacoes.push(`Ausência: ${dia.ausencia.motivo}`);
+							}
+							if (dia.licenca) {
+								observacoes.push(`Licença: ${dia.licenca.tipo}`);
+							}
+							if (dia.dispensa) {
+								observacoes.push(`Dispensa: ${dia.dispensa.motivo}`);
+							}
+							if (dia.inconsistencias.length > 0) {
+								observacoes.push(
+									`⚠ ${dia.inconsistencias.length} inconsistência(ões): ${dia.inconsistencias.map((inc) => inc.descricao).join('; ')}`
+								);
+							}
+							if (dia.ajustes.length > 0) {
+								observacoes.push(
+									`Ajustes: ${dia.ajustes.map((a) => `${a.tipo} ${Math.floor(a.valorMinutos / 60)}h ${a.valorMinutos % 60}min`).join(', ')}`
+								);
+							}
+
+							linha.push({
+								content: observacoes.join(' | ') || '-',
+								styles: { fillColor: corFundo, fontSize: 8 }
+							});
+						} else {
+							linha.push('');
+						}
+
+						// Coluna Status (Dentro do Prazo)
+						linha.push(
+							reg.real
+								? reg.dentroDoPrazo !== undefined
+									? reg.dentroDoPrazo
+										? 'Sim'
+										: 'Não'
+									: 'Não marcado'
+								: 'Não marcado'
+						);
+
+						tableData.push(linha);
+					}
+				}
+
+				// Cabeçalhos da tabela
+				const headers = ['Data', 'Tipo de Dia', 'Tipo', 'Horário'];
+				if (sections.saldoDiario) {
+					headers.push('Saldo Diário');
+				}
+				headers.push('Observações', 'Dentro do Prazo');
+
+				// Salvar a posição Y antes da tabela
+				const yPosAntesTabela = yPosition;
+
+				// Gerar tabela usando os dados processados
+				autoTable(doc, {
+					startY: yPosition,
+					head: [headers],
+					body: tableData,
+					theme: 'grid',
+					headStyles: { fillColor: [41, 128, 185], fontStyle: 'bold' },
+					styles: { fontSize: 9 },
+					didParseCell: function (data) {
+						// Aplicar cores baseadas no tipo de dia e status dos registros
+						if (data.row.raw) {
+							const rowData = data.row.raw as Array<
+								| string
+								| {
+										content: string;
+										styles?: { fillColor?: number[]; textColor?: number[]; fontStyle?: string };
+								  }
+							>;
+							// Aplicar estilos de células que têm objetos com styles
+							if (rowData[data.column.index] && typeof rowData[data.column.index] === 'object') {
+								const cellData = rowData[data.column.index] as {
+									content: string;
+									styles?: { fillColor?: number[]; textColor?: number[]; fontStyle?: string };
+								};
+								if (cellData.styles) {
+									if (cellData.styles.fillColor) {
+										data.cell.styles.fillColor = cellData.styles.fillColor;
+									}
+									if (cellData.styles.textColor) {
+										data.cell.styles.textColor = cellData.styles.textColor;
+									}
+									if (cellData.styles.fontStyle) {
+										data.cell.styles.fontStyle = cellData.styles.fontStyle;
+									}
+								}
+							}
+						}
+					}
+				});
+
+				type JsPDFWithAutoTableRegistros = jsPDF & {
+					lastAutoTable?: { finalY: number };
+				};
+				const finalYRegistros =
+					(doc as JsPDFWithAutoTableRegistros).lastAutoTable?.finalY ?? yPosition + 10;
+				yPosition = finalYRegistros + 10;
+
+				// Calcular saldo diário total (diferença acumulada de todos os pares)
 					// Declarar variáveis ANTES de usá-las
 					let saldoDiarioTotalDiferencaMinutos = 0;
 					let saldoDiarioTotalTrabalhadoMinutos = 0;
@@ -1546,9 +1682,32 @@
 							if ((reg.tipo === 'entrada' || reg.tipo === 'retorno_almoco') && !reg.real) {
 								// Verificar se a saída correspondente também não foi marcada
 								const tipoSaidaEsperado = reg.tipo === 'entrada' ? 'saida_almoco' : 'saida';
-								const saidaEsperada = todosRegistros.find(
-									(r, idx) => idx > i && r.tipo === tipoSaidaEsperado && !r.real
-								);
+
+								// Buscar a saída esperada que também não foi marcada
+								// IMPORTANTE: Garantir que estamos pegando a saída esperada correta do par,
+								// não confundindo com saídas esperadas de outros pares ou registros reais
+								const saidaEsperada = todosRegistros.find((r, idx) => {
+									// Deve estar após a entrada atual
+									if (idx <= i) return false;
+									// Deve ser do tipo esperado e não real
+									if (r.tipo !== tipoSaidaEsperado || r.real) return false;
+
+									// Verificar se há algum registro real do mesmo tipo entre a entrada e esta saída
+									// Se houver, esta não é a saída esperada do par não marcado
+									const minutosEntrada = reg.hora * 60 + reg.minuto;
+									const minutosSaidaEsperada = r.hora * 60 + r.minuto;
+
+									// Verificar se há registro real do mesmo tipo no intervalo entre entrada e saída esperada
+									const temRegistroRealNoIntervalo = regsReais.some((real) => {
+										if (real.tipo !== tipoSaidaEsperado) return false;
+										const minutosReal = real.hora * 60 + real.minuto;
+										// Se o registro real está entre a entrada e a saída esperada, não é o par correto
+										return minutosReal >= minutosEntrada && minutosReal < minutosSaidaEsperada;
+									});
+
+									// Se não há registro real no intervalo, esta é a saída esperada correta
+									return !temRegistroRealNoIntervalo;
+								});
 
 								if (saidaEsperada) {
 									// Par completamente não marcado: calcular saldo negativo
@@ -1589,10 +1748,23 @@
 									const diferencaHoras = Math.floor(Math.abs(diferencaMinutos) / 60);
 									const diferencaMinutosResto = Math.abs(diferencaMinutos) % 60;
 
-									// Encontrar índice da saída esperada na lista
-									const indexSaidaEsperada = todosRegistros.findIndex(
-										(r, idx) => idx > i && r.tipo === tipoSaidaEsperado && !r.real
-									);
+									// Encontrar índice da saída esperada na lista (usando a mesma lógica melhorada)
+									const indexSaidaEsperada = todosRegistros.findIndex((r, idx) => {
+										if (idx <= i) return false;
+										if (r.tipo !== tipoSaidaEsperado || r.real) return false;
+
+										// Verificar se há registro real no intervalo
+										const minutosEntrada = reg.hora * 60 + reg.minuto;
+										const minutosSaidaEsperada = r.hora * 60 + r.minuto;
+
+										const temRegistroRealNoIntervalo = regsReais.some((real) => {
+											if (real.tipo !== tipoSaidaEsperado) return false;
+											const minutosReal = real.hora * 60 + real.minuto;
+											return minutosReal >= minutosEntrada && minutosReal < minutosSaidaEsperada;
+										});
+
+										return !temRegistroRealNoIntervalo;
+									});
 
 									// Associar saldo negativo ao início do par (entrada)
 									saldosEsperadosPorPar.set(i, {
@@ -1732,7 +1904,7 @@
 					// Criar linhas da tabela
 					for (let i = 0; i < todosRegistros.length; i++) {
 						const reg = todosRegistros[i];
-						const linha: any[] = [
+						const linha: Array<string | { content: string; styles?: { fillColor?: number[]; textColor?: number[]; fontStyle?: string } }> = [
 							dataFormatada,
 							config
 								? getTipoRegistroLabel(
@@ -1984,9 +2156,24 @@
 										// Há registros reais mas este par não foi marcado completamente
 										// Verificar se é um par completamente não marcado
 										const tipoSaidaEsperado = reg.tipo === 'entrada' ? 'saida_almoco' : 'saida';
-										const saidaEsperadaExiste = todosRegistros.some(
-											(r, idx) => idx > i && r.tipo === tipoSaidaEsperado && !r.real
-										);
+
+										// Verificar se a saída esperada existe usando a mesma lógica melhorada
+										const saidaEsperadaExiste = todosRegistros.some((r, idx) => {
+											if (idx <= i) return false;
+											if (r.tipo !== tipoSaidaEsperado || r.real) return false;
+
+											// Verificar se há registro real no intervalo
+											const minutosEntrada = reg.hora * 60 + reg.minuto;
+											const minutosSaidaEsperada = r.hora * 60 + r.minuto;
+
+											const temRegistroRealNoIntervalo = regsReais.some((real) => {
+												if (real.tipo !== tipoSaidaEsperado) return false;
+												const minutosReal = real.hora * 60 + real.minuto;
+												return minutosReal >= minutosEntrada && minutosReal < minutosSaidaEsperada;
+											});
+
+											return !temRegistroRealNoIntervalo;
+										});
 
 										if (saidaEsperadaExiste) {
 											// Par completamente não marcado: calcular saldo negativo e decrementar saldo acumulado
@@ -2320,7 +2507,7 @@
 					const resultadoFinalFormatado = `${sinalResultadoFinal}${horasResultadoFinal}h ${minutosResultadoFinal}min`;
 
 					// Preparar dados da tabela com melhorias
-					const bancoHorasData: any[][] = [
+					const bancoHorasData: Array<[string, string]> = [
 						['Saldo Atual', saldoFormatado],
 						['Saldo Banco Acumulado de Períodos Anteriores', saldoAnteriorFormatado],
 						['Saldo do Período Exibido', saldoPeriodoDiferencaFormatado],
@@ -2562,6 +2749,188 @@
 				}
 			}
 
+			// ============================================
+			// SEÇÃO: DETALHAMENTO DE INCONSISTÊNCIAS
+			// ============================================
+			const todasInconsistencias = dias.flatMap((dia) =>
+				dia.inconsistencias.map((inc) => ({
+					...inc,
+					data: dia.data,
+					dataFormatada: dia.dataFormatada
+				}))
+			);
+
+			if (todasInconsistencias.length > 0) {
+				if (yPosition > doc.internal.pageSize.getHeight() - 60) {
+					doc.addPage();
+					yPosition = 20;
+				}
+
+				doc.setFontSize(12);
+				doc.setFont('helvetica', 'bold');
+				doc.setTextColor(41, 128, 185);
+				doc.text('DETALHAMENTO DE INCONSISTÊNCIAS', 15, yPosition);
+				doc.setFont('helvetica', 'normal');
+				doc.setTextColor(0, 0, 0);
+				yPosition += 10;
+
+				const inconsistenciasData = todasInconsistencias.map((inc) => {
+					const statusLabel =
+						inc.status === 'resolvida'
+							? 'Resolvida'
+							: inc.status === 'ignorada'
+								? 'Ignorada'
+								: 'Pendente';
+					const tipoLabel =
+						inc.tipo === 'ponto_com_atestado'
+							? 'Ponto com Atestado'
+							: inc.tipo === 'ponto_com_licenca'
+								? 'Ponto com Licença'
+								: inc.tipo === 'ponto_com_ausencia'
+									? 'Ponto com Ausência'
+									: inc.tipo === 'registro_duplicado'
+										? 'Registro Duplicado'
+										: inc.tipo === 'sequencia_invalida'
+											? 'Sequência Inválida'
+											: inc.tipo === 'saldo_inconsistente'
+												? 'Saldo Inconsistente'
+												: inc.tipo;
+					return [
+						inc.dataFormatada,
+						tipoLabel,
+						inc.descricao,
+						statusLabel,
+						inc.resolvidoEm
+							? `Resolvido em ${formatarDataDDMMAAAA(inc.resolvidoEm.toString())}`
+							: '-'
+					];
+				});
+
+				autoTable(doc, {
+					startY: yPosition,
+					head: [['Data', 'Tipo', 'Descrição', 'Status', 'Resolução']],
+					body: inconsistenciasData,
+					theme: 'grid',
+					headStyles: { fillColor: [41, 128, 185], fontStyle: 'bold' },
+					styles: { fontSize: 9 },
+					columnStyles: {
+						0: { cellWidth: 30 },
+						1: { cellWidth: 40 },
+						2: { cellWidth: 60, overflow: 'linebreak' },
+						3: { cellWidth: 30 },
+						4: { cellWidth: 30 }
+					},
+					didParseCell: function (data) {
+						// Colorir status
+						if (data.column.index === 3) {
+							const status = data.cell.text[0] as string;
+							if (status === 'Pendente') {
+								data.cell.styles.textColor = [255, 140, 0]; // Laranja
+								data.cell.styles.fontStyle = 'bold';
+							} else if (status === 'Resolvida') {
+								data.cell.styles.textColor = [0, 128, 0]; // Verde
+							} else if (status === 'Ignorada') {
+								data.cell.styles.textColor = [128, 128, 128]; // Cinza
+							}
+						}
+					}
+				});
+
+				const lastPageInconsistencias = doc.getNumberOfPages();
+				doc.setPage(lastPageInconsistencias);
+				const finalYInconsistencias = (doc as { lastAutoTable?: { finalY: number } })
+					.lastAutoTable?.finalY;
+				if (finalYInconsistencias) {
+					yPosition = finalYInconsistencias + 10;
+				} else {
+					yPosition += inconsistenciasData.length * 7 + 10;
+				}
+			}
+
+			// ============================================
+			// SEÇÃO: AJUSTES DE BANCO DE HORAS
+			// ============================================
+			const todosAjustes = dias.flatMap((dia) =>
+				dia.ajustes.map((ajuste) => ({
+					...ajuste,
+					data: dia.data,
+					dataFormatada: dia.dataFormatada
+				}))
+			);
+
+			if (todosAjustes.length > 0) {
+				if (yPosition > doc.internal.pageSize.getHeight() - 60) {
+					doc.addPage();
+					yPosition = 20;
+				}
+
+				doc.setFontSize(12);
+				doc.setFont('helvetica', 'bold');
+				doc.setTextColor(41, 128, 185);
+				doc.text('AJUSTES DE BANCO DE HORAS', 15, yPosition);
+				doc.setFont('helvetica', 'normal');
+				doc.setTextColor(0, 0, 0);
+				yPosition += 10;
+
+				const ajustesData = todosAjustes.map((ajuste) => {
+					const tipoLabel =
+						ajuste.tipo === 'abonar'
+							? 'Abonar'
+							: ajuste.tipo === 'descontar'
+								? 'Descontar'
+								: 'Compensar';
+					const horas = Math.floor(Math.abs(ajuste.valorMinutos) / 60);
+					const minutos = Math.abs(ajuste.valorMinutos) % 60;
+					const sinal = ajuste.valorMinutos >= 0 ? '+' : '-';
+					const valorFormatado = `${sinal}${horas}h ${minutos}min`;
+					return [
+						ajuste.dataFormatada,
+						tipoLabel,
+						valorFormatado,
+						ajuste.motivoDescricao || '-',
+						ajuste.gestorId ? 'Gestor' : 'Automático'
+					];
+				});
+
+				autoTable(doc, {
+					startY: yPosition,
+					head: [['Data', 'Tipo', 'Valor', 'Motivo', 'Autor']],
+					body: ajustesData,
+					theme: 'grid',
+					headStyles: { fillColor: [41, 128, 185], fontStyle: 'bold' },
+					styles: { fontSize: 9 },
+					columnStyles: {
+						0: { cellWidth: 30 },
+						1: { cellWidth: 30 },
+						2: { cellWidth: 30 },
+						3: { cellWidth: 50, overflow: 'linebreak' },
+						4: { cellWidth: 30 }
+					},
+					didParseCell: function (data) {
+						// Colorir valores
+						if (data.column.index === 2) {
+							const valor = data.cell.text[0] as string;
+							if (valor.startsWith('+')) {
+								data.cell.styles.textColor = [0, 128, 0]; // Verde
+								data.cell.styles.fontStyle = 'bold';
+							} else if (valor.startsWith('-')) {
+								data.cell.styles.textColor = [200, 0, 0]; // Vermelho
+								data.cell.styles.fontStyle = 'bold';
+							}
+						}
+					}
+				});
+
+				const lastPageAjustes = doc.getNumberOfPages();
+				doc.setPage(lastPageAjustes);
+				const finalYAjustes = (doc as { lastAutoTable?: { finalY: number } }).lastAutoTable?.finalY;
+				if (finalYAjustes) {
+					yPosition = finalYAjustes + 10;
+				} else {
+					yPosition += ajustesData.length * 7 + 10;
+				}
+			}
+
 			// Dispensas de Registro
 			if (sections.dispensasRegistro && dispensas.length > 0) {
 				if (yPosition > doc.internal.pageSize.getHeight() - 60) {
@@ -2610,18 +2979,7 @@
 			}
 
 			// Rodapé
-			const pageCount = doc.getNumberOfPages();
-			for (let i = 1; i <= pageCount; i++) {
-				doc.setPage(i);
-				doc.setFontSize(8);
-				doc.setTextColor(128, 128, 128);
-				doc.text(
-					`SGSE - Sistema de Gerenciamento de Secretaria | Página ${i} de ${pageCount}`,
-					doc.internal.pageSize.getWidth() / 2,
-					doc.internal.pageSize.getHeight() - 10,
-					{ align: 'center' }
-				);
-			}
+			adicionarRodape(doc);
 
 			// Salvar
 			const nomeArquivo = `ficha-ponto-${funcionario.matricula || funcionario.nome}-${dataInicio}-${dataFim}.pdf`;
@@ -2634,9 +2992,22 @@
 		} catch (error) {
 			console.error('Erro ao gerar PDF:', error);
 			const errorMessage = error instanceof Error ? error.message : String(error);
-			toast.error(`Erro ao gerar ficha de ponto: ${errorMessage}`);
+			
+			// Mensagens de erro mais específicas
+			if (errorMessage.includes('Configuração de ponto não encontrada')) {
+				toast.error('Configuração de ponto não encontrada. Entre em contato com o administrador.');
+			} else if (errorMessage.includes('Nenhum dado encontrado')) {
+				toast.error('Nenhum dado encontrado para este funcionário no período selecionado.');
+			} else if (errorMessage.includes('timeout') || errorMessage.includes('Timeout')) {
+				toast.error('Tempo de geração excedido. Tente um período menor (máximo 90 dias).');
+			} else {
+				toast.error(`Erro ao gerar ficha de ponto: ${errorMessage}`);
+			}
+		} finally {
+			carregando = false;
 		}
 	}
+	*/
 
 	function abrirModalDetalhes(registroId: Id<'registrosPonto'>) {
 		if (!registroId) {
@@ -2652,7 +3023,16 @@
 		registroDetalhesId = '';
 	}
 
-	async function imprimirDetalhesRegistro(registroId: Id<'registrosPonto'>) {
+	// Wrapper para a função importada imprimirDetalhesRegistro
+	async function imprimirDetalhesRegistroWrapper(registroId: Id<'registrosPonto'>) {
+		await imprimirDetalhesRegistro(client, registroId, logoGovPE, (message: string) =>
+			toast.error(message)
+		);
+	}
+
+	// Função antiga comentada (foi movida para módulo)
+	/*
+	async function imprimirDetalhesRegistroOld(registroId: Id<'registrosPonto'>) {
 		try {
 			// Buscar dados completos do registro
 			const registro = await client.query(api.pontos.obterRegistro, {
@@ -2703,7 +3083,7 @@
 			yPosition += 15;
 
 			// Informações do Funcionário em tabela
-			const funcionarioData: any[][] = [];
+			const funcionarioData: Array<[string, string]> = [];
 			if (registro.funcionario) {
 				if (registro.funcionario.matricula) {
 					funcionarioData.push(['Matrícula', registro.funcionario.matricula]);
@@ -2764,7 +3144,7 @@
 
 			const dataHora = `${registro.data} ${registro.hora.toString().padStart(2, '0')}:${registro.minuto.toString().padStart(2, '0')}:${registro.segundo.toString().padStart(2, '0')}`;
 
-			const registroData: any[][] = [
+			const registroData: Array<[string, string]> = [
 				['Tipo', tipoLabel],
 				['Data e Hora', dataHora],
 				['Status', registro.dentroDoPrazo ? 'Dentro do Prazo' : 'Fora do Prazo'],
@@ -2837,7 +3217,7 @@
 					yPosition = 20;
 				}
 
-				const localizacaoData: any[][] = [
+				const localizacaoData: Array<[string, string]> = [
 					['Latitude', registro.latitude.toFixed(6)],
 					['Longitude', registro.longitude.toFixed(6)]
 				];
@@ -2918,7 +3298,7 @@
 				yPosition += 10;
 
 				// Dados do GPS em tabela
-				const gpsData: any[][] = [];
+				const gpsData: Array<[string, string]> = [];
 				if (registro.precisao !== null && registro.precisao !== undefined) {
 					gpsData.push(['Precisão', `${registro.precisao.toFixed(2)} metros`]);
 				}
@@ -2955,7 +3335,7 @@
 				}
 
 				// Confiabilidade em tabela
-				const confiabilidadeData: any[][] = [];
+				const confiabilidadeData: Array<[string, string]> = [];
 				if (registro.confiabilidadeGPS !== null && registro.confiabilidadeGPS !== undefined) {
 					const confiabilidadePercent = (registro.confiabilidadeGPS * 100).toFixed(1);
 					confiabilidadeData.push(['Confiabilidade GPS (Frontend)', `${confiabilidadePercent}%`]);
@@ -3026,7 +3406,7 @@
 
 				// Status de Validação em destaque
 				if (registro.suspeitaSpoofing !== null && registro.suspeitaSpoofing !== undefined) {
-					const statusData: any[][] = [];
+					const statusData: Array<[string, string]> = [];
 
 					if (registro.suspeitaSpoofing) {
 						statusData.push(['Status', '⚠️ MARCAÇÃO SUSPEITA DETECTADA']);
@@ -3127,7 +3507,7 @@
 				}
 
 				// Análise de Propriedades GPS em tabela
-				const propriedadesData: any[][] = [];
+				const propriedadesData: Array<[string, string]> = [];
 				let propriedadesGPS = 0;
 				const propriedadesTotais = 5;
 
@@ -3294,7 +3674,7 @@
 						}
 					}
 
-					const geofencingData: any[][] = [
+					const geofencingData: Array<[string, string]> = [
 						['Endereço Esperado', enderecoEsperadoNome],
 						['Localização', enderecoEsperadoEndereco]
 					];
@@ -3444,7 +3824,7 @@
 			yPosition += 10;
 
 			// Consolidar todos os dados técnicos em uma única tabela
-			const dadosTecnicosData: any[][] = [];
+			const dadosTecnicosData: Array<[string, string]> = [];
 
 			// Informações de Rede
 			if (registro.ipAddress || registro.ipPublico || registro.ipLocal) {
@@ -3691,6 +4071,7 @@
 			alert('Erro ao gerar relatório detalhado. Tente novamente.');
 		}
 	}
+	*/
 </script>
 
 <div class="container mx-auto max-w-7xl px-4 py-6">
@@ -3878,28 +4259,30 @@
 		</div>
 	</div>
 
-	<!-- Filtros -->
-	<div class="card bg-base-100/90 border-base-300 mb-8 border shadow-xl backdrop-blur-sm">
-		<div class="card-body">
-			<div class="mb-6 flex items-center justify-between">
+	<!-- Seção Integrada: Filtros e Registros -->
+	<div class="card bg-base-100 border-base-300 border shadow-xl">
+		<div class="card-body p-6">
+			<!-- Cabeçalho Unificado -->
+			<div class="mb-6 flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
 				<div class="flex items-center gap-3">
-					<div class="bg-secondary/10 rounded-lg p-2">
-						<Filter class="text-secondary h-5 w-5" strokeWidth={2.5} />
+					<div class="from-primary/20 to-primary/10 rounded-xl bg-gradient-to-br p-3 shadow-sm">
+						<Clock class="text-primary h-6 w-6" strokeWidth={2.5} />
+					</div>
+					<div>
+						<h2 class="text-base-content text-2xl font-bold">Registros de Ponto</h2>
+						<p class="text-base-content/60 mt-1 text-sm">
+							Gerencie e visualize os registros de ponto dos funcionários
+						</p>
 					</div>
-					<h2 class="card-title mb-0 text-2xl">Filtros de Busca</h2>
 				</div>
-				<div class="flex items-center gap-3">
-					<button
-						type="button"
-						class="btn btn-outline btn-secondary gap-2 shadow-md transition-all hover:shadow-lg"
-						onclick={limparFiltros}
-					>
+				<div class="flex flex-wrap items-center gap-2">
+					<button type="button" class="btn btn-outline btn-sm gap-2" onclick={limparFiltros}>
 						<Filter class="h-4 w-4" />
 						Limpar Filtros
 					</button>
 					<button
 						type="button"
-						class="btn btn-primary gap-2 shadow-md transition-all hover:shadow-lg"
+						class="btn btn-primary btn-sm gap-2"
 						onclick={exportarCSV}
 						disabled={registrosFiltrados.length === 0}
 					>
@@ -3908,127 +4291,236 @@
 					</button>
 				</div>
 			</div>
-			<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-5">
-				<div class="form-control">
-					<label class="label" for="data-inicio">
-						<span class="label-text font-semibold">Data Início</span>
-					</label>
-					<input
-						id="data-inicio"
-						type="date"
-						bind:value={dataInicio}
-						class="input input-bordered input-primary focus:input-primary focus:ring-primary/20 focus:ring-2"
-					/>
-				</div>
 
-				<div class="form-control">
-					<label class="label" for="data-fim">
-						<span class="label-text font-semibold">Data Fim</span>
-					</label>
-					<input
-						id="data-fim"
-						type="date"
-						bind:value={dataFim}
-						class="input input-bordered input-primary focus:input-primary focus:ring-primary/20 focus:ring-2"
-					/>
+			<!-- Filtros Compactos e Modernos -->
+			<div class="bg-base-200/50 border-base-300 mb-6 rounded-xl border p-4">
+				<div class="mb-3 flex items-center gap-2">
+					<Filter class="text-base-content/60 h-4 w-4" strokeWidth={2} />
+					<span class="text-base-content/70 text-sm font-semibold">Filtros de Busca</span>
 				</div>
+				<div class="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-5">
+					<div class="form-control">
+						<label class="label py-1" for="data-inicio-text">
+							<span class="label-text text-base-content/70 text-xs font-medium">Data Início</span>
+						</label>
+						<div class="relative">
+							<input
+								id="data-inicio-text"
+								type="text"
+								inputmode="numeric"
+								placeholder="dd/mm/aaaa"
+								value={dataInicioExibicao}
+								class="input input-bordered input-sm focus:input-primary pr-10"
+								oninput={(e) => {
+									const target = e.target as HTMLInputElement;
+									const valorComMascara = maskDate(target.value);
+									dataInicioExibicao = valorComMascara;
 
-				<div class="form-control">
-					<label class="label" for="funcionario">
-						<span class="label-text font-semibold">Funcionário</span>
-					</label>
-					<select
-						id="funcionario"
-						bind:value={funcionarioIdFiltro}
-						class="select select-bordered select-primary focus:select-primary focus:ring-primary/20 focus:ring-2"
-					>
-						<option value="">Todos os funcionários</option>
-						{#each funcionarios as funcionario}
-							<option value={funcionario._id}>{funcionario.nome}</option>
-						{/each}
-					</select>
-				</div>
-
-				<div class="form-control">
-					<label class="label" for="status">
-						<span class="label-text font-semibold">Status</span>
-					</label>
-					<select
-						id="status"
-						bind:value={statusFiltro}
-						class="select select-bordered select-primary focus:select-primary focus:ring-primary/20 focus:ring-2"
-					>
-						<option value="todos">Todos</option>
-						<option value="dentro">Dentro do Prazo</option>
-						<option value="fora">Fora do Prazo</option>
-					</select>
-				</div>
-
-				<div class="form-control">
-					<label class="label" for="localizacao">
-						<span class="label-text font-semibold">Localização</span>
-					</label>
-					<select
-						id="localizacao"
-						bind:value={localizacaoFiltro}
-						class="select select-bordered select-primary focus:select-primary focus:ring-primary/20 focus:ring-2"
-					>
-						<option value="todos">Todas</option>
-						<option value="dentro">Dentro do Raio</option>
-						<option value="fora">Fora do Raio</option>
-					</select>
-				</div>
-			</div>
-
-			<!-- Indicador de registros filtrados -->
-			{#if statusFiltro !== 'todos' || localizacaoFiltro !== 'todos'}
-				<div class="bg-info/10 border-info/20 mt-4 rounded-lg border p-3">
-					<p class="text-base-content/80 text-sm">
-						<strong>{registrosFiltrados.length}</strong> registro(s) encontrado(s) com os filtros
-						aplicados
-						{#if registros.length !== registrosFiltrados.length}
-							<span class="text-base-content/60 text-xs">
-								(de {registros.length} total)
-							</span>
-						{/if}
-					</p>
-				</div>
-			{/if}
-		</div>
-	</div>
-
-	<!-- Lista de Registros -->
-	<div class="card bg-base-100/90 border-base-300 border shadow-xl backdrop-blur-sm">
-		<div class="card-body">
-			<div class="mb-6 flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
-				<div class="flex items-center gap-3">
-					<div class="bg-primary/10 rounded-lg p-2">
-						<Clock class="text-primary h-6 w-6" strokeWidth={2.5} />
+									// Converter para formato backend quando completo
+									if (validateDate(valorComMascara)) {
+										dataInicioInterno = formatarDataParaBackendWrapper(valorComMascara);
+										// Atualizar o input date oculto
+										const dateInput = document.getElementById(
+											'data-inicio-date'
+										) as HTMLInputElement;
+										if (dateInput) {
+											dateInput.value = dataInicioInterno;
+										}
+									}
+								}}
+								onblur={() => {
+									// Validar e corrigir ao sair do campo
+									if (dataInicioExibicao && !validateDate(dataInicioExibicao)) {
+										toast.error('Data de início inválida. Use o formato dd/mm/aaaa');
+										dataInicioExibicao = formatarDataParaExibicao(dataInicioInterno);
+									} else if (dataInicioExibicao && validateDate(dataInicioExibicao)) {
+										dataInicioInterno = formatarDataParaBackendWrapper(dataInicioExibicao);
+									}
+								}}
+							/>
+							<input
+								id="data-inicio-date"
+								type="date"
+								value={dataInicioInterno}
+								class="sr-only"
+								onchange={(e) => {
+									const target = e.target as HTMLInputElement;
+									if (target.value) {
+										dataInicioInterno = target.value;
+										dataInicioExibicao = formatarDataParaExibicao(target.value);
+									}
+								}}
+							/>
+							<button
+								type="button"
+								class="btn btn-ghost btn-xs btn-circle absolute top-1/2 right-2 z-20 h-6 w-6 -translate-y-1/2 p-0"
+								onclick={() => {
+									const dateInput = document.getElementById('data-inicio-date') as HTMLInputElement;
+									if (dateInput?.showPicker) {
+										dateInput.showPicker();
+									} else {
+										// Fallback: clicar no input date
+										dateInput?.click();
+									}
+								}}
+								title="Abrir calendário"
+							>
+								<Calendar class="text-base-content/50 h-3.5 w-3.5" />
+							</button>
+						</div>
+					</div>
+
+					<div class="form-control">
+						<label class="label py-1" for="data-fim-text">
+							<span class="label-text text-base-content/70 text-xs font-medium">Data Fim</span>
+						</label>
+						<div class="relative">
+							<input
+								id="data-fim-text"
+								type="text"
+								inputmode="numeric"
+								placeholder="dd/mm/aaaa"
+								value={dataFimExibicao}
+								class="input input-bordered input-sm focus:input-primary pr-10"
+								oninput={(e) => {
+									const target = e.target as HTMLInputElement;
+									const valorComMascara = maskDate(target.value);
+									dataFimExibicao = valorComMascara;
+
+									// Converter para formato backend quando completo
+									if (validateDate(valorComMascara)) {
+										dataFimInterno = formatarDataParaBackendWrapper(valorComMascara);
+										// Atualizar o input date oculto
+										const dateInput = document.getElementById('data-fim-date') as HTMLInputElement;
+										if (dateInput) {
+											dateInput.value = dataFimInterno;
+										}
+									}
+								}}
+								onblur={() => {
+									// Validar e corrigir ao sair do campo
+									if (dataFimExibicao && !validateDate(dataFimExibicao)) {
+										toast.error('Data de fim inválida. Use o formato dd/mm/aaaa');
+										dataFimExibicao = formatarDataParaExibicao(dataFimInterno);
+									} else if (dataFimExibicao && validateDate(dataFimExibicao)) {
+										dataFimInterno = formatarDataParaBackendWrapper(dataFimExibicao);
+									}
+								}}
+							/>
+							<input
+								id="data-fim-date"
+								type="date"
+								value={dataFimInterno}
+								class="sr-only"
+								onchange={(e) => {
+									const target = e.target as HTMLInputElement;
+									if (target.value) {
+										dataFimInterno = target.value;
+										dataFimExibicao = formatarDataParaExibicao(target.value);
+									}
+								}}
+							/>
+							<button
+								type="button"
+								class="btn btn-ghost btn-xs btn-circle absolute top-1/2 right-2 z-20 h-6 w-6 -translate-y-1/2 p-0"
+								onclick={() => {
+									const dateInput = document.getElementById('data-fim-date') as HTMLInputElement;
+									if (dateInput?.showPicker) {
+										dateInput.showPicker();
+									} else {
+										// Fallback: clicar no input date
+										dateInput?.click();
+									}
+								}}
+								title="Abrir calendário"
+							>
+								<Calendar class="text-base-content/50 h-3.5 w-3.5" />
+							</button>
+						</div>
+					</div>
+
+					<div class="form-control">
+						<label class="label py-1" for="funcionario">
+							<span class="label-text text-base-content/70 text-xs font-medium">Funcionário</span>
+						</label>
+						<select
+							id="funcionario"
+							bind:value={funcionarioIdFiltro}
+							class="select select-bordered select-sm focus:select-primary"
+						>
+							<option value="">Todos os funcionários</option>
+							{#each funcionarios as funcionario (funcionario._id)}
+								<option value={funcionario._id}>{funcionario.nome}</option>
+							{/each}
+						</select>
+					</div>
+
+					<div class="form-control">
+						<label class="label py-1" for="status">
+							<span class="label-text text-base-content/70 text-xs font-medium">Status</span>
+						</label>
+						<select
+							id="status"
+							bind:value={statusFiltro}
+							class="select select-bordered select-sm focus:select-primary"
+						>
+							<option value="todos">Todos</option>
+							<option value="dentro">Dentro do Prazo</option>
+							<option value="fora">Fora do Prazo</option>
+						</select>
+					</div>
+
+					<div class="form-control">
+						<label class="label py-1" for="localizacao">
+							<span class="label-text text-base-content/70 text-xs font-medium">Localização</span>
+						</label>
+						<select
+							id="localizacao"
+							bind:value={localizacaoFiltro}
+							class="select select-bordered select-sm focus:select-primary"
+						>
+							<option value="todos">Todas</option>
+							<option value="dentro">Dentro do Raio</option>
+							<option value="fora">Fora do Raio</option>
+						</select>
 					</div>
-					<h2 class="card-title mb-0 text-2xl">Registros de Ponto</h2>
 				</div>
 
-				<!-- Exibição dos Filtros Selecionados -->
-				{#if funcionarioIdFiltro || dataInicio || dataFim}
-					<div class="flex flex-wrap items-center gap-2">
+				<!-- Badges de Filtros Ativos -->
+				{#if funcionarioIdFiltro || dataInicio || dataFim || statusFiltro !== 'todos' || localizacaoFiltro !== 'todos'}
+					<div class="border-base-300 mt-4 flex flex-wrap items-center gap-2 border-t pt-3">
+						<span class="text-base-content/60 text-xs font-medium">Filtros ativos:</span>
 						{#if funcionarioIdFiltro && funcionarioSelecionadoNome}
-							<div class="badge badge-primary badge-lg gap-2 px-4 py-3">
-								<Users class="h-4 w-4" />
+							<div class="badge badge-primary badge-sm gap-1.5">
+								<Users class="h-3 w-3" />
 								{funcionarioSelecionadoNome}
 							</div>
 						{/if}
 						{#if dataInicio}
-							<div class="badge badge-info badge-lg gap-2 px-4 py-3">
-								<Clock class="h-4 w-4" />
+							<div class="badge badge-info badge-sm gap-1.5">
+								<Clock class="h-3 w-3" />
 								De: {formatarDataDDMMAAAA(dataInicio)}
 							</div>
 						{/if}
 						{#if dataFim}
-							<div class="badge badge-info badge-lg gap-2 px-4 py-3">
-								<Clock class="h-4 w-4" />
+							<div class="badge badge-info badge-sm gap-1.5">
+								<Clock class="h-3 w-3" />
 								Até: {formatarDataDDMMAAAA(dataFim)}
 							</div>
 						{/if}
+						{#if statusFiltro !== 'todos'}
+							<div class="badge badge-warning badge-sm">
+								Status: {statusFiltro === 'dentro' ? 'Dentro do Prazo' : 'Fora do Prazo'}
+							</div>
+						{/if}
+						{#if localizacaoFiltro !== 'todos'}
+							<div class="badge badge-secondary badge-sm">
+								Local: {localizacaoFiltro === 'dentro' ? 'Dentro do Raio' : 'Fora do Raio'}
+							</div>
+						{/if}
+						<div class="badge badge-ghost badge-sm">
+							{registrosFiltrados.length} registro(s)
+						</div>
 					</div>
 				{/if}
 			</div>
@@ -4093,92 +4585,91 @@
 					</div>
 				</div>
 			{:else}
-				<div class="space-y-6">
-					{#each registrosAgrupados as grupo}
+				<div class="space-y-4">
+					{#each registrosAgrupados as grupo (grupo.funcionarioId)}
 						<div
-							class="card from-base-100 to-base-200/50 border-base-300 border bg-gradient-to-br shadow-lg transition-all duration-300 hover:shadow-xl"
+							class="card bg-base-100 border-base-300 border shadow-md transition-all duration-200 hover:shadow-lg"
 						>
-							<div class="card-body p-6">
-								<!-- Cabeçalho melhorado -->
-								<div class="border-base-300 mb-6 border-b pb-4">
-									<div
-										class="flex flex-col items-start justify-between gap-4 lg:flex-row lg:items-center"
-									>
+							<div class="card-body p-5">
+								<!-- Cabeçalho Modernizado -->
+								<div
+									class="border-base-300 mb-4 flex flex-col gap-4 border-b pb-4 lg:flex-row lg:items-center lg:justify-between"
+								>
+									<div class="flex items-start gap-3">
+										<div class="bg-primary/10 rounded-lg p-2.5">
+											<Users class="text-primary h-5 w-5" strokeWidth={2.5} />
+										</div>
 										<div class="flex-1">
-											<div class="mb-2 flex items-center gap-3">
-												<div class="bg-primary/10 rounded-lg p-2">
-													<Users class="text-primary h-5 w-5" strokeWidth={2.5} />
-												</div>
-												<div>
-													<h3 class="text-base-content text-lg font-bold">
-														{grupo.funcionario?.nome || 'Funcionário não encontrado'}
-													</h3>
-													{#if grupo.funcionario?.matricula}
-														<p class="text-base-content/70 mt-1 text-sm">
-															<span class="font-medium">Matrícula:</span>
-															<span class="font-semibold">{grupo.funcionario.matricula}</span>
-														</p>
-													{/if}
-												</div>
-											</div>
+											<h3 class="text-base-content text-lg font-bold">
+												{grupo.funcionario?.nome || 'Funcionário não encontrado'}
+											</h3>
+											{#if grupo.funcionario?.matricula}
+												<p class="text-base-content/60 mt-1 text-sm">
+													Matrícula: <span class="font-semibold">{grupo.funcionario.matricula}</span
+													>
+												</p>
+											{/if}
 											{#if grupo.funcionario?.descricaoCargo}
-												<p class="text-base-content/60 ml-11 text-sm font-medium">
+												<p class="text-base-content/50 mt-1 text-xs">
 													{grupo.funcionario.descricaoCargo}
 												</p>
 											{/if}
 										</div>
+									</div>
 
-										<div class="flex flex-wrap items-center gap-3">
-											<!-- Banco de Horas -->
-											{#key grupo.funcionarioId}
-												{@const bancoHorasQuery = useQuery(api.pontos.obterBancoHorasFuncionario, {
-													funcionarioId: grupo.funcionarioId
-												})}
-												{@const bancoHoras = bancoHorasQuery?.data}
-												{@const saldoAcumulado = bancoHoras?.saldoAcumuladoMinutos ?? 0}
-												{@const saldoPositivo = saldoAcumulado >= 0}
+									<div class="flex flex-wrap items-center gap-3">
+										<!-- Banco de Horas -->
+										{#key grupo.funcionarioId}
+											{@const bancoHorasQuery = useQuery(api.pontos.obterBancoHorasFuncionario, {
+												funcionarioId: grupo.funcionarioId
+											})}
+											{@const bancoHoras = bancoHorasQuery?.data}
+											{@const saldoAcumulado = bancoHoras?.saldoAcumuladoMinutos ?? 0}
+											{@const saldoPositivo = saldoAcumulado >= 0}
 
-												{#if bancoHoras}
-													<div
-														class="rounded-xl border-2 p-4 shadow-md transition-all hover:scale-105 {saldoPositivo
-															? 'border-success/50 from-success/10 to-success/5 bg-gradient-to-br'
-															: 'border-error/50 from-error/10 to-error/5 bg-gradient-to-br'}"
-													>
-														<div class="flex items-center gap-3">
-															<div
-																class="p-2 {saldoPositivo
-																	? 'bg-success/20'
-																	: 'bg-error/20'} rounded-lg"
+											{#if bancoHoras}
+												<div
+													class="rounded-lg border p-3 shadow-sm transition-all hover:shadow-md {saldoPositivo
+														? 'border-success/30 bg-success/5'
+														: 'border-error/30 bg-error/5'}"
+												>
+													<div class="flex items-center gap-2.5">
+														<div
+															class="rounded-lg p-1.5 {saldoPositivo
+																? 'bg-success/20'
+																: 'bg-error/20'}"
+														>
+															{#if saldoPositivo}
+																<TrendingUp class="text-success h-4 w-4" strokeWidth={2.5} />
+															{:else}
+																<TrendingDown class="text-error h-4 w-4" strokeWidth={2.5} />
+															{/if}
+														</div>
+														<div>
+															<p class="text-base-content/60 text-xs font-medium">Banco de Horas</p>
+															<p
+																class="text-base font-bold {saldoPositivo
+																	? 'text-success'
+																	: 'text-error'}"
 															>
-																{#if saldoPositivo}
-																	<TrendingUp class="text-success h-5 w-5" strokeWidth={2.5} />
-																{:else}
-																	<TrendingDown class="text-error h-5 w-5" strokeWidth={2.5} />
-																{/if}
-															</div>
-															<div>
-																<p class="mb-1 text-xs font-semibold opacity-70">Banco de Horas</p>
-																<p
-																	class="text-xl font-bold {saldoPositivo
-																		? 'text-success'
-																		: 'text-error'}"
-																>
-																	{formatarSaldoHoras(saldoAcumulado)}
-																</p>
-															</div>
+																{formatarSaldoHoras(saldoAcumulado)}
+															</p>
 														</div>
 													</div>
-												{/if}
-											{/key}
+												</div>
+											{/if}
+										{/key}
 
-											<button
-												class="btn btn-primary gap-2 shadow-md transition-all hover:shadow-lg"
-												onclick={() => abrirModalImpressao(grupo.funcionarioId)}
-											>
-												<Printer class="h-4 w-4" />
-												Imprimir Ficha
-											</button>
-										</div>
+										<button
+											class="btn btn-primary btn-sm gap-2"
+											onclick={(e) => {
+												e.preventDefault();
+												abrirModalImpressao(grupo.funcionarioId);
+											}}
+										>
+											<Printer class="h-4 w-4" />
+											Imprimir Ficha
+										</button>
 									</div>
 								</div>
 
@@ -4225,13 +4716,20 @@
 											</tr>
 										</thead>
 										<tbody>
-											{#each Object.values(grupo.registrosPorData) as grupoData, dataIndex}
+											{#each Object.values(grupo.registrosPorData) as grupoData, dataIndex (grupoData.data)}
 												{@const totalRegistros = grupoData.registros.length}
 												{@const dataFormatada = formatarDataDDMMAAAA(grupoData.data)}
-												{@const saldosParciais = calcularSaldosParciais(grupoData.registros)}
+												{@const saldosParciais = calcularSaldosParciais(
+													grupoData.registros.map((r) => ({
+														tipo: r.tipo,
+														hora: r.hora,
+														minuto: r.minuto,
+														_id: r._id
+													}))
+												)}
 												{@const isUltimoDia =
 													dataIndex === Object.values(grupo.registrosPorData).length - 1}
-												{#each grupoData.registros as registro, index}
+												{#each grupoData.registros as registro, index (registro._id)}
 													{@const saldoParcial = saldosParciais.get(index)}
 													<tr
 														class="hover:bg-base-200/50 transition-colors {dataIndex % 2 === 0
@@ -4325,7 +4823,7 @@
 			mostrarModalImpressao = false;
 			funcionarioParaImprimir = '';
 		}}
-		onGenerate={gerarPDFComSelecao}
+		onGenerate={gerarPDFComSelecaoWrapper}
 	/>
 {/if}
 
@@ -4341,15 +4839,19 @@
 		class="modal modal-open"
 		onclick={(e) => e.target === e.currentTarget && fecharModalDetalhes()}
 	>
+		<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
 		<div
 			class="modal-box flex max-h-[90vh] max-w-4xl flex-col overflow-hidden"
 			onclick={(e) => e.stopPropagation()}
+			role="document"
 		>
 			<div
 				class="border-base-300 mb-4 flex flex-shrink-0 items-center justify-between border-b pb-4"
 			>
-				<h3 class="text-xl font-bold">Detalhes do Registro de Ponto</h3>
-				<button class="btn btn-sm btn-circle btn-ghost" onclick={fecharModalDetalhes}>✕</button>
+				<h3 id="modal-title" class="text-xl font-bold">Detalhes do Registro de Ponto</h3>
+				<button class="btn btn-sm btn-circle btn-ghost" onclick={fecharModalDetalhes}>
+					<X class="h-4 w-4" />
+				</button>
 			</div>
 
 			<div class="flex-1 overflow-y-auto pr-2">
@@ -4499,10 +5001,14 @@
 			</div>
 
 			<div class="border-base-300 mt-4 flex flex-shrink-0 justify-end gap-2 border-t pt-4">
-				{#if registroDetalhes}
+				{#if registroDetalhes && registroDetalhesId}
 					<button
 						class="btn btn-primary gap-2"
-						onclick={() => imprimirDetalhesRegistro(registroDetalhesId)}
+						onclick={() => {
+							if (registroDetalhesId) {
+								imprimirDetalhesRegistroWrapper(registroDetalhesId);
+							}
+						}}
 					>
 						<Printer class="h-4 w-4" />
 						Imprimir PDF
@@ -4511,6 +5017,17 @@
 				<button class="btn btn-outline" onclick={fecharModalDetalhes}>Fechar</button>
 			</div>
 		</div>
-		<form method="dialog" class="modal-backdrop" onclick={fecharModalDetalhes}></form>
+		<button
+			type="button"
+			class="modal-backdrop"
+			onclick={fecharModalDetalhes}
+			onkeydown={(e) => {
+				if (e.key === 'Enter' || e.key === ' ') {
+					e.preventDefault();
+					fecharModalDetalhes();
+				}
+			}}
+			aria-label="Fechar modal"
+		></button>
 	</dialog>
 {/if}
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/registro-pontos/+page.ts b/apps/web/src/routes/(dashboard)/recursos-humanos/registro-pontos/+page.ts
new file mode 100644
index 0000000..a3d1578
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/registro-pontos/+page.ts
@@ -0,0 +1 @@
+export const ssr = false;
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/+page.svelte
index 55595a1..d38892c 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/+page.svelte
@@ -3,6 +3,7 @@
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { useQuery, useConvexClient } from 'convex-svelte';
 	import { resolve } from '$app/paths';
+	import { Award, Plus, CheckCircle, XCircle, Filter, X, MoreVertical, Edit, Trash2, AlertTriangle } from 'lucide-svelte';
 
 	const client = useConvexClient();
 	const simbolosQuery = useQuery(api.simbolos.getAll, {});
@@ -93,20 +94,7 @@
 		<div class="flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
 			<div class="flex items-center gap-4">
 				<div class="rounded-xl bg-green-500/20 p-3">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="h-8 w-8 text-green-600"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"
-						/>
-					</svg>
+					<Award class="h-8 w-8 text-green-600" strokeWidth={2} />
 				</div>
 				<div>
 					<h1 class="text-primary text-3xl font-bold">Símbolos Cadastrados</h1>
@@ -114,18 +102,7 @@
 				</div>
 			</div>
 			<a href={resolve('/recursos-humanos/simbolos/cadastro')} class="btn btn-primary btn-lg gap-2">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-5 w-5"
-					viewBox="0 0 20 20"
-					fill="currentColor"
-				>
-					<path
-						fill-rule="evenodd"
-						d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z"
-						clip-rule="evenodd"
-					/>
-				</svg>
+				<Plus class="h-5 w-5" strokeWidth={2} />
 				Novo Símbolo
 			</a>
 		</div>
@@ -138,28 +115,11 @@
 			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>
+			{#if notice.kind === 'success'}
+				<CheckCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+			{:else}
+				<XCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+			{/if}
 			<span>{notice.text}</span>
 		</div>
 	{/if}
@@ -168,20 +128,7 @@
 	<div class="card bg-base-100 mb-6 shadow-xl">
 		<div class="card-body">
 			<h2 class="card-title mb-4 text-lg">
-				<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 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
-					/>
-				</svg>
+				<Filter class="h-5 w-5" strokeWidth={2} />
 				Filtros de Pesquisa
 			</h2>
 			<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
@@ -224,21 +171,15 @@
 			</div>
 			{#if filtroNome || filtroTipo || filtroDescricao}
 				<div class="mt-4">
-					<button class="btn btn-sm gap-2" onclick={clearFilters}>
-						<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
+						class="btn btn-sm gap-2"
+						onclick={() => {
+							filtroNome = '';
+							filtroTipo = '';
+							filtroDescricao = '';
+						}}
+					>
+						<X class="h-4 w-4" strokeWidth={2} />
 						Limpar Filtros
 					</button>
 				</div>
@@ -300,32 +241,14 @@
 														onclick={() => toggleMenu(simbolo._id)}
 														aria-label="Menu de ações"
 													>
-														<svg
-															xmlns="http://www.w3.org/2000/svg"
-															class="h-5 w-5"
-															viewBox="0 0 20 20"
-															fill="currentColor"
-														>
-															<path
-																d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"
-															/>
-														</svg>
+														<MoreVertical class="h-5 w-5" strokeWidth={2} />
 													</button>
 													<ul
 														class="dropdown-content menu bg-base-100 rounded-box border-base-300 z-10 w-52 border p-2 shadow-lg"
 													>
 														<li>
 															<a href={resolve(`/recursos-humanos/simbolos/${simbolo._id}/editar`)}>
-																<svg
-																	xmlns="http://www.w3.org/2000/svg"
-																	class="h-4 w-4"
-																	viewBox="0 0 20 20"
-																	fill="currentColor"
-																>
-																	<path
-																		d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"
-																	/>
-																</svg>
+																<Edit class="h-4 w-4" strokeWidth={2} />
 																Editar
 															</a>
 														</li>
@@ -335,18 +258,7 @@
 																onclick={() => openDeleteModal(simbolo._id, simbolo.nome)}
 																class="text-error"
 															>
-																<svg
-																	xmlns="http://www.w3.org/2000/svg"
-																	class="h-4 w-4"
-																	viewBox="0 0 20 20"
-																	fill="currentColor"
-																>
-																	<path
-																		fill-rule="evenodd"
-																		d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z"
-																		clip-rule="evenodd"
-																	/>
-																</svg>
+																<Trash2 class="h-4 w-4" strokeWidth={2} />
 																Excluir
 															</button>
 														</li>
@@ -381,19 +293,7 @@
 	<div class="modal-box">
 		<h3 class="mb-4 text-lg font-bold">Confirmar Exclusão</h3>
 		<div class="alert alert-warning mb-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="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-				/>
-			</svg>
+			<AlertTriangle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 			<span>Esta ação não pode ser desfeita!</span>
 		</div>
 		{#if simboloToDelete}
@@ -416,18 +316,7 @@
 						<span class="loading loading-spinner loading-sm"></span>
 						Excluindo...
 					{:else}
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-5 w-5"
-							viewBox="0 0 20 20"
-							fill="currentColor"
-						>
-							<path
-								fill-rule="evenodd"
-								d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z"
-								clip-rule="evenodd"
-							/>
-						</svg>
+						<Trash2 class="h-5 w-5" strokeWidth={2} />
 						Confirmar Exclusão
 					{/if}
 				</button>
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/cadastro/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/cadastro/+page.svelte
index 4aa1c31..99bf76f 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/cadastro/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/cadastro/+page.svelte
@@ -6,6 +6,7 @@
 	import z from 'zod';
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
+	import { Award, CheckCircle, XCircle, Info, ArrowLeft, Save } from 'lucide-svelte';
 
 	const client = useConvexClient();
 
@@ -119,20 +120,7 @@
 	<div class="mb-6">
 		<div class="mb-2 flex items-center gap-4">
 			<div class="rounded-xl bg-green-500/20 p-3">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-8 w-8 text-green-600"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"
-					/>
-				</svg>
+				<Award class="h-8 w-8 text-green-600" strokeWidth={2} />
 			</div>
 			<div>
 				<h1 class="text-primary text-3xl font-bold">Cadastro de Símbolo</h1>
@@ -150,28 +138,11 @@
 			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>
+			{#if notice.kind === 'success'}
+				<CheckCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+			{:else}
+				<XCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+			{/if}
 			<span>{notice.text}</span>
 		</div>
 	{/if}
@@ -396,19 +367,7 @@
 					<!-- Preview do Total -->
 					{#if getTotalPreview()}
 						<div class="alert alert-info shadow-lg">
-							<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>
+							<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 							<div>
 								<h3 class="font-bold">Valor Total Calculado</h3>
 								<div class="mt-1 text-2xl font-bold">R$ {getTotalPreview()}</div>
@@ -481,20 +440,7 @@
 								disabled={isSubmitting}
 								onclick={() => goto(resolve('/recursos-humanos/simbolos'))}
 							>
-								<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>
+								<ArrowLeft class="h-5 w-5" strokeWidth={2} />
 								Cancelar
 							</button>
 							<button
@@ -506,20 +452,7 @@
 									<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>
+									<Save class="h-5 w-5" strokeWidth={2} />
 									Cadastrar Símbolo
 								{/if}
 							</button>
diff --git a/apps/web/src/routes/(dashboard)/secretaria-executiva/+page.svelte b/apps/web/src/routes/(dashboard)/secretaria-executiva/+page.svelte
index 5591e2b..b5c32e3 100644
--- a/apps/web/src/routes/(dashboard)/secretaria-executiva/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/secretaria-executiva/+page.svelte
@@ -1,14 +1,13 @@
 <script lang="ts">
 	import { resolve } from '$app/paths';
 	import WidgetGestaoPontos from '$lib/components/ponto/WidgetGestaoPontos.svelte';
-
+	import { Clock, ChevronRight, Info } from 'lucide-svelte';
+	
 	const menuItems = [
 		{
 			categoria: 'Gestão de Ausências',
 			descricao: 'Gerencie solicitações de ausências e aprovações',
-			icon: `<svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
-      </svg>`,
+			iconComponent: Clock,
 			gradient: 'from-orange-500/10 to-orange-600/20',
 			accentColor: 'text-orange-600',
 			bgIcon: 'bg-orange-500/20',
@@ -17,9 +16,7 @@
 					nome: 'Gestão de Ausências',
 					descricao: 'Visualizar e gerenciar solicitações de ausências',
 					href: '/secretaria-executiva/gestao-ausencias',
-					icon: `<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 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
-          </svg>`
+					iconComponent: Clock
 				}
 			]
 		}
@@ -49,9 +46,7 @@
 					<!-- Cabeçalho da Categoria -->
 					<div class="mb-6 flex items-start gap-6">
 						<div class="p-4 {categoria.bgIcon} rounded-2xl">
-							<div class={categoria.accentColor}>
-								{@html categoria.icon}
-							</div>
+							<svelte:component this={categoria.iconComponent} class="h-12 w-12 {categoria.accentColor}" strokeWidth={2} />
 						</div>
 						<div class="flex-1">
 							<h2 class="card-title mb-2 text-2xl {categoria.accentColor}">
@@ -73,24 +68,9 @@
 										<div
 											class="bg-base-100 group-hover:bg-primary rounded-lg p-3 transition-colors duration-300 group-hover:text-white"
 										>
-											<div class="{categoria.accentColor} group-hover:text-white">
-												{@html opcao.icon}
-											</div>
+											<svelte:component this={opcao.iconComponent} class="h-5 w-5 {categoria.accentColor} group-hover:text-white" strokeWidth={2} />
 										</div>
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											class="text-base-content/30 group-hover:text-primary h-5 w-5 transition-colors duration-300"
-											fill="none"
-											viewBox="0 0 24 24"
-											stroke="currentColor"
-										>
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M9 5l7 7-7 7"
-											/>
-										</svg>
+										<ChevronRight class="text-base-content/30 group-hover:text-primary h-5 w-5 transition-colors duration-300" strokeWidth={2} />
 									</div>
 									<h3
 										class="text-base-content group-hover:text-primary mb-2 text-lg font-bold transition-colors duration-300"
@@ -116,19 +96,7 @@
 
 	<!-- Card de Ajuda -->
 	<div class="alert alert-info mt-8 shadow-lg">
-		<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>
+		<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 		<div>
 			<h3 class="font-bold">Precisa de ajuda?</h3>
 			<div class="text-sm">
diff --git a/apps/web/src/routes/(dashboard)/secretaria-executiva/gestao-ausencias/+page.svelte b/apps/web/src/routes/(dashboard)/secretaria-executiva/gestao-ausencias/+page.svelte
index 222a594..03d1a5e 100644
--- a/apps/web/src/routes/(dashboard)/secretaria-executiva/gestao-ausencias/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/secretaria-executiva/gestao-ausencias/+page.svelte
@@ -5,23 +5,63 @@
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
 	import AprovarAusencias from '$lib/components/AprovarAusencias.svelte';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import { Clock, ArrowLeft, FileText, CheckCircle, XCircle, Info, Eye, FileDown, FileSpreadsheet } from 'lucide-svelte';
+	import { parseLocalDate } from '$lib/utils/datas';
+	import jsPDF from 'jspdf';
+	import autoTable from 'jspdf-autotable';
+	import { format } from 'date-fns';
+	import { ptBR } from 'date-fns/locale';
+	import ExcelJS from 'exceljs';
+	import logoGovPE from '$lib/assets/logo_governo_PE.png';
+	import { toast } from 'svelte-sonner';
 
 	const client = useConvexClient();
 	const currentUser = useQuery(api.auth.getCurrentUser, {});
 
 	// Buscar TODAS as solicitações de ausências
 	const todasAusenciasQuery = useQuery(api.ausencias.listarTodas, {});
+	
+	// Buscar funcionários para filtro
+	const funcionariosQuery = useQuery(api.funcionarios.getAll, {});
 
 	let filtroStatus = $state<string>('todos');
+	let filtroFuncionario = $state<string>('');
+	let filtroPeriodoInicio = $state<string>('');
+	let filtroPeriodoFim = $state<string>('');
+	let gerandoRelatorio = $state(false);
 	let solicitacaoSelecionada = $state<Id<'solicitacoesAusencias'> | null>(null);
 
 	let ausencias = $derived(todasAusenciasQuery?.data || []);
+	let funcionarios = $derived(
+		Array.isArray(funcionariosQuery?.data) ? funcionariosQuery.data : funcionariosQuery?.data?.data || []
+	);
 
 	// Filtrar solicitações
 	let ausenciasFiltradas = $derived(
 		ausencias.filter((a) => {
 			// Filtro de status
 			if (filtroStatus !== 'todos' && a.status !== filtroStatus) return false;
+			
+			// Filtro por funcionário
+			if (filtroFuncionario) {
+				if (a.funcionario?._id !== filtroFuncionario) return false;
+			}
+			
+			// Filtro por período
+			if (filtroPeriodoInicio) {
+				const inicioFiltro = new Date(filtroPeriodoInicio);
+				const inicioAusencia = parseLocalDate(a.dataInicio);
+				if (inicioAusencia < inicioFiltro) return false;
+			}
+			
+			if (filtroPeriodoFim) {
+				const fimFiltro = new Date(filtroPeriodoFim);
+				fimFiltro.setHours(23, 59, 59, 999); // Incluir o dia inteiro
+				const fimAusencia = parseLocalDate(a.dataFim);
+				if (fimAusencia > fimFiltro) return false;
+			}
+			
 			return true;
 		})
 	);
@@ -53,8 +93,8 @@
 	}
 
 	function calcularDias(dataInicio: string, dataFim: string): number {
-		const inicio = new Date(dataInicio);
-		const fim = new Date(dataFim);
+		const inicio = parseLocalDate(dataInicio);
+		const fim = parseLocalDate(dataFim);
 		const diff = fim.getTime() - inicio.getTime();
 		return Math.ceil(diff / (1000 * 60 * 60 * 24)) + 1;
 	}
@@ -66,6 +106,383 @@
 	async function recarregar() {
 		solicitacaoSelecionada = null;
 	}
+
+	// Função para gerar PDF
+	async function gerarPDF() {
+		gerandoRelatorio = true;
+		try {
+			const doc = new jsPDF();
+
+			// Logo
+			let yPosition = 20;
+			try {
+				const logoImg = new Image();
+				logoImg.src = logoGovPE;
+				await new Promise<void>((resolve, reject) => {
+					logoImg.onload = () => resolve();
+					logoImg.onerror = () => reject();
+					setTimeout(() => reject(), 3000);
+				});
+
+				const logoWidth = 30;
+				const aspectRatio = logoImg.height / logoImg.width;
+				const logoHeight = logoWidth * aspectRatio;
+
+				doc.addImage(logoImg, 'PNG', 15, 10, logoWidth, logoHeight);
+				yPosition = Math.max(25, 10 + logoHeight / 2);
+			} catch (err) {
+				console.warn('Não foi possível carregar a logo:', err);
+			}
+
+			// Título
+			doc.setFontSize(18);
+			doc.setTextColor(41, 128, 185);
+			doc.text('RELATÓRIO DE AUSÊNCIAS', 105, yPosition, { align: 'center' });
+
+			yPosition += 10;
+
+			// Filtros aplicados
+			doc.setFontSize(10);
+			doc.setTextColor(0, 0, 0);
+			let filtrosTexto = 'Filtros aplicados: ';
+			if (filtroStatus !== 'todos') filtrosTexto += `Status: ${getStatusTexto(filtroStatus)}; `;
+			if (filtroFuncionario) {
+				const func = funcionarios.find((f) => f._id === filtroFuncionario);
+				filtrosTexto += `Funcionário: ${func?.nome || ''}; `;
+			}
+			if (filtroPeriodoInicio && filtroPeriodoFim) {
+				filtrosTexto += `Período: ${format(new Date(filtroPeriodoInicio), 'dd/MM/yyyy', { locale: ptBR })} até ${format(new Date(filtroPeriodoFim), 'dd/MM/yyyy', { locale: ptBR })}; `;
+			}
+
+			if (filtrosTexto === 'Filtros aplicados: ') {
+				filtrosTexto = 'Todos os registros';
+			}
+
+			doc.text(filtrosTexto, 105, yPosition, { align: 'center', maxWidth: 180 });
+
+			yPosition += 8;
+
+			// Data de geração
+			doc.setFontSize(9);
+			doc.setTextColor(100, 100, 100);
+			doc.text(
+				`Gerado em: ${format(new Date(), 'dd/MM/yyyy HH:mm', { locale: ptBR })}`,
+				15,
+				yPosition
+			);
+
+			yPosition += 12;
+
+			// Preparar dados para tabela
+			const dadosTabela: string[][] = ausenciasFiltradas.map((a) => [
+				a.funcionario?.nome || '-',
+				a.funcionario?.matricula || '-',
+				a.time?.nome || '-',
+				parseLocalDate(a.dataInicio).toLocaleDateString('pt-BR'),
+				parseLocalDate(a.dataFim).toLocaleDateString('pt-BR'),
+				calcularDias(a.dataInicio, a.dataFim).toString(),
+				a.motivo.substring(0, 40) + (a.motivo.length > 40 ? '...' : ''),
+				getStatusTexto(a.status)
+			]);
+
+			// Tabela
+			if (dadosTabela.length > 0) {
+				autoTable(doc, {
+					startY: yPosition,
+					head: [
+						[
+							'Funcionário',
+							'Matrícula',
+							'Time',
+							'Data Início',
+							'Data Fim',
+							'Dias',
+							'Motivo',
+							'Status'
+						]
+					],
+					body: dadosTabela,
+					theme: 'striped',
+					headStyles: { fillColor: [41, 128, 185], textColor: 255, fontSize: 7, fontStyle: 'bold' },
+					bodyStyles: { fontSize: 7 },
+					alternateRowStyles: { fillColor: [245, 247, 250] },
+					styles: { cellPadding: 1.5, overflow: 'linebreak' },
+					margin: { top: yPosition, left: 10, right: 10 },
+					tableWidth: 'wrap',
+					columnStyles: {
+						0: { cellWidth: 38, fontSize: 7 }, // Funcionário
+						1: { cellWidth: 18, fontSize: 7 }, // Matrícula
+						2: { cellWidth: 22, fontSize: 7 }, // Time
+						3: { cellWidth: 20, fontSize: 7 }, // Data Início
+						4: { cellWidth: 20, fontSize: 7 }, // Data Fim
+						5: { cellWidth: 12, fontSize: 7 }, // Dias
+						6: { cellWidth: 35, fontSize: 7, overflow: 'linebreak' }, // Motivo
+						7: { cellWidth: 18, fontSize: 7 } // Status
+					}
+				});
+			} else {
+				doc.setFontSize(12);
+				doc.setTextColor(100, 100, 100);
+				doc.text('Nenhum registro encontrado com os filtros aplicados.', 105, yPosition + 20, {
+					align: 'center'
+				});
+			}
+
+			// Footer em todas as páginas
+			const pageCount = doc.getNumberOfPages();
+			for (let i = 1; i <= pageCount; i++) {
+				doc.setPage(i);
+				doc.setFontSize(7);
+				doc.setTextColor(128, 128, 128);
+				doc.text(
+					`SGSE - Sistema de Gerenciamento de Secretaria | Página ${i} de ${pageCount}`,
+					doc.internal.pageSize.getWidth() / 2,
+					doc.internal.pageSize.getHeight() - 8,
+					{ align: 'center' }
+				);
+			}
+
+			// Salvar
+			const nomeArquivo = `relatorio-ausencias-${format(new Date(), 'yyyy-MM-dd-HHmm')}.pdf`;
+			doc.save(nomeArquivo);
+			toast.success('Relatório PDF gerado com sucesso!');
+		} catch (error) {
+			console.error('Erro ao gerar PDF:', error);
+			toast.error('Erro ao gerar relatório PDF. Tente novamente.');
+		} finally {
+			gerandoRelatorio = false;
+		}
+	}
+
+	// Função para gerar Excel
+	async function gerarExcel() {
+		if (ausenciasFiltradas.length === 0) {
+			toast.error('Não há ausências para exportar com os filtros aplicados.');
+			return;
+		}
+
+		gerandoRelatorio = true;
+		try {
+			// Preparar dados
+			const dados: Array<Record<string, string | number>> = ausenciasFiltradas.map((a) => ({
+				Funcionário: a.funcionario?.nome || '-',
+				Matrícula: a.funcionario?.matricula || '-',
+				Time: a.time?.nome || '-',
+				'Data Início': parseLocalDate(a.dataInicio).toLocaleDateString('pt-BR'),
+				'Data Fim': parseLocalDate(a.dataFim).toLocaleDateString('pt-BR'),
+				Dias: calcularDias(a.dataInicio, a.dataFim),
+				Motivo: a.motivo,
+				Status: getStatusTexto(a.status),
+				'Solicitado em': new Date(a.criadoEm).toLocaleDateString('pt-BR')
+			}));
+
+			// Criar workbook com ExcelJS
+			const workbook = new ExcelJS.Workbook();
+			const worksheet = workbook.addWorksheet('Relatório de Ausências');
+
+			// Obter cabeçalhos
+			const headers = Object.keys(dados[0] || {});
+
+			// Carregar logo
+			let logoBuffer: ArrayBuffer | null = null;
+			try {
+				const response = await fetch(logoGovPE);
+				if (response.ok) {
+					logoBuffer = await response.arrayBuffer();
+				} else {
+					const logoImg = new Image();
+					logoImg.crossOrigin = 'anonymous';
+					logoImg.src = logoGovPE;
+					await new Promise<void>((resolve, reject) => {
+						logoImg.onload = () => resolve();
+						logoImg.onerror = () => reject();
+						setTimeout(() => reject(), 3000);
+					});
+
+					const canvas = document.createElement('canvas');
+					canvas.width = logoImg.width;
+					canvas.height = logoImg.height;
+					const ctx = canvas.getContext('2d');
+					if (ctx) {
+						ctx.drawImage(logoImg, 0, 0);
+						const blob = await new Promise<Blob>((resolve, reject) => {
+							canvas.toBlob((blob) => {
+								if (blob) resolve(blob);
+								else reject(new Error('Falha ao converter imagem'));
+							}, 'image/png');
+						});
+						logoBuffer = await blob.arrayBuffer();
+					}
+				}
+			} catch (err) {
+				console.warn('Não foi possível carregar a logo:', err);
+			}
+
+			// Linha 1: Cabeçalho com logo e título
+			worksheet.mergeCells('A1:B1');
+			const logoCell = worksheet.getCell('A1');
+			logoCell.alignment = { vertical: 'middle', horizontal: 'left' };
+			logoCell.border = {
+				right: { style: 'thin', color: { argb: 'FFE0E0E0' } }
+			};
+
+			// Adicionar logo se disponível
+			if (logoBuffer) {
+				const logoId = workbook.addImage({
+					buffer: new Uint8Array(logoBuffer),
+					extension: 'png'
+				});
+				worksheet.addImage(logoId, {
+					tl: { col: 0, row: 0 },
+					ext: { width: 140, height: 55 }
+				});
+			}
+
+			// Mesclar C1 até última coluna para título
+			const lastCol = String.fromCharCode(65 + headers.length - 1);
+			worksheet.mergeCells(`C1:${lastCol}1`);
+			const titleCell = worksheet.getCell('C1');
+			titleCell.value = 'RELATÓRIO DE AUSÊNCIAS';
+			titleCell.font = { bold: true, size: 18, color: { argb: 'FF2980B9' } };
+			titleCell.alignment = { vertical: 'middle', horizontal: 'center' };
+
+			// Ajustar altura da linha 1 para acomodar a logo
+			worksheet.getRow(1).height = 60;
+
+			// Linha 2: Cabeçalhos da tabela
+			headers.forEach((header, index) => {
+				const cell = worksheet.getCell(2, index + 1);
+				cell.value = header;
+				cell.font = { bold: true, size: 11, color: { argb: 'FFFFFFFF' } };
+				cell.fill = {
+					type: 'pattern',
+					pattern: 'solid',
+					fgColor: { argb: 'FF2980B9' }
+				};
+				cell.alignment = { vertical: 'middle', horizontal: 'center', wrapText: true };
+				cell.border = {
+					top: { style: 'thin', color: { argb: 'FF000000' } },
+					bottom: { style: 'thin', color: { argb: 'FF000000' } },
+					left: { style: 'thin', color: { argb: 'FF000000' } },
+					right: { style: 'thin', color: { argb: 'FF000000' } }
+				};
+			});
+
+			// Ajustar altura da linha 2
+			worksheet.getRow(2).height = 25;
+
+			// Linhas 3+: Dados
+			dados.forEach((rowData, rowIndex) => {
+				const row = rowIndex + 3;
+				headers.forEach((header, colIndex) => {
+					const cell = worksheet.getCell(row, colIndex + 1);
+					cell.value = rowData[header];
+
+					// Cor de fundo alternada (zebra striping)
+					const isEvenRow = rowIndex % 2 === 1;
+					cell.fill = {
+						type: 'pattern',
+						pattern: 'solid',
+						fgColor: { argb: isEvenRow ? 'FFF8F9FA' : 'FFFFFFFF' }
+					};
+
+					// Alinhamento
+					let alignment: 'left' | 'center' | 'right' = 'left';
+					if (
+						header === 'Dias' ||
+						header === 'Data Início' ||
+						header === 'Data Fim' ||
+						header === 'Status' ||
+						header === 'Solicitado em'
+					) {
+						alignment = 'center';
+					}
+					cell.alignment = { vertical: 'middle', horizontal: alignment, wrapText: true };
+
+					// Fonte
+					cell.font = { size: 10, color: { argb: 'FF000000' } };
+
+					// Bordas
+					cell.border = {
+						top: { style: 'thin', color: { argb: 'FFE0E0E0' } },
+						bottom: { style: 'thin', color: { argb: 'FFE0E0E0' } },
+						left: { style: 'thin', color: { argb: 'FFE0E0E0' } },
+						right: { style: 'thin', color: { argb: 'FFE0E0E0' } }
+					};
+
+					// Formatação especial para Status
+					if (header === 'Status') {
+						const statusValue = rowData[header];
+						if (statusValue === 'Aprovado') {
+							cell.fill = {
+								type: 'pattern',
+								pattern: 'solid',
+								fgColor: { argb: 'FFD4EDDA' }
+							};
+							cell.font = { size: 10, color: { argb: 'FF155724' } };
+						} else if (statusValue === 'Reprovado') {
+							cell.fill = {
+								type: 'pattern',
+								pattern: 'solid',
+								fgColor: { argb: 'FFF8D7DA' }
+							};
+							cell.font = { size: 10, color: { argb: 'FF721C24' } };
+						} else if (statusValue === 'Aguardando') {
+							cell.fill = {
+								type: 'pattern',
+								pattern: 'solid',
+								fgColor: { argb: 'FFFFF3CD' }
+							};
+							cell.font = { size: 10, color: { argb: 'FF856404' } };
+						}
+					}
+				});
+			});
+
+			// Ajustar largura das colunas
+			worksheet.columns = [
+				{ width: 30 }, // Funcionário
+				{ width: 15 }, // Matrícula
+				{ width: 20 }, // Time
+				{ width: 12 }, // Data Início
+				{ width: 12 }, // Data Fim
+				{ width: 8 }, // Dias
+				{ width: 40 }, // Motivo
+				{ width: 15 }, // Status
+				{ width: 15 } // Solicitado em
+			];
+
+			// Congelar linha 2 (cabeçalho da tabela)
+			worksheet.views = [
+				{
+					state: 'frozen',
+					ySplit: 2,
+					topLeftCell: 'A3',
+					activeCell: 'A3'
+				}
+			];
+
+			// Gerar arquivo
+			const nomeArquivo = `relatorio-ausencias-${format(new Date(), 'yyyy-MM-dd-HHmm')}.xlsx`;
+			const buffer = await workbook.xlsx.writeBuffer();
+			const blob = new Blob([buffer], {
+				type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+			});
+			const url = window.URL.createObjectURL(blob);
+			const link = document.createElement('a');
+			link.href = url;
+			link.download = nomeArquivo;
+			link.click();
+			window.URL.revokeObjectURL(url);
+
+			toast.success('Relatório Excel gerado com sucesso!');
+		} catch (error) {
+			console.error('Erro ao gerar Excel:', error);
+			toast.error('Erro ao gerar relatório Excel. Tente novamente.');
+		} finally {
+			gerandoRelatorio = false;
+		}
+	}
 </script>
 
 <main class="container mx-auto max-w-7xl px-4 py-6">
@@ -86,20 +503,7 @@
 		<div class="flex items-center justify-between">
 			<div class="flex items-center gap-4">
 				<div class="rounded-xl bg-orange-500/20 p-3">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="h-8 w-8 text-orange-600"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-						/>
-					</svg>
+					<Clock class="h-8 w-8 text-orange-600" strokeWidth={2} />
 				</div>
 				<div>
 					<h1 class="text-primary text-3xl font-bold">Gestão de Ausências</h1>
@@ -107,20 +511,7 @@
 				</div>
 			</div>
 			<button class="btn gap-2" onclick={() => goto(resolve('/secretaria-executiva'))}>
-				<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 19l-7-7m0 0l7-7m-7 7h18"
-					/>
-				</svg>
+				<ArrowLeft class="h-5 w-5" strokeWidth={2} />
 				Voltar
 			</button>
 		</div>
@@ -130,20 +521,7 @@
 	<div class="mb-6 grid grid-cols-1 gap-4 md:grid-cols-4">
 		<div class="stat bg-base-100 rounded-box border-base-300 border shadow-lg">
 			<div class="stat-figure text-orange-500">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-					/>
-				</svg>
+				<FileText class="h-8 w-8" strokeWidth={2} />
 			</div>
 			<div class="stat-title">Total</div>
 			<div class="stat-value text-orange-500">{stats.total}</div>
@@ -152,20 +530,7 @@
 
 		<div class="stat bg-base-100 rounded-box border-warning/30 border shadow-lg">
 			<div class="stat-figure text-warning">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-					/>
-				</svg>
+				<Clock class="h-8 w-8" strokeWidth={2} />
 			</div>
 			<div class="stat-title">Pendentes</div>
 			<div class="stat-value text-warning">{stats.aguardando}</div>
@@ -174,20 +539,7 @@
 
 		<div class="stat bg-base-100 rounded-box border-success/30 border shadow-lg">
 			<div class="stat-figure text-success">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<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"
-					/>
-				</svg>
+				<CheckCircle class="h-8 w-8" strokeWidth={2} />
 			</div>
 			<div class="stat-title">Aprovadas</div>
 			<div class="stat-value text-success">{stats.aprovadas}</div>
@@ -196,20 +548,7 @@
 
 		<div class="stat bg-base-100 rounded-box border-error/30 border shadow-lg">
 			<div class="stat-figure text-error">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<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>
+				<XCircle class="h-8 w-8" strokeWidth={2} />
 			</div>
 			<div class="stat-title">Reprovadas</div>
 			<div class="stat-value text-error">{stats.reprovadas}</div>
@@ -220,8 +559,38 @@
 	<!-- Filtros -->
 	<div class="card bg-base-100 mb-6 shadow-lg">
 		<div class="card-body">
-			<h2 class="card-title mb-4 text-lg">Filtros</h2>
-			<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+			<div class="mb-4 flex items-center justify-between">
+				<h2 class="card-title text-lg">Filtros</h2>
+				<div class="flex gap-2">
+					<button
+						type="button"
+						class="btn btn-primary btn-sm gap-2"
+						onclick={gerarPDF}
+						disabled={gerandoRelatorio || ausenciasFiltradas.length === 0}
+					>
+						{#if gerandoRelatorio}
+							<span class="loading loading-spinner loading-xs"></span>
+						{:else}
+							<FileDown class="h-4 w-4" strokeWidth={2} />
+						{/if}
+						Gerar PDF
+					</button>
+					<button
+						type="button"
+						class="btn btn-success btn-sm gap-2"
+						onclick={gerarExcel}
+						disabled={gerandoRelatorio || ausenciasFiltradas.length === 0}
+					>
+						{#if gerandoRelatorio}
+							<span class="loading loading-spinner loading-xs"></span>
+						{:else}
+							<FileSpreadsheet class="h-4 w-4" strokeWidth={2} />
+						{/if}
+						Gerar Excel
+					</button>
+				</div>
+			</div>
+			<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
 				<div class="form-control">
 					<label class="label" for="filtro-status">
 						<span class="label-text">Status</span>
@@ -233,6 +602,43 @@
 						<option value="reprovado">Reprovado</option>
 					</select>
 				</div>
+				<div class="form-control">
+					<label class="label" for="filtro-funcionario">
+						<span class="label-text">Funcionário</span>
+					</label>
+					<select
+						id="filtro-funcionario"
+						class="select select-bordered"
+						bind:value={filtroFuncionario}
+					>
+						<option value="">Todos</option>
+						{#each funcionarios as funcionario}
+							<option value={funcionario._id}>{funcionario.nome}</option>
+						{/each}
+					</select>
+				</div>
+				<div class="form-control">
+					<label class="label" for="filtro-periodo-inicio">
+						<span class="label-text">Período - Início</span>
+					</label>
+					<input
+						id="filtro-periodo-inicio"
+						type="date"
+						class="input input-bordered"
+						bind:value={filtroPeriodoInicio}
+					/>
+				</div>
+				<div class="form-control">
+					<label class="label" for="filtro-periodo-fim">
+						<span class="label-text">Período - Fim</span>
+					</label>
+					<input
+						id="filtro-periodo-fim"
+						type="date"
+						class="input input-bordered"
+						bind:value={filtroPeriodoFim}
+					/>
+				</div>
 			</div>
 		</div>
 	</div>
@@ -246,19 +652,7 @@
 
 			{#if ausenciasFiltradas.length === 0}
 				<div class="alert">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						fill="none"
-						viewBox="0 0 24 24"
-						class="stroke-info h-6 w-6 shrink-0"
-					>
-						<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>
+					<Info class="stroke-info h-6 w-6 shrink-0" strokeWidth={2} />
 					<span>Nenhuma solicitação encontrada com os filtros aplicados.</span>
 				</div>
 			{:else}
@@ -285,9 +679,10 @@
 									<td>
 										{#if ausencia.time}
 											<div
-												class="badge badge-sm font-semibold"
+												class="badge badge-sm max-w-full overflow-hidden font-semibold text-ellipsis whitespace-nowrap"
 												style="background-color: {ausencia.time.cor}20; border-color: {ausencia.time
 													.cor}; color: {ausencia.time.cor}"
+												title={ausencia.time.nome}
 											>
 												{ausencia.time.nome}
 											</div>
@@ -296,8 +691,8 @@
 										{/if}
 									</td>
 									<td>
-										{new Date(ausencia.dataInicio).toLocaleDateString('pt-BR')} até{' '}
-										{new Date(ausencia.dataFim).toLocaleDateString('pt-BR')}
+										{parseLocalDate(ausencia.dataInicio).toLocaleDateString('pt-BR')} até{' '}
+										{parseLocalDate(ausencia.dataFim).toLocaleDateString('pt-BR')}
 									</td>
 									<td class="font-bold">
 										{calcularDias(ausencia.dataInicio, ausencia.dataFim)} dias
@@ -320,26 +715,7 @@
 												class="btn btn-primary btn-sm gap-2"
 												onclick={() => selecionarSolicitacao(ausencia._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="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-													/>
-													<path
-														stroke-linecap="round"
-														stroke-linejoin="round"
-														stroke-width="2"
-														d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
-													/>
-												</svg>
+												<Eye class="h-4 w-4" strokeWidth={2} />
 												Ver Detalhes
 											</button>
 										{:else}
@@ -348,26 +724,7 @@
 												class="btn btn-sm gap-2"
 												onclick={() => selecionarSolicitacao(ausencia._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="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-													/>
-													<path
-														stroke-linecap="round"
-														stroke-linejoin="round"
-														stroke-width="2"
-														d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
-													/>
-												</svg>
+												<Eye class="h-4 w-4" strokeWidth={2} />
 												Ver Detalhes
 											</button>
 										{/if}
@@ -387,7 +744,7 @@
 	{#await client.query( api.ausencias.obterDetalhes, { solicitacaoId: solicitacaoSelecionada } ) then detalhes}
 		{#if detalhes}
 			<dialog class="modal modal-open">
-				<div class="modal-box max-w-4xl">
+				<div class="modal-box max-h-[95vh] w-full max-w-2xl overflow-y-auto p-4 md:p-6">
 					<AprovarAusencias
 						solicitacao={detalhes}
 						gestorId={currentUser.data._id}
diff --git a/apps/web/src/routes/(dashboard)/termo-consentimento/+page.svelte b/apps/web/src/routes/(dashboard)/termo-consentimento/+page.svelte
new file mode 100644
index 0000000..e238800
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/termo-consentimento/+page.svelte
@@ -0,0 +1,307 @@
+<script lang="ts">
+	import { resolve } from '$app/paths';
+	import { page } from '$app/state';
+	import { Shield, CheckCircle, AlertCircle, FileText } from 'lucide-svelte';
+	import { useQuery, useConvexClient } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+
+	let aceito = $state(false);
+	let carregando = $state(false);
+	let erro = $state<string | null>(null);
+	let sucesso = $state(false);
+
+	// Verificar se já aceitou o termo
+	const client = useConvexClient();
+	const consentimentoQuery = useQuery(api.lgpd.verificarConsentimento, { tipo: 'termo_uso' });
+
+	const jaAceitou = $derived(
+		consentimentoQuery?.data?.aceito === true &&
+			consentimentoQuery?.data?.versao === consentimentoQuery?.data?.versaoTermoAtual
+	);
+
+	const termoObrigatorio = $derived(consentimentoQuery?.data?.termoObrigatorio ?? false);
+	const versaoTermoAtual = $derived(consentimentoQuery?.data?.versaoTermoAtual ?? '1.0');
+
+	// Rota de retorno após aceite
+	const redirectTo = $derived(page.url.searchParams.get('redirect') || '/');
+
+	function navegarDeVolta() {
+		// Se vier algo como URL absoluta, mantemos; senão usamos resolve
+		if (redirectTo.startsWith('/')) {
+			window.location.href = redirectTo;
+		} else {
+			window.location.href = resolve(redirectTo);
+		}
+	}
+
+	async function aceitarTermo() {
+		if (termoObrigatorio && !aceito) {
+			erro = 'Você precisa aceitar o termo para continuar';
+			return;
+		}
+
+		if (!aceito) {
+			// Se não é obrigatório e não aceitou, apenas redireciona
+			navegarDeVolta();
+			return;
+		}
+
+		carregando = true;
+		erro = null;
+
+		try {
+			await client.mutation(api.lgpd.registrarConsentimento, {
+				tipo: 'termo_uso',
+				aceito: true,
+				versao: versaoTermoAtual
+			});
+			sucesso = true;
+			// Aguarda 6 segundos antes de redirecionar automaticamente
+			setTimeout(() => {
+				navegarDeVolta();
+			}, 6000);
+		} catch (e: unknown) {
+			erro = e instanceof Error ? e.message : 'Erro ao registrar consentimento';
+		} finally {
+			carregando = false;
+		}
+	}
+</script>
+
+<div class="container mx-auto max-w-4xl px-4 py-8">
+	<!-- Header -->
+	<div class="mb-8">
+		<div class="mb-4 flex items-center gap-4">
+			<div class="bg-primary/10 rounded-xl p-3">
+				<Shield class="text-primary h-8 w-8" strokeWidth={2} />
+			</div>
+			<div>
+				<h1 class="text-base-content text-3xl font-bold">Termo de Consentimento</h1>
+				<p class="text-base-content/60 mt-1">
+					Termo de Uso e Consentimento para Tratamento de Dados Pessoais
+				</p>
+			</div>
+		</div>
+	</div>
+
+	{#if consentimentoQuery === undefined}
+		<div class="flex items-center justify-center py-20">
+			<span class="loading loading-spinner loading-lg text-primary"></span>
+		</div>
+	{:else if jaAceitou}
+		<!-- Já aceitou -->
+		<div class="card bg-base-100 shadow-xl">
+			<div class="card-body text-center">
+				<CheckCircle class="text-success mx-auto mb-4 h-16 w-16" strokeWidth={2} />
+				<h2 class="card-title mb-4 justify-center text-2xl">Termo Já Aceito</h2>
+				<p class="text-base-content/80 mb-6">
+					Você já aceitou este termo de consentimento (versão {versaoTermoAtual}). Se desejar
+					revogar seu consentimento ou gerenciar suas preferências de privacidade, acesse a página
+					de privacidade.
+				</p>
+				<div class="flex flex-col justify-center gap-4 sm:flex-row">
+					<a href={resolve('/privacidade')} class="btn btn-primary">
+						<FileText class="h-5 w-5" />
+						Ver Política de Privacidade
+					</a>
+					<a href={resolve('/perfil/privacidade')} class="btn btn-outline">
+						<Shield class="h-5 w-5" />
+						Gerenciar Privacidade
+					</a>
+				</div>
+			</div>
+		</div>
+	{:else if sucesso}
+		<!-- Sucesso -->
+		<div class="card bg-base-100 shadow-xl">
+			<div class="card-body text-center">
+				<CheckCircle class="text-success mx-auto mb-4 h-16 w-16" strokeWidth={2} />
+				<h2 class="card-title mb-4 justify-center text-2xl">Termo Aceito com Sucesso!</h2>
+				<p class="text-base-content/80 mb-6">
+					Seu consentimento foi registrado. Você pode acessar o sistema normalmente.
+				</p>
+				<button type="button" class="btn btn-primary btn-lg" onclick={navegarDeVolta}>
+					Continuar para o Sistema
+				</button>
+			</div>
+		</div>
+	{:else}
+		<!-- Termo -->
+		<div class="card bg-base-100 mb-6 shadow-xl">
+			<div class="card-body">
+				<div class="prose max-w-none">
+					<h2 class="mb-4 text-2xl font-bold">Termo de Uso e Consentimento</h2>
+
+					<section class="mb-6">
+						<h3 class="mb-3 text-xl font-semibold">1. Aceitação dos Termos</h3>
+						<p class="text-base-content/80 mb-4">
+							Ao utilizar o Sistema de Gestão da Secretaria de Esportes (SGSE), você concorda com os
+							termos e condições estabelecidos neste documento, bem como com a Política de
+							Privacidade do sistema.
+						</p>
+					</section>
+
+					<section class="mb-6">
+						<h3 class="mb-3 text-xl font-semibold">2. Tratamento de Dados Pessoais</h3>
+						<p class="text-base-content/80 mb-4">
+							Você consente que a Secretaria de Esportes do Estado de Pernambuco trate seus dados
+							pessoais para as finalidades descritas na Política de Privacidade, incluindo:
+						</p>
+						<ul class="text-base-content/80 mb-4 list-inside list-disc space-y-2">
+							<li>Gestão de recursos humanos e folha de pagamento</li>
+							<li>Controle de ponto e registro de jornada de trabalho</li>
+							<li>Gestão de férias, ausências e licenças</li>
+							<li>Processamento de atestados médicos e licenças de saúde</li>
+							<li>Comunicação interna e notificações</li>
+							<li>Cumprimento de obrigações legais e regulatórias</li>
+						</ul>
+					</section>
+
+					<section class="mb-6">
+						<h3 class="mb-3 text-xl font-semibold">3. Base Legal</h3>
+						<p class="text-base-content/80 mb-4">
+							O tratamento de seus dados pessoais fundamenta-se nas seguintes bases legais, conforme
+							previsto na Lei Geral de Proteção de Dados (LGPD):
+						</p>
+						<ul class="text-base-content/80 list-inside list-disc space-y-2">
+							<li>
+								<strong>Execução de Políticas Públicas:</strong> Para a execução de políticas públicas
+								previstas em leis ou regulamentos
+							</li>
+							<li>
+								<strong>Cumprimento de Obrigação Legal:</strong> Para cumprimento de obrigação legal
+								ou regulatória
+							</li>
+							<li>
+								<strong>Execução de Contrato:</strong> Para a execução de contrato ou de procedimentos
+								preliminares relacionados a contrato
+							</li>
+						</ul>
+					</section>
+
+					<section class="mb-6">
+						<h3 class="mb-3 text-xl font-semibold">4. Direitos do Titular</h3>
+						<p class="text-base-content/80 mb-4">
+							Você possui os seguintes direitos em relação aos seus dados pessoais:
+						</p>
+						<ul class="text-base-content/80 list-inside list-disc space-y-2">
+							<li>Confirmar a existência de tratamento de dados</li>
+							<li>Acessar seus dados pessoais</li>
+							<li>Corrigir dados incompletos, inexatos ou desatualizados</li>
+							<li>Solicitar anonimização, bloqueio ou eliminação de dados</li>
+							<li>Solicitar portabilidade dos dados</li>
+							<li>Revogar seu consentimento</li>
+						</ul>
+						<p class="text-base-content/80 mt-4">
+							Para exercer seus direitos, acesse a página{' '}
+							<a href={resolve('/privacidade/meus-dados')} class="link link-primary">
+								Solicitar Meus Direitos
+							</a>
+							.
+						</p>
+					</section>
+
+					<section class="mb-6">
+						<h3 class="mb-3 text-xl font-semibold">5. Segurança dos Dados</h3>
+						<p class="text-base-content/80 mb-4">
+							A Secretaria de Esportes adota medidas técnicas e administrativas para proteger seus
+							dados pessoais contra acesso não autorizado, alteração, divulgação ou destruição.
+						</p>
+					</section>
+
+					<section class="mb-6">
+						<h3 class="mb-3 text-xl font-semibold">6. Revogação do Consentimento</h3>
+						<p class="text-base-content/80 mb-4">
+							Você pode revogar seu consentimento a qualquer momento através da página de
+							gerenciamento de privacidade. No entanto, a revogação pode impedir o acesso a algumas
+							funcionalidades do sistema que dependem do tratamento de dados pessoais.
+						</p>
+					</section>
+
+					<section class="mb-6">
+						<h3 class="mb-3 text-xl font-semibold">7. Contato</h3>
+						<p class="text-base-content/80 mb-4">
+							Para questões relacionadas ao tratamento de dados pessoais, entre em contato com o
+							Encarregado de Proteção de Dados:
+						</p>
+						<div class="bg-base-200 rounded-lg p-4">
+							<p class="text-sm">
+								<strong>E-mail:</strong> lgpd@esportes.pe.gov.br
+							</p>
+							<p class="text-sm">
+								<strong>Telefone:</strong> (81) 3184-XXXX
+							</p>
+						</div>
+					</section>
+
+					{#if termoObrigatorio}
+						<div class="alert alert-warning mb-6">
+							<AlertCircle class="h-5 w-5" />
+							<p class="text-sm">
+								<strong>Atenção:</strong> O aceite deste termo é obrigatório para utilização do sistema.
+								Ao aceitar, você confirma que leu, compreendeu e concorda com todos os termos e condições
+								estabelecidos.
+							</p>
+						</div>
+					{:else}
+						<div class="alert alert-info mb-6">
+							<AlertCircle class="h-5 w-5" />
+							<p class="text-sm">
+								<strong>Informação:</strong> O aceite deste termo é opcional. Você pode aceitar voluntariamente
+								ou continuar sem aceitar.
+							</p>
+						</div>
+					{/if}
+				</div>
+			</div>
+		</div>
+
+		<!-- Formulário de Aceite -->
+		<div class="card bg-base-100 shadow-xl">
+			<div class="card-body">
+				<h2 class="card-title mb-4 text-xl">Aceitar Termo</h2>
+
+				{#if erro}
+					<div class="alert alert-error mb-4">
+						<AlertCircle class="h-5 w-5" />
+						<span>{erro}</span>
+					</div>
+				{/if}
+
+				<div class="form-control mb-6">
+					<label class="label cursor-pointer justify-start gap-4">
+						<input type="checkbox" bind:checked={aceito} class="checkbox checkbox-primary" />
+						<span class="label-text text-base-content/80">
+							Declaro que li, compreendi e aceito os termos e condições estabelecidos neste Termo de
+							Consentimento e na{' '}
+							<a href={resolve('/privacidade')} class="link link-primary" target="_blank">
+								Política de Privacidade
+							</a>
+							.
+						</span>
+					</label>
+				</div>
+
+				<div class="flex flex-col gap-4 sm:flex-row">
+					<button
+						onclick={aceitarTermo}
+						disabled={(termoObrigatorio && !aceito) || carregando}
+						class="btn btn-primary btn-lg flex-1"
+					>
+						{#if carregando}
+							<span class="loading loading-spinner loading-sm"></span>
+							Processando...
+						{:else}
+							<CheckCircle class="h-5 w-5" />
+							Aceitar e Continuar
+						{/if}
+					</button>
+					<a href={resolve('/privacidade')} class="btn btn-outline btn-lg flex-1">
+						<FileText class="h-5 w-5" />
+						Ver Política de Privacidade
+					</a>
+				</div>
+			</div>
+		</div>
+	{/if}
+</div>
diff --git a/apps/web/src/routes/(dashboard)/ti/+page.svelte b/apps/web/src/routes/(dashboard)/ti/+page.svelte
index 5b7477e..a0cf4f4 100644
--- a/apps/web/src/routes/(dashboard)/ti/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/+page.svelte
@@ -1,6 +1,21 @@
 <script lang="ts">
 	import { resolve } from '$app/paths';
-
+	import {
+		Settings,
+		Headphones,
+		ShieldCheck,
+		Mail,
+		Users,
+		Bell,
+		Monitor,
+		FileText,
+		UserPlus,
+		Clock,
+		Video,
+		Building,
+		Info,
+		AlertCircle
+	} from 'lucide-svelte';
 	type HighlightVariant = 'solid' | 'outline';
 	type FeatureIcon =
 		| 'control'
@@ -15,7 +30,8 @@
 		| 'userPlus'
 		| 'clock'
 		| 'video'
-		| 'building';
+		| 'building'
+		| 'alertCircle';
 	type PaletteKey = 'primary' | 'success' | 'secondary' | 'accent' | 'info' | 'error' | 'warning';
 
 	type TiRouteId =
@@ -29,6 +45,7 @@
 		| '/(dashboard)/ti/solicitacoes-acesso'
 		| '/(dashboard)/ti/times'
 		| '/(dashboard)/ti/notificacoes'
+		| '/(dashboard)/ti/erros-servidor'
 		| '/(dashboard)/ti/monitoramento'
 		| '/(dashboard)/ti/configuracoes-ponto'
 		| '/(dashboard)/ti/configuracoes-relogio'
@@ -46,13 +63,6 @@
 		highlightBadges?: Array<{ label: string; variant: HighlightVariant }>;
 	};
 
-	type IconPath = {
-		d: string;
-		strokeLinecap?: 'butt' | 'round' | 'square';
-		strokeLinejoin?: 'miter' | 'round' | 'bevel';
-		strokeWidth?: number;
-	};
-
 	const paletteStyles: Record<
 		PaletteKey,
 		{
@@ -130,98 +140,22 @@
 		}
 	};
 
-	const iconPaths: Record<FeatureIcon, IconPath[]> = {
-		control: [
-			{
-				d: 'M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4',
-				strokeLinecap: 'round',
-				strokeLinejoin: 'round'
-			}
-		],
-		support: [
-			{
-				d: 'M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z',
-				strokeLinecap: 'round',
-				strokeLinejoin: 'round'
-			}
-		],
-		shieldCheck: [
-			{
-				d: 'M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z',
-				strokeLinecap: 'round',
-				strokeLinejoin: 'round'
-			}
-		],
-		envelope: [
-			{
-				d: 'M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z',
-				strokeLinecap: 'round',
-				strokeLinejoin: 'round'
-			}
-		],
-		users: [
-			{
-				d: 'M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z',
-				strokeLinecap: 'round',
-				strokeLinejoin: 'round'
-			}
-		],
-		bell: [
-			{
-				d: 'M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9',
-				strokeLinecap: 'round',
-				strokeLinejoin: 'round'
-			}
-		],
-		monitor: [
-			{
-				d: 'M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z',
-				strokeLinecap: 'round',
-				strokeLinejoin: 'round'
-			}
-		],
-		document: [
-			{
-				d: 'M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z',
-				strokeLinecap: 'round',
-				strokeLinejoin: 'round'
-			}
-		],
-		teams: [
-			{
-				d: 'M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z',
-				strokeLinecap: 'round',
-				strokeLinejoin: 'round'
-			}
-		],
-		userPlus: [
-			{
-				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',
-				strokeLinecap: 'round',
-				strokeLinejoin: 'round'
-			}
-		],
-		clock: [
-			{
-				d: 'M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z',
-				strokeLinecap: 'round',
-				strokeLinejoin: 'round'
-			}
-		],
-		video: [
-			{
-				d: 'M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z',
-				strokeLinecap: 'round',
-				strokeLinejoin: 'round'
-			}
-		],
-		building: [
-			{
-				d: 'M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4',
-				strokeLinecap: 'round',
-				strokeLinejoin: 'round'
-			}
-		]
+	// Mapeamento de ícones para componentes Lucide
+	const iconComponents: Record<FeatureIcon, typeof Settings> = {
+		control: Settings,
+		support: Headphones,
+		shieldCheck: ShieldCheck,
+		envelope: Mail,
+		users: Users,
+		bell: Bell,
+		monitor: Monitor,
+		document: FileText,
+		teams: Users,
+		userPlus: UserPlus,
+		clock: Clock,
+		video: Video,
+		building: Building,
+		alertCircle: AlertCircle
 	};
 
 	const featureCards: Array<FeatureCard> = [
@@ -269,6 +203,45 @@
 			palette: 'success',
 			icon: 'shieldCheck'
 		},
+		{
+			title: 'Erros do Servidor',
+			description:
+				'Monitoramento e análise de erros 404 e 500 do servidor. Visualize histórico, estatísticas e detalhes dos erros registrados.',
+			ctaLabel: 'Ver Erros',
+			href: '/(dashboard)/ti/erros-servidor',
+			palette: 'error',
+			icon: 'alertCircle',
+			highlightBadges: [
+				{ label: '404/500', variant: 'solid' },
+				{ label: 'Monitoramento', variant: 'outline' }
+			]
+		},
+		{
+			title: 'LGPD - Proteção de Dados',
+			description:
+				'Gerenciar solicitações LGPD, consentimentos, registros de tratamento e conformidade com a Lei Geral de Proteção de Dados.',
+			ctaLabel: 'Acessar LGPD',
+			href: '/(dashboard)/ti/lgpd',
+			palette: 'info',
+			icon: 'shieldCheck',
+			highlightBadges: [
+				{ label: 'Conformidade', variant: 'solid' },
+				{ label: 'Direitos', variant: 'outline' }
+			]
+		},
+		{
+			title: 'Configurações de Banco de Horas',
+			description:
+				'Configure limites, regras e alertas do sistema de banco de horas. Gerencie configurações gerais e alertas configuráveis.',
+			ctaLabel: 'Configurar Banco de Horas',
+			href: '/(dashboard)/ti/configuracoes-banco-horas',
+			palette: 'primary',
+			icon: 'clock',
+			highlightBadges: [
+				{ label: 'Alertas', variant: 'solid' },
+				{ label: 'Configurações', variant: 'outline' }
+			]
+		},
 		{
 			title: 'Configuração de Email',
 			description:
@@ -436,22 +409,11 @@
 					<div
 						class={`relative flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl ${paletteStyles[card.palette].iconBg} ${paletteStyles[card.palette].iconRing}`}
 					>
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							viewBox="0 0 24 24"
-							fill="none"
-							stroke="currentColor"
+						<svelte:component
+							this={iconComponents[card.icon]}
 							class={`h-7 w-7 ${paletteStyles[card.palette].iconColor}`}
-						>
-							{#each iconPaths[card.icon] as path (path.d)}
-								<path
-									d={path.d}
-									stroke-linecap={path.strokeLinecap ?? 'round'}
-									stroke-linejoin={path.strokeLinejoin ?? 'round'}
-									stroke-width={path.strokeWidth ?? 2}
-								/>
-							{/each}
-						</svg>
+							strokeWidth={2}
+						/>
 					</div>
 					<div class="relative flex-1">
 						<h2 class="text-base-content text-xl font-semibold">
@@ -466,22 +428,11 @@
 					<div
 						class={`relative flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl ${paletteStyles[card.palette].iconBg} ${paletteStyles[card.palette].iconRing}`}
 					>
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							viewBox="0 0 24 24"
-							fill="none"
-							stroke="currentColor"
+						<svelte:component
+							this={iconComponents[card.icon]}
 							class={`h-7 w-7 ${paletteStyles[card.palette].iconColor}`}
-						>
-							{#each iconPaths[card.icon] as path (path.d)}
-								<path
-									d={path.d}
-									stroke-linecap={path.strokeLinecap ?? 'round'}
-									stroke-linejoin={path.strokeLinejoin ?? 'round'}
-									stroke-width={path.strokeWidth ?? 2}
-								/>
-							{/each}
-						</svg>
+							strokeWidth={2}
+						/>
 					</div>
 					<div class="relative flex-1">
 						<h2 class="text-base-content text-xl font-semibold">
@@ -501,19 +452,7 @@
 			<div
 				class="bg-warning/25 text-warning flex h-12 w-12 items-center justify-center rounded-full"
 			>
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="none"
-					viewBox="0 0 24 24"
-					class="h-6 w-6 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"
-					/>
-				</svg>
+				<Info class="h-6 w-6 stroke-current" strokeWidth={2} />
 			</div>
 			<div>
 				<h3 class="text-base-content text-lg font-bold">Área Restrita</h3>
diff --git a/apps/web/src/routes/(dashboard)/ti/auditoria/+page.svelte b/apps/web/src/routes/(dashboard)/ti/auditoria/+page.svelte
index 1ffb04f..3eb4d9c 100644
--- a/apps/web/src/routes/(dashboard)/ti/auditoria/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/auditoria/+page.svelte
@@ -1,13 +1,32 @@
 <script lang="ts">
+	import { useQuery, useConvexClient } from 'convex-svelte';
 	import { api } from '@sgse-app/backend/convex/_generated/api';
-	import { useConvexClient, useQuery } from 'convex-svelte';
+	import { resolve } from '$app/paths';
 	import { format } from 'date-fns';
 	import { ptBR } from 'date-fns/locale';
 	import jsPDF from 'jspdf';
 	import autoTable from 'jspdf-autotable';
 	import Papa from 'papaparse';
-	import { resolve } from '$app/paths';
 	import logoGovPE from '$lib/assets/logo_governo_PE.png';
+	import {
+		FileText,
+		Clipboard,
+		LogIn,
+		CheckCircle,
+		XCircle,
+		Download,
+		Filter,
+		ArrowLeft,
+		Search,
+		Calendar,
+		User,
+		X,
+		Clock,
+		Inbox,
+		MapPin,
+		Info,
+		Mail
+	} from 'lucide-svelte';
 
 	let abaAtiva = $state<'atividades' | 'logins'>('atividades');
 	let limite = $state(50);
@@ -445,20 +464,7 @@
 	<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="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-					/>
-				</svg>
+				<FileText class="h-8 w-8 text-blue-600" strokeWidth={2} />
 			</div>
 			<div>
 				<h1 class="text-primary text-3xl font-bold">Auditoria e Logs</h1>
@@ -473,20 +479,7 @@
 	<div class="mb-6 grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
 		<div class="stat bg-base-100 rounded-lg shadow-lg">
 			<div class="stat-figure text-primary">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"
-					/>
-				</svg>
+				<Clipboard class="h-8 w-8" strokeWidth={2} />
 			</div>
 			<div class="stat-title text-xs">Atividades</div>
 			<div class="stat-value text-2xl">{totalAtividades}</div>
@@ -495,20 +488,7 @@
 
 		<div class="stat bg-base-100 rounded-lg shadow-lg">
 			<div class="stat-figure text-success">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
-					/>
-				</svg>
+				<LogIn class="h-8 w-8" strokeWidth={2} />
 			</div>
 			<div class="stat-title text-xs">Logins Totais</div>
 			<div class="stat-value text-2xl">{totalLogins}</div>
@@ -517,20 +497,7 @@
 
 		<div class="stat bg-base-100 rounded-lg shadow-lg">
 			<div class="stat-figure text-success">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<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"
-					/>
-				</svg>
+				<CheckCircle class="h-8 w-8" strokeWidth={2} />
 			</div>
 			<div class="stat-title text-xs">Logins Bem-sucedidos</div>
 			<div class="stat-value text-success text-2xl">{loginsSucesso}</div>
@@ -541,20 +508,7 @@
 
 		<div class="stat bg-base-100 rounded-lg shadow-lg">
 			<div class="stat-figure text-error">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<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>
+				<XCircle class="h-8 w-8" strokeWidth={2} />
 			</div>
 			<div class="stat-title text-xs">Logins Falhados</div>
 			<div class="stat-value text-error text-2xl">{loginsFalha}</div>
@@ -570,40 +524,14 @@
 			class="tab flex items-center gap-2 {abaAtiva === 'atividades' ? 'tab-active' : ''}"
 			onclick={() => (abaAtiva = 'atividades')}
 		>
-			<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="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"
-				/>
-			</svg>
+			<Clipboard class="h-5 w-5" strokeWidth={2} />
 			<span class="font-medium">Atividades no Sistema</span>
 		</button>
 		<button
 			class="tab flex items-center gap-2 {abaAtiva === 'logins' ? 'tab-active' : ''}"
 			onclick={() => (abaAtiva = 'logins')}
 		>
-			<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="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
-				/>
-			</svg>
+			<LogIn class="h-5 w-5" strokeWidth={2} />
 			<span class="font-medium">Histórico de Logins</span>
 		</button>
 	</div>
@@ -634,20 +562,7 @@
 						{#if exportando}
 							<span class="loading loading-spinner loading-xs"></span>
 						{:else}
-							<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="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
-								/>
-							</svg>
+							<Download class="h-4 w-4" strokeWidth={2} />
 						{/if}
 						Exportar CSV
 					</button>
@@ -660,20 +575,7 @@
 						{#if exportando}
 							<span class="loading loading-spinner loading-xs"></span>
 						{:else}
-							<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="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>
+							<FileText class="h-4 w-4" strokeWidth={2} />
 						{/if}
 						Exportar PDF
 					</button>
@@ -681,20 +583,7 @@
 						class="btn btn-outline btn-secondary btn-sm gap-2"
 						onclick={() => (mostrarFiltros = !mostrarFiltros)}
 					>
-						<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="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
-							/>
-						</svg>
+						<Filter class="h-4 w-4" strokeWidth={2} />
 						Filtros Avançados
 					</button>
 				</div>
@@ -768,20 +657,7 @@
 			<div class="card-body">
 				<div class="mb-4 flex items-center justify-between">
 					<h2 class="card-title text-xl">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="mr-2 h-5 w-5"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"
-							/>
-						</svg>
+						<Clipboard class="mr-2 h-5 w-5" strokeWidth={2} />
 						Atividades Recentes
 					</h2>
 					{#if atividades}
@@ -798,20 +674,7 @@
 					</div>
 				{:else if atividades.length === 0}
 					<div class="text-base-content/60 flex flex-col items-center justify-center py-16">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="mb-4 h-16 w-16 opacity-50"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-							/>
-						</svg>
+						<Inbox class="mb-4 h-16 w-16 opacity-50" strokeWidth={2} />
 						<p class="text-lg font-medium">Nenhuma atividade registrada</p>
 						<p class="mt-1 text-sm">As atividades do sistema aparecerão aqui</p>
 					</div>
@@ -832,20 +695,7 @@
 									<tr class="hover transition-colors">
 										<td>
 											<div class="flex items-center gap-2">
-												<svg
-													xmlns="http://www.w3.org/2000/svg"
-													class="text-base-content/40 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 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-													/>
-												</svg>
+												<Clock class="text-base-content/40 h-4 w-4" strokeWidth={2} />
 												<span class="font-mono text-xs">{formatarData(atividade.timestamp)}</span>
 											</div>
 										</td>
@@ -896,20 +746,7 @@
 			<div class="card-body">
 				<div class="mb-4 flex items-center justify-between">
 					<h2 class="card-title text-xl">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="mr-2 h-5 w-5"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
-							/>
-						</svg>
+						<LogIn class="mr-2 h-5 w-5" strokeWidth={2} />
 						Histórico de Logins
 					</h2>
 					{#if logins}
@@ -926,20 +763,7 @@
 					</div>
 				{:else if logins.length === 0}
 					<div class="text-base-content/60 flex flex-col items-center justify-center py-16">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="mb-4 h-16 w-16 opacity-50"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
-							/>
-						</svg>
+						<LogIn class="mb-4 h-16 w-16 opacity-50" strokeWidth={2} />
 						<p class="text-lg font-medium">Nenhum login registrado</p>
 						<p class="mt-1 text-sm">Os acessos ao sistema aparecerão aqui</p>
 					</div>
@@ -963,20 +787,7 @@
 									<tr class="hover transition-colors">
 										<td>
 											<div class="flex items-center gap-2">
-												<svg
-													xmlns="http://www.w3.org/2000/svg"
-													class="text-base-content/40 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 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-													/>
-												</svg>
+												<Clock class="text-base-content/40 h-4 w-4" strokeWidth={2} />
 												<span class="font-mono text-xs">{formatarData(login.timestamp)}</span>
 											</div>
 										</td>
@@ -984,39 +795,13 @@
 											<div class="flex flex-col gap-1">
 												{#if login.usuarioNome}
 													<div class="flex items-center gap-2">
-														<svg
-															xmlns="http://www.w3.org/2000/svg"
-															class="text-base-content/40 h-4 w-4"
-															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>
+														<User class="text-base-content/40 h-4 w-4" strokeWidth={2} />
 														<span class="text-sm font-semibold">{login.usuarioNome}</span>
 													</div>
 												{/if}
 												{#if login.usuarioEmail || login.matriculaOuEmail}
 													<div class="flex items-center gap-2">
-														<svg
-															xmlns="http://www.w3.org/2000/svg"
-															class="text-base-content/40 h-3 w-3"
-															fill="none"
-															viewBox="0 0 24 24"
-															stroke="currentColor"
-														>
-															<path
-																stroke-linecap="round"
-																stroke-linejoin="round"
-																stroke-width="2"
-																d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-															/>
-														</svg>
+														<Mail class="text-base-content/40 h-3 w-3" strokeWidth={2} />
 														<span class="text-base-content/70 font-mono text-xs">
 															{login.usuarioEmail ||
 																(login.matriculaOuEmail &&
@@ -1034,38 +819,12 @@
 											<div class="flex flex-col gap-1">
 												{#if login.sucesso}
 													<span class="badge badge-success badge-sm gap-1">
-														<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="M5 13l4 4L19 7"
-															/>
-														</svg>
+														<CheckCircle class="h-3 w-3" strokeWidth={2} />
 														Sucesso
 													</span>
 												{:else}
 													<span class="badge badge-error badge-sm gap-1">
-														<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>
+														<XCircle class="h-3 w-3" strokeWidth={2} />
 														Falhou
 													</span>
 													{#if login.motivoFalha}
@@ -1083,26 +842,10 @@
 										</td>
 										<td>
 											<div class="flex max-w-xs items-center gap-2">
-												<svg
-													xmlns="http://www.w3.org/2000/svg"
+												<MapPin
 													class="text-base-content/40 h-4 w-4 flex-shrink-0"
-													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>
+													strokeWidth={2}
+												/>
 												<span
 													class="text-base-content/70 truncate text-xs"
 													title={formatarLocalizacao(login)}
@@ -1132,19 +875,7 @@
 
 	<!-- Informação -->
 	<div class="alert alert-info mt-6 shadow-lg">
-		<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>
+		<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 		<div>
 			<h3 class="font-bold">Informação Importante</h3>
 			<div class="text-sm">
diff --git a/apps/web/src/routes/(dashboard)/ti/central-chamados/+page.svelte b/apps/web/src/routes/(dashboard)/ti/central-chamados/+page.svelte
index e901288..25afe05 100644
--- a/apps/web/src/routes/(dashboard)/ti/central-chamados/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/central-chamados/+page.svelte
@@ -3,57 +3,32 @@
 	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { resolve } from '$app/paths';
-	import SlaChart from '$lib/components/chamados/SlaChart.svelte';
+	import {
+		MessageSquare,
+		BarChart3,
+		FileText,
+		Clock,
+		User,
+		Info,
+		MessageCircle,
+		UserPlus
+	} from 'lucide-svelte';
 	import TicketTimeline from '$lib/components/chamados/TicketTimeline.svelte';
-	import { useConvexWithAuth } from '$lib/hooks/useConvexWithAuth';
-	import { formatarData, getStatusBadge, getStatusLabel, prazoRestante } from '$lib/utils/chamados';
+	import SlaChart from '$lib/components/chamados/SlaChart.svelte';
+	import { getStatusBadge, getStatusLabel, prazoRestante } from '$lib/utils/chamados';
 
 	type Ticket = Doc<'tickets'>;
 	type Usuario = Doc<'usuarios'>;
 	type SlaConfig = Doc<'slaConfigs'>;
-	type Template = Doc<'templatesMensagens'>;
 
 	const client = useConvexClient();
 
-	// createSvelteAuthClient gerencia autenticação automaticamente
-	// Não precisamos verificar token manualmente, apenas garantir que useConvexWithAuth seja chamado
-	$effect(() => {
-		// Sempre chamar useConvexWithAuth para garantir que autenticação está configurada
-		useConvexWithAuth();
-	});
-
 	// Queries - executar normalmente, o createSvelteAuthClient no layout gerencia autenticação
 	const usuariosQuery = useQuery(api.usuarios.listar, {});
 	const slaConfigsQuery = useQuery(api.chamados.listarSlaConfigs, {});
-	const templatesQuery = useQuery(api.templatesMensagens.listarTemplates, {});
 	const estatisticasQuery = useQuery(api.chamados.obterEstatisticasChamados, {});
 	const dadosSlaGraficoQuery = useQuery(api.chamados.obterDadosSlaGrafico, {});
 
-	// Extrair dados dos templates
-	let templates = $derived.by(() => {
-		// useQuery retorna undefined enquanto carrega, depois retorna os dados diretamente
-		if (templatesQuery === undefined || templatesQuery === null) {
-			return [];
-		}
-		// useQuery retorna os dados diretamente (não em .data)
-		if (Array.isArray(templatesQuery)) {
-			return templatesQuery;
-		}
-		return [];
-	});
-
-	let carregandoTemplates = $derived.by(() => {
-		// useQuery retorna undefined enquanto carrega
-		return templatesQuery === undefined || templatesQuery === null;
-	});
-
-	let templatesChamados = $derived.by(() => {
-		return templates.filter((t: Template) => {
-			if (!t.codigo) return false;
-			return typeof t.codigo === 'string' && t.codigo.startsWith('chamado_');
-		});
-	});
-
 	let carregandoChamados = $state(true);
 	let tickets = $state<Array<Ticket>>([]);
 	let filtroStatus = $state<'todos' | Ticket['status']>('todos');
@@ -99,8 +74,6 @@
 		motivo: ''
 	});
 	let prorrogacaoFeedback = $state<string | null>(null);
-	let criandoTemplates = $state(false);
-	let templatesFeedback = $state<string | null>(null);
 
 	// Estados para responder chamado
 	let respostaTexto = $state('');
@@ -139,11 +112,6 @@
 		// Só carregar se estiver na aba de chamados
 		if (abaAtiva !== 'chamados') return;
 
-		// Acessar os valores dos filtros para criar dependências reativas
-		const status = filtroStatus;
-		const responsavel = filtroResponsavel;
-		const setor = filtroSetor;
-
 		// Pequeno delay para garantir que autenticação está configurada
 		const timeoutId = setTimeout(() => {
 			aplicarFiltros();
@@ -236,7 +204,7 @@
 		let usuarios: Usuario[] = [];
 		if (typeof usuariosQuery === 'object' && usuariosQuery !== null) {
 			if ('data' in usuariosQuery && Array.isArray(usuariosQuery.data)) {
-				usuarios = usuariosQuery.data as Usuario[];
+				usuarios = usuariosQuery.data as unknown as Usuario[];
 			} else if (Array.isArray(usuariosQuery)) {
 				usuarios = usuariosQuery as Usuario[];
 			} else {
@@ -260,8 +228,9 @@
 			}
 			return [];
 		}
+		type UsuarioComRole = Usuario & { role?: { setor?: string | null } };
 
-		const usuariosFiltrados = usuarios.filter((usuario: Usuario) => {
+		const usuariosFiltrados = (usuarios as UsuarioComRole[]).filter((usuario) => {
 			// Verificar se o usuário tem setor "TI" no role (case-insensitive)
 			const setor = usuario.role?.setor;
 			const temSetorTI = setor && setor.toUpperCase() === 'TI';
@@ -298,19 +267,20 @@
 
 			if (typeof estatisticasQuery === 'object') {
 				if ('data' in estatisticasQuery && estatisticasQuery.data) {
-					dadosEstatisticas = estatisticasQuery.data as {
+					dadosEstatisticas = estatisticasQuery.data as unknown as {
 						total: number;
 						abertos: number;
 						emAndamento: number;
 						vencidos: number;
 					};
-				} else if ('total' in estatisticasQuery) {
-					dadosEstatisticas = estatisticasQuery as {
+				} else if ('total' in (estatisticasQuery as Record<string, unknown>)) {
+					const eq = estatisticasQuery as unknown as {
 						total: number;
 						abertos: number;
 						emAndamento: number;
 						vencidos: number;
 					};
+					dadosEstatisticas = eq;
 				}
 			}
 
@@ -333,7 +303,7 @@
 			slaId: sla._id,
 			nome: sla.nome,
 			descricao: sla.descricao ?? '',
-			prioridade: sla.prioridade,
+			prioridade: sla.prioridade ?? 'media',
 			tempoRespostaHoras: sla.tempoRespostaHoras,
 			tempoConclusaoHoras: sla.tempoConclusaoHoras,
 			tempoEncerramentoHoras: sla.tempoEncerramentoHoras ?? undefined,
@@ -408,7 +378,12 @@
 		}
 	}
 
-	let slaConfigsPorPrioridade = $derived.by(() => {
+	let slaConfigsPorPrioridade: {
+		baixa: SlaConfig | undefined;
+		media: SlaConfig | undefined;
+		alta: SlaConfig | undefined;
+		critica: SlaConfig | undefined;
+	} = $derived.by(() => {
 		// useQuery retorna um objeto com propriedade .data
 		if (slaConfigsQuery === undefined || slaConfigsQuery === null) {
 			return {
@@ -506,28 +481,6 @@
 		}
 	}
 
-	async function criarTemplatesPadrao() {
-		try {
-			criandoTemplates = true;
-			templatesFeedback = null;
-			const resultado = await client.mutation(api.templatesMensagens.criarTemplatesPadrao, {});
-			templatesFeedback = resultado?.sucesso
-				? 'Templates padrão criados com sucesso'
-				: 'Templates criados';
-			// Aguardar um pouco para os templates aparecerem e forçar reload da query
-			await new Promise((resolve) => setTimeout(resolve, 1000));
-			// Forçar reload dos templates
-			if (templatesQuery) {
-				// A query será atualizada automaticamente pelo useQuery
-			}
-		} catch (error) {
-			console.error('Erro ao criar templates:', error);
-			templatesFeedback = error instanceof Error ? error.message : 'Erro ao criar templates padrão';
-		} finally {
-			criandoTemplates = false;
-		}
-	}
-
 	async function handleAnexoChange(event: Event) {
 		const target = event.target as HTMLInputElement;
 		const file = target.files?.[0];
@@ -701,20 +654,7 @@
 	<div class="mb-6">
 		<div class="mb-2 flex items-center gap-4">
 			<div class="bg-info/20 rounded-xl p-3">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="text-info h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"
-					/>
-				</svg>
+				<MessageSquare class="text-info h-8 w-8" strokeWidth={2} />
 			</div>
 			<div>
 				<h1 class="text-primary text-3xl font-bold">Central de Chamados</h1>
@@ -731,60 +671,21 @@
 			class="tab flex items-center gap-2 {abaAtiva === 'dashboard' ? 'tab-active' : ''}"
 			onclick={() => (abaAtiva = 'dashboard')}
 		>
-			<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="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
-				/>
-			</svg>
+			<BarChart3 class="h-5 w-5" strokeWidth={2} />
 			<span class="font-medium">Dashboard</span>
 		</button>
 		<button
 			class="tab flex items-center gap-2 {abaAtiva === 'chamados' ? 'tab-active' : ''}"
 			onclick={() => (abaAtiva = 'chamados')}
 		>
-			<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="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-				/>
-			</svg>
+			<FileText class="h-5 w-5" strokeWidth={2} />
 			<span class="font-medium">Painel de Chamados</span>
 		</button>
 		<button
 			class="tab flex items-center gap-2 {abaAtiva === 'sla' ? 'tab-active' : ''}"
 			onclick={() => (abaAtiva = 'sla')}
 		>
-			<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 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-				/>
-			</svg>
+			<Clock class="h-5 w-5" strokeWidth={2} />
 			<span class="font-medium">Configurações SLA</span>
 		</button>
 	</div>
@@ -1005,20 +906,7 @@
 					class="border-base-300 bg-base-100/50 rounded-3xl border-2 border-dashed p-12 text-center shadow-lg"
 				>
 					<div class="mx-auto max-w-md">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-base-content/30 mx-auto mb-4 h-16 w-16"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-							/>
-						</svg>
+						<FileText class="text-base-content/30 mx-auto mb-4 h-16 w-16" strokeWidth={2} />
 						<h3 class="text-base-content mb-2 text-xl font-semibold">Nenhum chamado selecionado</h3>
 						<p class="text-base-content/60 text-sm">
 							Selecione um chamado na tabela acima para visualizar detalhes e realizar ações.
@@ -1030,7 +918,7 @@
 				<section class="border-primary/30 bg-base-100/95 rounded-3xl border-2 p-6 shadow-2xl">
 					<!-- Cabeçalho do Chamado Selecionado -->
 					<div
-						class="border-primary/20 from-primary/10 via-primary/5 to-base-100/80 mb-6 rounded-2xl border-2 bg-gradient-to-r p-6 shadow-lg"
+						class="border-primary/20 from-primary/10 via-primary/5 to-base-100/80 mb-6 rounded-2xl border-2 bg-linear-to-r p-6 shadow-lg"
 					>
 						<div class="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
 							<div class="flex-1">
@@ -1047,39 +935,13 @@
 								</h2>
 								<div class="text-base-content/70 flex flex-wrap items-center gap-4 text-sm">
 									<div class="flex items-center gap-2">
-										<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="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
-											/>
-										</svg>
+										<User class="h-4 w-4" strokeWidth={2} />
 										<span class="font-semibold">Solicitante:</span>
 										<span>{detalheSelecionado.solicitanteNome}</span>
 									</div>
 									{#if detalheSelecionado.prazoConclusao}
 										<div class="flex items-center gap-2">
-											<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 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-												/>
-											</svg>
+											<Clock class="h-4 w-4" strokeWidth={2} />
 											<span class="font-semibold">Prazo:</span>
 											<span>{prazoRestante(detalheSelecionado.prazoConclusao) ?? '--'}</span>
 										</div>
@@ -1094,20 +956,7 @@
 						<!-- Detalhes do Chamado -->
 						<div class="border-primary/20 bg-base-100/90 rounded-3xl border-2 p-6 shadow-lg">
 							<div class="mb-4 flex items-center gap-2">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="text-primary h-5 w-5"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<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"
-									/>
-								</svg>
+								<Info class="text-primary h-5 w-5" strokeWidth={2} />
 								<h3 class="text-base-content text-lg font-semibold">Detalhes do chamado</h3>
 							</div>
 							<div class="space-y-4">
@@ -1141,28 +990,16 @@
 						<!-- Responder Chamado -->
 						<div class="border-primary/20 bg-base-100/90 rounded-3xl border-2 p-6 shadow-lg">
 							<div class="mb-4 flex items-center gap-2">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="text-primary h-5 w-5"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
-									/>
-								</svg>
+								<MessageCircle class="text-primary h-5 w-5" strokeWidth={2} />
 								<h3 class="text-base-content text-lg font-semibold">Responder chamado</h3>
 							</div>
 							<div class="space-y-4">
 								<div class="form-control">
-									<label class="label">
+									<label class="label" for="respostaTexto">
 										<span class="label-text font-semibold">Resposta *</span>
 									</label>
 									<textarea
+										id="respostaTexto"
 										class="textarea textarea-bordered w-full"
 										rows="5"
 										placeholder="Digite sua resposta ao chamado..."
@@ -1172,7 +1009,7 @@
 								</div>
 
 								<div class="form-control">
-									<label class="label">
+									<label class="label" for="respostaAnexoInput">
 										<span class="label-text font-semibold">Anexar documento (opcional)</span>
 									</label>
 									<input
@@ -1244,20 +1081,7 @@
 						<!-- Atribuir Responsável -->
 						<div class="border-primary/20 bg-base-100/90 rounded-3xl border-2 p-6 shadow-lg">
 							<div class="mb-4 flex items-center gap-2">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="text-primary h-5 w-5"
-									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>
+								<UserPlus class="text-primary h-5 w-5" strokeWidth={2} />
 								<h3 class="text-base-content text-lg font-semibold">Atribuir responsável</h3>
 							</div>
 							<div class="space-y-3">
@@ -1314,19 +1138,24 @@
 							</div>
 							<div class="space-y-3">
 								<div class="form-control">
-									<label class="label">
+									<label class="label" for="prorrogacaoPrazo">
 										<span class="label-text font-semibold">Prazo a prorrogar *</span>
 									</label>
-									<select class="select select-bordered w-full" bind:value={prorrogacaoForm.prazo}>
+									<select
+										id="prorrogacaoPrazo"
+										class="select select-bordered w-full"
+										bind:value={prorrogacaoForm.prazo}
+									>
 										<option value="resposta">Prazo de resposta</option>
 										<option value="conclusao">Prazo de conclusão</option>
 									</select>
 								</div>
 								<div class="form-control">
-									<label class="label">
+									<label class="label" for="prorrogacaoHoras">
 										<span class="label-text font-semibold">Horas adicionais</span>
 									</label>
 									<input
+										id="prorrogacaoHoras"
 										type="number"
 										min="1"
 										class="input input-bordered w-full"
@@ -1335,10 +1164,11 @@
 									/>
 								</div>
 								<div class="form-control">
-									<label class="label">
+									<label class="label" for="prorrogacaoMotivo">
 										<span class="label-text font-semibold">Motivo *</span>
 									</label>
 									<textarea
+										id="prorrogacaoMotivo"
 										class="textarea textarea-bordered w-full"
 										rows="3"
 										placeholder="Descreva o motivo da prorrogação..."
@@ -1577,8 +1407,9 @@
 
 				<!-- Cards rápidos de prioridade -->
 				<div class="mt-6 grid gap-4 md:grid-cols-2 lg:grid-cols-4">
-					{#each ['baixa', 'media', 'alta', 'critica'] as prioridade}
-						{@const slaAtual = slaConfigsPorPrioridade[prioridade]}
+					{#each ['baixa', 'media', 'alta', 'critica'] as prioridade (prioridade)}
+						{@const slaAtual =
+							slaConfigsPorPrioridade[prioridade as 'baixa' | 'media' | 'alta' | 'critica']}
 						<div
 							class="border-base-200 bg-base-100/50 rounded-2xl border p-4 transition-all hover:shadow-md"
 						>
@@ -1659,17 +1490,25 @@
 					</h4>
 					<div class="grid gap-4 md:grid-cols-2">
 						<div class="form-control">
-							<label class="label"><span class="label-text font-semibold">Nome *</span></label>
+							<label class="label" for="slaNome"
+								><span class="label-text font-semibold">Nome *</span></label
+							>
 							<input
+								id="slaNome"
 								class="input input-bordered w-full"
 								bind:value={slaForm.nome}
 								placeholder="Ex: SLA Média"
 							/>
 						</div>
 						<div class="form-control">
-							<label class="label"><span class="label-text font-semibold">Prioridade *</span></label
+							<label class="label" for="slaPrioridade"
+								><span class="label-text font-semibold">Prioridade *</span></label
+							>
+							<select
+								id="slaPrioridade"
+								class="select select-bordered w-full"
+								bind:value={slaForm.prioridade}
 							>
-							<select class="select select-bordered w-full" bind:value={slaForm.prioridade}>
 								<option value="baixa">Baixa</option>
 								<option value="media">Média</option>
 								<option value="alta">Alta</option>
@@ -1677,18 +1516,22 @@
 							</select>
 						</div>
 						<div class="form-control md:col-span-2">
-							<label class="label"><span class="label-text font-semibold">Descrição</span></label>
+							<label class="label" for="slaDescricao"
+								><span class="label-text font-semibold">Descrição</span></label
+							>
 							<input
+								id="slaDescricao"
 								class="input input-bordered w-full"
 								bind:value={slaForm.descricao}
 								placeholder="Descrição opcional"
 							/>
 						</div>
 						<div class="form-control">
-							<label class="label"
+							<label class="label" for="slaTempoResposta"
 								><span class="label-text font-semibold">Tempo de resposta (h) *</span></label
 							>
 							<input
+								id="slaTempoResposta"
 								type="number"
 								min="1"
 								class="input input-bordered w-full"
@@ -1696,10 +1539,11 @@
 							/>
 						</div>
 						<div class="form-control">
-							<label class="label"
+							<label class="label" for="slaTempoConclusao"
 								><span class="label-text font-semibold">Tempo de conclusão (h) *</span></label
 							>
 							<input
+								id="slaTempoConclusao"
 								type="number"
 								min="1"
 								class="input input-bordered w-full"
@@ -1707,10 +1551,11 @@
 							/>
 						</div>
 						<div class="form-control">
-							<label class="label"
+							<label class="label" for="slaTempoEncerramento"
 								><span class="label-text font-semibold">Auto-encerramento (h)</span></label
 							>
 							<input
+								id="slaTempoEncerramento"
 								type="number"
 								min="1"
 								class="input input-bordered w-full"
@@ -1719,11 +1564,12 @@
 							/>
 						</div>
 						<div class="form-control">
-							<label class="label"
+							<label class="label" for="slaAlertaAntecedencia"
 								><span class="label-text font-semibold">Alerta antes do vencimento (h) *</span
 								></label
 							>
 							<input
+								id="slaAlertaAntecedencia"
 								type="number"
 								min="1"
 								class="input input-bordered w-full"
@@ -1749,7 +1595,9 @@
 							{slaForm.slaId ? 'Atualizar' : 'Criar'} SLA
 						</button>
 						{#if slaForm.slaId}
-							<button class="btn btn-ghost" type="button" onclick={novoSla}> Cancelar </button>
+							<button class="btn btn-ghost" type="button" onclick={() => novoSla()}>
+								Cancelar
+							</button>
 						{/if}
 					</div>
 				</div>
diff --git a/apps/web/src/routes/(dashboard)/ti/configuracoes-banco-horas/+page.svelte b/apps/web/src/routes/(dashboard)/ti/configuracoes-banco-horas/+page.svelte
new file mode 100644
index 0000000..9a6fd93
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/ti/configuracoes-banco-horas/+page.svelte
@@ -0,0 +1,1139 @@
+<script lang="ts">
+	import { useQuery, useConvexClient } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import {
+		Clock,
+		Save,
+		AlertTriangle,
+		Bell,
+		Settings,
+		CheckCircle2,
+		Plus,
+		X,
+		Mail,
+		MessageSquare,
+		User,
+		Users
+	} from 'lucide-svelte';
+	import TimePicker from '$lib/components/ponto/TimePicker.svelte';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+
+	const client = useConvexClient();
+	const configQuery = useQuery(api.pontos.obterConfiguracaoBancoHoras, {});
+	const alertasQuery = useQuery(api.pontos.obterAlertasConfigurados, {});
+	const usuariosQuery = useQuery(api.usuarios.listar, { ativo: true });
+
+	// Configurações gerais
+	let limiteSaldoPositivoHoras = $state(0);
+	let limiteSaldoPositivoMinutos = $state(0);
+	let limiteSaldoNegativoHoras = $state(0);
+	let limiteSaldoNegativoMinutos = $state(0);
+	let considerarAjustesAutomaticos = $state(true);
+	let periodicidadeVerificacao = $state<'diario' | 'semanal' | 'mensal'>('diario');
+
+	// Estado dos alertas
+	let alertas = $state<Array<{
+		_id: string;
+		tipoAlerta: string;
+		periodicidade: 'diario' | 'semanal' | 'mensal';
+		enviarEmail: boolean;
+		enviarChat: boolean;
+		destinatariosEmail: string[];
+		destinatariosChat: string[];
+		threshold?: number;
+		limiteMinutos?: number;
+		ativo: boolean;
+	}>>([]);
+
+	// Estado do modal de novo alerta
+	let mostrarModalNovoAlerta = $state(false);
+	let novoAlerta = $state({
+		tipoAlerta: 'saldo_negativo' as
+			| 'saldo_negativo'
+			| 'saldo_negativo_critico'
+			| 'inconsistencia_detectada'
+			| 'dias_sem_registro'
+			| 'limite_saldo_excedido',
+		periodicidade: 'diario' as 'diario' | 'semanal' | 'mensal',
+		enviarEmail: true,
+		enviarChat: true,
+		destinatariosEmail: [] as string[],
+		destinatariosChat: [] as string[],
+		limiteMinutosHoras: 0,
+		limiteMinutosMinutos: 0,
+		ativo: true
+	});
+
+	// Estado dos modais de seleção de destinatários
+	let mostrarSelecaoDestinatariosEmail = $state(false);
+	let mostrarSelecaoDestinatariosChat = $state(false);
+	let alertaSelecionado = $state<string | null>(null);
+	let destinatariosTemporarios = $state<string[]>([]);
+
+	let processando = $state(false);
+	let mensagem = $state<{ tipo: 'success' | 'error'; texto: string } | null>(null);
+
+	$effect(() => {
+		if (configQuery && 'data' in configQuery && configQuery.data !== undefined) {
+			const config = configQuery.data;
+			if (config) {
+				const limitePositivo = config.limiteSaldoPositivoMinutos || 0;
+				limiteSaldoPositivoHoras = Math.floor(limitePositivo / 60);
+				limiteSaldoPositivoMinutos = limitePositivo % 60;
+				const limiteNegativo = config.limiteSaldoNegativoMinutos || 0;
+				limiteSaldoNegativoHoras = Math.floor(limiteNegativo / 60);
+				limiteSaldoNegativoMinutos = limiteNegativo % 60;
+				considerarAjustesAutomaticos = config.considerarAjustesAutomaticos ?? true;
+				periodicidadeVerificacao = config.periodicidadeVerificacao || 'diario';
+			}
+		}
+	});
+
+	$effect(() => {
+		if (alertasQuery && 'data' in alertasQuery && alertasQuery.data !== undefined) {
+			if (Array.isArray(alertasQuery.data)) {
+				alertas = alertasQuery.data.map((a) => ({
+					_id: a._id,
+					tipoAlerta: a.tipoAlerta,
+					periodicidade: a.periodicidade,
+					enviarEmail: a.enviarEmail,
+					enviarChat: a.enviarChat,
+					destinatariosEmail: a.destinatariosEmail || [],
+					destinatariosChat: a.destinatariosChat || [],
+					threshold: a.threshold,
+					limiteMinutos: a.limiteMinutos,
+					ativo: a.ativo
+				}));
+			} else {
+				alertas = [];
+			}
+		} else {
+			alertas = [];
+		}
+	});
+
+	function mostrarMensagem(tipo: 'success' | 'error', texto: string) {
+		mensagem = { tipo, texto };
+		setTimeout(() => {
+			mensagem = null;
+		}, 5000);
+	}
+
+	async function salvarConfiguracaoGeral() {
+		processando = true;
+		try {
+			const limitePositivoTotal = limiteSaldoPositivoHoras * 60 + limiteSaldoPositivoMinutos;
+			const limiteNegativoTotal = limiteSaldoNegativoHoras * 60 + limiteSaldoNegativoMinutos;
+
+			await client.mutation(api.pontos.atualizarConfiguracaoBancoHoras, {
+				limiteSaldoPositivoMinutos: limitePositivoTotal > 0 ? limitePositivoTotal : undefined,
+				limiteSaldoNegativoMinutos: limiteNegativoTotal > 0 ? limiteNegativoTotal : undefined,
+				considerarAjustesAutomaticos,
+				periodicidadeVerificacao
+			});
+
+			mostrarMensagem('success', 'Configurações gerais salvas com sucesso!');
+		} catch (error) {
+			console.error('Erro ao salvar configuração:', error);
+			mostrarMensagem(
+				'error',
+				error instanceof Error ? error.message : 'Erro ao salvar configuração'
+			);
+		} finally {
+			processando = false;
+		}
+	}
+
+	async function atualizarAlerta(alertaId: string) {
+		const alerta = alertas.find((a) => a._id === alertaId);
+		if (!alerta) return;
+
+		try {
+			await client.mutation(api.pontos.atualizarConfiguracaoAlerta, {
+				alertaId: alertaId as any,
+				periodicidade: alerta.periodicidade,
+				enviarEmail: alerta.enviarEmail,
+				enviarChat: alerta.enviarChat,
+				destinatariosEmail: alerta.destinatariosEmail.length > 0 ? alerta.destinatariosEmail as any : undefined,
+				destinatariosChat: alerta.destinatariosChat.length > 0 ? alerta.destinatariosChat as any : undefined,
+				threshold: alerta.threshold,
+				limiteMinutos: alerta.limiteMinutos,
+				ativo: alerta.ativo
+			});
+
+			mostrarMensagem('success', 'Alerta atualizado com sucesso!');
+		} catch (error) {
+			console.error('Erro ao atualizar alerta:', error);
+			mostrarMensagem(
+				'error',
+				error instanceof Error ? error.message : 'Erro ao atualizar alerta'
+			);
+		}
+	}
+
+	async function criarNovoAlerta() {
+		processando = true;
+		try {
+			const limiteMinutosTotal =
+				novoAlerta.limiteMinutosHoras * 60 + novoAlerta.limiteMinutosMinutos;
+
+			await client.mutation(api.pontos.criarAlertaBancoHoras, {
+				tipoAlerta: novoAlerta.tipoAlerta,
+				periodicidade: novoAlerta.periodicidade,
+				enviarEmail: novoAlerta.enviarEmail,
+				enviarChat: novoAlerta.enviarChat,
+				destinatariosEmail: novoAlerta.destinatariosEmail.length > 0 ? novoAlerta.destinatariosEmail as any : undefined,
+				destinatariosChat: novoAlerta.destinatariosChat.length > 0 ? novoAlerta.destinatariosChat as any : undefined,
+				limiteMinutos: limiteMinutosTotal > 0 ? limiteMinutosTotal : undefined,
+				ativo: novoAlerta.ativo
+			});
+
+			mostrarMensagem('success', 'Alerta criado com sucesso!');
+			mostrarModalNovoAlerta = false;
+			// Resetar formulário
+			novoAlerta = {
+				tipoAlerta: 'saldo_negativo',
+				periodicidade: 'diario',
+				enviarEmail: true,
+				enviarChat: true,
+				destinatariosEmail: [],
+				destinatariosChat: [],
+				limiteMinutosHoras: 0,
+				limiteMinutosMinutos: 0,
+				ativo: true
+			};
+		} catch (error) {
+			console.error('Erro ao criar alerta:', error);
+			mostrarMensagem(
+				'error',
+				error instanceof Error ? error.message : 'Erro ao criar alerta'
+			);
+		} finally {
+			processando = false;
+		}
+	}
+
+	function getTipoAlertaLabel(tipo: string): string {
+		const labels: Record<string, string> = {
+			saldo_negativo: 'Saldo Negativo',
+			saldo_negativo_critico: 'Saldo Negativo Crítico',
+			inconsistencia_detectada: 'Inconsistência Detectada',
+			dias_sem_registro: 'Dias Sem Registro',
+			limite_saldo_excedido: 'Limite de Saldo Excedido'
+		};
+		return labels[tipo] || tipo;
+	}
+
+	function getTipoAlertaDescricao(tipo: string): string {
+		const descricoes: Record<string, string> = {
+			saldo_negativo: 'Alerta quando o saldo de banco de horas fica negativo',
+			saldo_negativo_critico: 'Alerta quando o saldo negativo atinge um nível crítico',
+			inconsistencia_detectada: 'Alerta quando são detectadas inconsistências nos registros',
+			dias_sem_registro: 'Alerta quando há dias sem registro de ponto',
+			limite_saldo_excedido: 'Alerta quando os limites de saldo são ultrapassados'
+		};
+		return descricoes[tipo] || '';
+	}
+
+	function getTipoAlertaIcon(tipo: string) {
+		switch (tipo) {
+			case 'saldo_negativo':
+			case 'saldo_negativo_critico':
+				return '🔴';
+			case 'inconsistencia_detectada':
+				return '⚠️';
+			case 'dias_sem_registro':
+				return '📅';
+			case 'limite_saldo_excedido':
+				return '🚨';
+			default:
+				return '🔔';
+		}
+	}
+
+	const tiposAlertaDisponiveis = [
+		{ value: 'saldo_negativo', label: 'Saldo Negativo' },
+		{ value: 'saldo_negativo_critico', label: 'Saldo Negativo Crítico' },
+		{ value: 'inconsistencia_detectada', label: 'Inconsistência Detectada' },
+		{ value: 'dias_sem_registro', label: 'Dias Sem Registro' },
+		{ value: 'limite_saldo_excedido', label: 'Limite de Saldo Excedido' }
+	];
+
+	const tiposAlertaJaConfigurados = $derived(
+		alertas.map((a) => a.tipoAlerta)
+	);
+
+	const tiposAlertaDisponiveisParaCriar = $derived(
+		tiposAlertaDisponiveis.filter((t) => !tiposAlertaJaConfigurados.includes(t.value))
+	);
+
+	function abrirSelecaoDestinatarios(tipo: 'email' | 'chat', alertaId: string) {
+		alertaSelecionado = alertaId;
+		const alerta = alertas.find((a) => a._id === alertaId);
+		if (alerta) {
+			destinatariosTemporarios = tipo === 'email' ? [...alerta.destinatariosEmail] : [...alerta.destinatariosChat];
+		}
+		if (tipo === 'email') {
+			mostrarSelecaoDestinatariosEmail = true;
+		} else {
+			mostrarSelecaoDestinatariosChat = true;
+		}
+	}
+
+	function salvarDestinatarios(tipo: 'email' | 'chat') {
+		if (!alertaSelecionado) return;
+		const alerta = alertas.find((a) => a._id === alertaSelecionado);
+		if (!alerta) return;
+
+		if (tipo === 'email') {
+			alerta.destinatariosEmail = [...destinatariosTemporarios];
+		} else {
+			alerta.destinatariosChat = [...destinatariosTemporarios];
+		}
+
+		atualizarAlerta(alertaSelecionado);
+		mostrarSelecaoDestinatariosEmail = false;
+		mostrarSelecaoDestinatariosChat = false;
+		alertaSelecionado = null;
+		destinatariosTemporarios = [];
+	}
+</script>
+
+<div class="container mx-auto max-w-7xl px-4 py-6">
+	<!-- Header -->
+	<div class="mb-8 flex items-center justify-between">
+		<div class="flex items-center gap-4">
+			<div class="bg-gradient-to-br from-primary/20 to-primary/10 rounded-2xl p-4 shadow-lg">
+				<Clock class="text-primary h-10 w-10" strokeWidth={2} />
+			</div>
+			<div>
+				<h1 class="text-3xl font-bold text-gray-900">Configurações de Banco de Horas</h1>
+				<p class="mt-1 text-sm text-gray-600">
+					Configure limites, regras e alertas do sistema de banco de horas
+				</p>
+			</div>
+		</div>
+	</div>
+
+	<!-- Mensagem de feedback -->
+	{#if mensagem}
+		<div
+			class="mb-6 animate-in fade-in slide-in-from-top-2 rounded-xl border p-4 shadow-sm {mensagem.tipo === 'success'
+				? 'border-green-200 bg-green-50 text-green-800'
+				: 'border-red-200 bg-red-50 text-red-800'}"
+		>
+			<div class="flex items-center gap-3">
+				{#if mensagem.tipo === 'success'}
+					<CheckCircle2 class="h-5 w-5 flex-shrink-0" />
+				{:else}
+					<AlertTriangle class="h-5 w-5 flex-shrink-0" />
+				{/if}
+				<span class="font-medium">{mensagem.texto}</span>
+			</div>
+		</div>
+	{/if}
+
+	<!-- Configurações Gerais -->
+	<div class="mb-8 rounded-2xl border border-gray-200 bg-white p-8 shadow-lg">
+		<div class="mb-6 flex items-center gap-3">
+			<div class="rounded-lg bg-primary/10 p-2">
+				<Settings class="h-5 w-5 text-primary" />
+			</div>
+			<h2 class="text-xl font-bold text-gray-900">Configurações Gerais</h2>
+		</div>
+
+		<div class="grid gap-8 md:grid-cols-2">
+			<!-- Limite Saldo Positivo -->
+			<div class="space-y-2">
+				<label class="block text-sm font-semibold text-gray-700">
+					Limite de Saldo Positivo
+				</label>
+				<p class="text-xs text-gray-500">
+					Máximo de horas extras acumuladas permitidas
+				</p>
+				<TimePicker
+					hours={limiteSaldoPositivoHoras}
+					minutes={limiteSaldoPositivoMinutos}
+					onChange={(h, m) => {
+						limiteSaldoPositivoHoras = h;
+						limiteSaldoPositivoMinutos = m;
+					}}
+					disabled={processando}
+				/>
+			</div>
+
+			<!-- Limite Saldo Negativo -->
+			<div class="space-y-2">
+				<label class="block text-sm font-semibold text-gray-700">
+					Limite de Saldo Negativo
+				</label>
+				<p class="text-xs text-gray-500">
+					Máximo de débito permitido no banco de horas
+				</p>
+				<TimePicker
+					hours={limiteSaldoNegativoHoras}
+					minutes={limiteSaldoNegativoMinutos}
+					onChange={(h, m) => {
+						limiteSaldoNegativoHoras = h;
+						limiteSaldoNegativoMinutos = m;
+					}}
+					disabled={processando}
+				/>
+			</div>
+
+			<!-- Considerar Ajustes Automáticos -->
+			<div class="flex items-start gap-3 rounded-lg border border-gray-200 bg-gray-50 p-4">
+				<input
+					type="checkbox"
+					bind:checked={considerarAjustesAutomaticos}
+					disabled={processando}
+					class="mt-1 h-5 w-5 rounded border-gray-300 text-primary focus:ring-2 focus:ring-primary"
+				/>
+				<div>
+					<label class="block text-sm font-semibold text-gray-700">
+						Considerar Ajustes Automáticos
+					</label>
+					<p class="mt-1 text-xs text-gray-500">
+						Incluir automaticamente atestados, licenças e ausências no cálculo
+					</p>
+				</div>
+			</div>
+
+			<!-- Periodicidade de Verificação -->
+			<div class="space-y-2">
+				<label class="block text-sm font-semibold text-gray-700">
+					Periodicidade de Verificação
+				</label>
+				<p class="text-xs text-gray-500">
+					Frequência de verificação automática do sistema
+				</p>
+				<select
+					bind:value={periodicidadeVerificacao}
+					disabled={processando}
+					class="w-full rounded-lg border border-gray-300 bg-white px-4 py-3 text-sm font-medium text-gray-700 shadow-sm transition-all focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20 disabled:cursor-not-allowed disabled:bg-gray-50"
+				>
+					<option value="diario">Diário</option>
+					<option value="semanal">Semanal</option>
+					<option value="mensal">Mensal</option>
+				</select>
+			</div>
+		</div>
+
+		<div class="mt-8 flex justify-end">
+			<button
+				onclick={salvarConfiguracaoGeral}
+				disabled={processando}
+				class="flex items-center gap-2 rounded-xl bg-gradient-to-r from-primary to-primary/90 px-6 py-3 font-semibold text-white shadow-lg transition-all hover:shadow-xl disabled:cursor-not-allowed disabled:opacity-50"
+			>
+				<Save class="h-5 w-5" />
+				{processando ? 'Salvando...' : 'Salvar Configurações Gerais'}
+			</button>
+		</div>
+	</div>
+
+	<!-- Configuração de Alertas -->
+	<div class="rounded-2xl border border-gray-200 bg-white p-8 shadow-lg">
+		<div class="mb-6 flex items-center justify-between">
+			<div class="flex items-center gap-3">
+				<div class="rounded-lg bg-primary/10 p-2">
+					<Bell class="h-5 w-5 text-primary" />
+				</div>
+				<div>
+					<h2 class="text-xl font-bold text-gray-900">Configuração de Alertas</h2>
+					<p class="mt-1 text-sm text-gray-600">
+						Gerencie alertas e notificações do sistema de banco de horas
+					</p>
+				</div>
+			</div>
+			{#if tiposAlertaDisponiveisParaCriar.length > 0}
+				<button
+					onclick={() => (mostrarModalNovoAlerta = true)}
+					class="flex items-center gap-2 rounded-xl bg-primary px-4 py-2.5 font-semibold text-white shadow-md transition-all hover:bg-primary/90 hover:shadow-lg"
+				>
+					<Plus class="h-5 w-5" />
+					Novo Alerta
+				</button>
+			{/if}
+		</div>
+
+		{#if alertas.length === 0}
+			<div class="rounded-xl border-2 border-dashed border-gray-300 bg-gray-50 p-12 text-center">
+				<Bell class="mx-auto h-12 w-12 text-gray-400" />
+				<p class="mt-4 text-lg font-medium text-gray-600">Nenhum alerta configurado</p>
+				<p class="mt-2 text-sm text-gray-500">
+					Clique em "Novo Alerta" para começar a configurar notificações
+				</p>
+			</div>
+		{:else}
+			<div class="grid gap-4 md:grid-cols-2">
+				{#each alertas as alerta (alerta._id)}
+					<div
+						class="group relative rounded-xl border border-gray-200 bg-white p-6 shadow-sm transition-all hover:shadow-md {alerta.ativo
+							? 'border-primary/30 bg-primary/5'
+							: 'bg-gray-50 opacity-75'}"
+					>
+						<!-- Header do Alerta -->
+						<div class="mb-4 flex items-start justify-between">
+							<div class="flex items-start gap-3">
+								<span class="text-2xl">{getTipoAlertaIcon(alerta.tipoAlerta)}</span>
+								<div>
+									<h3 class="font-bold text-gray-900">
+										{getTipoAlertaLabel(alerta.tipoAlerta)}
+									</h3>
+									<p class="mt-1 text-xs text-gray-500">
+										{getTipoAlertaDescricao(alerta.tipoAlerta)}
+									</p>
+								</div>
+							</div>
+							<label
+								class="flex cursor-pointer items-center gap-2 rounded-lg border border-gray-300 bg-white px-3 py-1.5 transition-all hover:bg-gray-50 {alerta.ativo
+									? 'border-green-300 bg-green-50'
+									: ''}"
+							>
+								<input
+									type="checkbox"
+									bind:checked={alerta.ativo}
+									onchange={() => atualizarAlerta(alerta._id)}
+									class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-2 focus:ring-primary"
+								/>
+								<span class="text-xs font-medium {alerta.ativo ? 'text-green-700' : 'text-gray-600'}">
+									{alerta.ativo ? 'Ativo' : 'Inativo'}
+								</span>
+							</label>
+						</div>
+
+						<!-- Configurações do Alerta -->
+						<div class="space-y-4">
+							<!-- Periodicidade -->
+							<div>
+								<label class="mb-2 block text-xs font-semibold text-gray-700">
+									Periodicidade
+								</label>
+								<select
+									bind:value={alerta.periodicidade}
+									onchange={() => atualizarAlerta(alerta._id)}
+									class="w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
+								>
+									<option value="diario">Diário</option>
+									<option value="semanal">Semanal</option>
+									<option value="mensal">Mensal</option>
+								</select>
+							</div>
+
+							<!-- Canais de Envio -->
+							<div>
+								<label class="mb-2 block text-xs font-semibold text-gray-700">
+									Canais de Notificação
+								</label>
+								<div class="flex gap-4">
+									<label
+										class="flex cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 transition-all {alerta.enviarEmail
+											? 'border-primary bg-primary/10 text-primary'
+											: 'border-gray-300 bg-white text-gray-600 hover:bg-gray-50'}"
+									>
+										<Mail class="h-4 w-4" />
+										<input
+											type="checkbox"
+											bind:checked={alerta.enviarEmail}
+											onchange={() => atualizarAlerta(alerta._id)}
+											class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-2 focus:ring-primary"
+										/>
+										<span class="text-xs font-medium">Email</span>
+									</label>
+									<label
+										class="flex cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 transition-all {alerta.enviarChat
+											? 'border-primary bg-primary/10 text-primary'
+											: 'border-gray-300 bg-white text-gray-600 hover:bg-gray-50'}"
+									>
+										<MessageSquare class="h-4 w-4" />
+										<input
+											type="checkbox"
+											bind:checked={alerta.enviarChat}
+											onchange={() => atualizarAlerta(alerta._id)}
+											class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-2 focus:ring-primary"
+										/>
+										<span class="text-xs font-medium">Chat</span>
+									</label>
+								</div>
+							</div>
+
+							<!-- Destinatários de Email -->
+							{#if alerta.enviarEmail}
+								<div>
+									<label class="mb-2 block text-xs font-semibold text-gray-700">
+										<Mail class="mr-1 inline h-3 w-3" />
+										Destinatários de Email
+									</label>
+									<div class="max-h-32 space-y-1 overflow-y-auto rounded-lg border border-gray-200 bg-gray-50 p-2">
+										{#if alerta.destinatariosEmail.length > 0}
+											{#if usuariosQuery?.data && Array.isArray(usuariosQuery.data)}
+												{#each alerta.destinatariosEmail as destinatarioId}
+													{@const usuario = usuariosQuery.data.find((u) => u._id === destinatarioId)}
+													{#if usuario}
+														<div
+															class="flex items-center gap-2 rounded border border-gray-200 bg-white px-2 py-1"
+														>
+															<User class="h-3 w-3 text-gray-400" />
+															<span class="text-xs text-gray-700">{usuario.nome}</span>
+															<button
+																type="button"
+																onclick={() => {
+																	alerta.destinatariosEmail = alerta.destinatariosEmail.filter(
+																		(id) => id !== destinatarioId
+																	);
+																	atualizarAlerta(alerta._id);
+																}}
+																class="ml-auto text-red-500 hover:text-red-700"
+															>
+																<X class="h-3 w-3" />
+															</button>
+														</div>
+													{/if}
+												{/each}
+											{:else}
+												<p class="text-xs text-gray-500">Carregando...</p>
+											{/if}
+										{:else}
+											<p class="text-xs text-gray-500 italic">
+												Enviará para o gestor padrão do funcionário
+											</p>
+										{/if}
+									</div>
+									<button
+										type="button"
+										onclick={() => abrirSelecaoDestinatarios('email', alerta._id)}
+										class="mt-2 flex items-center gap-1 text-xs text-primary hover:underline"
+									>
+										<Plus class="h-3 w-3" />
+										Adicionar destinatários
+									</button>
+								</div>
+							{/if}
+
+							<!-- Destinatários de Chat -->
+							{#if alerta.enviarChat}
+								<div>
+									<label class="mb-2 block text-xs font-semibold text-gray-700">
+										<MessageSquare class="mr-1 inline h-3 w-3" />
+										Destinatários de Chat
+									</label>
+									<div class="max-h-32 space-y-1 overflow-y-auto rounded-lg border border-gray-200 bg-gray-50 p-2">
+										{#if alerta.destinatariosChat.length > 0}
+											{#if usuariosQuery?.data && Array.isArray(usuariosQuery.data)}
+												{#each alerta.destinatariosChat as destinatarioId}
+													{@const usuario = usuariosQuery.data.find((u) => u._id === destinatarioId)}
+													{#if usuario}
+														<div
+															class="flex items-center gap-2 rounded border border-gray-200 bg-white px-2 py-1"
+														>
+															<User class="h-3 w-3 text-gray-400" />
+															<span class="text-xs text-gray-700">{usuario.nome}</span>
+															<button
+																type="button"
+																onclick={() => {
+																	alerta.destinatariosChat = alerta.destinatariosChat.filter(
+																		(id) => id !== destinatarioId
+																	);
+																	atualizarAlerta(alerta._id);
+																}}
+																class="ml-auto text-red-500 hover:text-red-700"
+															>
+																<X class="h-3 w-3" />
+															</button>
+														</div>
+													{/if}
+												{/each}
+											{:else}
+												<p class="text-xs text-gray-500">Carregando...</p>
+											{/if}
+										{:else}
+											<p class="text-xs text-gray-500 italic">
+												Enviará para o gestor padrão do funcionário
+											</p>
+										{/if}
+									</div>
+									<button
+										type="button"
+										onclick={() => abrirSelecaoDestinatarios('chat', alerta._id)}
+										class="mt-2 flex items-center gap-1 text-xs text-primary hover:underline"
+									>
+										<Plus class="h-3 w-3" />
+										Adicionar destinatários
+									</button>
+								</div>
+							{/if}
+
+							<!-- Limite (se aplicável) -->
+							{#if alerta.limiteMinutos !== undefined}
+								<div>
+									<label class="mb-2 block text-xs font-semibold text-gray-700">
+										Limite de Disparo
+									</label>
+									<div class="flex items-center gap-2 rounded-lg border border-gray-300 bg-gray-50 px-3 py-2">
+										<Clock class="h-4 w-4 text-gray-500" />
+										<span class="text-sm font-medium text-gray-700">
+											{Math.floor((alerta.limiteMinutos || 0) / 60)}h{' '}
+											{(alerta.limiteMinutos || 0) % 60}min
+										</span>
+									</div>
+								</div>
+							{/if}
+						</div>
+					</div>
+				{/each}
+			</div>
+		{/if}
+	</div>
+</div>
+
+<!-- Modal de Novo Alerta -->
+{#if mostrarModalNovoAlerta}
+	<div
+		class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4 backdrop-blur-sm overflow-y-auto"
+		onclick={() => (mostrarModalNovoAlerta = false)}
+		role="dialog"
+		aria-modal="true"
+	>
+		<div
+			class="w-full max-w-2xl my-8 rounded-2xl border border-gray-200 bg-white shadow-2xl flex flex-col max-h-[90vh]"
+			onclick={(e) => e.stopPropagation()}
+		>
+			<!-- Header do Modal -->
+			<div class="flex items-center justify-between border-b border-gray-200 px-6 py-4 flex-shrink-0">
+				<div class="flex items-center gap-3">
+					<div class="rounded-lg bg-primary/10 p-2">
+						<Plus class="h-5 w-5 text-primary" />
+					</div>
+					<h3 class="text-xl font-bold text-gray-900">Criar Novo Alerta</h3>
+				</div>
+				<button
+					onclick={() => (mostrarModalNovoAlerta = false)}
+					class="rounded-lg p-1 text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-600"
+				>
+					<X class="h-5 w-5" />
+				</button>
+			</div>
+
+			<!-- Conteúdo do Modal com Scroll -->
+			<div class="flex-1 overflow-y-auto p-6">
+				<div class="space-y-6">
+					<!-- Tipo de Alerta -->
+					<div>
+						<label class="mb-2 block text-sm font-semibold text-gray-700">
+							Tipo de Alerta
+						</label>
+						<select
+							bind:value={novoAlerta.tipoAlerta}
+							class="w-full rounded-lg border border-gray-300 bg-white px-4 py-3 text-sm font-medium text-gray-700 focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
+						>
+							{#each tiposAlertaDisponiveisParaCriar as tipo}
+								<option value={tipo.value}>{tipo.label}</option>
+							{/each}
+						</select>
+						<p class="mt-2 text-xs text-gray-500">
+							{getTipoAlertaDescricao(novoAlerta.tipoAlerta)}
+						</p>
+					</div>
+
+					<!-- Periodicidade -->
+					<div>
+						<label class="mb-2 block text-sm font-semibold text-gray-700">
+							Periodicidade
+						</label>
+						<select
+							bind:value={novoAlerta.periodicidade}
+							class="w-full rounded-lg border border-gray-300 bg-white px-4 py-3 text-sm font-medium text-gray-700 focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
+						>
+							<option value="diario">Diário</option>
+							<option value="semanal">Semanal</option>
+							<option value="mensal">Mensal</option>
+						</select>
+					</div>
+
+					<!-- Limite (se aplicável) -->
+					<div>
+						<label class="mb-2 block text-sm font-semibold text-gray-700">
+							Limite de Disparo (opcional)
+						</label>
+						<p class="mb-3 text-xs text-gray-500">
+							Configure o limite em horas/minutos para disparar este alerta
+						</p>
+						<TimePicker
+							hours={novoAlerta.limiteMinutosHoras}
+							minutes={novoAlerta.limiteMinutosMinutos}
+							onChange={(h, m) => {
+								novoAlerta.limiteMinutosHoras = h;
+								novoAlerta.limiteMinutosMinutos = m;
+							}}
+							disabled={processando}
+						/>
+					</div>
+
+					<!-- Canais de Envio -->
+					<div>
+						<label class="mb-3 block text-sm font-semibold text-gray-700">
+							Canais de Notificação
+						</label>
+						<div class="flex gap-4">
+							<label
+								class="flex flex-1 cursor-pointer items-center gap-3 rounded-xl border px-4 py-3 transition-all {novoAlerta.enviarEmail
+									? 'border-primary bg-primary/10 text-primary'
+									: 'border-gray-300 bg-white text-gray-600 hover:bg-gray-50'}"
+							>
+								<Mail class="h-5 w-5" />
+								<input
+									type="checkbox"
+									bind:checked={novoAlerta.enviarEmail}
+									class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-2 focus:ring-primary"
+								/>
+								<span class="font-medium">Email</span>
+							</label>
+							<label
+								class="flex flex-1 cursor-pointer items-center gap-3 rounded-xl border px-4 py-3 transition-all {novoAlerta.enviarChat
+									? 'border-primary bg-primary/10 text-primary'
+									: 'border-gray-300 bg-white text-gray-600 hover:bg-gray-50'}"
+							>
+								<MessageSquare class="h-5 w-5" />
+								<input
+									type="checkbox"
+									bind:checked={novoAlerta.enviarChat}
+									class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-2 focus:ring-primary"
+								/>
+								<span class="font-medium">Chat</span>
+							</label>
+						</div>
+					</div>
+
+					<!-- Destinatários de Email -->
+					{#if novoAlerta.enviarEmail}
+						<div>
+							<label class="mb-2 block text-sm font-semibold text-gray-700">
+								<Mail class="mr-2 inline h-4 w-4" />
+								Destinatários de Email
+							</label>
+							<p class="mb-2 text-xs text-gray-500">
+								Selecione os usuários que receberão este alerta por email. Deixe vazio para enviar ao gestor padrão.
+							</p>
+							<div class="max-h-48 space-y-2 overflow-y-auto rounded-lg border border-gray-300 bg-white p-3">
+								{#if usuariosQuery?.data && Array.isArray(usuariosQuery.data)}
+									{#each usuariosQuery.data as usuario (usuario._id)}
+										<label
+											class="flex cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 transition-colors hover:bg-gray-50 {novoAlerta.destinatariosEmail.includes(usuario._id)
+												? 'border-primary bg-primary/5'
+												: 'border-gray-200'}"
+										>
+											<input
+												type="checkbox"
+												checked={novoAlerta.destinatariosEmail.includes(usuario._id)}
+												onchange={(e) => {
+													if (e.currentTarget.checked) {
+														novoAlerta.destinatariosEmail = [
+															...novoAlerta.destinatariosEmail,
+															usuario._id
+														];
+													} else {
+														novoAlerta.destinatariosEmail = novoAlerta.destinatariosEmail.filter(
+															(id) => id !== usuario._id
+														);
+													}
+												}}
+												class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-2 focus:ring-primary"
+											/>
+											<User class="h-4 w-4 text-gray-400" />
+											<span class="text-sm text-gray-700">{usuario.nome}</span>
+											{#if usuario.email}
+												<span class="ml-auto text-xs text-gray-500">{usuario.email}</span>
+											{/if}
+										</label>
+									{/each}
+								{:else}
+									<p class="text-center text-sm text-gray-500">Carregando usuários...</p>
+								{/if}
+							</div>
+							{#if novoAlerta.destinatariosEmail.length > 0}
+								<p class="mt-2 text-xs text-primary">
+									{novoAlerta.destinatariosEmail.length} destinatário(s) selecionado(s)
+								</p>
+							{/if}
+						</div>
+					{/if}
+
+					<!-- Destinatários de Chat -->
+					{#if novoAlerta.enviarChat}
+						<div>
+							<label class="mb-2 block text-sm font-semibold text-gray-700">
+								<MessageSquare class="mr-2 inline h-4 w-4" />
+								Destinatários de Chat
+							</label>
+							<p class="mb-2 text-xs text-gray-500">
+								Selecione os usuários que receberão este alerta por chat. Deixe vazio para enviar ao gestor padrão.
+							</p>
+							<div class="max-h-48 space-y-2 overflow-y-auto rounded-lg border border-gray-300 bg-white p-3">
+								{#if usuariosQuery?.data && Array.isArray(usuariosQuery.data)}
+									{#each usuariosQuery.data as usuario (usuario._id)}
+										<label
+											class="flex cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 transition-colors hover:bg-gray-50 {novoAlerta.destinatariosChat.includes(usuario._id)
+												? 'border-primary bg-primary/5'
+												: 'border-gray-200'}"
+										>
+											<input
+												type="checkbox"
+												checked={novoAlerta.destinatariosChat.includes(usuario._id)}
+												onchange={(e) => {
+													if (e.currentTarget.checked) {
+														novoAlerta.destinatariosChat = [
+															...novoAlerta.destinatariosChat,
+															usuario._id
+														];
+													} else {
+														novoAlerta.destinatariosChat = novoAlerta.destinatariosChat.filter(
+															(id) => id !== usuario._id
+														);
+													}
+												}}
+												class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-2 focus:ring-primary"
+											/>
+											<User class="h-4 w-4 text-gray-400" />
+											<span class="text-sm text-gray-700">{usuario.nome}</span>
+											{#if usuario.email}
+												<span class="ml-auto text-xs text-gray-500">{usuario.email}</span>
+											{/if}
+										</label>
+									{/each}
+								{:else}
+									<p class="text-center text-sm text-gray-500">Carregando usuários...</p>
+								{/if}
+							</div>
+							{#if novoAlerta.destinatariosChat.length > 0}
+								<p class="mt-2 text-xs text-primary">
+									{novoAlerta.destinatariosChat.length} destinatário(s) selecionado(s)
+								</p>
+							{/if}
+						</div>
+					{/if}
+
+					<!-- Status Ativo -->
+					<div class="flex items-center gap-3 rounded-lg border border-gray-200 bg-gray-50 p-4">
+						<input
+							type="checkbox"
+							bind:checked={novoAlerta.ativo}
+							class="h-5 w-5 rounded border-gray-300 text-primary focus:ring-2 focus:ring-primary"
+						/>
+						<div>
+							<label class="block text-sm font-semibold text-gray-700">
+								Ativar alerta imediatamente
+							</label>
+							<p class="mt-1 text-xs text-gray-500">
+								O alerta começará a funcionar assim que for criado
+							</p>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<!-- Footer do Modal -->
+			<div class="flex items-center justify-end gap-3 border-t border-gray-200 px-6 py-4 flex-shrink-0">
+				<button
+					onclick={() => (mostrarModalNovoAlerta = false)}
+					class="rounded-lg border border-gray-300 bg-white px-4 py-2 font-medium text-gray-700 transition-colors hover:bg-gray-50"
+				>
+					Cancelar
+				</button>
+				<button
+					onclick={criarNovoAlerta}
+					disabled={processando}
+					class="flex items-center gap-2 rounded-lg bg-primary px-6 py-2 font-semibold text-white transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50"
+				>
+					{#if processando}
+						<span class="loading loading-spinner loading-sm"></span>
+					{:else}
+						<Plus class="h-4 w-4" />
+					{/if}
+					Criar Alerta
+				</button>
+			</div>
+		</div>
+	</div>
+{/if}
+
+<!-- Modal de Seleção de Destinatários de Email -->
+{#if mostrarSelecaoDestinatariosEmail}
+	<div
+		class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4 backdrop-blur-sm overflow-y-auto"
+		onclick={() => {
+			mostrarSelecaoDestinatariosEmail = false;
+			alertaSelecionado = null;
+			destinatariosTemporarios = [];
+		}}
+		role="dialog"
+		aria-modal="true"
+	>
+		<div
+			class="w-full max-w-2xl my-8 rounded-2xl border border-gray-200 bg-white shadow-2xl flex flex-col max-h-[90vh]"
+			onclick={(e) => e.stopPropagation()}
+		>
+			<div class="flex items-center justify-between border-b border-gray-200 px-6 py-4 flex-shrink-0">
+				<div class="flex items-center gap-3">
+					<Mail class="h-5 w-5 text-primary" />
+					<h3 class="text-xl font-bold text-gray-900">Selecionar Destinatários de Email</h3>
+				</div>
+				<button
+					onclick={() => {
+						mostrarSelecaoDestinatariosEmail = false;
+						alertaSelecionado = null;
+						destinatariosTemporarios = [];
+					}}
+					class="rounded-lg p-1 text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-600"
+				>
+					<X class="h-5 w-5" />
+				</button>
+			</div>
+
+			<div class="flex-1 space-y-2 overflow-y-auto p-6">
+				{#if usuariosQuery?.data && Array.isArray(usuariosQuery.data)}
+					{#each usuariosQuery.data as usuario (usuario._id)}
+						<label
+							class="flex cursor-pointer items-center gap-3 rounded-lg border px-4 py-3 transition-colors hover:bg-gray-50 {destinatariosTemporarios.includes(usuario._id)
+								? 'border-primary bg-primary/5'
+								: 'border-gray-200'}"
+						>
+							<input
+								type="checkbox"
+								checked={destinatariosTemporarios.includes(usuario._id)}
+								onchange={(e) => {
+									if (e.currentTarget.checked) {
+										destinatariosTemporarios = [...destinatariosTemporarios, usuario._id];
+									} else {
+										destinatariosTemporarios = destinatariosTemporarios.filter(
+											(id) => id !== usuario._id
+										);
+									}
+								}}
+								class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-2 focus:ring-primary"
+							/>
+							<User class="h-4 w-4 text-gray-400" />
+							<div class="flex-1">
+								<span class="text-sm font-medium text-gray-700">{usuario.nome}</span>
+								{#if usuario.email}
+									<p class="text-xs text-gray-500">{usuario.email}</p>
+								{/if}
+							</div>
+						</label>
+					{/each}
+				{:else}
+					<p class="text-center text-sm text-gray-500">Carregando usuários...</p>
+				{/if}
+			</div>
+
+			<div class="flex items-center justify-end gap-3 border-t border-gray-200 px-6 py-4 flex-shrink-0">
+				<button
+					onclick={() => {
+						mostrarSelecaoDestinatariosEmail = false;
+						alertaSelecionado = null;
+						destinatariosTemporarios = [];
+					}}
+					class="rounded-lg border border-gray-300 bg-white px-4 py-2 font-medium text-gray-700 transition-colors hover:bg-gray-50"
+				>
+					Cancelar
+				</button>
+				<button
+					onclick={() => salvarDestinatarios('email')}
+					class="rounded-lg bg-primary px-6 py-2 font-semibold text-white transition-colors hover:bg-primary/90"
+				>
+					Salvar
+				</button>
+			</div>
+		</div>
+	</div>
+{/if}
+
+<!-- Modal de Seleção de Destinatários de Chat -->
+{#if mostrarSelecaoDestinatariosChat}
+	<div
+		class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4 backdrop-blur-sm overflow-y-auto"
+		onclick={() => {
+			mostrarSelecaoDestinatariosChat = false;
+			alertaSelecionado = null;
+			destinatariosTemporarios = [];
+		}}
+		role="dialog"
+		aria-modal="true"
+	>
+		<div
+			class="w-full max-w-2xl my-8 rounded-2xl border border-gray-200 bg-white shadow-2xl flex flex-col max-h-[90vh]"
+			onclick={(e) => e.stopPropagation()}
+		>
+			<div class="flex items-center justify-between border-b border-gray-200 px-6 py-4 flex-shrink-0">
+				<div class="flex items-center gap-3">
+					<MessageSquare class="h-5 w-5 text-primary" />
+					<h3 class="text-xl font-bold text-gray-900">Selecionar Destinatários de Chat</h3>
+				</div>
+				<button
+					onclick={() => {
+						mostrarSelecaoDestinatariosChat = false;
+						alertaSelecionado = null;
+						destinatariosTemporarios = [];
+					}}
+					class="rounded-lg p-1 text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-600"
+				>
+					<X class="h-5 w-5" />
+				</button>
+			</div>
+
+			<div class="flex-1 space-y-2 overflow-y-auto p-6">
+				{#if usuariosQuery?.data && Array.isArray(usuariosQuery.data)}
+					{#each usuariosQuery.data as usuario (usuario._id)}
+						<label
+							class="flex cursor-pointer items-center gap-3 rounded-lg border px-4 py-3 transition-colors hover:bg-gray-50 {destinatariosTemporarios.includes(usuario._id)
+								? 'border-primary bg-primary/5'
+								: 'border-gray-200'}"
+						>
+							<input
+								type="checkbox"
+								checked={destinatariosTemporarios.includes(usuario._id)}
+								onchange={(e) => {
+									if (e.currentTarget.checked) {
+										destinatariosTemporarios = [...destinatariosTemporarios, usuario._id];
+									} else {
+										destinatariosTemporarios = destinatariosTemporarios.filter(
+											(id) => id !== usuario._id
+										);
+									}
+								}}
+								class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-2 focus:ring-primary"
+							/>
+							<User class="h-4 w-4 text-gray-400" />
+							<div class="flex-1">
+								<span class="text-sm font-medium text-gray-700">{usuario.nome}</span>
+								{#if usuario.email}
+									<p class="text-xs text-gray-500">{usuario.email}</p>
+								{/if}
+							</div>
+						</label>
+					{/each}
+				{:else}
+					<p class="text-center text-sm text-gray-500">Carregando usuários...</p>
+				{/if}
+			</div>
+
+			<div class="flex items-center justify-end gap-3 border-t border-gray-200 px-6 py-4 flex-shrink-0">
+				<button
+					onclick={() => {
+						mostrarSelecaoDestinatariosChat = false;
+						alertaSelecionado = null;
+						destinatariosTemporarios = [];
+					}}
+					class="rounded-lg border border-gray-300 bg-white px-4 py-2 font-medium text-gray-700 transition-colors hover:bg-gray-50"
+				>
+					Cancelar
+				</button>
+				<button
+					onclick={() => salvarDestinatarios('chat')}
+					class="rounded-lg bg-primary px-6 py-2 font-semibold text-white transition-colors hover:bg-primary/90"
+				>
+					Salvar
+				</button>
+			</div>
+		</div>
+	</div>
+{/if}
diff --git a/apps/web/src/routes/(dashboard)/ti/configuracoes-email/+page.svelte b/apps/web/src/routes/(dashboard)/ti/configuracoes-email/+page.svelte
index a8d37b3..7a30aec 100644
--- a/apps/web/src/routes/(dashboard)/ti/configuracoes-email/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/configuracoes-email/+page.svelte
@@ -1,8 +1,9 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
-	import type { FunctionReference } from 'convex/server';
 	import { useConvexClient, useQuery } from 'convex-svelte';
+	import type { FunctionReference } from 'convex/server';
+	import { Mail, CheckCircle, XCircle, AlertTriangle, Save, Info } from 'lucide-svelte';
 
 	const client = useConvexClient();
 	const currentUser = useQuery(api.auth.getCurrentUser as FunctionReference<'query'>);
@@ -175,20 +176,7 @@
 	<div class="mb-6 flex items-center justify-between">
 		<div class="flex items-center gap-4">
 			<div class="bg-secondary/10 rounded-xl p-3">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="text-secondary h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-					/>
-				</svg>
+				<Mail class="text-secondary h-8 w-8" strokeWidth={2} />
 			</div>
 			<div>
 				<h1 class="text-base-content text-3xl font-bold">Configurações de Email (SMTP)</h1>
@@ -206,28 +194,11 @@
 			class:alert-success={mensagem.tipo === 'success'}
 			class:alert-error={mensagem.tipo === '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 mensagem.tipo === '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>
+			{#if mensagem.tipo === 'success'}
+				<CheckCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+			{:else}
+				<XCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+			{/if}
 			<span>{mensagem.texto}</span>
 		</div>
 	{/if}
@@ -243,28 +214,11 @@
 	<!-- Status -->
 	{#if !isLoading}
 		<div class="alert {configAtual?.data?.ativo ? 'alert-success' : 'alert-warning'} mb-6">
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				fill="none"
-				viewBox="0 0 24 24"
-				class="h-6 w-6 shrink-0 stroke-current"
-			>
-				{#if configAtual?.data?.ativo}
-					<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="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-					/>
-				{/if}
-			</svg>
+			{#if configAtual?.data?.ativo}
+				<CheckCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+			{:else}
+				<AlertTriangle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+			{/if}
 			<span>
 				<strong>Status:</strong>
 				{statusConfig}
@@ -422,20 +376,7 @@
 						{#if testando}
 							<span class="loading loading-spinner loading-sm"></span>
 						{: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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
+							<CheckCircle class="h-5 w-5" strokeWidth={2} />
 						{/if}
 						Testar Conexão
 					</button>
@@ -448,20 +389,7 @@
 						{#if processando}
 							<span class="loading loading-spinner loading-sm"></span>
 						{: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="M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4"
-								/>
-							</svg>
+							<Save class="h-5 w-5" strokeWidth={2} />
 						{/if}
 						Salvar Configuração
 					</button>
@@ -518,19 +446,7 @@
 
 	<!-- Avisos -->
 	<div class="alert alert-info mt-6">
-		<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>
+		<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 		<div>
 			<p>
 				<strong>Dica de Segurança:</strong> Para Gmail e outros provedores, você pode precisar gerar
diff --git a/apps/web/src/routes/(dashboard)/ti/configuracoes-jitsi/+page.svelte b/apps/web/src/routes/(dashboard)/ti/configuracoes-jitsi/+page.svelte
index 9a37a67..f86a709 100644
--- a/apps/web/src/routes/(dashboard)/ti/configuracoes-jitsi/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/configuracoes-jitsi/+page.svelte
@@ -2,9 +2,11 @@
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { useConvexClient, useQuery } from 'convex-svelte';
+	import type { FunctionReference } from 'convex/server';
+	import { Video, CheckCircle, XCircle, AlertTriangle, Save, Info } from 'lucide-svelte';
 
 	const client = useConvexClient();
-	const currentUser = useQuery(api.auth.getCurrentUser, {});
+	const currentUser = useQuery(api.auth.getCurrentUser as FunctionReference<'query'>);
 	const configAtual = useQuery(api.configuracaoJitsi.obterConfigJitsi, {});
 
 	let domain = $state('');
@@ -135,7 +137,6 @@
 	let statusConfig = $derived(configAtual?.data?.ativo ? 'Configurado' : 'Não configurado');
 
 	let isLoading = $derived(configAtual === undefined);
-	let hasError = $derived(configAtual === null && !isLoading);
 </script>
 
 <div class="container mx-auto max-w-4xl px-4 py-6">
@@ -143,20 +144,7 @@
 	<div class="mb-6 flex items-center justify-between">
 		<div class="flex items-center gap-4">
 			<div class="bg-primary/10 rounded-xl p-3">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="text-primary h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"
-					/>
-				</svg>
+				<Video class="text-primary h-8 w-8" strokeWidth={2} />
 			</div>
 			<div>
 				<h1 class="text-base-content text-3xl font-bold">Configurações do Jitsi Meet</h1>
@@ -174,28 +162,11 @@
 			class:alert-success={mensagem.tipo === 'success'}
 			class:alert-error={mensagem.tipo === '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 mensagem.tipo === '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>
+			{#if mensagem.tipo === 'success'}
+				<CheckCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+			{:else}
+				<XCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+			{/if}
 			<div class="flex-1">
 				<span>{mensagem.texto}</span>
 				{#if mensagem.detalhes}
@@ -220,28 +191,11 @@
 	<!-- Status -->
 	{#if !isLoading}
 		<div class="alert {configAtual?.data?.ativo ? 'alert-success' : 'alert-warning'} mb-6">
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				fill="none"
-				viewBox="0 0 24 24"
-				class="h-6 w-6 shrink-0 stroke-current"
-			>
-				{#if configAtual?.data?.ativo}
-					<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="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-					/>
-				{/if}
-			</svg>
+			{#if configAtual?.data?.ativo}
+				<CheckCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+			{:else}
+				<AlertTriangle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+			{/if}
 			<span>
 				<strong>Status:</strong>
 				{statusConfig}
@@ -359,20 +313,7 @@
 						{#if testando}
 							<span class="loading loading-spinner loading-sm"></span>
 						{: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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
+							<CheckCircle class="h-5 w-5" strokeWidth={2} />
 						{/if}
 						Testar Conexão
 					</button>
@@ -385,20 +326,7 @@
 						{#if processando}
 							<span class="loading loading-spinner loading-sm"></span>
 						{: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="M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4"
-								/>
-							</svg>
+							<Save class="h-5 w-5" strokeWidth={2} />
 						{/if}
 						Salvar Configuração
 					</button>
@@ -453,19 +381,7 @@
 
 	<!-- Avisos -->
 	<div class="alert alert-info mt-6">
-		<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>
+		<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 		<div>
 			<p>
 				<strong>Dica:</strong> Para servidor Jitsi Docker local, use
@@ -482,19 +398,7 @@
 	<!-- Aviso sobre Certificados Autoassinados -->
 	{#if acceptSelfSignedCert}
 		<div class="alert alert-warning mt-4">
-			<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="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-				></path>
-			</svg>
+			<AlertTriangle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 			<div>
 				<p class="font-bold">Certificados Autoassinados Ativados</p>
 				<p class="mt-1 text-sm">
@@ -509,19 +413,7 @@
 	<!-- Aviso sobre HTTP -->
 	{#if !useHttps}
 		<div class="alert alert-error mt-4">
-			<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="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-				></path>
-			</svg>
+			<AlertTriangle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 			<div>
 				<p class="font-bold">HTTP Ativado (Não Seguro)</p>
 				<p class="mt-1 text-sm">
diff --git a/apps/web/src/routes/(dashboard)/ti/configuracoes-relogio/+page.svelte b/apps/web/src/routes/(dashboard)/ti/configuracoes-relogio/+page.svelte
index aee0ea3..039f7df 100644
--- a/apps/web/src/routes/(dashboard)/ti/configuracoes-relogio/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/configuracoes-relogio/+page.svelte
@@ -24,9 +24,11 @@
 	let timestampOriginal = $state<number | null>(null);
 	let timestampUTC = $state<number | null>(null);
 	let intervaloRelogio: ReturnType<typeof setInterval> | null = null;
+	let dataLoaded = $state(false);
 
+	// Carregar dados apenas uma vez quando a query retornar
 	$effect(() => {
-		if (configQuery?.data) {
+		if (configQuery?.data && !dataLoaded) {
 			servidorNTP = configQuery.data.servidorNTP || 'pool.ntp.org';
 			portaNTP = configQuery.data.portaNTP || 123;
 			usarServidorExterno = configQuery.data.usarServidorExterno || false;
@@ -40,6 +42,8 @@
 				offsetSegundos: configQuery.data.offsetSegundos ?? null,
 				usandoServidorExterno: configQuery.data.usarServidorExterno || false
 			};
+
+			dataLoaded = true; // Marcar como carregado para evitar sobrescrever mudanças do usuário
 		}
 	});
 
@@ -53,20 +57,50 @@
 					timestampUTC = resultado.timestamp; // Timestamp UTC da fonte
 					// Calcular o timestamp original (antes do ajuste GMT)
 					timestampOriginal = timestampUTC;
+					// Atualizar status de sincronização
+					statusSincronizacao = {
+						ultimaSincronizacao: Date.now(),
+						offsetSegundos: resultado.offsetSegundos ?? null,
+						usandoServidorExterno: resultado.usandoServidorExterno || false
+					};
 				}
 			} else {
-				// Se não usar servidor externo, usar tempo local do PC (igual ao relógio de ponto)
+				// Se não usar servidor externo, usar tempo do PC como base UTC
+				// Date.now() retorna timestamp UTC (milissegundos desde epoch)
 				timestampUTC = Date.now();
 				timestampOriginal = timestampUTC;
+				// Atualizar status para indicar que está usando relógio do PC
+				statusSincronizacao = {
+					ultimaSincronizacao: Date.now(),
+					offsetSegundos: null,
+					usandoServidorExterno: false
+				};
 			}
 		} catch (error) {
 			console.error('Erro ao obter tempo sincronizado:', error);
-			// Fallback: usar tempo local
+			// Fallback: usar tempo do PC
 			timestampUTC = Date.now();
 			timestampOriginal = timestampUTC;
+			// Atualizar status para indicar fallback
+			statusSincronizacao = {
+				ultimaSincronizacao: Date.now(),
+				offsetSegundos: null,
+				usandoServidorExterno: false
+			};
 		}
 	}
 
+	// Atualizar relógio quando usarServidorExterno mudar (após carregamento inicial)
+	$effect(() => {
+		// Quando a opção de usar servidor externo mudar, atualizar o relógio
+		// Só atualizar após os dados serem carregados para evitar atualizações desnecessárias
+		if (dataLoaded) {
+			// Usar usarServidorExterno como dependência reativa
+			const _ = usarServidorExterno; // Forçar reatividade
+			obterTempoSincronizado();
+		}
+	});
+
 	// Inicializar e atualizar relógios periodicamente
 	$effect(() => {
 		// Obter tempo inicial quando configuração mudar
@@ -97,46 +131,51 @@
 	// Funções para formatar os relógios
 	function formatarRelogio(timestamp: number | null, ajusteGMT: number = 0): string {
 		if (!timestamp) return '--:--:--';
-		// Aplicar GMT offset ao timestamp
-		// Quando GMT é 0, usar timestamp UTC puro e deixar toLocaleTimeString() fazer a conversão automática
-		// Quando GMT ≠ 0, aplicar offset configurado ao timestamp
-		let timestampAjustado: number;
-		if (ajusteGMT !== 0) {
-			// Aplicar offset configurado
-			timestampAjustado = timestamp + ajusteGMT * 60 * 60 * 1000;
-		} else {
-			// Quando GMT = 0, manter timestamp UTC puro
-			// O toLocaleTimeString() converterá automaticamente para o timezone local do navegador
-			timestampAjustado = timestamp;
+		
+		// Quando ajusteGMT = 0, usar UTC explícito (sem GMT)
+		if (ajusteGMT === 0) {
+			return new Date(timestamp).toLocaleTimeString('pt-BR', {
+				hour: '2-digit',
+				minute: '2-digit',
+				second: '2-digit',
+				hour12: false,
+				timeZone: 'UTC' // Forçar UTC puro
+			});
 		}
-		const data = new Date(timestampAjustado);
-		return data.toLocaleTimeString('pt-BR', {
+		
+		// Quando ajusteGMT ≠ 0, aplicar offset configurado ao timestamp UTC
+		// O offset é aplicado manualmente, então usamos UTC como base para evitar conversão dupla
+		const timestampAjustado = timestamp + ajusteGMT * 60 * 60 * 1000;
+		return new Date(timestampAjustado).toLocaleTimeString('pt-BR', {
 			hour: '2-digit',
 			minute: '2-digit',
 			second: '2-digit',
-			hour12: false
+			hour12: false,
+			timeZone: 'UTC' // Usar UTC como base pois já aplicamos o offset manualmente
 		});
 	}
 
 	function formatarDataRelogio(timestamp: number | null, ajusteGMT: number = 0): string {
 		if (!timestamp) return '--/--/----';
-		// Aplicar GMT offset ao timestamp
-		// Quando GMT é 0, usar timestamp UTC puro e deixar toLocaleDateString() fazer a conversão automática
-		// Quando GMT ≠ 0, aplicar offset configurado ao timestamp
-		let timestampAjustado: number;
-		if (ajusteGMT !== 0) {
-			// Aplicar offset configurado
-			timestampAjustado = timestamp + ajusteGMT * 60 * 60 * 1000;
-		} else {
-			// Quando GMT = 0, manter timestamp UTC puro
-			// O toLocaleDateString() converterá automaticamente para o timezone local do navegador
-			timestampAjustado = timestamp;
+		
+		// Quando ajusteGMT = 0, usar UTC explícito (sem GMT)
+		if (ajusteGMT === 0) {
+			return new Date(timestamp).toLocaleDateString('pt-BR', {
+				day: '2-digit',
+				month: '2-digit',
+				year: 'numeric',
+				timeZone: 'UTC' // Forçar UTC puro
+			});
 		}
-		const data = new Date(timestampAjustado);
-		return data.toLocaleDateString('pt-BR', {
+		
+		// Quando ajusteGMT ≠ 0, aplicar offset configurado ao timestamp UTC
+		// O offset é aplicado manualmente, então usamos UTC como base para evitar conversão dupla
+		const timestampAjustado = timestamp + ajusteGMT * 60 * 60 * 1000;
+		return new Date(timestampAjustado).toLocaleDateString('pt-BR', {
 			day: '2-digit',
 			month: '2-digit',
-			year: 'numeric'
+			year: 'numeric',
+			timeZone: 'UTC' // Usar UTC como base pois já aplicamos o offset manualmente
 		});
 	}
 
diff --git a/apps/web/src/routes/(dashboard)/ti/erros-servidor/+page.svelte b/apps/web/src/routes/(dashboard)/ti/erros-servidor/+page.svelte
new file mode 100644
index 0000000..614bf8d
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/ti/erros-servidor/+page.svelte
@@ -0,0 +1,518 @@
+<script lang="ts">
+	import { useQuery, useConvexClient } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import { resolve } from '$app/paths';
+	import { format } from 'date-fns';
+	import { ptBR } from 'date-fns/locale';
+	import {
+		AlertCircle,
+		FileX,
+		Server,
+		Filter,
+		Search,
+		Calendar,
+		X,
+		Info,
+		CheckCircle,
+		Clock,
+		ExternalLink,
+		Copy
+	} from 'lucide-svelte';
+	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
+
+	let limite = $state(50);
+	let mostrarFiltros = $state(false);
+	let erroSelecionado = $state<any>(null);
+	let copiado = $state(false);
+
+	// Filtros
+	let filtroStatusCode = $state<string>('');
+	let filtroNotificado = $state<string>('');
+	let filtroDataInicio = $state<string>('');
+	let filtroDataFim = $state<string>('');
+
+	const client = useConvexClient();
+
+	// Argumentos para as queries (usando $derived para reatividade)
+	const argsErros = $derived({
+		limite,
+		statusCode: filtroStatusCode ? Number(filtroStatusCode) : undefined,
+		notificado: filtroNotificado === '' ? undefined : filtroNotificado === 'true',
+		dataInicio: filtroDataInicio ? new Date(filtroDataInicio).getTime() : undefined,
+		dataFim: filtroDataFim ? new Date(filtroDataFim + 'T23:59:59').getTime() : undefined
+	});
+
+	const argsEstatisticas = $derived({
+		dataInicio: filtroDataInicio ? new Date(filtroDataInicio).getTime() : undefined,
+		dataFim: filtroDataFim ? new Date(filtroDataFim + 'T23:59:59').getTime() : undefined
+	});
+
+	// Query reativa
+	const errosQuery = useQuery(api.errosServidor.listarErros, argsErros);
+	const estatisticasQuery = useQuery(api.errosServidor.obterEstatisticasErros, argsEstatisticas);
+
+	// Extrair dados e erros
+	const erros = $derived(errosQuery?.data ?? []);
+	const estatisticas = $derived(estatisticasQuery?.data);
+	const carregando = $derived(errosQuery === undefined || estatisticasQuery === undefined);
+	
+	// Detectar erros nas queries
+	let erroErros = $state<string | null>(null);
+	let erroEstatisticas = $state<string | null>(null);
+
+	// Monitorar erros nas queries
+	$effect(() => {
+		try {
+			// Debug: log do estado da query
+			if (import.meta.env.DEV) {
+				console.log('🔍 [Erros Servidor] Estado da query de erros:', {
+					undefined: errosQuery === undefined,
+					hasData: errosQuery?.data !== undefined,
+					hasError: errosQuery && typeof errosQuery === 'object' && 'error' in errosQuery,
+					dataLength: Array.isArray(errosQuery?.data) ? errosQuery.data.length : 'N/A'
+				});
+			}
+
+			if (errosQuery && typeof errosQuery === 'object' && 'error' in errosQuery) {
+				const error = (errosQuery as { error?: unknown }).error;
+				if (error !== undefined && error !== null) {
+					erroErros = error instanceof Error ? error.message : String(error);
+					console.error('❌ Erro na query de erros:', error);
+				} else {
+					erroErros = null;
+				}
+			} else if (errosQuery?.data !== undefined) {
+				erroErros = null;
+				if (import.meta.env.DEV) {
+					console.log(
+						`✅ [Erros Servidor] Query de erros carregada: ${Array.isArray(errosQuery.data) ? errosQuery.data.length : 0} erros encontrados`
+					);
+				}
+			}
+		} catch (e) {
+			console.error('Erro ao processar query de erros:', e);
+			erroErros = e instanceof Error ? e.message : String(e);
+		}
+	});
+
+	$effect(() => {
+		try {
+			if (estatisticasQuery && typeof estatisticasQuery === 'object' && 'error' in estatisticasQuery) {
+				const error = (estatisticasQuery as { error?: unknown }).error;
+				if (error !== undefined && error !== null) {
+					erroEstatisticas = error instanceof Error ? error.message : String(error);
+					console.error('❌ Erro na query de estatísticas:', error);
+				} else {
+					erroEstatisticas = null;
+				}
+			} else if (estatisticasQuery?.data !== undefined) {
+				erroEstatisticas = null;
+			}
+		} catch (e) {
+			console.error('Erro ao processar query de estatísticas:', e);
+			erroEstatisticas = e instanceof Error ? e.message : String(e);
+		}
+	});
+
+	// Funções auxiliares
+	function formatarData(timestamp: number): string {
+		return format(new Date(timestamp), "dd/MM/yyyy 'às' HH:mm:ss", { locale: ptBR });
+	}
+
+	function obterCorStatusCode(statusCode: number): string {
+		if (statusCode === 404) return 'badge-warning';
+		if (statusCode >= 500) return 'badge-error';
+		return 'badge-info';
+	}
+
+	function obterIconeStatusCode(statusCode: number) {
+		if (statusCode === 404) return FileX;
+		if (statusCode >= 500) return AlertCircle;
+		return Server;
+	}
+
+	function limparFiltros() {
+		filtroStatusCode = '';
+		filtroNotificado = '';
+		filtroDataInicio = '';
+		filtroDataFim = '';
+	}
+
+	function copiarParaAreaTransferencia(texto: string) {
+		navigator.clipboard.writeText(texto).then(() => {
+			copiado = true;
+			setTimeout(() => {
+				copiado = false;
+			}, 2000);
+		});
+	}
+
+	function abrirDetalhes(erro: any) {
+		erroSelecionado = erro;
+	}
+
+	function fecharDetalhes() {
+		erroSelecionado = null;
+	}
+</script>
+
+<ProtectedRoute allowedRoles={['ti_master', 'ti_usuario', 'admin']} maxLevel={1}>
+	<div class="container mx-auto p-6">
+		<!-- Cabeçalho -->
+		<div class="mb-6 flex items-center justify-between">
+			<div>
+				<h1 class="text-3xl font-bold">Erros do Servidor</h1>
+				<p class="text-base-content/70 mt-1">Monitoramento e análise de erros 404 e 500</p>
+			</div>
+			<button
+				class="btn btn-outline"
+				onclick={() => (mostrarFiltros = !mostrarFiltros)}
+			>
+				<Filter class="h-5 w-5" />
+				Filtros
+			</button>
+		</div>
+
+		<!-- Mensagens de Erro -->
+		{#if erroErros}
+			<div class="alert alert-error mb-6">
+				<AlertCircle class="h-6 w-6" />
+				<div>
+					<h3 class="font-bold">Erro ao carregar erros do servidor</h3>
+					<div class="text-sm">{erroErros}</div>
+				</div>
+			</div>
+		{/if}
+
+		{#if erroEstatisticas}
+			<div class="alert alert-warning mb-6">
+				<AlertCircle class="h-6 w-6" />
+				<div>
+					<h3 class="font-bold">Erro ao carregar estatísticas</h3>
+					<div class="text-sm">{erroEstatisticas}</div>
+				</div>
+			</div>
+		{/if}
+
+		<!-- Estatísticas -->
+		{#if estatisticas}
+			<div class="mb-6 grid grid-cols-1 gap-4 md:grid-cols-4">
+				<div class="card bg-base-100 shadow">
+					<div class="card-body">
+						<div class="stat">
+							<div class="stat-title">Total de Erros</div>
+							<div class="stat-value text-2xl">{estatisticas.total}</div>
+						</div>
+					</div>
+				</div>
+				<div class="card bg-base-100 shadow">
+					<div class="card-body">
+						<div class="stat">
+							<div class="stat-title">Notificados</div>
+							<div class="stat-value text-2xl text-success">{estatisticas.notificados}</div>
+						</div>
+					</div>
+				</div>
+				<div class="card bg-base-100 shadow">
+					<div class="card-body">
+						<div class="stat">
+							<div class="stat-title">Não Notificados</div>
+							<div class="stat-value text-2xl text-warning">{estatisticas.naoNotificados}</div>
+						</div>
+					</div>
+				</div>
+				<div class="card bg-base-100 shadow">
+					<div class="card-body">
+						<div class="stat">
+							<div class="stat-title">Últimas 24h</div>
+							<div class="stat-value text-2xl text-info">{estatisticas.ultimas24h}</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		{/if}
+
+		<!-- Filtros -->
+		{#if mostrarFiltros}
+			<div class="card mb-6 bg-base-100 shadow">
+				<div class="card-body">
+					<div class="mb-4 flex items-center justify-between">
+						<h3 class="text-lg font-semibold">Filtros</h3>
+						<button class="btn btn-ghost btn-sm" onclick={limparFiltros}>
+							<X class="h-4 w-4" />
+							Limpar
+						</button>
+					</div>
+					<div class="grid grid-cols-1 gap-4 md:grid-cols-4">
+						<div class="form-control">
+							<label class="label">
+								<span class="label-text">Código HTTP</span>
+							</label>
+							<select class="select select-bordered" bind:value={filtroStatusCode}>
+								<option value="">Todos</option>
+								<option value="404">404 - Não Encontrado</option>
+								<option value="500">500 - Erro Interno</option>
+							</select>
+						</div>
+						<div class="form-control">
+							<label class="label">
+								<span class="label-text">Status Notificação</span>
+							</label>
+							<select class="select select-bordered" bind:value={filtroNotificado}>
+								<option value="">Todos</option>
+								<option value="true">Notificados</option>
+								<option value="false">Não Notificados</option>
+							</select>
+						</div>
+						<div class="form-control">
+							<label class="label">
+								<span class="label-text">Data Início</span>
+							</label>
+							<input
+								type="date"
+								class="input input-bordered"
+								bind:value={filtroDataInicio}
+							/>
+						</div>
+						<div class="form-control">
+							<label class="label">
+								<span class="label-text">Data Fim</span>
+							</label>
+							<input
+								type="date"
+								class="input input-bordered"
+								bind:value={filtroDataFim}
+							/>
+						</div>
+					</div>
+				</div>
+			</div>
+		{/if}
+
+		<!-- Tabela de Erros -->
+		<div class="card bg-base-100 shadow">
+			<div class="card-body">
+				{#if carregando}
+					<div class="flex justify-center p-8">
+						<span class="loading loading-spinner loading-lg"></span>
+					</div>
+				{:else if erros.length === 0}
+					<div class="flex flex-col items-center justify-center p-8 text-center">
+						<CheckCircle class="text-success mb-4 h-16 w-16" />
+						<p class="text-lg font-semibold">Nenhum erro encontrado</p>
+						<p class="text-base-content/70 mb-4">
+							Não há erros registrados com os filtros aplicados.
+						</p>
+						<div class="bg-base-200 rounded-lg p-4 max-w-md text-left">
+							<p class="text-sm font-semibold mb-2">💡 Como funciona:</p>
+							<ul class="text-sm text-base-content/70 space-y-1 list-disc list-inside">
+								<li>Erros 404 e 500 são registrados automaticamente pelo sistema</li>
+								<li>Os erros aparecem aqui após ocorrerem no sistema</li>
+								<li>Você pode testar acessando uma URL inexistente para gerar um erro 404</li>
+							</ul>
+						</div>
+					</div>
+				{:else}
+					<div class="overflow-x-auto">
+						<table class="table">
+							<thead>
+								<tr>
+									<th>Data/Hora</th>
+									<th>Código</th>
+									<th>URL</th>
+									<th>Método</th>
+									<th>Usuário</th>
+									<th>Notificado</th>
+									<th>Ações</th>
+								</tr>
+							</thead>
+							<tbody>
+								{#each erros as erro (erro._id)}
+									{@const StatusIcon = obterIconeStatusCode(erro.statusCode)}
+									<tr>
+										<td>
+											<div class="flex items-center gap-2">
+												<Clock class="h-4 w-4 text-base-content/50" />
+												<span class="text-sm">{formatarData(erro.criadoEm)}</span>
+											</div>
+										</td>
+										<td>
+											<span class="badge {obterCorStatusCode(erro.statusCode)}">
+												<StatusIcon class="mr-1 h-3 w-3" />
+												{erro.statusCode}
+											</span>
+										</td>
+										<td>
+											<div class="max-w-xs truncate" title={erro.url || 'N/A'}>
+												{erro.url || 'N/A'}
+											</div>
+										</td>
+										<td>
+											<span class="badge badge-outline">{erro.method || 'N/A'}</span>
+										</td>
+										<td>{erro.usuarioNome || 'Anônimo'}</td>
+										<td>
+											{#if erro.notificado}
+												<span class="badge badge-success">
+													<CheckCircle class="mr-1 h-3 w-3" />
+													Sim
+												</span>
+											{:else}
+												<span class="badge badge-warning">
+													<Clock class="mr-1 h-3 w-3" />
+													Não
+												</span>
+											{/if}
+										</td>
+										<td>
+											<button
+												class="btn btn-ghost btn-sm"
+												onclick={() => abrirDetalhes(erro)}
+											>
+												<Info class="h-4 w-4" />
+												Detalhes
+											</button>
+										</td>
+									</tr>
+								{/each}
+							</tbody>
+						</table>
+					</div>
+				{/if}
+			</div>
+		</div>
+	</div>
+
+	<!-- Modal de Detalhes -->
+	{#if erroSelecionado}
+		<div class="modal modal-open">
+			<div class="modal-box max-w-4xl">
+				<h3 class="mb-4 text-lg font-bold">Detalhes do Erro</h3>
+
+				<div class="space-y-4">
+					<div class="grid grid-cols-2 gap-4">
+						<div>
+							<label class="label">
+								<span class="label-text font-semibold">Código HTTP</span>
+							</label>
+							<span class="badge {obterCorStatusCode(erroSelecionado.statusCode)} text-lg">
+								{erroSelecionado.statusCode}
+							</span>
+						</div>
+						<div>
+							<label class="label">
+								<span class="label-text font-semibold">Data/Hora</span>
+							</label>
+							<p>{formatarData(erroSelecionado.criadoEm)}</p>
+						</div>
+					</div>
+
+					<div>
+						<label class="label">
+							<span class="label-text font-semibold">URL</span>
+						</label>
+						<div class="flex items-center gap-2">
+							<input
+								type="text"
+								class="input input-bordered flex-1"
+								value={erroSelecionado.url || 'N/A'}
+								readonly
+							/>
+							<button
+								class="btn btn-ghost btn-sm"
+								onclick={() => copiarParaAreaTransferencia(erroSelecionado.url || '')}
+								title="Copiar URL"
+							>
+								{#if copiado}
+									<CheckCircle class="h-4 w-4 text-success" />
+								{:else}
+									<Copy class="h-4 w-4" />
+								{/if}
+							</button>
+						</div>
+					</div>
+
+					<div class="grid grid-cols-2 gap-4">
+						<div>
+							<label class="label">
+								<span class="label-text font-semibold">Método HTTP</span>
+							</label>
+							<p>{erroSelecionado.method || 'N/A'}</p>
+						</div>
+						<div>
+							<label class="label">
+								<span class="label-text font-semibold">IP Address</span>
+							</label>
+							<p>{erroSelecionado.ipAddress || 'N/A'}</p>
+						</div>
+					</div>
+
+					<div>
+						<label class="label">
+							<span class="label-text font-semibold">Mensagem</span>
+						</label>
+						<div class="rounded-lg bg-base-200 p-3">
+							<p class="whitespace-pre-wrap">{erroSelecionado.mensagem || 'N/A'}</p>
+						</div>
+					</div>
+
+					{#if erroSelecionado.stack}
+						<div>
+							<label class="label">
+								<span class="label-text font-semibold">Stack Trace</span>
+							</label>
+							<div class="rounded-lg bg-base-200 p-3">
+								<pre class="max-h-96 overflow-auto whitespace-pre-wrap text-xs">{erroSelecionado.stack}</pre>
+							</div>
+							<button
+								class="btn btn-ghost btn-sm mt-2"
+								onclick={() => copiarParaAreaTransferencia(erroSelecionado.stack || '')}
+							>
+								<Copy class="mr-2 h-4 w-4" />
+								Copiar Stack Trace
+							</button>
+						</div>
+					{/if}
+
+					<div class="grid grid-cols-2 gap-4">
+						<div>
+							<label class="label">
+								<span class="label-text font-semibold">User Agent</span>
+							</label>
+							<p class="text-sm">{erroSelecionado.userAgent || 'N/A'}</p>
+						</div>
+						<div>
+							<label class="label">
+								<span class="label-text font-semibold">Usuário</span>
+							</label>
+							<p>{erroSelecionado.usuarioNome || 'Anônimo'}</p>
+						</div>
+					</div>
+
+					<div>
+						<label class="label">
+							<span class="label-text font-semibold">Status de Notificação</span>
+						</label>
+						{#if erroSelecionado.notificado}
+							<div class="flex items-center gap-2">
+								<CheckCircle class="text-success h-5 w-5" />
+								<span>Notificado em {erroSelecionado.notificadoEm ? formatarData(erroSelecionado.notificadoEm) : 'N/A'}</span>
+							</div>
+						{:else}
+							<div class="flex items-center gap-2">
+								<Clock class="text-warning h-5 w-5" />
+								<span>Pendente de notificação</span>
+							</div>
+						{/if}
+					</div>
+				</div>
+
+				<div class="modal-action">
+					<button class="btn" onclick={fecharDetalhes}>Fechar</button>
+				</div>
+			</div>
+		</div>
+	{/if}
+</ProtectedRoute>
+
+
diff --git a/apps/web/src/routes/(dashboard)/ti/lgpd/+page.svelte b/apps/web/src/routes/(dashboard)/ti/lgpd/+page.svelte
new file mode 100644
index 0000000..d37ffe9
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/ti/lgpd/+page.svelte
@@ -0,0 +1,149 @@
+<script lang="ts">
+	import { resolve } from '$app/paths';
+	import { useQuery } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import { Shield, FileText, AlertTriangle, CheckCircle, Settings, Users } from 'lucide-svelte';
+	import StatsCard from '$lib/components/ti/StatsCard.svelte';
+	import { onMount } from 'svelte';
+
+	const estatisticas = useQuery(api.lgpd.obterEstatisticasLGPD, {});
+
+	onMount(() => {
+		if (estatisticas?.error) {
+			console.error('Erro ao carregar estatísticas LGPD:', estatisticas.error);
+		}
+	});
+</script>
+
+<div class="container mx-auto max-w-7xl px-4 py-6">
+	<!-- Header -->
+	<div class="mb-8 flex items-center justify-between">
+		<div class="flex items-center gap-4">
+			<div class="bg-primary/10 rounded-xl p-3">
+				<Shield class="text-primary h-8 w-8" strokeWidth={2} />
+			</div>
+			<div>
+				<h1 class="text-base-content text-3xl font-bold">LGPD - Proteção de Dados</h1>
+				<p class="text-base-content/60 mt-1">
+					Gestão de conformidade com a Lei Geral de Proteção de Dados
+				</p>
+			</div>
+		</div>
+	</div>
+
+	<!-- Stats Cards -->
+	{#if estatisticas === undefined}
+		<div class="flex items-center justify-center py-20">
+			<span class="loading loading-spinner loading-lg text-primary"></span>
+		</div>
+	{:else if estatisticas?.error}
+		<div class="alert alert-error mb-6">
+			<AlertTriangle class="h-5 w-5" />
+			<span>Erro ao carregar estatísticas: {estatisticas.error}</span>
+		</div>
+	{:else if estatisticas?.data}
+		<div class="mb-8 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4">
+			<StatsCard
+				title="Solicitações Pendentes"
+				value={estatisticas.data.solicitacoesPendentes}
+				description="Aguardando resposta"
+				Icon={AlertTriangle}
+				color="warning"
+			/>
+
+			<StatsCard
+				title="Solicitações Vencendo"
+				value={estatisticas.data.solicitacoesVencendo}
+				description="Prazo próximo"
+				Icon={AlertTriangle}
+				color="error"
+			/>
+
+			<StatsCard
+				title="Total de Solicitações"
+				value={estatisticas.data.totalSolicitacoes}
+				description="Todas as solicitações"
+				Icon={FileText}
+				color="info"
+			/>
+
+			<StatsCard
+				title="Consentimentos Ativos"
+				value={estatisticas.data.consentimentosAtivos}
+				description="Consentimentos válidos"
+				Icon={CheckCircle}
+				color="success"
+			/>
+		</div>
+	{/if}
+
+	<!-- Ações Rápidas -->
+	<div class="card bg-base-100 mb-8 shadow-xl">
+		<div class="card-body">
+			<h2 class="card-title mb-4 text-2xl">Ações Rápidas</h2>
+			<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+				<a href={resolve('/ti/lgpd/solicitacoes')} class="btn btn-primary btn-lg">
+					<FileText class="h-5 w-5" strokeWidth={2} />
+					Gerenciar Solicitações
+				</a>
+
+				<a href={resolve('/ti/lgpd/registros-tratamento')} class="btn btn-secondary btn-lg">
+					<FileText class="h-5 w-5" strokeWidth={2} />
+					Registros de Tratamento
+				</a>
+
+				<a href={resolve('/ti/lgpd/configuracoes')} class="btn btn-accent btn-lg">
+					<Settings class="h-5 w-5" strokeWidth={2} />
+					Configurações LGPD
+				</a>
+			</div>
+		</div>
+	</div>
+
+	<!-- Informações -->
+	{#if estatisticas?.data}
+		<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
+			<!-- Solicitações por Tipo -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body">
+					<h2 class="card-title mb-4 text-xl">Solicitações por Tipo</h2>
+					<div class="space-y-2">
+						{#each Object.entries(estatisticas.data.solicitacoesPorTipo) as [tipo, quantidade]}
+							<div class="bg-base-200 flex items-center justify-between rounded p-2">
+								<span class="text-sm font-medium">{tipo}</span>
+								<span class="badge badge-primary">{quantidade}</span>
+							</div>
+						{/each}
+					</div>
+				</div>
+			</div>
+
+			<!-- Resumo -->
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body">
+					<h2 class="card-title mb-4 text-xl">Resumo</h2>
+					<div class="space-y-3">
+						<div class="flex justify-between">
+							<span>Total de ROTs:</span>
+							<span class="font-semibold">{estatisticas.data.totalROTs}</span>
+						</div>
+						<div class="flex justify-between">
+							<span>ROTs Ativos:</span>
+							<span class="text-success font-semibold">{estatisticas.data.rotsAtivos}</span>
+						</div>
+						<div class="flex justify-between">
+							<span>Total de Consentimentos:</span>
+							<span class="font-semibold">{estatisticas.data.totalConsentimentos}</span>
+						</div>
+						<div class="flex justify-between">
+							<span>Consentimentos Ativos:</span>
+							<span class="text-success font-semibold"
+								>{estatisticas.data.consentimentosAtivos}</span
+							>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	{/if}
+</div>
diff --git a/apps/web/src/routes/(dashboard)/ti/lgpd/configuracoes/+page.svelte b/apps/web/src/routes/(dashboard)/ti/lgpd/configuracoes/+page.svelte
new file mode 100644
index 0000000..a9a0d5e
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/ti/lgpd/configuracoes/+page.svelte
@@ -0,0 +1,294 @@
+<script lang="ts">
+	import { resolve } from '$app/paths';
+	import { useQuery, useConvexClient } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import {
+		Shield,
+		Save,
+		Mail,
+		Phone,
+		User,
+		Calendar,
+		ToggleLeft,
+		ToggleRight
+	} from 'lucide-svelte';
+	import { toast } from 'svelte-sonner';
+
+	const client = useConvexClient();
+	const config = useQuery(api.lgpd.obterConfiguracaoLGPD, {});
+
+	let encarregadoNome = $state('');
+	let encarregadoEmail = $state('');
+	let encarregadoTelefone = $state('');
+	let encarregadoHorarioAtendimento = $state('Segunda a Sexta, das 8h às 17h');
+	let prazoRespostaPadrao = $state(15);
+	let diasAlertaVencimento = $state(3);
+	let termoObrigatorio = $state(false);
+	let versaoTermoAtual = $state('1.0');
+	let carregando = $state(false);
+
+	// Sincronizar com query
+	$effect(() => {
+		if (config?.data) {
+			encarregadoNome = config.data.encarregadoNome || '';
+			encarregadoEmail = config.data.encarregadoEmail || '';
+			encarregadoTelefone = config.data.encarregadoTelefone || '';
+			encarregadoHorarioAtendimento =
+				config.data.encarregadoHorarioAtendimento || 'Segunda a Sexta, das 8h às 17h';
+			prazoRespostaPadrao = config.data.prazoRespostaPadrao;
+			diasAlertaVencimento = config.data.diasAlertaVencimento;
+			termoObrigatorio = config.data.termoObrigatorio;
+			versaoTermoAtual = config.data.versaoTermoAtual;
+		}
+	});
+
+	async function salvar() {
+		carregando = true;
+
+		try {
+			await client.mutation(api.lgpd.atualizarConfiguracaoLGPD, {
+				encarregadoNome: encarregadoNome || undefined,
+				encarregadoEmail: encarregadoEmail || undefined,
+				encarregadoTelefone: encarregadoTelefone || undefined,
+				encarregadoHorarioAtendimento: encarregadoHorarioAtendimento || undefined,
+				prazoRespostaPadrao,
+				diasAlertaVencimento,
+				termoObrigatorio,
+				versaoTermoAtual: versaoTermoAtual || '1.0'
+			});
+
+			toast.success('Configurações salvas com sucesso!');
+		} catch (error: unknown) {
+			const message = error instanceof Error ? error.message : 'Erro ao salvar configurações';
+			toast.error(message);
+		} finally {
+			carregando = false;
+		}
+	}
+</script>
+
+<div class="container mx-auto max-w-4xl px-4 py-6">
+	<!-- Header -->
+	<div class="mb-8 flex items-center justify-between">
+		<div class="flex items-center gap-4">
+			<div class="bg-primary/10 rounded-xl p-3">
+				<Shield class="text-primary h-8 w-8" strokeWidth={2} />
+			</div>
+			<div>
+				<h1 class="text-base-content text-3xl font-bold">Configurações LGPD</h1>
+				<p class="text-base-content/60 mt-1">Configure as definições de proteção de dados</p>
+			</div>
+		</div>
+	</div>
+
+	{#if config === undefined}
+		<div class="flex items-center justify-center py-20">
+			<span class="loading loading-spinner loading-lg text-primary"></span>
+		</div>
+	{:else}
+		<!-- Encarregado de Dados -->
+		<div class="card bg-base-100 mb-6 shadow-xl">
+			<div class="card-body">
+				<h2 class="card-title mb-4 text-2xl">Encarregado de Proteção de Dados (DPO)</h2>
+				<p class="text-base-content/60 mb-6">
+					Configure os dados de contato do Encarregado de Proteção de Dados, responsável por atender
+					solicitações e questões relacionadas à LGPD.
+				</p>
+
+				<div class="space-y-4">
+					<div class="form-control">
+						<label class="label">
+							<span class="label-text font-semibold">Nome do Encarregado</span>
+						</label>
+						<div class="relative">
+							<User
+								class="text-base-content/40 absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2 transform"
+							/>
+							<input
+								type="text"
+								bind:value={encarregadoNome}
+								placeholder="Nome completo do Encarregado"
+								class="input input-bordered w-full pl-10"
+							/>
+						</div>
+					</div>
+
+					<div class="form-control">
+						<label class="label">
+							<span class="label-text font-semibold">E-mail</span>
+						</label>
+						<div class="relative">
+							<Mail
+								class="text-base-content/40 absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2 transform"
+							/>
+							<input
+								type="email"
+								bind:value={encarregadoEmail}
+								placeholder="lgpd@esportes.pe.gov.br"
+								class="input input-bordered w-full pl-10"
+							/>
+						</div>
+					</div>
+
+					<div class="form-control">
+						<label class="label">
+							<span class="label-text font-semibold">Telefone</span>
+						</label>
+						<div class="relative">
+							<Phone
+								class="text-base-content/40 absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2 transform"
+							/>
+							<input
+								type="text"
+								bind:value={encarregadoTelefone}
+								placeholder="(81) 3184-XXXX"
+								class="input input-bordered w-full pl-10"
+							/>
+						</div>
+					</div>
+
+					<div class="form-control">
+						<label class="label">
+							<span class="label-text font-semibold">Horário de Atendimento</span>
+						</label>
+						<div class="relative">
+							<Calendar
+								class="text-base-content/40 absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2 transform"
+							/>
+							<input
+								type="text"
+								bind:value={encarregadoHorarioAtendimento}
+								placeholder="Segunda a Sexta, das 8h às 17h"
+								class="input input-bordered w-full pl-10"
+							/>
+						</div>
+						<label class="label">
+							<span class="label-text-alt text-base-content/60">
+								Horário de atendimento do Encarregado de Dados
+							</span>
+						</label>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Configurações de Termo de Consentimento -->
+		<div class="card bg-base-100 mb-6 shadow-xl">
+			<div class="card-body">
+				<h2 class="card-title mb-4 text-2xl">Termo de Consentimento</h2>
+				<p class="text-base-content/60 mb-6">
+					Configure se o termo de consentimento é obrigatório para acesso ao sistema.
+				</p>
+
+				<div class="space-y-4">
+					<div class="form-control">
+						<label class="label cursor-pointer justify-start gap-4">
+							<input
+								type="checkbox"
+								bind:checked={termoObrigatorio}
+								class="checkbox checkbox-primary"
+							/>
+							<div>
+								<span class="label-text font-semibold">Termo de Consentimento Obrigatório</span>
+								<p class="text-base-content/60 text-sm">
+									Quando habilitado, os usuários precisam aceitar o termo de consentimento antes de
+									acessar o sistema.
+								</p>
+							</div>
+						</label>
+					</div>
+
+					<div class="form-control">
+						<label class="label">
+							<span class="label-text font-semibold">Versão Atual do Termo</span>
+						</label>
+						<input
+							type="text"
+							bind:value={versaoTermoAtual}
+							placeholder="1.0"
+							class="input input-bordered"
+						/>
+						<label class="label">
+							<span class="label-text-alt text-base-content/60">
+								Versão do termo de consentimento atual. Ao alterar, usuários precisarão aceitar
+								novamente.
+							</span>
+						</label>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Configurações de Prazos -->
+		<div class="card bg-base-100 mb-6 shadow-xl">
+			<div class="card-body">
+				<h2 class="card-title mb-4 text-2xl">Configurações de Prazos</h2>
+				<p class="text-base-content/60 mb-6">
+					Configure os prazos para resposta de solicitações e alertas de vencimento.
+				</p>
+
+				<div class="space-y-4">
+					<div class="form-control">
+						<label class="label">
+							<span class="label-text font-semibold">Prazo Padrão para Resposta (dias)</span>
+						</label>
+						<div class="relative">
+							<Calendar
+								class="text-base-content/40 absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2 transform"
+							/>
+							<input
+								type="number"
+								bind:value={prazoRespostaPadrao}
+								min="1"
+								max="30"
+								class="input input-bordered w-full pl-10"
+							/>
+						</div>
+						<label class="label">
+							<span class="label-text-alt text-base-content/60">
+								Prazo legal conforme LGPD: 15 dias (recomendado)
+							</span>
+						</label>
+					</div>
+
+					<div class="form-control">
+						<label class="label">
+							<span class="label-text font-semibold">Dias para Alerta de Vencimento</span>
+						</label>
+						<div class="relative">
+							<Calendar
+								class="text-base-content/40 absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2 transform"
+							/>
+							<input
+								type="number"
+								bind:value={diasAlertaVencimento}
+								min="1"
+								max="10"
+								class="input input-bordered w-full pl-10"
+							/>
+						</div>
+						<label class="label">
+							<span class="label-text-alt text-base-content/60">
+								Dias antes do prazo para enviar alerta (padrão: 3 dias)
+							</span>
+						</label>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- Botão Salvar -->
+		<div class="flex justify-end gap-4">
+			<a href={resolve('/ti/lgpd')} class="btn btn-ghost btn-lg">Cancelar</a>
+			<button onclick={salvar} disabled={carregando} class="btn btn-primary btn-lg">
+				{#if carregando}
+					<span class="loading loading-spinner loading-sm"></span>
+					Salvando...
+				{:else}
+					<Save class="h-5 w-5" />
+					Salvar Configurações
+				{/if}
+			</button>
+		</div>
+	{/if}
+</div>
diff --git a/apps/web/src/routes/(dashboard)/ti/lgpd/registros-tratamento/+page.svelte b/apps/web/src/routes/(dashboard)/ti/lgpd/registros-tratamento/+page.svelte
new file mode 100644
index 0000000..b001217
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/ti/lgpd/registros-tratamento/+page.svelte
@@ -0,0 +1,333 @@
+<script lang="ts">
+	import { resolve } from '$app/paths';
+	import { useQuery, useConvexClient } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import { Shield, FileText, Plus, CheckCircle, XCircle } from 'lucide-svelte';
+	import { format } from 'date-fns';
+	import { ptBR } from 'date-fns/locale';
+	import { toast } from 'svelte-sonner';
+
+	const client = useConvexClient();
+	const registros = useQuery(api.lgpd.listarRegistrosTratamento, { ativo: undefined });
+
+	let mostrarFormulario = $state(false);
+	let finalidade = $state('');
+	let baseLegal = $state('');
+	let categoriasDados = $state<string[]>([]);
+	let categoriasTitulares = $state<string[]>([]);
+	let medidasSeguranca = $state<string[]>([]);
+	let prazoRetencao = $state(365);
+	let compartilhamentoTerceiros = $state(false);
+	let terceiros = $state<string[]>([]);
+	let descricao = $state('');
+	let carregando = $state(false);
+
+	const categoriasDadosDisponiveis = [
+		'dados_identificacao',
+		'dados_contato',
+		'dados_profissionais',
+		'dados_saude',
+		'dados_acesso'
+	];
+
+	const categoriasTitularesDisponiveis = [
+		'funcionarios',
+		'servidores',
+		'colaboradores',
+		'terceiros'
+	];
+
+	const medidasSegurancaDisponiveis = [
+		'criptografia',
+		'controle_acesso',
+		'logs_auditoria',
+		'backup',
+		'monitoramento'
+	];
+
+	function toggleArrayItem(array: string[], item: string) {
+		if (array.includes(item)) {
+			return array.filter((i) => i !== item);
+		} else {
+			return [...array, item];
+		}
+	}
+
+	async function salvar() {
+		if (!finalidade.trim() || !baseLegal.trim()) {
+			toast.error('Preencha todos os campos obrigatórios');
+			return;
+		}
+
+		carregando = true;
+
+		try {
+			await client.mutation(api.lgpd.criarRegistroTratamento, {
+				finalidade: finalidade.trim(),
+				baseLegal: baseLegal.trim(),
+				categoriasDados,
+				categoriasTitulares,
+				medidasSeguranca,
+				prazoRetencao,
+				compartilhamentoTerceiros,
+				terceiros: compartilhamentoTerceiros && terceiros.length > 0 ? terceiros : undefined,
+				descricao: descricao.trim() || undefined
+			});
+
+			toast.success('Registro de Tratamento criado com sucesso!');
+			mostrarFormulario = false;
+			// Reset form
+			finalidade = '';
+			baseLegal = '';
+			categoriasDados = [];
+			categoriasTitulares = [];
+			medidasSeguranca = [];
+			prazoRetencao = 365;
+			compartilhamentoTerceiros = false;
+			terceiros = [];
+			descricao = '';
+		} catch (error: unknown) {
+			const message = error instanceof Error ? error.message : 'Erro ao criar registro';
+			toast.error(message);
+		} finally {
+			carregando = false;
+		}
+	}
+</script>
+
+<div class="container mx-auto max-w-7xl px-4 py-6">
+	<!-- Header -->
+	<div class="mb-8 flex items-center justify-between">
+		<div class="flex items-center gap-4">
+			<div class="bg-primary/10 rounded-xl p-3">
+				<Shield class="text-primary h-8 w-8" strokeWidth={2} />
+			</div>
+			<div>
+				<h1 class="text-base-content text-3xl font-bold">Registros de Tratamento (ROT)</h1>
+				<p class="text-base-content/60 mt-1">
+					Gerencie os registros de operações de tratamento de dados pessoais
+				</p>
+			</div>
+		</div>
+		<button onclick={() => (mostrarFormulario = !mostrarFormulario)} class="btn btn-primary">
+			<Plus class="h-5 w-5" />
+			Novo ROT
+		</button>
+	</div>
+
+	<!-- Formulário -->
+	{#if mostrarFormulario}
+		<div class="card bg-base-100 mb-6 shadow-xl">
+			<div class="card-body">
+				<h2 class="card-title mb-4 text-2xl">Criar Novo Registro de Tratamento</h2>
+
+				<div class="space-y-4">
+					<div class="form-control">
+						<label class="label">
+							<span class="label-text font-semibold">Finalidade *</span>
+						</label>
+						<input
+							type="text"
+							bind:value={finalidade}
+							placeholder="Ex: Gestão de recursos humanos e folha de pagamento"
+							class="input input-bordered"
+						/>
+					</div>
+
+					<div class="form-control">
+						<label class="label">
+							<span class="label-text font-semibold">Base Legal *</span>
+						</label>
+						<input
+							type="text"
+							bind:value={baseLegal}
+							placeholder="Ex: Art. 7º, II - Execução de políticas públicas"
+							class="input input-bordered"
+						/>
+					</div>
+
+					<div class="form-control">
+						<label class="label">
+							<span class="label-text font-semibold">Categorias de Dados</span>
+						</label>
+						<div class="flex flex-wrap gap-2">
+							{#each categoriasDadosDisponiveis as categoria}
+								<label class="label cursor-pointer gap-2">
+									<input
+										type="checkbox"
+										checked={categoriasDados.includes(categoria)}
+										onchange={() => (categoriasDados = toggleArrayItem(categoriasDados, categoria))}
+										class="checkbox checkbox-primary checkbox-sm"
+									/>
+									<span class="label-text text-sm">{categoria}</span>
+								</label>
+							{/each}
+						</div>
+					</div>
+
+					<div class="form-control">
+						<label class="label">
+							<span class="label-text font-semibold">Categorias de Titulares</span>
+						</label>
+						<div class="flex flex-wrap gap-2">
+							{#each categoriasTitularesDisponiveis as categoria}
+								<label class="label cursor-pointer gap-2">
+									<input
+										type="checkbox"
+										checked={categoriasTitulares.includes(categoria)}
+										onchange={() =>
+											(categoriasTitulares = toggleArrayItem(categoriasTitulares, categoria))}
+										class="checkbox checkbox-primary checkbox-sm"
+									/>
+									<span class="label-text text-sm">{categoria}</span>
+								</label>
+							{/each}
+						</div>
+					</div>
+
+					<div class="form-control">
+						<label class="label">
+							<span class="label-text font-semibold">Medidas de Segurança</span>
+						</label>
+						<div class="flex flex-wrap gap-2">
+							{#each medidasSegurancaDisponiveis as medida}
+								<label class="label cursor-pointer gap-2">
+									<input
+										type="checkbox"
+										checked={medidasSeguranca.includes(medida)}
+										onchange={() => (medidasSeguranca = toggleArrayItem(medidasSeguranca, medida))}
+										class="checkbox checkbox-primary checkbox-sm"
+									/>
+									<span class="label-text text-sm">{medida}</span>
+								</label>
+							{/each}
+						</div>
+					</div>
+
+					<div class="form-control">
+						<label class="label">
+							<span class="label-text font-semibold">Prazo de Retenção (dias)</span>
+						</label>
+						<input type="number" bind:value={prazoRetencao} min="1" class="input input-bordered" />
+					</div>
+
+					<div class="form-control">
+						<label class="label cursor-pointer justify-start gap-4">
+							<input
+								type="checkbox"
+								bind:checked={compartilhamentoTerceiros}
+								class="checkbox checkbox-primary"
+							/>
+							<span class="label-text font-semibold">Compartilhamento com Terceiros</span>
+						</label>
+					</div>
+
+					<div class="form-control">
+						<label class="label">
+							<span class="label-text font-semibold">Descrição</span>
+						</label>
+						<textarea
+							bind:value={descricao}
+							class="textarea textarea-bordered"
+							rows="4"
+							placeholder="Descrição detalhada do tratamento..."
+						></textarea>
+					</div>
+
+					<div class="flex justify-end gap-4">
+						<button onclick={() => (mostrarFormulario = false)} class="btn btn-ghost">
+							Cancelar
+						</button>
+						<button onclick={salvar} disabled={carregando} class="btn btn-primary">
+							{#if carregando}
+								<span class="loading loading-spinner loading-sm"></span>
+								Salvando...
+							{:else}
+								<Plus class="h-5 w-5" />
+								Criar ROT
+							{/if}
+						</button>
+					</div>
+				</div>
+			</div>
+		</div>
+	{/if}
+
+	<!-- Lista de ROTs -->
+	<div class="card bg-base-100 shadow-xl">
+		<div class="card-body">
+			<h2 class="card-title mb-4 text-2xl">Registros de Tratamento</h2>
+
+			{#if registros === undefined}
+				<div class="flex items-center justify-center py-20">
+					<span class="loading loading-spinner loading-lg text-primary"></span>
+				</div>
+			{:else if registros.length === 0}
+				<div class="py-10 text-center">
+					<FileText class="text-base-content/30 mx-auto mb-4 h-16 w-16" />
+					<p class="text-base-content/60">Nenhum registro de tratamento encontrado</p>
+				</div>
+			{:else}
+				<div class="space-y-4">
+					{#each registros as registro}
+						<div class="border-base-300 rounded-lg border p-4">
+							<div class="mb-3 flex items-start justify-between">
+								<div class="flex-1">
+									<div class="mb-2 flex items-center gap-3">
+										<h3 class="text-lg font-semibold">{registro.finalidade}</h3>
+										{#if registro.ativo}
+											<span class="badge badge-success">Ativo</span>
+										{:else}
+											<span class="badge badge-error">Inativo</span>
+										{/if}
+									</div>
+
+									<div class="text-base-content/70 space-y-2 text-sm">
+										<div>
+											<span class="font-semibold">Base Legal:</span>
+											{registro.baseLegal}
+										</div>
+										<div>
+											<span class="font-semibold">Categorias de Dados:</span>{' '}
+											{registro.categoriasDados.join(', ')}
+										</div>
+										<div>
+											<span class="font-semibold">Categorias de Titulares:</span>{' '}
+											{registro.categoriasTitulares.join(', ')}
+										</div>
+										<div>
+											<span class="font-semibold">Medidas de Segurança:</span>{' '}
+											{registro.medidasSeguranca.join(', ')}
+										</div>
+										<div>
+											<span class="font-semibold">Prazo de Retenção:</span>{' '}
+											{registro.prazoRetencao} dias
+										</div>
+										<div>
+											<span class="font-semibold">Compartilhamento:</span>{' '}
+											{registro.compartilhamentoTerceiros ? 'Sim' : 'Não'}
+										</div>
+										{#if registro.terceiros && registro.terceiros.length > 0}
+											<div>
+												<span class="font-semibold">Terceiros:</span>{' '}
+												{registro.terceiros.join(', ')}
+											</div>
+										{/if}
+										<div>
+											<span class="font-semibold">Responsável:</span>
+											{registro.responsavelNome}
+										</div>
+										<div>
+											<span class="font-semibold">Criado em:</span>{' '}
+											{format(new Date(registro.criadoEm), 'dd/MM/yyyy', { locale: ptBR })}
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					{/each}
+				</div>
+			{/if}
+		</div>
+	</div>
+</div>
diff --git a/apps/web/src/routes/(dashboard)/ti/lgpd/solicitacoes/+page.svelte b/apps/web/src/routes/(dashboard)/ti/lgpd/solicitacoes/+page.svelte
new file mode 100644
index 0000000..a4a60d0
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/ti/lgpd/solicitacoes/+page.svelte
@@ -0,0 +1,633 @@
+<script lang="ts">
+	import { resolve } from '$app/paths';
+	import { useQuery, useConvexClient } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import {
+		Shield,
+		FileText,
+		CheckCircle,
+		Clock,
+		XCircle,
+		AlertCircle,
+		Search,
+		Filter,
+		Upload,
+		Download,
+		User,
+		Mail,
+		Hash
+	} from 'lucide-svelte';
+	import { format } from 'date-fns';
+	import { ptBR } from 'date-fns/locale';
+	import { toast } from 'svelte-sonner';
+
+	type StatusFiltro = '' | 'pendente' | 'em_analise' | 'concluida' | 'rejeitada';
+	type TipoFiltro =
+		| ''
+		| 'acesso'
+		| 'correcao'
+		| 'exclusao'
+		| 'portabilidade'
+		| 'revogacao_consentimento'
+		| 'informacao_compartilhamento';
+
+	// '' = Todos (sem filtro)
+	let statusFiltro = $state<StatusFiltro>('');
+	let tipoFiltro = $state<TipoFiltro>('');
+	let termoBusca = $state('');
+
+	const client = useConvexClient();
+
+	// Query reativa que atualiza quando os filtros mudam
+	const solicitacoesQuery = $derived({
+		status: statusFiltro || undefined,
+		tipo: tipoFiltro || undefined
+	});
+
+	const solicitacoesQueryResult = useQuery(api.lgpd.listarSolicitacoes, solicitacoesQuery);
+	const solicitacoes = $derived(solicitacoesQueryResult?.data || []);
+
+	let solicitacaoSelecionada = $state<string | null>(null);
+	let solicitacaoDetalhes = $derived(
+		solicitacoesFiltradas.find((s) => s._id === solicitacaoSelecionada) || null
+	);
+	let resposta = $state('');
+	let statusResposta = $state<'concluida' | 'rejeitada' | 'em_analise'>('concluida');
+	let carregando = $state(false);
+	let arquivoResposta = $state<File | null>(null);
+	let uploadandoArquivo = $state(false);
+
+	function getStatusBadge(status: string) {
+		switch (status) {
+			case 'pendente':
+				return { label: 'Pendente', class: 'badge-warning' };
+			case 'em_analise':
+				return { label: 'Em Análise', class: 'badge-info' };
+			case 'concluida':
+				return { label: 'Concluída', class: 'badge-success' };
+			case 'rejeitada':
+				return { label: 'Rejeitada', class: 'badge-error' };
+			default:
+				return { label: status, class: 'badge-neutral' };
+		}
+	}
+
+	function getTipoLabel(tipo: string) {
+		const labels: Record<string, string> = {
+			acesso: 'Acesso aos Dados',
+			correcao: 'Correção de Dados',
+			exclusao: 'Exclusão de Dados',
+			portabilidade: 'Portabilidade dos Dados',
+			revogacao_consentimento: 'Revogar Consentimento',
+			informacao_compartilhamento: 'Informação sobre Compartilhamento'
+		};
+		return labels[tipo] || tipo;
+	}
+
+	function getStatusIcon(status: string) {
+		switch (status) {
+			case 'pendente':
+				return Clock;
+			case 'em_analise':
+				return AlertCircle;
+			case 'concluida':
+				return CheckCircle;
+			case 'rejeitada':
+				return XCircle;
+			default:
+				return FileText;
+		}
+	}
+
+	function filtrarSolicitacoes() {
+		// Verificar se solicitacoes existe e é um array
+		if (!Array.isArray(solicitacoes) || solicitacoes.length === 0) return [];
+
+		// Se não há termo de busca, retorna todas as solicitações
+		if (!termoBusca || termoBusca.trim() === '') return solicitacoes;
+
+		// Filtrar por termo de busca
+		const busca = termoBusca.toLowerCase().trim();
+		return solicitacoes.filter(
+			(s) =>
+				(s.usuarioNome?.toLowerCase().includes(busca) ?? false) ||
+				(s.usuarioEmail?.toLowerCase().includes(busca) ?? false) ||
+				(s.usuarioMatricula?.toLowerCase().includes(busca) ?? false) ||
+				getTipoLabel(s.tipo).toLowerCase().includes(busca) ||
+				getStatusBadge(s.status).label.toLowerCase().includes(busca)
+		);
+	}
+
+	async function uploadArquivo(): Promise<Id<'_storage'> | null> {
+		if (!arquivoResposta) return null;
+
+		uploadandoArquivo = true;
+		try {
+			const storageId = await client.storage.store(arquivoResposta);
+			return storageId;
+		} catch (error) {
+			console.error('Erro ao fazer upload do arquivo:', error);
+			toast.error('Erro ao fazer upload do arquivo');
+			return null;
+		} finally {
+			uploadandoArquivo = false;
+		}
+	}
+
+	async function responder() {
+		if (!solicitacaoSelecionada || !resposta.trim()) {
+			toast.error('Preencha a resposta');
+			return;
+		}
+
+		// Validações específicas por tipo
+		const tipo = solicitacaoDetalhes?.tipo;
+		if (tipo === 'portabilidade' && statusResposta === 'concluida' && !arquivoResposta) {
+			toast.error('Para solicitações de portabilidade concluídas, é necessário anexar o arquivo com os dados');
+			return;
+		}
+
+		carregando = true;
+
+		try {
+			// Fazer upload do arquivo se houver
+			let arquivoStorageId: Id<'_storage'> | undefined = undefined;
+			if (arquivoResposta) {
+				const uploadedId = await uploadArquivo();
+				if (uploadedId) {
+					arquivoStorageId = uploadedId;
+				} else {
+					carregando = false;
+					return;
+				}
+			}
+
+			await client.mutation(api.lgpd.responderSolicitacao, {
+				solicitacaoId: solicitacaoSelecionada as Id<'solicitacoesLGPD'>,
+				resposta: resposta.trim(),
+				status: statusResposta,
+				arquivoResposta: arquivoStorageId
+			});
+
+			toast.success('Solicitação respondida com sucesso!');
+			solicitacaoSelecionada = null;
+			resposta = '';
+			arquivoResposta = null;
+		} catch (error: unknown) {
+			const message = error instanceof Error ? error.message : 'Erro ao responder solicitação';
+			toast.error(message);
+		} finally {
+			carregando = false;
+		}
+	}
+
+	function getInstrucoesResposta(tipo: string): string {
+		const instrucoes: Record<string, string> = {
+			acesso: 'Informe quais dados pessoais estão sendo tratados e forneça acesso aos mesmos conforme solicitado.',
+			correcao: 'Confirme as correções realizadas ou explique o motivo caso não seja possível corrigir.',
+			exclusao: 'Confirme a exclusão dos dados ou explique o motivo caso não seja possível excluir (ex: obrigação legal de retenção).',
+			portabilidade: 'Anexe o arquivo com os dados em formato estruturado e de uso comum (JSON, CSV, etc).',
+			revogacao_consentimento: 'Confirme a revogação do consentimento e informe sobre as consequências (se houver).',
+			informacao_compartilhamento: 'Informe com quais terceiros os dados são compartilhados e para quais finalidades.'
+		};
+		return instrucoes[tipo] || 'Forneça uma resposta clara e objetiva sobre a solicitação.';
+	}
+
+	const solicitacoesFiltradas = $derived(filtrarSolicitacoes());
+</script>
+
+<div class="container mx-auto max-w-7xl px-4 py-6">
+	<!-- Header -->
+	<div class="mb-8 flex items-center justify-between">
+		<div class="flex items-center gap-4">
+			<div class="bg-primary/10 rounded-xl p-3">
+				<Shield class="text-primary h-8 w-8" strokeWidth={2} />
+			</div>
+			<div>
+				<h1 class="text-base-content text-3xl font-bold">Gestão de Solicitações LGPD</h1>
+				<p class="text-base-content/60 mt-1">
+					Responda e gerencie solicitações de direitos dos titulares
+				</p>
+			</div>
+		</div>
+	</div>
+
+	<!-- Filtros -->
+	<div class="card bg-base-100 mb-6 shadow-xl">
+		<div class="card-body">
+			<div class="grid grid-cols-1 gap-4 md:grid-cols-4">
+				<div class="form-control">
+					<label class="label">
+						<span class="label-text font-semibold">Status</span>
+					</label>
+					<select bind:value={statusFiltro} class="select select-bordered">
+						<option value="">Todos</option>
+						<option value="pendente">Pendente</option>
+						<option value="em_analise">Em Análise</option>
+						<option value="concluida">Concluída</option>
+						<option value="rejeitada">Rejeitada</option>
+					</select>
+				</div>
+
+				<div class="form-control">
+					<label class="label">
+						<span class="label-text font-semibold">Tipo</span>
+					</label>
+					<select bind:value={tipoFiltro} class="select select-bordered">
+						<option value="">Todos</option>
+						<option value="acesso">Acesso</option>
+						<option value="correcao">Correção</option>
+						<option value="exclusao">Exclusão</option>
+						<option value="portabilidade">Portabilidade</option>
+						<option value="revogacao_consentimento">Revogar Consentimento</option>
+						<option value="informacao_compartilhamento">Informação Compartilhamento</option>
+					</select>
+				</div>
+
+				<div class="form-control md:col-span-2">
+					<label class="label">
+						<span class="label-text font-semibold">Buscar</span>
+					</label>
+					<div class="relative">
+						<Search
+							class="text-base-content/40 absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2 transform"
+						/>
+						<input
+							type="text"
+							bind:value={termoBusca}
+							placeholder="Buscar por nome, email ou matrícula..."
+							class="input input-bordered w-full pl-10"
+						/>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<!-- Lista de Solicitações -->
+	<div class="card bg-base-100 shadow-xl">
+		<div class="card-body">
+			<div class="mb-4 flex items-center justify-between">
+				<h2 class="card-title text-2xl">Solicitações Recebidas</h2>
+				{#if Array.isArray(solicitacoes) && solicitacoes.length > 0}
+					<div class="badge badge-outline">
+						Total: {solicitacoes.length} | Exibindo: {solicitacoesFiltradas.length}
+					</div>
+				{/if}
+			</div>
+
+			{#if solicitacoesQueryResult === undefined}
+				<div class="flex items-center justify-center py-20">
+					<span class="loading loading-spinner loading-lg text-primary"></span>
+				</div>
+			{:else if solicitacoes.length === 0}
+				<div class="py-10 text-center">
+					<FileText class="text-base-content/30 mx-auto mb-4 h-16 w-16" />
+					<p class="text-base-content/60">
+						{#if statusFiltro || tipoFiltro}
+							Nenhuma solicitação encontrada com os filtros aplicados
+						{:else}
+							Nenhuma solicitação encontrada
+						{/if}
+					</p>
+					{#if statusFiltro || tipoFiltro}
+						<button
+							onclick={() => {
+								statusFiltro = null;
+								tipoFiltro = null;
+								termoBusca = '';
+							}}
+							class="btn btn-sm btn-outline mt-4"
+						>
+							Limpar Filtros
+						</button>
+					{/if}
+				</div>
+			{:else if solicitacoesFiltradas.length === 0 && termoBusca}
+				<div class="py-10 text-center">
+					<Search class="text-base-content/30 mx-auto mb-4 h-16 w-16" />
+					<p class="text-base-content/60">
+						Nenhuma solicitação encontrada com o termo "{termoBusca}"
+					</p>
+					<button onclick={() => (termoBusca = '')} class="btn btn-sm btn-outline mt-4">
+						Limpar Busca
+					</button>
+				</div>
+			{:else}
+				<div class="space-y-4">
+					{#each solicitacoesFiltradas as solicitacao}
+						{@const statusInfo = getStatusBadge(solicitacao.status)}
+						{@const StatusIcon = getStatusIcon(solicitacao.status)}
+						<div class="border-base-300 rounded-lg border p-4">
+							<div class="mb-3 flex items-start justify-between">
+								<div class="flex-1">
+									<div class="mb-2 flex items-center gap-3">
+										<StatusIcon class="text-base-content/60 h-5 w-5" />
+										<h3 class="text-lg font-semibold">
+											{getTipoLabel(solicitacao.tipo)}
+										</h3>
+										<span class="badge {statusInfo.class}">{statusInfo.label}</span>
+									</div>
+
+									<div class="text-base-content/70 space-y-2 text-sm">
+										<div class="flex items-center gap-2">
+											<User class="h-4 w-4 text-base-content/50" />
+											<div>
+												<span class="font-semibold">Solicitante:</span> {solicitacao.usuarioNome}
+												{#if solicitacao.usuarioMatricula}
+													<span class="text-base-content/50"> ({solicitacao.usuarioMatricula})</span>
+												{/if}
+											</div>
+										</div>
+										<div class="flex items-center gap-2">
+											<Mail class="h-4 w-4 text-base-content/50" />
+											<div>
+												<span class="font-semibold">E-mail:</span> {solicitacao.usuarioEmail}
+											</div>
+										</div>
+										{#if solicitacao.usuarioMatricula}
+											<div class="flex items-center gap-2">
+												<Hash class="h-4 w-4 text-base-content/50" />
+												<div>
+													<span class="font-semibold">Matrícula:</span> {solicitacao.usuarioMatricula}
+												</div>
+											</div>
+										{/if}
+										{#if solicitacao.dadosSolicitados}
+											<div class="mt-2 rounded-lg bg-base-200 p-3">
+												<p class="mb-1 text-xs font-semibold uppercase text-base-content/60">
+													Dados Solicitados:
+												</p>
+												<p class="text-base-content/80 whitespace-pre-wrap text-sm">
+													{solicitacao.dadosSolicitados}
+												</p>
+											</div>
+										{/if}
+										{#if solicitacao.observacoes}
+											<div class="mt-2 rounded-lg bg-base-200 p-3">
+												<p class="mb-1 text-xs font-semibold uppercase text-base-content/60">
+													Observações do Solicitante:
+												</p>
+												<p class="text-base-content/80 whitespace-pre-wrap text-sm">
+													{solicitacao.observacoes}
+												</p>
+											</div>
+										{/if}
+										{#if solicitacao.resposta}
+											<div class="mt-2 rounded-lg bg-success/10 border border-success/20 p-3">
+												<p class="mb-1 text-xs font-semibold uppercase text-success">Resposta:</p>
+												<p class="text-base-content/80 whitespace-pre-wrap text-sm">
+													{solicitacao.resposta}
+												</p>
+												{#if solicitacao.arquivoResposta}
+													<div class="mt-2">
+														<a
+															href={solicitacao.arquivoResposta}
+															target="_blank"
+															class="btn btn-sm btn-outline btn-success gap-2"
+														>
+															<Download class="h-4 w-4" />
+															Baixar Arquivo de Resposta
+														</a>
+													</div>
+												{/if}
+											</div>
+										{/if}
+										{#if solicitacao.consentimentoTermo}
+											<div class="flex items-center gap-2">
+												<span class="font-semibold">Termo de Consentimento:</span>
+												<span class="badge badge-success badge-sm">Aceito</span>
+												<span class="text-base-content/60 text-xs">
+													(v.{solicitacao.consentimentoTermo.versao} em{' '}
+													{format(new Date(solicitacao.consentimentoTermo.aceitoEm), 'dd/MM/yyyy', {
+														locale: ptBR
+													})})
+												</span>
+											</div>
+										{:else}
+											<div class="flex items-center gap-2">
+												<span class="font-semibold">Termo de Consentimento:</span>
+												<span class="badge badge-warning badge-sm">Não aceito</span>
+											</div>
+										{/if}
+										<div>
+											<span class="font-semibold">Criada em:</span>{' '}
+											{format(new Date(solicitacao.criadoEm), "dd/MM/yyyy 'às' HH:mm", {
+												locale: ptBR
+											})}
+										</div>
+										{#if solicitacao.respondidoEm}
+											<div>
+												<span class="font-semibold">Respondida em:</span>{' '}
+												{format(new Date(solicitacao.respondidoEm), "dd/MM/yyyy 'às' HH:mm", {
+													locale: ptBR
+												})}
+											</div>
+											{#if solicitacao.respondidoPorNome}
+												<div>
+													<span class="font-semibold">Respondida por:</span>{' '}
+													{solicitacao.respondidoPorNome}
+												</div>
+											{/if}
+										{/if}
+										{#if solicitacao.status === 'pendente' || solicitacao.status === 'em_analise'}
+											<div class="text-warning">
+												<span class="font-semibold">Prazo:</span>{' '}
+												{format(new Date(solicitacao.prazoResposta), 'dd/MM/yyyy', {
+													locale: ptBR
+												})}
+											</div>
+										{/if}
+									</div>
+								</div>
+
+								{#if solicitacao.status === 'pendente' || solicitacao.status === 'em_analise'}
+									<button
+										onclick={() => (solicitacaoSelecionada = solicitacao._id)}
+										class="btn btn-primary btn-sm"
+									>
+										Responder
+									</button>
+								{/if}
+							</div>
+						</div>
+					{/each}
+				</div>
+			{/if}
+		</div>
+	</div>
+
+	<!-- Modal de Resposta -->
+	{#if solicitacaoSelecionada && solicitacaoDetalhes}
+		<div class="modal modal-open">
+			<div class="modal-box max-w-3xl max-h-[90vh] overflow-y-auto">
+				<h3 class="mb-4 text-lg font-bold">Responder Solicitação</h3>
+
+				<!-- Informações da Solicitação -->
+				<div class="mb-6 rounded-lg bg-base-200 p-4">
+					<div class="mb-3">
+						<h4 class="mb-2 font-semibold">Tipo de Solicitação:</h4>
+						<p class="text-base-content/80">{getTipoLabel(solicitacaoDetalhes.tipo)}</p>
+					</div>
+					<div class="mb-3">
+						<h4 class="mb-2 font-semibold">Solicitante:</h4>
+						<p class="text-base-content/80">
+							{solicitacaoDetalhes.usuarioNome}
+							{#if solicitacaoDetalhes.usuarioMatricula}
+								<span class="text-base-content/50"> ({solicitacaoDetalhes.usuarioMatricula})</span>
+							{/if}
+						</p>
+						<p class="text-base-content/60 text-sm">{solicitacaoDetalhes.usuarioEmail}</p>
+					</div>
+					{#if solicitacaoDetalhes.dadosSolicitados}
+						<div class="mb-3">
+							<h4 class="mb-2 font-semibold">Dados Solicitados:</h4>
+							<p class="text-base-content/80 whitespace-pre-wrap text-sm">
+								{solicitacaoDetalhes.dadosSolicitados}
+							</p>
+						</div>
+					{/if}
+					{#if solicitacaoDetalhes.observacoes}
+						<div>
+							<h4 class="mb-2 font-semibold">Observações:</h4>
+							<p class="text-base-content/80 whitespace-pre-wrap text-sm">
+								{solicitacaoDetalhes.observacoes}
+							</p>
+						</div>
+					{/if}
+				</div>
+
+				<!-- Instruções -->
+				<div class="alert alert-info mb-4">
+					<AlertCircle class="h-5 w-5" />
+					<div class="text-sm">
+						<p class="font-semibold">Instruções:</p>
+						<p>{getInstrucoesResposta(solicitacaoDetalhes.tipo)}</p>
+					</div>
+				</div>
+
+				<div class="form-control mb-4">
+					<label class="label">
+						<span class="label-text font-semibold">Status da Resposta *</span>
+					</label>
+					<select bind:value={statusResposta} class="select select-bordered">
+						<option value="concluida">Concluída</option>
+						<option value="rejeitada">Rejeitada</option>
+						<option value="em_analise">Em Análise</option>
+					</select>
+					<label class="label">
+						<span class="label-text-alt text-base-content/60">
+							{#if statusResposta === 'concluida'}
+								A solicitação foi atendida com sucesso
+							{:else if statusResposta === 'rejeitada'}
+								A solicitação foi rejeitada (informe o motivo na resposta)
+							{:else}
+								A solicitação está em análise e será respondida posteriormente
+							{/if}
+						</span>
+					</label>
+				</div>
+
+				<div class="form-control mb-4">
+					<label class="label">
+						<span class="label-text font-semibold">Resposta *</span>
+					</label>
+					<textarea
+						bind:value={resposta}
+						class="textarea textarea-bordered"
+						placeholder="Digite a resposta para o solicitante..."
+						rows="6"
+					></textarea>
+					<label class="label">
+						<span class="label-text-alt text-base-content/60">
+							Forneça uma resposta clara e objetiva conforme as regras da LGPD
+						</span>
+					</label>
+				</div>
+
+				<!-- Upload de Arquivo (obrigatório para portabilidade concluída) -->
+				{#if solicitacaoDetalhes.tipo === 'portabilidade' || solicitacaoDetalhes.tipo === 'acesso'}
+					<div class="form-control mb-4">
+						<label class="label">
+							<span class="label-text font-semibold">
+								Arquivo de Resposta
+								{#if solicitacaoDetalhes.tipo === 'portabilidade' && statusResposta === 'concluida'}
+									<span class="text-error">*</span>
+								{/if}
+							</span>
+						</label>
+						<input
+							type="file"
+							accept=".json,.csv,.txt,.pdf"
+							onchange={(e) => {
+								const file = (e.target as HTMLInputElement).files?.[0];
+								arquivoResposta = file || null;
+							}}
+							class="file-input file-input-bordered w-full"
+						/>
+						<label class="label">
+							<span class="label-text-alt text-base-content/60">
+								{#if solicitacaoDetalhes.tipo === 'portabilidade'}
+									Para portabilidade, anexe o arquivo com os dados em formato estruturado (JSON, CSV,
+									etc)
+								{:else}
+									Opcional: Anexe arquivo com informações adicionais ou dados exportados
+								{/if}
+							</span>
+						</label>
+						{#if arquivoResposta}
+							<div class="mt-2 flex items-center gap-2">
+								<FileText class="h-4 w-4 text-base-content/60" />
+								<span class="text-sm text-base-content/80">{arquivoResposta.name}</span>
+								<button
+									type="button"
+									onclick={() => (arquivoResposta = null)}
+									class="btn btn-xs btn-ghost"
+								>
+									Remover
+								</button>
+							</div>
+						{/if}
+					</div>
+				{/if}
+
+				<div class="modal-action">
+					<button
+						onclick={() => {
+							solicitacaoSelecionada = null;
+							resposta = '';
+							arquivoResposta = null;
+						}}
+						class="btn btn-ghost"
+						disabled={carregando}
+					>
+						Cancelar
+					</button>
+					<button
+						onclick={responder}
+						disabled={!resposta.trim() || carregando || uploadandoArquivo}
+						class="btn btn-primary gap-2"
+					>
+						{#if carregando || uploadandoArquivo}
+							<span class="loading loading-spinner loading-sm"></span>
+							{uploadandoArquivo ? 'Enviando arquivo...' : 'Enviando...'}
+						{:else}
+							Enviar Resposta
+						{/if}
+					</button>
+				</div>
+			</div>
+			<div
+				class="modal-backdrop"
+				onclick={() => {
+					if (!carregando) {
+						solicitacaoSelecionada = null;
+						resposta = '';
+						arquivoResposta = null;
+					}
+				}}
+			></div>
+		</div>
+	{/if}
+</div>
diff --git a/apps/web/src/routes/(dashboard)/ti/monitoramento/+page.svelte b/apps/web/src/routes/(dashboard)/ti/monitoramento/+page.svelte
index 9bacf08..112d37b 100644
--- a/apps/web/src/routes/(dashboard)/ti/monitoramento/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/monitoramento/+page.svelte
@@ -1,6 +1,25 @@
 <script lang="ts">
 	import { resolve } from '$app/paths';
 	import SystemMonitorCardLocal from '$lib/components/ti/SystemMonitorCardLocal.svelte';
+	import AlertDiagnosticsCard from '$lib/components/ti/AlertDiagnosticsCard.svelte';
+	import { Monitor, ArrowLeft } from 'lucide-svelte';
+	import { onMount } from 'svelte';
+
+	let error = $state<Error | null>(null);
+	let hasError = $derived(!!error);
+
+	onMount(() => {
+		// Capturar erros não tratados
+		window.addEventListener('error', (event) => {
+			console.error('Erro capturado na página de monitoramento:', event.error);
+			error = event.error;
+		});
+
+		window.addEventListener('unhandledrejection', (event) => {
+			console.error('Promise rejeitada na página de monitoramento:', event.reason);
+			error = event.reason instanceof Error ? event.reason : new Error(String(event.reason));
+		});
+	});
 </script>
 
 <div class="container mx-auto max-w-7xl px-4 py-6">
@@ -8,20 +27,7 @@
 	<div class="mb-8 flex items-center justify-between">
 		<div class="flex items-center gap-4">
 			<div class="from-primary/20 to-primary/10 rounded-2xl bg-linear-to-br p-3">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="text-primary h-10 w-10"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"
-					/>
-				</svg>
+				<Monitor class="text-primary h-10 w-10" strokeWidth={2} />
 			</div>
 			<div>
 				<h1 class="text-primary text-4xl font-bold">
@@ -33,24 +39,43 @@
 			</div>
 		</div>
 		<a href={resolve('/ti')} class="btn">
+			<ArrowLeft class="h-5 w-5" strokeWidth={2} />
+			Voltar
+		</a>
+	</div>
+
+	{#if hasError}
+		<div class="alert alert-error mb-6">
 			<svg
 				xmlns="http://www.w3.org/2000/svg"
-				class="h-5 w-5"
+				class="h-6 w-6 shrink-0 stroke-current"
 				fill="none"
 				viewBox="0 0 24 24"
-				stroke="currentColor"
 			>
 				<path
 					stroke-linecap="round"
 					stroke-linejoin="round"
 					stroke-width="2"
-					d="M10 19l-7-7m0 0l7-7m-7 7h18"
+					d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
 				/>
 			</svg>
-			Voltar
-		</a>
-	</div>
+			<div>
+				<h3 class="font-bold">Erro ao carregar página</h3>
+				<div class="text-sm">{error?.message || 'Erro desconhecido'}</div>
+			</div>
+			<button class="btn btn-sm" onclick={() => (error = null)}>Fechar</button>
+		</div>
+	{/if}
 
 	<!-- Card de Monitoramento -->
-	<SystemMonitorCardLocal />
+	{#if !hasError}
+		<SystemMonitorCardLocal />
+	{/if}
+
+	<!-- Diagnóstico de Configuração -->
+	<div class="mb-6 mt-6">
+		{#if !hasError}
+			<AlertDiagnosticsCard />
+		{/if}
+	</div>
 </div>
diff --git a/apps/web/src/routes/(dashboard)/ti/notificacoes/+page.svelte b/apps/web/src/routes/(dashboard)/ti/notificacoes/+page.svelte
index 5c7696f..b3e39e7 100644
--- a/apps/web/src/routes/(dashboard)/ti/notificacoes/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/notificacoes/+page.svelte
@@ -1,10 +1,30 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
-	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import type { FunctionReference } from 'convex/server';
 	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { format } from 'date-fns';
 	import { ptBR } from 'date-fns/locale';
+	import type { Id, Doc } from '@sgse-app/backend/convex/_generated/dataModel';
+	import {
+		Bell,
+		CheckCircle,
+		XCircle,
+		Info,
+		Mail,
+		Send,
+		MessageSquare,
+		Calendar,
+		Clock,
+		X,
+		User,
+		FileText,
+		Trash2,
+		Edit,
+		MoreVertical,
+		Plus,
+		AlertTriangle,
+		Check
+	} from 'lucide-svelte';
 
 	type StatusAgendamento = 'agendado' | 'enviado' | 'cancelado';
 
@@ -1166,20 +1186,7 @@
 		<div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
 			<div class="flex items-center gap-4">
 				<div class="from-primary/15 via-info/10 to-secondary/10 rounded-2xl bg-gradient-to-br p-3">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="text-primary h-9 w-9"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
-						/>
-					</svg>
+					<Bell class="text-primary h-9 w-9" strokeWidth={2} />
 				</div>
 				<div>
 					<h1 class="text-base-content text-3xl font-bold">Notificações e Mensagens</h1>
@@ -1213,42 +1220,20 @@
 				class:alert-error={mensagem.tipo === 'error'}
 				class:alert-info={mensagem.tipo === 'info'}
 			>
-				<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 mensagem.tipo === '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 if mensagem.tipo === 'error'}
-						<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"
-						/>
-					{:else}
-						<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"
-						/>
-					{/if}
-				</svg>
+				{#if mensagem.tipo === 'success'}
+					<CheckCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+				{:else if mensagem.tipo === 'error'}
+					<XCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+				{:else}
+					<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+				{/if}
 				<span class="font-medium">{mensagem.texto}</span>
 				<button
 					type="button"
 					class="btn btn-sm btn-circle btn-ghost"
 					onclick={() => (mensagem = null)}
 				>
-					✕
+					<X class="h-4 w-4" strokeWidth={2} />
 				</button>
 			</div>
 		{/if}
@@ -1417,19 +1402,7 @@
 
 							{#if templateSelecionado}
 								<div class="alert alert-info mb-4">
-									<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>
+									<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 									<div>
 										<div class="font-bold">{templateSelecionado.titulo}</div>
 										<div class="mt-1 text-sm">{templateSelecionado.corpo}</div>
@@ -1496,19 +1469,7 @@
 
 								{#if getPreviewAgendamento()}
 									<div class="alert alert-info mt-4">
-										<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>
+										<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 										<span>{getPreviewAgendamento()}</span>
 									</div>
 								{/if}
@@ -1532,20 +1493,7 @@
 										<span class="ml-2">Enviando...</span>
 									{/if}
 								{: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="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"
-										/>
-									</svg>
+									<Send class="h-5 w-5" strokeWidth={2} />
 								{/if}
 								{#if processando}
 									<!-- Texto já está no bloco acima -->
@@ -1569,20 +1517,7 @@
 								</div>
 								{#if logsEnvio.length > 0}
 									<button type="button" class="btn btn-sm btn-ghost" onclick={limparLogs}>
-										<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>
+										<X class="h-4 w-4" strokeWidth={2} />
 										Limpar
 									</button>
 								{/if}
@@ -1630,20 +1565,7 @@
 								class="btn btn-sm btn-outline btn-primary"
 								onclick={() => abrirModalNovoTemplate()}
 							>
-								<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>
+								<Plus class="h-4 w-4" strokeWidth={2} />
 								Novo Template
 							</button>
 						</div>
@@ -1687,20 +1609,7 @@
 															class="btn btn-xs"
 															aria-label="Opções do template"
 														>
-															<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 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"
-																/>
-															</svg>
+															<MoreVertical class="h-4 w-4" strokeWidth={2} />
 														</button>
 														<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
 														<ul
@@ -1722,20 +1631,7 @@
 						{:else}
 							<!-- Nenhum template disponível - mostrar botão para criar -->
 							<div class="py-10 text-center">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="mx-auto mb-4 h-12 w-12 opacity-50"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-									/>
-								</svg>
+								<FileText class="mx-auto mb-4 h-12 w-12 opacity-50" strokeWidth={2} />
 								<p class="text-base-content mb-2 font-medium">Nenhum template disponível</p>
 								<p class="text-base-content/60 mb-4 text-sm">
 									Clique no botão abaixo para criar os templates padrão do sistema.
@@ -1749,20 +1645,7 @@
 										<span class="loading loading-spinner loading-xs"></span>
 										Criando templates...
 									{:else}
-										<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>
+										<Plus class="h-4 w-4" strokeWidth={2} />
 										Criar Templates Padrão
 									{/if}
 								</button>
@@ -1797,20 +1680,7 @@
 					<div class="mb-4 flex items-center justify-between">
 						<div class="flex items-center gap-3">
 							<div class="bg-secondary/10 rounded-lg p-2">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="text-secondary h-6 w-6"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-									/>
-								</svg>
+								<Clock class="text-secondary h-6 w-6" strokeWidth={2} />
 							</div>
 							<h2 class="card-title">Histórico de Agendamentos</h2>
 						</div>
@@ -1843,20 +1713,7 @@
 
 					{#if agendamentosFiltrados.length === 0}
 						<div class="py-10 text-center">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="mx-auto mb-4 h-12 w-12 opacity-50"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
+							<Clock class="mx-auto mb-4 h-12 w-12 opacity-50" strokeWidth={2} />
 							<p class="text-base-content mb-2 font-medium">Nenhum agendamento encontrado</p>
 							<p class="text-base-content/60 text-sm">
 								Os agendamentos aparecerão aqui quando você agendar envios.
@@ -1886,36 +1743,10 @@
 											<td>
 												<div class="flex items-center gap-2">
 													{#if agendamento.tipo === 'email'}
-														<svg
-															xmlns="http://www.w3.org/2000/svg"
-															class="text-info 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 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-															/>
-														</svg>
+														<Mail class="text-info h-5 w-5" strokeWidth={2} />
 														<span class="badge badge-info badge-sm">Email</span>
 													{:else}
-														<svg
-															xmlns="http://www.w3.org/2000/svg"
-															class="text-primary h-5 w-5"
-															fill="none"
-															viewBox="0 0 24 24"
-															stroke="currentColor"
-														>
-															<path
-																stroke-linecap="round"
-																stroke-linejoin="round"
-																stroke-width="2"
-																d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
-															/>
-														</svg>
+														<MessageSquare class="text-primary h-5 w-5" strokeWidth={2} />
 														<span class="badge badge-primary badge-sm">Chat</span>
 													{/if}
 												</div>
@@ -1981,20 +1812,7 @@
 														class="btn btn-sm btn-error btn-outline"
 														onclick={() => cancelarAgendamento(agendamento)}
 													>
-														<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>
+														<X class="h-4 w-4" strokeWidth={2} />
 														Cancelar
 													</button>
 												{:else}
@@ -2013,19 +1831,7 @@
 
 		<!-- Info -->
 		<div class="alert alert-warning mt-6">
-			<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="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-				></path>
-			</svg>
+			<AlertTriangle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 			<span>Para enviar emails, certifique-se de configurar o SMTP em Configurações de Email.</span>
 		</div>
 	</div>
@@ -2147,20 +1953,7 @@
 						<span class="loading loading-spinner loading-sm"></span>
 						Criando...
 					{: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>
+						<Check class="h-5 w-5" strokeWidth={2} />
 						Criar Template
 					{/if}
 				</button>
diff --git a/apps/web/src/routes/(dashboard)/ti/notificacoes/templates/+page.svelte b/apps/web/src/routes/(dashboard)/ti/notificacoes/templates/+page.svelte
index 8258cb9..7da7428 100644
--- a/apps/web/src/routes/(dashboard)/ti/notificacoes/templates/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/notificacoes/templates/+page.svelte
@@ -4,6 +4,7 @@
 	import type { FunctionReference } from 'convex/server';
 	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { resolve } from '$app/paths';
+	import { FileText, ArrowLeft, Plus, Edit, Trash2, X } from 'lucide-svelte';
 
 	const client = useConvexClient();
 	const currentUser = useQuery(api.auth.getCurrentUser as FunctionReference<'query'>);
@@ -108,20 +109,7 @@
 		<div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
 			<div class="flex items-center gap-4">
 				<div class="from-info/15 via-primary/10 to-secondary/10 rounded-2xl bg-gradient-to-br p-3">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="text-info h-9 w-9"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-						/>
-					</svg>
+					<FileText class="text-info h-9 w-9" strokeWidth={2} />
 				</div>
 				<div>
 					<h1 class="text-base-content text-3xl font-bold">Gerenciar Templates</h1>
@@ -134,20 +122,7 @@
 				</div>
 			</div>
 			<a href="/ti/notificacoes" class="btn btn-outline gap-2">
-				<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 19l-7-7m0 0l7-7m-7 7h18"
-					/>
-				</svg>
+				<ArrowLeft class="h-5 w-5" strokeWidth={2} />
 				Voltar para Notificações
 			</a>
 		</div>
@@ -166,7 +141,7 @@
 					class="btn btn-sm btn-circle btn-ghost"
 					onclick={() => (mensagem = null)}
 				>
-					✕
+					<X class="h-4 w-4" strokeWidth={2} />
 				</button>
 			</div>
 		{/if}
@@ -207,20 +182,7 @@
 				<div class="mb-4 flex items-center justify-between">
 					<h2 class="card-title">Templates ({templatesFiltrados.length})</h2>
 					<a href={resolve('/ti/notificacoes/templates/novo')} class="btn btn-primary gap-2">
-						<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 4v16m8-8H4"
-							/>
-						</svg>
+						<Plus class="h-5 w-5" strokeWidth={2} />
 						Novo Template
 					</a>
 				</div>
@@ -287,20 +249,7 @@
 													class="btn btn-sm btn-ghost"
 													title="Editar"
 												>
-													<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="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>
+													<Edit class="h-4 w-4" strokeWidth={2} />
 												</a>
 												{#if template.tipo === 'customizado'}
 													<button
@@ -310,20 +259,7 @@
 														disabled={processando}
 														title="Excluir"
 													>
-														<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="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
-															/>
-														</svg>
+														<Trash2 class="h-4 w-4" strokeWidth={2} />
 													</button>
 												{/if}
 											</div>
diff --git a/apps/web/src/routes/(dashboard)/ti/notificacoes/templates/[id]/+page.svelte b/apps/web/src/routes/(dashboard)/ti/notificacoes/templates/[id]/+page.svelte
index 6da9718..90eecf0 100644
--- a/apps/web/src/routes/(dashboard)/ti/notificacoes/templates/[id]/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/notificacoes/templates/[id]/+page.svelte
@@ -6,6 +6,7 @@
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
 	import { page } from '$app/stores';
+	import { FileText } from 'lucide-svelte';
 
 	const client = useConvexClient();
 	const currentUser = useQuery(api.auth.getCurrentUser as FunctionReference<'query'>);
@@ -140,20 +141,7 @@
 		<div class="mb-4 flex items-center justify-between">
 			<div class="flex items-center gap-4">
 				<div class="from-info/15 via-primary/10 to-secondary/10 rounded-2xl bg-gradient-to-br p-3">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="text-info h-9 w-9"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-						/>
-					</svg>
+					<FileText class="text-info h-9 w-9" strokeWidth={2} />
 				</div>
 				<div>
 					<h1 class="text-base-content text-3xl font-bold">Editar Template</h1>
diff --git a/apps/web/src/routes/(dashboard)/ti/notificacoes/templates/novo/+page.svelte b/apps/web/src/routes/(dashboard)/ti/notificacoes/templates/novo/+page.svelte
index 3e4a40a..3ec669b 100644
--- a/apps/web/src/routes/(dashboard)/ti/notificacoes/templates/novo/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/notificacoes/templates/novo/+page.svelte
@@ -1,10 +1,11 @@
 <script lang="ts">
-import { api } from "@sgse-app/backend/convex/_generated/api";
-import type { Id } from "@sgse-app/backend/convex/_generated/dataModel";
-import type { FunctionReference } from "convex/server";
-import { useConvexClient, useQuery } from "convex-svelte";
-import { goto } from "$app/navigation";
-import { resolve } from "$app/paths";
+	import { useConvexClient, useQuery } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import type { FunctionReference } from 'convex/server';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import { goto } from '$app/navigation';
+	import { resolve } from '$app/paths';
+	import { FileText } from 'lucide-svelte';
 
 const client = useConvexClient();
 const currentUser = useQuery(
@@ -91,20 +92,7 @@ async function salvar() {
 		<div class="mb-4 flex items-center justify-between">
 			<div class="flex items-center gap-4">
 				<div class="bg-gradient-to-br from-info/15 via-primary/10 to-secondary/10 rounded-2xl p-3">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="text-info h-9 w-9"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-						/>
-					</svg>
+					<FileText class="text-info h-9 w-9" strokeWidth={2} />
 				</div>
 				<div>
 					<h1 class="text-base-content text-3xl font-bold">Novo Template</h1>
diff --git a/apps/web/src/routes/(dashboard)/ti/painel-administrativo/+page.svelte b/apps/web/src/routes/(dashboard)/ti/painel-administrativo/+page.svelte
index 881df2e..0b855db 100644
--- a/apps/web/src/routes/(dashboard)/ti/painel-administrativo/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/painel-administrativo/+page.svelte
@@ -1,31 +1,34 @@
 <script lang="ts">
+	import { useQuery, useConvexClient } from 'convex-svelte';
 	import { api } from '@sgse-app/backend/convex/_generated/api';
-	import { useConvexClient, useQuery } from 'convex-svelte';
+	import StatsCard from '$lib/components/ti/StatsCard.svelte';
 	import {
-		Ban,
 		BarChart3,
+		Users,
 		CheckCircle2,
+		Ban,
 		Clock,
+		Plus,
+		Layers,
 		FileText,
 		Info,
-		Layers,
-		Plus,
-		Users
+		Shield,
+		AlertTriangle
 	} from 'lucide-svelte';
-	import { resolve } from '$app/paths';
-	import StatsCard from '$lib/components/ti/StatsCard.svelte';
 
+	import { resolve } from '$app/paths';
 	const client = useConvexClient();
 	const usuariosQuery = useQuery(api.usuarios.listar, {});
+	const estatisticasLGPD = useQuery(api.lgpd.obterEstatisticasLGPD, {});
 
 	// Verificar se está carregando
-	let carregando = $derived(usuariosQuery === undefined);
+	const carregando = $derived(usuariosQuery === undefined);
 
 	// Extrair dados dos usuários
-	let usuarios = $derived(usuariosQuery?.data ?? []);
+	const usuarios = $derived(usuariosQuery?.data ?? []);
 
 	// Estatísticas derivadas
-	let stats = $derived.by(() => {
+	const stats = $derived.by(() => {
 		// Se ainda está carregando, retorna null para mostrar loading
 		if (carregando) return null;
 
@@ -103,6 +106,54 @@
 		</div>
 	{/if}
 
+	<!-- LGPD Stats Cards -->
+	{#if estatisticasLGPD}
+		<div class="card bg-base-100 mb-8 shadow-xl">
+			<div class="card-body">
+				<div class="mb-4 flex items-center justify-between">
+					<h2 class="card-title text-2xl">LGPD - Proteção de Dados</h2>
+					<a href={resolve('/ti/lgpd')} class="btn btn-sm btn-primary">
+						<Shield class="h-4 w-4" />
+						Acessar LGPD
+					</a>
+				</div>
+				<div class="grid grid-cols-1 gap-4 md:grid-cols-4">
+					<StatsCard
+						title="Solicitações Pendentes"
+						value={estatisticasLGPD.solicitacoesPendentes}
+						description="Aguardando resposta"
+						Icon={AlertTriangle}
+						color="warning"
+					/>
+
+					<StatsCard
+						title="Solicitações Vencendo"
+						value={estatisticasLGPD.solicitacoesVencendo}
+						description="Prazo próximo"
+						Icon={AlertTriangle}
+						color="error"
+					/>
+
+					<StatsCard
+						title="Total de Solicitações"
+						value={estatisticasLGPD.totalSolicitacoes}
+						description="Todas as solicitações"
+						Icon={FileText}
+						color="info"
+					/>
+
+					<StatsCard
+						title="Consentimentos Ativos"
+						value={estatisticasLGPD.consentimentosAtivos}
+						description="Consentimentos válidos"
+						Icon={CheckCircle2}
+						color="success"
+					/>
+				</div>
+			</div>
+		</div>
+	{/if}
+
 	<!-- Ações Rápidas -->
 	<div class="card bg-base-100 mb-8 shadow-xl">
 		<div class="card-body">
@@ -122,6 +173,11 @@
 					<FileText class="h-5 w-5" strokeWidth={2} />
 					Ver Logs
 				</a>
+
+				<a href={resolve('/ti/lgpd')} class="btn btn-info">
+					<Shield class="h-5 w-5" strokeWidth={2} />
+					LGPD
+				</a>
 			</div>
 		</div>
 	</div>
diff --git a/apps/web/src/routes/(dashboard)/ti/painel-permissoes/+page.svelte b/apps/web/src/routes/(dashboard)/ti/painel-permissoes/+page.svelte
index 0f2286e..56600d9 100644
--- a/apps/web/src/routes/(dashboard)/ti/painel-permissoes/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/painel-permissoes/+page.svelte
@@ -5,6 +5,16 @@
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
 	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
+	import {
+		Home,
+		ShieldCheck,
+		Plus,
+		ArrowLeft,
+		CheckCircle,
+		XCircle,
+		Search,
+		ChevronDown
+	} from 'lucide-svelte';
 
 	const client = useConvexClient();
 
@@ -282,20 +292,7 @@
 		<ul>
 			<li>
 				<a href={resolve('/')} class="text-primary hover:text-primary-focus">
-					<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="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
-						/>
-					</svg>
+					<Home class="h-4 w-4" strokeWidth={2} />
 					Dashboard
 				</a>
 			</li>
@@ -310,20 +307,7 @@
 	<div class="mb-6">
 		<div class="mb-2 flex flex-wrap items-center gap-3">
 			<div class="bg-primary/10 rounded-xl p-3">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="text-primary h-8 w-8"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
-					/>
-				</svg>
+				<ShieldCheck class="text-primary h-8 w-8" strokeWidth={2} />
 			</div>
 			<div class="flex-1">
 				<h1 class="text-base-content text-3xl font-bold">
@@ -334,37 +318,11 @@
 				</p>
 			</div>
 			<button class="btn btn-primary gap-2" onclick={abrirModalNovoPerfil}>
-				<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 4v16m8-8H4"
-					/>
-				</svg>
+				<Plus class="h-5 w-5" strokeWidth={2} />
 				Criar novo perfil
 			</button>
 			<button class="btn gap-2" onclick={() => goto(resolve('/ti'))}>
-				<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 19l-7-7m0 0l7-7m-7 7h18"
-					/>
-				</svg>
+				<ArrowLeft class="h-5 w-5" strokeWidth={2} />
 				Voltar
 			</button>
 		</div>
@@ -378,33 +336,9 @@
 			class:alert-error={mensagem.tipo === 'error'}
 		>
 			{#if mensagem.tipo === 'success'}
-				<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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-					/>
-				</svg>
+				<CheckCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 			{:else}
-				<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>
+				<XCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 			{/if}
 			<span class="font-semibold">{mensagem.texto}</span>
 		</div>
@@ -427,20 +361,7 @@
 							class="input input-bordered w-full pr-10"
 							bind:value={busca}
 						/>
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-base-content/40 absolute top-3.5 right-3 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 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-							/>
-						</svg>
+						<Search class="text-base-content/40 absolute top-3.5 right-3 h-5 w-5" strokeWidth={2} />
 					</div>
 				</div>
 
@@ -497,39 +418,14 @@
 		</div>
 	{:else if rolesQuery.error}
 		<div class="alert alert-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"
-			>
-				<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>
+			<XCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 			<span>Erro ao carregar perfis: {rolesQuery.error.message}</span>
 		</div>
 	{:else if rolesQuery.data && catalogoQuery.data}
 		{#if rolesFiltradas.length === 0}
 			<div class="card bg-base-100 shadow-xl">
 				<div class="card-body items-center text-center">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="text-base-content/30 h-16 w-16"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-						/>
-					</svg>
+					<Search class="text-base-content/30 h-16 w-16" strokeWidth={2} />
 					<h3 class="mt-4 text-xl font-bold">Nenhum resultado encontrado</h3>
 					<p class="text-base-content/60">
 						{busca
@@ -560,20 +456,7 @@
 								{#if roleRow.admin}
 									<div class="badge badge-lg badge-error">Admin</div>
 									<div class="badge badge-lg badge-success gap-1">
-										<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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-											/>
-										</svg>
+										<CheckCircle class="h-4 w-4" strokeWidth={2} />
 										Acesso Total
 									</div>
 								{:else}
@@ -634,19 +517,7 @@
 
 					{#if roleRow.admin}
 						<div class="alert alert-success shadow-md">
-							<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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
+							<CheckCircle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 							<div>
 								<h3 class="font-bold">Perfil Administrativo</h3>
 								<div class="text-sm">
@@ -668,21 +539,10 @@
 										disabled={salvando}
 									>
 										<span class="text-lg font-semibold">{item.recurso}</span>
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											class="h-5 w-5 transition-transform"
-											class:rotate-180={recursoExpandido}
-											fill="none"
-											viewBox="0 0 24 24"
-											stroke="currentColor"
-										>
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M19 9l-7 7-7-7"
-											/>
-										</svg>
+										<ChevronDown
+											class="h-5 w-5 transition-transform {recursoExpandido ? 'rotate-180' : ''}"
+											strokeWidth={2}
+										/>
 									</button>
 
 									<!-- Lista de ações (visível quando expandido) -->
diff --git a/apps/web/src/routes/(dashboard)/ti/perfis/+page.svelte b/apps/web/src/routes/(dashboard)/ti/perfis/+page.svelte
new file mode 100644
index 0000000..46630fb
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/ti/perfis/+page.svelte
@@ -0,0 +1,530 @@
+<script lang="ts">
+	import { resolve } from '$app/paths';
+	import { useQuery, useConvexClient } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
+	import StatsCard from '$lib/components/ti/StatsCard.svelte';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import { format } from 'date-fns';
+	import { ptBR } from 'date-fns/locale';
+	import {
+		Users,
+		Shield,
+		AlertTriangle,
+		Info,
+		Building2,
+		Filter,
+		X,
+		Search,
+		Smile,
+		Tag,
+		Eye,
+		Calendar,
+		Settings
+	} from 'lucide-svelte';
+
+	type Role = {
+		_id: Id<'roles'>;
+		_creationTime: number;
+		nome: string;
+		descricao: string;
+		nivel: number;
+		setor?: string;
+	};
+
+	const client = useConvexClient();
+	const rolesQuery = useQuery(api.roles.listar, {});
+	const roles = $derived(rolesQuery?.data ?? []);
+	const carregando = $derived(rolesQuery === undefined);
+
+	let busca = $state('');
+	let filtroSetor = $state('');
+	let filtroNivel = $state<number | ''>('');
+	let roleSelecionada = $state<Role | null>(null);
+	let modalDetalhesAberto = $state(false);
+
+	const setoresDisponiveis = $derived.by(() => {
+		const setores = new Set<string>();
+		roles.forEach((r) => {
+			if (r.setor) setores.add(r.setor);
+		});
+		return Array.from(setores).sort();
+	});
+
+	// Estatísticas
+	const stats = $derived.by(() => {
+		if (carregando) return null;
+
+		const nivelMaximo = roles.filter((r) => r.nivel === 0).length;
+		const nivelAdministrativo = roles.filter((r) => r.nivel === 1).length;
+		const niveisLegado = roles.filter((r) => r.nivel > 1).length;
+
+		return {
+			total: roles.length,
+			nivelMaximo,
+			nivelAdministrativo,
+			niveisLegado,
+			comSetor: roles.filter((r) => r.setor).length
+		};
+	});
+
+	const rolesFiltradas = $derived.by(() => {
+		let resultado = roles;
+
+		// Filtro por busca (nome ou descrição)
+		if (busca.trim()) {
+			const buscaLower = busca.toLowerCase();
+			resultado = resultado.filter(
+				(r) =>
+					r.nome.toLowerCase().includes(buscaLower) ||
+					r.descricao.toLowerCase().includes(buscaLower)
+			);
+		}
+
+		// Filtro por setor
+		if (filtroSetor) {
+			resultado = resultado.filter((r) => r.setor === filtroSetor);
+		}
+
+		// Filtro por nível
+		if (filtroNivel !== '') {
+			if (filtroNivel === 0 || filtroNivel === 1) {
+				resultado = resultado.filter((r) => r.nivel === filtroNivel);
+			} else {
+				// Qualquer outro valor é considerado legado
+				resultado = resultado.filter((r) => r.nivel > 1);
+			}
+		}
+
+		return resultado.sort((a, b) => {
+			// Ordenar por nível primeiro (menor nível = maior privilégio)
+			if (a.nivel !== b.nivel) return a.nivel - b.nivel;
+			// Depois por nome
+			return a.nome.localeCompare(b.nome);
+		});
+	});
+
+	function obterCorNivel(nivel: number): string {
+		if (nivel === 0) return 'badge-error';
+		if (nivel === 1) return 'badge-warning';
+		// Níveis > 1 são considerados legado
+		return 'badge-ghost';
+	}
+
+	function obterTextoNivel(nivel: number): string {
+		if (nivel === 0) return 'Máximo';
+		if (nivel === 1) return 'Administrativo';
+		return `Legado (${nivel})`;
+	}
+
+	function obterCorCardNivel(nivel: number): string {
+		if (nivel === 0) return 'border-l-4 border-error';
+		if (nivel === 1) return 'border-l-4 border-warning';
+		return 'border-l-4 border-base-300';
+	}
+
+	function abrirDetalhes(role: Role) {
+		roleSelecionada = role;
+		modalDetalhesAberto = true;
+	}
+
+	function fecharDetalhes() {
+		modalDetalhesAberto = false;
+		roleSelecionada = null;
+	}
+
+	function formatarData(timestamp: number): string {
+		try {
+			return format(new Date(timestamp), 'dd/MM/yyyy HH:mm', { locale: ptBR });
+		} catch {
+			return 'Data inválida';
+		}
+	}
+
+	function limparFiltros() {
+		busca = '';
+		filtroSetor = '';
+		filtroNivel = '';
+	}
+
+	const temFiltrosAtivos = $derived(
+		busca.trim() !== '' || filtroSetor !== '' || filtroNivel !== ''
+	);
+</script>
+
+<ProtectedRoute allowedRoles={['ti_master', 'admin', 'ti_usuario']} maxLevel={1}>
+	<div class="container mx-auto max-w-7xl px-4 py-6">
+		<!-- Header -->
+		<div class="mb-8 flex items-center justify-between">
+			<div class="flex items-center gap-4">
+				<div class="bg-primary/10 rounded-xl p-3">
+					<Users class="text-primary h-8 w-8" strokeWidth={2} />
+				</div>
+				<div>
+					<h1 class="text-base-content text-3xl font-bold">Gestão de Perfis</h1>
+					<p class="text-base-content/60 mt-1">
+						Visualize e gerencie os perfis de acesso do sistema
+					</p>
+				</div>
+			</div>
+		</div>
+
+		<!-- Estatísticas -->
+		{#if stats}
+			<div class="mb-8 grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
+				<StatsCard title="Total de Perfis" value={stats.total} Icon={Users} color="primary" />
+				<StatsCard
+					title="Nível Máximo (0)"
+					value={stats.nivelMaximo}
+					description="Acesso total ao sistema"
+					Icon={Shield}
+					color="error"
+				/>
+				<StatsCard
+					title="Nível Administrativo (1)"
+					value={stats.nivelAdministrativo}
+					description="Perfis administrativos com acesso total"
+					Icon={AlertTriangle}
+					color="warning"
+				/>
+				<StatsCard
+					title="Perfis com Setor"
+					value={stats.comSetor}
+					description={stats.total > 0
+						? ((stats.comSetor / stats.total) * 100).toFixed(0) + '% do total'
+						: '0%'}
+					Icon={Building2}
+					color="secondary"
+				/>
+			</div>
+			{#if stats.niveisLegado > 0}
+				<div class="alert alert-warning mb-6">
+					<Info class="h-5 w-5" />
+					<div>
+						<h3 class="font-bold">Perfis com níveis legados</h3>
+						<p class="text-sm">
+							Existem {stats.niveisLegado} perfis com nível acima de 1. Esses perfis continuarão sendo
+							tratados como nível 1 (administrativo) após a migração.
+						</p>
+					</div>
+				</div>
+			{/if}
+		{/if}
+
+		<!-- Filtros -->
+		{#if !carregando && roles.length > 0}
+			<div class="card bg-base-100 border-base-300 mb-6 border shadow-xl">
+				<div class="card-body">
+					<div class="mb-4 flex flex-wrap items-center justify-between gap-4">
+						<div class="flex items-center gap-2">
+							<Filter class="text-primary h-5 w-5" strokeWidth={2} />
+							<h2 class="card-title text-lg">Filtros de Busca</h2>
+						</div>
+						{#if temFiltrosAtivos}
+							<button
+								type="button"
+								class="btn btn-sm btn-outline btn-error"
+								onclick={limparFiltros}
+							>
+								<X class="h-4 w-4" strokeWidth={2} />
+								Limpar Filtros
+							</button>
+						{/if}
+					</div>
+
+					<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+						<!-- Busca -->
+						<div class="form-control">
+							<label class="label" for="busca">
+								<span class="label-text font-medium">Buscar</span>
+							</label>
+							<div class="relative">
+								<input
+									id="busca"
+									type="text"
+									bind:value={busca}
+									placeholder="Buscar por nome ou descrição..."
+									class="input input-bordered w-full pl-10"
+								/>
+								<Search class="text-base-content/40 absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2 transform" strokeWidth={2} />
+							</div>
+						</div>
+
+						<!-- Setor -->
+						<div class="form-control">
+							<label class="label" for="filtro-setor">
+								<span class="label-text font-medium">Setor</span>
+							</label>
+							<select id="filtro-setor" bind:value={filtroSetor} class="select select-bordered">
+								<option value="">Todos os setores</option>
+								{#each setoresDisponiveis as setor}
+									<option value={setor}>{setor}</option>
+								{/each}
+							</select>
+						</div>
+
+						<!-- Nível -->
+						<div class="form-control">
+							<label class="label" for="filtro-nivel">
+								<span class="label-text font-medium">Nível de Acesso</span>
+							</label>
+							<select id="filtro-nivel" bind:value={filtroNivel} class="select select-bordered">
+								<option value="">Todos os níveis</option>
+								<option value={0}>Máximo (0)</option>
+								<option value={1}>Alto (1)</option>
+								<option value={2}>Médio (2)</option>
+								<option value={3}>Baixo (3+)</option>
+							</select>
+						</div>
+					</div>
+
+					<div class="mt-4 flex items-center justify-between">
+						<div class="text-base-content/60 text-sm">
+							<span class="text-base-content font-medium">{rolesFiltradas.length}</span>
+							de
+							<span class="text-base-content font-medium">{roles.length}</span>
+							perfil(is)
+							{#if temFiltrosAtivos}
+								<span class="badge badge-primary badge-sm ml-2">Filtrado</span>
+							{/if}
+						</div>
+					</div>
+				</div>
+			</div>
+		{/if}
+
+		<!-- Lista de Perfis -->
+		{#if carregando}
+			<div class="flex items-center justify-center py-20">
+				<span class="loading loading-spinner loading-lg text-primary"></span>
+			</div>
+		{:else if roles.length === 0}
+			<div class="flex flex-col items-center justify-center py-16 text-center">
+				<Users class="text-base-content/30 h-16 w-16" strokeWidth={2} />
+				<h3 class="mt-4 text-xl font-semibold">Nenhum perfil encontrado</h3>
+				<p class="text-base-content/60 mt-2">Não há perfis cadastrados no sistema.</p>
+			</div>
+		{:else if rolesFiltradas.length === 0}
+			<div class="card bg-base-100 shadow-xl">
+				<div class="card-body">
+					<div class="flex flex-col items-center justify-center py-16 text-center">
+						<Smile class="text-base-content/30 mb-4 h-16 w-16" strokeWidth={2} />
+						<h3 class="mt-4 text-xl font-semibold">Nenhum perfil encontrado</h3>
+						<p class="text-base-content/60 mt-2">
+							Nenhum perfil corresponde aos filtros aplicados.
+						</p>
+						{#if temFiltrosAtivos}
+							<button class="btn btn-primary btn-sm mt-4" onclick={limparFiltros}>
+								Limpar Filtros
+							</button>
+						{/if}
+					</div>
+				</div>
+			</div>
+		{:else}
+			<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
+				{#each rolesFiltradas as role}
+					<div
+						class="card bg-base-100 border-base-300 cursor-pointer border shadow-xl transition-all duration-300 hover:shadow-2xl {obterCorCardNivel(
+							role.nivel
+						)} hover:scale-[1.02]"
+						onclick={() => abrirDetalhes(role)}
+					>
+						<div class="card-body">
+							<div class="mb-4 flex items-start justify-between">
+								<div class="flex-1">
+									<h2 class="card-title mb-1 text-lg">{role.descricao}</h2>
+									<div class="badge {obterCorNivel(role.nivel)} badge-sm">
+										{obterTextoNivel(role.nivel)}
+									</div>
+								</div>
+								<div class="bg-base-200 rounded-lg p-2">
+									<User class="text-primary h-6 w-6" strokeWidth={2} />
+								</div>
+							</div>
+
+							<div class="space-y-3 text-sm">
+								<div class="bg-base-200 flex items-center gap-2 rounded-lg p-2">
+									<Tag class="text-base-content/40 h-4 w-4" strokeWidth={2} />
+									<span class="text-base-content/60 font-medium">Nome técnico:</span>
+									<code class="bg-base-100 rounded px-2 py-1 font-mono text-xs">{role.nome}</code>
+								</div>
+
+								{#if role.setor}
+									<div class="bg-base-200 flex items-center gap-2 rounded-lg p-2">
+										<Building2 class="text-base-content/40 h-4 w-4" strokeWidth={2} />
+										<span class="text-base-content/60 font-medium">Setor:</span>
+										<span class="font-medium">{role.setor}</span>
+									</div>
+								{/if}
+
+								<div class="bg-base-200 flex items-center gap-2 rounded-lg p-2">
+									<Shield class="text-base-content/40 h-4 w-4" strokeWidth={2} />
+									<span class="text-base-content/60 font-medium">Nível:</span>
+									<span class="text-lg font-bold">{role.nivel}</span>
+								</div>
+							</div>
+
+							<div class="card-actions border-base-300 mt-4 justify-end border-t pt-4">
+								<button
+									class="btn btn-sm btn-primary btn-outline"
+									onclick={(e) => {
+										e.stopPropagation();
+										abrirDetalhes(role);
+									}}
+								>
+									<Eye class="mr-1 h-4 w-4" strokeWidth={2} />
+									Ver Detalhes
+								</button>
+							</div>
+						</div>
+					</div>
+				{/each}
+			</div>
+		{/if}
+	</div>
+
+	<!-- Modal Detalhes -->
+	{#if modalDetalhesAberto && roleSelecionada}
+		<div class="modal modal-open">
+			<div class="modal-box max-w-3xl">
+				<div class="mb-6 flex items-center justify-between">
+					<h3 class="text-2xl font-bold">Detalhes do Perfil</h3>
+					<button type="button" class="btn btn-sm btn-circle btn-ghost" onclick={fecharDetalhes}>
+						<X class="h-6 w-6" strokeWidth={2} />
+					</button>
+				</div>
+
+				<div class="space-y-6">
+					<!-- Header do Perfil -->
+					<div class="card from-primary/10 to-secondary/10 border-primary/20 border bg-linear-to-r">
+						<div class="card-body">
+							<div class="flex items-start justify-between">
+								<div class="flex-1">
+									<h2 class="mb-2 text-2xl font-bold">
+										{roleSelecionada.descricao}
+									</h2>
+									<div class="flex items-center gap-3">
+										<div class="badge {obterCorNivel(roleSelecionada.nivel)} badge-lg">
+											{obterTextoNivel(roleSelecionada.nivel)}
+										</div>
+										<span class="text-base-content/60 text-sm">Nível {roleSelecionada.nivel}</span>
+									</div>
+								</div>
+								<div class="bg-base-100 rounded-lg p-3 shadow-sm">
+									<User class="text-primary h-8 w-8" strokeWidth={2} />
+								</div>
+							</div>
+						</div>
+					</div>
+
+					<!-- Informações Principais -->
+					<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+						<div class="card bg-base-100 border-base-300 border">
+							<div class="card-body">
+								<label class="label">
+									<span class="label-text flex items-center gap-2 font-semibold">
+										<Tag class="text-primary h-5 w-5" strokeWidth={2} />
+										Nome Técnico
+									</span>
+								</label>
+								<code class="bg-base-200 mt-2 block rounded-lg px-4 py-3 font-mono text-sm"
+									>{roleSelecionada.nome}</code
+								>
+							</div>
+						</div>
+
+						<div class="card bg-base-100 border-base-300 border">
+							<div class="card-body">
+								<label class="label">
+									<span class="label-text flex items-center gap-2 font-semibold">
+										<Building2 class="text-primary h-5 w-5" strokeWidth={2} />
+										Setor
+									</span>
+								</label>
+								<p class="mt-2 text-lg font-medium">
+									{#if roleSelecionada.setor}
+										{roleSelecionada.setor}
+									{:else}
+										<span class="text-base-content/40 italic">Não especificado</span>
+									{/if}
+								</p>
+							</div>
+						</div>
+					</div>
+
+					<!-- Nível de Acesso -->
+					<div class="card bg-base-100 border-base-300 border">
+						<div class="card-body">
+							<label class="label">
+								<span class="label-text flex items-center gap-2 font-semibold">
+									<Shield class="text-primary h-5 w-5" strokeWidth={2} />
+									Nível de Acesso
+								</span>
+							</label>
+							<div class="mt-4">
+								<div class="mb-3 flex items-center gap-4">
+									<span class="text-4xl font-bold">{roleSelecionada.nivel}</span>
+									<div class="badge {obterCorNivel(roleSelecionada.nivel)} badge-lg">
+										{obterTextoNivel(roleSelecionada.nivel)}
+									</div>
+								</div>
+								<div class="alert alert-info">
+									<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+									<span class="text-sm">
+										{roleSelecionada.nivel === 0 &&
+											'Acesso total irrestrito ao sistema. Pode realizar todas as operações sem restrições.'}
+										{roleSelecionada.nivel === 1 &&
+											'Acesso alto com algumas restrições. Pode realizar a maioria das operações administrativas.'}
+										{roleSelecionada.nivel === 2 &&
+											'Acesso médio com permissões configuráveis. Pode realizar operações padrão do sistema.'}
+										{roleSelecionada.nivel >= 3 &&
+											'Acesso limitado com permissões específicas. Operações restritas conforme configuração.'}
+									</span>
+								</div>
+							</div>
+						</div>
+					</div>
+
+					<!-- Data de Criação -->
+					<div class="card bg-base-100 border-base-300 border">
+						<div class="card-body">
+							<label class="label">
+								<span class="label-text flex items-center gap-2 font-semibold">
+									<Calendar class="text-primary h-5 w-5" strokeWidth={2} />
+									Data de Criação
+								</span>
+							</label>
+							<p class="mt-2 text-lg font-medium">
+								{formatarData(roleSelecionada._creationTime)}
+							</p>
+						</div>
+					</div>
+
+					<!-- Informação sobre Permissões -->
+					<div class="alert alert-info">
+						<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+						<div>
+							<h4 class="mb-1 font-semibold">Configuração de Permissões</h4>
+							<p class="text-sm">
+								Para configurar permissões específicas deste perfil, acesse o <a
+									href={resolve('/ti/painel-permissoes')}
+									class="link link-primary font-semibold">Painel de Permissões</a
+								>.
+							</p>
+						</div>
+					</div>
+				</div>
+
+				<div class="modal-action mt-6">
+					<button type="button" class="btn" onclick={fecharDetalhes}> Fechar </button>
+					<a href={resolve('/ti/painel-permissoes')} class="btn btn-primary">
+						<Settings class="mr-2 h-5 w-5" strokeWidth={2} />
+						Configurar Permissões
+					</a>
+				</div>
+			</div>
+			<div class="modal-backdrop" onclick={fecharDetalhes}></div>
+		</div>
+	{/if}
+</ProtectedRoute>
diff --git a/apps/web/src/routes/(dashboard)/ti/personalizar-permissoes/+page.svelte b/apps/web/src/routes/(dashboard)/ti/personalizar-permissoes/+page.svelte
index 4cf183b..a7f438c 100644
--- a/apps/web/src/routes/(dashboard)/ti/personalizar-permissoes/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/personalizar-permissoes/+page.svelte
@@ -2,6 +2,7 @@
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
 	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
+	import { Home, User, ArrowLeft, Info } from 'lucide-svelte';
 </script>
 
 <ProtectedRoute allowedRoles={['ti_master', 'admin']} maxLevel={1}>
@@ -10,20 +11,7 @@
 		<ul>
 			<li>
 				<a href={resolve('/')} class="text-primary hover:text-primary-focus">
-					<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="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
-						/>
-					</svg>
+					<Home class="h-4 w-4" strokeWidth={2} />
 					Dashboard
 				</a>
 			</li>
@@ -38,20 +26,7 @@
 	<div class="mb-6">
 		<div class="mb-2 flex items-center gap-3">
 			<div class="bg-info/10 rounded-xl p-3">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="text-info h-8 w-8"
-					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>
+				<User class="text-info h-8 w-8" strokeWidth={2} />
 			</div>
 			<div class="flex-1">
 				<h1 class="text-base-content text-3xl font-bold">Funcionalidade descontinuada</h1>
@@ -60,38 +35,13 @@
 				</p>
 			</div>
 			<button class="btn gap-2" onclick={() => goto(resolve('/ti'))}>
-				<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 19l-7-7m0 0l7-7m-7 7h18"
-					/>
-				</svg>
+				<ArrowLeft class="h-5 w-5" strokeWidth={2} />
 				Voltar
 			</button>
 		</div>
 	</div>
 	<div class="alert alert-info shadow-lg">
-		<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="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-			/>
-		</svg>
+		<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 		<span>
 			A personalização por usuário foi substituída por <strong>permissões por ação</strong>
 			por perfil. Utilize o
diff --git a/apps/web/src/routes/(dashboard)/ti/times/+page.svelte b/apps/web/src/routes/(dashboard)/ti/times/+page.svelte
index 54904ee..561d94e 100644
--- a/apps/web/src/routes/(dashboard)/ti/times/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/times/+page.svelte
@@ -5,6 +5,17 @@
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
 	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
+	import {
+		Users,
+		ArrowLeft,
+		Plus,
+		MoreVertical,
+		Edit,
+		Trash2,
+		UserPlus,
+		X,
+		Info
+	} from 'lucide-svelte';
 
 	// Tipos baseados nos retornos das queries do backend
 	type Usuario = {
@@ -291,20 +302,7 @@
 			<div class="flex items-center justify-between">
 				<div class="flex items-center gap-4">
 					<div class="bg-secondary/10 rounded-xl p-3">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-secondary h-8 w-8"
-							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-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-							/>
-						</svg>
+						<Users class="text-secondary h-8 w-8" strokeWidth={2} />
 					</div>
 					<div>
 						<h1 class="text-base-content text-3xl font-bold">Gestão de Times</h1>
@@ -315,37 +313,11 @@
 				</div>
 				<div class="flex gap-2">
 					<button class="btn gap-2" onclick={() => goto(resolve('/ti'))}>
-						<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 19l-7-7m0 0l7-7m-7 7h18"
-							/>
-						</svg>
+						<ArrowLeft class="h-5 w-5" strokeWidth={2} />
 						Voltar
 					</button>
 					<button class="btn btn-primary gap-2" onclick={novoTime}>
-						<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 4v16m8-8H4"
-							/>
-						</svg>
+						<Plus class="h-5 w-5" strokeWidth={2} />
 						Novo Time
 					</button>
 				</div>
@@ -452,20 +424,7 @@
 								</div>
 								<div class="dropdown dropdown-end">
 									<button type="button" class="btn btn-sm" aria-label="Menu do time">
-										<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 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"
-											/>
-										</svg>
+										<MoreVertical class="h-5 w-5" strokeWidth={2} />
 									</button>
 									<ul
 										role="menu"
@@ -473,39 +432,13 @@
 									>
 										<li>
 											<button type="button" onclick={() => editarTime(time)}>
-												<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="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>
+												<Edit class="h-4 w-4" strokeWidth={2} />
 												Editar
 											</button>
 										</li>
 										<li>
 											<button type="button" onclick={() => abrirGerenciarMembros(time)}>
-												<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 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"
-													/>
-												</svg>
+												<Users class="h-4 w-4" strokeWidth={2} />
 												Gerenciar Membros
 											</button>
 										</li>
@@ -515,20 +448,7 @@
 												onclick={() => confirmarExclusao(time)}
 												class="text-error"
 											>
-												<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="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
-													/>
-												</svg>
+												<Trash2 class="h-4 w-4" strokeWidth={2} />
 												Desativar
 											</button>
 										</li>
@@ -544,40 +464,14 @@
 
 							<div class="space-y-2">
 								<div class="flex items-center gap-2 text-sm">
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="text-primary h-4 w-4"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke="currentColor"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-										/>
-									</svg>
+									<UserPlus class="text-primary h-4 w-4" strokeWidth={2} />
 									<span class="text-base-content/70"
 										><strong>Gestor:</strong>
 										{time.gestor?.nome || 'Não definido'}</span
 									>
 								</div>
 								<div class="flex items-center gap-2 text-sm">
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="text-primary 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 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"
-										/>
-									</svg>
+									<Users class="text-primary h-4 w-4" strokeWidth={2} />
 									<span class="text-base-content/70"
 										><strong>Membros:</strong>
 										<span class="badge badge-primary badge-sm">{time.totalMembros || 0}</span></span
@@ -600,20 +494,7 @@
 				{#if times.filter((t: TimeComDetalhes) => t.ativo).length === 0}
 					<div class="col-span-full">
 						<div class="flex flex-col items-center justify-center py-16 text-center">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="text-base-content/30 h-16 w-16"
-								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-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-								/>
-							</svg>
+							<Users class="text-base-content/30 h-16 w-16" strokeWidth={2} />
 							<h3 class="mt-4 text-xl font-semibold">Nenhum time cadastrado</h3>
 							<p class="text-base-content/60 mt-2">
 								Clique em "Novo Time" para criar seu primeiro time
@@ -666,39 +547,14 @@
 											disabled={processando}
 											aria-label="Remover membro"
 										>
-											<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>
+											<X class="h-4 w-4" strokeWidth={2} />
 										</button>
 									</div>
 								{/each}
 							</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>
+								<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 								<span>Nenhum membro neste time ainda.</span>
 							</div>
 						{/if}
@@ -743,19 +599,7 @@
 							</div>
 						{:else}
 							<div class="alert">
-								<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>
+								<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 								<span>Todos os funcionários já estão em times.</span>
 							</div>
 						{/if}
diff --git a/apps/web/src/routes/(dashboard)/ti/usuarios/+page.svelte b/apps/web/src/routes/(dashboard)/ti/usuarios/+page.svelte
index 133e4dc..0213f4c 100644
--- a/apps/web/src/routes/(dashboard)/ti/usuarios/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/usuarios/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import { useConvexClient, useQuery } from 'convex-svelte';
+	import type { FunctionReference } from 'convex/server';
 	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
 	import Header from './components/Header.svelte';
 	import UserFilters from './components/UserFilters.svelte';
@@ -10,11 +11,12 @@
 	import BlockUserModal from './components/BlockUserModal.svelte';
 	import type { Usuario, Mensagem } from './components/types';
 	import { SvelteDate, SvelteSet } from 'svelte/reactivity';
+	import { AlertTriangle } from 'lucide-svelte';
 
 	const client = useConvexClient();
 	const usuariosQuery = useQuery(api.usuarios.listar, {});
-	// TODO: Replace with useCurrentUser once available globally or import specific query
-	const currentUserQuery = useQuery(api.auth.getCurrentUser, {});
+	// TODO: Replace with useCurrentUser once available globalmente ou importar query específica
+	const currentUserQuery = useQuery(api.auth.getCurrentUser as FunctionReference<'query'>);
 
 	// State for Modals
 	let selectedUser = $state<Usuario | null>(null);
@@ -22,7 +24,83 @@
 	let isAssociateOpen = $state(false);
 	let isBlockOpen = $state(false);
 
-	// State for Messages (Toast)
+	const carregandoUsuarios = $derived.by(() => {
+		// Se é undefined/null, está carregando
+		if (usuariosQuery === undefined || usuariosQuery === null) {
+			return true;
+		}
+
+		// Se é um objeto vazio {}, está carregando
+		if (typeof usuariosQuery === 'object' && Object.keys(usuariosQuery).length === 0) {
+			return true;
+		}
+
+		// Se não tem propriedade data, está carregando
+		if (!('data' in usuariosQuery)) {
+			return true;
+		}
+
+		// Se data é undefined, está carregando
+		if (usuariosQuery.data === undefined) {
+			return true;
+		}
+
+		// Caso contrário, dados estão prontos
+		return false;
+	});
+
+	let erroUsuarios = $state<string | null>(null);
+
+	// Monitorar erros e estado da query
+	$effect(() => {
+		try {
+			// Detectar se há erro na query
+			if (usuariosQuery && typeof usuariosQuery === 'object') {
+				// Verificar se há propriedade de erro
+				if ('error' in usuariosQuery) {
+					const error = (usuariosQuery as { error?: unknown }).error;
+					if (error !== undefined && error !== null) {
+						erroUsuarios = error instanceof Error ? error.message : String(error);
+						console.error('❌ [ERROR] Erro na query de usuários:', error);
+					} else {
+						// Se error existe mas é undefined/null, limpar erro
+						erroUsuarios = null;
+					}
+				} else if ('data' in usuariosQuery) {
+					const queryData = usuariosQuery as { data?: Usuario[] };
+					if (queryData.data !== undefined) {
+						// Se tem dados, limpar erro
+						erroUsuarios = null;
+					}
+				}
+			}
+
+			// Debug para identificar problemas (apenas em desenvolvimento)
+			if (typeof window !== 'undefined' && window.location.hostname === 'localhost') {
+				console.log('🔍 [DEBUG] usuariosQuery:', usuariosQuery);
+				console.log('🔍 [DEBUG] typeof usuariosQuery:', typeof usuariosQuery);
+				if (usuariosQuery && typeof usuariosQuery === 'object') {
+					console.log('🔍 [DEBUG] Object.keys(usuariosQuery):', Object.keys(usuariosQuery));
+					console.log(
+						'🔍 [DEBUG] usuariosQuery?.data:',
+						(usuariosQuery as { data?: unknown }).data
+					);
+					console.log("🔍 [DEBUG] 'data' in usuariosQuery:", 'data' in usuariosQuery);
+					console.log("🔍 [DEBUG] 'error' in usuariosQuery:", 'error' in usuariosQuery);
+				}
+				console.log('🔍 [DEBUG] usuarios (extraídos):', usuarios);
+				console.log('🔍 [DEBUG] quantidade:', usuarios.length);
+				console.log('🔍 [DEBUG] carregandoUsuarios:', carregandoUsuarios);
+				console.log('🔍 [DEBUG] erroUsuarios:', erroUsuarios);
+			}
+		} catch (error) {
+			// Tratamento de erro no próprio effect
+			console.error('❌ [ERROR] Erro ao processar estado da query:', error);
+			if (error instanceof Error) {
+				erroUsuarios = `Erro inesperado: ${error.message}`;
+			}
+		}
+	});
 	let mensagem = $state<Mensagem | null>(null);
 
 	// State for Filters
@@ -36,14 +114,15 @@
 	let filtroUltimoAcessoFim = $state('');
 
 	// Derived Data
-	let usuarios = $derived.by(() => {
+	let usuarios = $derived.by<Usuario[]>(() => {
 		if (usuariosQuery === undefined || usuariosQuery === null) return [];
 		if (typeof usuariosQuery === 'object' && Object.keys(usuariosQuery).length === 0) return [];
 
 		const data = 'data' in usuariosQuery ? usuariosQuery.data : usuariosQuery;
-		if (data === undefined) return [];
+		if (data === undefined || data === null) return [];
 
-		return Array.isArray(data) ? (data as Usuario[]) : [];
+		// Cast explícito para alinhar com o tipo de UI `Usuario`
+		return (Array.isArray(data) ? data : []) as Usuario[];
 	});
 
 	let loading = $derived(
@@ -165,7 +244,12 @@
 	}
 
 	async function handleDelete(u: Usuario) {
-		if (!confirm(`TEM CERTEZA? Isso excluirá permanentemente o usuário ${u.nome}.`)) return;
+		if (
+			!confirm(
+				`Tem certeza que deseja EXCLUIR o usuário ${u.nome}?\n\nEssa ação é permanente e removerá todas as sessões ativas.`
+			)
+		)
+			return;
 
 		try {
 			await client.mutation(api.usuarios.excluir, {
@@ -198,19 +282,7 @@
 		<!-- Alerta de Usuários com Problemas -->
 		{#if !loading && usuariosComProblemas.length > 0}
 			<div class="alert alert-warning mb-6 shadow-lg">
-				<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="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-					/>
-				</svg>
+				<AlertTriangle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 				<div>
 					<h3 class="font-bold">Atenção: Usuários com Problemas Detectados</h3>
 					<div class="mt-2 text-sm">
diff --git a/apps/web/src/routes/+error.svelte b/apps/web/src/routes/+error.svelte
new file mode 100644
index 0000000..6dcb403
--- /dev/null
+++ b/apps/web/src/routes/+error.svelte
@@ -0,0 +1,85 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+	import { goto } from '$app/navigation';
+	import { Home, ArrowLeft, AlertCircle, FileQuestion } from 'lucide-svelte';
+
+	const is404 = $derived($page.status === 404);
+	const is500 = $derived($page.status === 500 || ($page.status ?? 0) >= 500);
+	const status = $derived($page.status ?? 500);
+	const errorMessage = $derived($page.error?.message);
+</script>
+
+<div class="flex min-h-screen items-center justify-center bg-base-200 p-4">
+	<div class="card w-full max-w-2xl bg-base-100 shadow-xl">
+		<div class="card-body text-center">
+			{#if is404}
+				<div class="mb-6 flex justify-center">
+					<div class="bg-warning/10 rounded-full p-6">
+						<FileQuestion class="text-warning h-24 w-24" />
+					</div>
+				</div>
+				<h1 class="text-base-content mb-4 text-6xl font-bold">404</h1>
+				<h2 class="text-base-content mb-2 text-3xl font-semibold">Página não encontrada</h2>
+				<p class="text-base-content/70 mb-8 text-lg">
+					A página que você está procurando não existe ou foi movida.
+				</p>
+			{:else if is500}
+				<div class="mb-6 flex justify-center">
+					<div class="bg-error/10 rounded-full p-6">
+						<AlertCircle class="text-error h-24 w-24" />
+					</div>
+				</div>
+				<h1 class="text-base-content mb-4 text-6xl font-bold">500</h1>
+				<h2 class="text-base-content mb-2 text-3xl font-semibold">Erro interno do servidor</h2>
+				<p class="text-base-content/70 mb-8 text-lg">
+					Ocorreu um erro inesperado. Nossa equipe foi notificada e está trabalhando para resolver o problema.
+				</p>
+			{:else}
+				<div class="mb-6 flex justify-center">
+					<div class="bg-error/10 rounded-full p-6">
+						<AlertCircle class="text-error h-24 w-24" />
+					</div>
+				</div>
+				<h1 class="text-base-content mb-4 text-6xl font-bold">{status}</h1>
+				<h2 class="text-base-content mb-2 text-3xl font-semibold">Erro</h2>
+				<p class="text-base-content/70 mb-8 text-lg">
+					{errorMessage || 'Ocorreu um erro inesperado.'}
+				</p>
+			{/if}
+
+			<div class="card-actions justify-center gap-4">
+				<button
+					class="btn btn-primary"
+					onclick={() => goto('/')}
+					type="button"
+				>
+					<Home class="h-5 w-5" />
+					Voltar ao Início
+				</button>
+				<button
+					class="btn btn-ghost"
+					onclick={() => window.history.back()}
+					type="button"
+				>
+					<ArrowLeft class="h-5 w-5" />
+					Voltar
+				</button>
+			</div>
+		</div>
+	</div>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/web/src/routes/+layout.svelte b/apps/web/src/routes/+layout.svelte
index 82cec1a..3f33df5 100644
--- a/apps/web/src/routes/+layout.svelte
+++ b/apps/web/src/routes/+layout.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
 	import '../app.css';
+	import Sidebar from '$lib/components/Sidebar.svelte';
 	import { createSvelteAuthClient } from '@mmailaender/convex-better-auth-svelte/svelte';
 	import { authClient } from '$lib/auth';
-	import Sidebar from '$lib/components/Sidebar.svelte';
 	// Importar polyfill ANTES de qualquer outro código que possa usar Jitsi
 	import '$lib/utils/jitsiPolyfill';
-	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import { useQuery } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import { aplicarTema, aplicarTemaPadrao } from '$lib/utils/temas';
 
 	const { children } = $props();
diff --git a/apps/web/src/routes/api/logo-base64/+server.ts b/apps/web/src/routes/api/logo-base64/+server.ts
new file mode 100644
index 0000000..129fe39
--- /dev/null
+++ b/apps/web/src/routes/api/logo-base64/+server.ts
@@ -0,0 +1,28 @@
+import { readFileSync } from 'fs';
+import { join } from 'path';
+import type { RequestHandler } from './$types';
+
+export const GET: RequestHandler = async () => {
+	try {
+		// Caminho para a logo na pasta static
+		const logoPath = join(process.cwd(), 'static', 'logo_governo_PE.png');
+		const logoBuffer = readFileSync(logoPath);
+		const logoBase64 = logoBuffer.toString('base64');
+		const mimeType = 'image/png';
+
+		return new Response(JSON.stringify({ base64: logoBase64, mimeType }), {
+			headers: {
+				'Content-Type': 'application/json',
+				'Cache-Control': 'public, max-age=31536000' // Cache por 1 ano
+			}
+		});
+	} catch (error) {
+		console.error('Erro ao ler logo:', error);
+		return new Response(JSON.stringify({ error: 'Logo não encontrada' }), {
+			status: 404,
+			headers: { 'Content-Type': 'application/json' }
+		});
+	}
+};
+
+
diff --git a/apps/web/src/routes/todos/+page.svelte b/apps/web/src/routes/todos/+page.svelte
index 2107d14..d06bb31 100644
--- a/apps/web/src/routes/todos/+page.svelte
+++ b/apps/web/src/routes/todos/+page.svelte
@@ -67,10 +67,10 @@
 		}
 	}
 
-	let canAdd = $derived(!isAdding && newTodoText.trim().length > 0);
-	let isLoadingTodos = $derived(todosQuery.isLoading);
-	let todos = $derived(todosQuery.data ?? []);
-	let hasTodos = $derived(todos.length > 0);
+	const canAdd = $derived(!isAdding && newTodoText.trim().length > 0);
+	const isLoadingTodos = $derived(todosQuery.isLoading);
+	const todos = $derived(todosQuery.data ?? []);
+	const hasTodos = $derived(todos.length > 0);
 </script>
 
 <div class="p-4">
diff --git a/apps/web/static/logo_base64.txt b/apps/web/static/logo_base64.txt
new file mode 100644
index 0000000..9f90c80
--- /dev/null
+++ b/apps/web/static/logo_base64.txt
@@ -0,0 +1 @@
+data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATgAAACFCAIAAABAPnMiAAAAA3NCSVQICAjb4U/gAAAAX3pUWHRSYXcgcHJvZmlsZSB0eXBlIEFQUDEAAAiZ40pPzUstykxWKCjKT8vMSeVSAANjEy4TSxNLo0QDAwMLAwgwNDAwNgSSRkC2OVQo0QAFmJibpQGhuVmymSmIzwUAT7oVaBst2IwAACAASURBVHic7H13fFzF1fbMLdt70656792SLFvuvWGDKQ6GAAkB0iAhvbx5ISQhJBACHyQkEEINMTEYg7uNe8GyLVu9d2m1vfdbZr4/1hbClgtGgMnL8+Nn7N27d2bvvc+eM+c85wzEGIMv8SW+xLUN4vOewJf4El/i8qA+7wl8KmBYHkJAkQSE8POey2eHSJTlEQIAUCQhEtKXODLGcCzHAwAgADRNCugv5GMQjjIIYQAAAaFYRP933+sv5B26GDz+8J5jnUIB5Q1EaIrUa2SFmcakBNXnPa9PF6M2747D7Uca+k+0DgWCUYKAaqWkIj+5piR10Yz83HTD+JGhCLPtYNuxM/1HzwzY3AHEI4oijDrFrMqsusqMVXOLCQI+/5+jgVCMICDHo5qStAXTc+OfHbJ4/rPjNIQAAyAW0iIB7fGHJ6UGxkAmEaxfWbXzSMeg2U2SkxxEQJhoVK6cXSyXCvce7zzZOkKRRPyz1y8syUkzAAAYlt+w/ZTVGYAQioTUV1fXqORiAEDngG330Y5DDf2t3WPBSAxgIBbRBZnG2VVZi2fklecnj4+CEH5920mbI0AQEAJQU5o2qzILANA34nxnb3PcmeQQykzW3bi4/Bqn+X8PUf3B6I7D7WV5SSlGNYd4huElYsFbuxv1aumqeSXX9l24euw62vHA7zZ299sBBgACwCMAwAhJNrePvrLpeIJB8cgDK++9qQ4AMGzx3Pvwhl2HOwDPA4IACAEeA5IYGnXXn+7/M02tmlf0j9+sP9M5+sJL+4BIAGLs0iUVc6uySZIAALyw8cjvntwCBDRg2XnzikmC2LuvFQhIAABAGCAMxi8xh5RG1eKZBX/598HDhzqBkDp7TDwaAiGAEEAAILxtTfVrj92xaU/TX/+xF4hogAHg+G2H2rf99T6pRBBjuCde3tfSOARIKFZJl88uVMnFb+48/cM/bDKPeeNnABwPAAAU2Tvo2PJ+k1Yrf+T+Fd++dU58IjzPP/3a/ltXVGcm60Zt3p8/teWuNbV331jb2DGy7UDr9+6YhxBGCBt18s/0nl0V/nuI+s9Nx2dNyyzKNr225eQrm46HGfbuG2fcsbrm53/eIhELF56zDP9NaOkeu/Pnr9scPkpIIx6lJqpnlKVzPD58us9q9wEIbVbf9x7dVJydOLM848HH3t61r4USCwBFkCRRXZyanarvGrSfahvGCAMA3tvV+Aut/FvrZr25/XQowmIB3dQ5OmLzpCdqg+HY27ubgFREkSQSUA/eueDfW08BEU0LKIyxViWVSATjQUnEowSdXEATQgENxAJaQAEAVHKxQEACDEJRJhiKQQh5hDdsbbjvllkyiQiIBbSQBgBgAA4e737kbzse+8EagoAiIQ3EAoKAEhEtEtAN7SPf+vWbHl+YFtEcjxK0slmVWSRJfNA4MGzx0gLK7Qv/8I+b05O0K+YUxScjFglWzS3MzzACAOoqMr7z2//cuLSMIIiCzIQ1C0q/QD/f/z1EbekZUyvFnf223Uc7OIQ5DoXCTHO3Wa+RvvruiQU1ude4b3MVeP6tozarlxYLOJavrcjY8MRdqSY1AKChfeS7v90YYzgCwliMbewwS0T07qOdpEgAIUQI/+EHq++7pU4kpCNR9omX9z7ylx2AIAiRYOOuM7/65tLlcwrf3NpAC2mrw//u3pbvfXVeS/fYqNVDEgTP8yW5SYtn5L2y+Xh8DhzLP/TtZbcsn8bz/PjESIJQycU8jwAA8bTC3x9eN6cqGwDQ2mNZ/d2/hyIcSUA2wjjcwYlrSwgASZPPvnaoriJj5ZziiV+WIIi3dp/xuAK0WMhzKDfd8Naf7yrOTQIADIw41//0lfqmIYoio+HYG9tOLa0rHHe5GfbsxCoLU7QqmdnqJQj4hUt1/JcQ1e0LB0LRAyd7AqHYt74yKxJlfP7o7Krsv288MmLxtvaMHTndN3taVke/VSSkM5K0n/d8pwDBcOxIQz+g484num1VVZyl0RgbDMd+9LWFcYbwCJXkJu463BH0hWmJECGkUUrXr6yKR5vEIvq+m+te2Hhs1OajSCIYio3Z/d/6yuzN7zdzCAOMD57s+95X5216vykYiNEimufwndfXiIV0PIoDACAp8uXNJ/Ye7xnP87EcP7007Zf3LZ1IBn8o6vSEMMA2VwBhDAFGCCem6Evzkj5o7I8fAyHEGAEIwjH2R4+/m51qoCny7Cgk4faHDp3qBRQFAEAcd/3C4qLcpPi7GSm6W1dMqz8zAAAJaepww4AvENGoJBdeNJlEGGM4kiRsrsDJ1iGMMMYg0aCMX7prGV8kovI8ghASxCSWcWjMtWJ2ISTgpveb/MFoTXFajOH+tfVkU6d56cyCsvykbQfbZk/L2nW0IztV7wtESnIS40uvKZgVQghhCEEsxn2WEVSEMccjAABCWCQVFmeb4q9bHP61D7wYjjDxL8hG2YceWK6QiQGEAACex9mpeplEOH4ejUqilItGrN74u0fP9D945/w51dl7jnRSAmrfie6G9pGDJ3sBCXkOZabpb1s5beI0CAKeODNwgusB44tUhg1HmF/etzT+r7jBfODRtymSBABHY1zcxNEU+ej3V2Wn6uLxZ4wBQYDbVlVvPdjm8oZ7Bh0//OM7wVAMEhAAACEIhWNmm+/s3cfAqFVOfA4kIgGAEAMAIQyGoyzPTXrRKJLAGFAEMTDq2rS7ieMRx/ELZ+R/SdQpAM+jYaunvddqcwUwRotnFpx3Wb2ByEub6+9cXTPm8J9sHv7x1xaebBuORNk1C0qC4dh180v+te1UcY4xEmUbO0ZvXlKBEG7rs5bmJn7yuVmc/sFRl04tdfnCbm/IH4rOrsxKNKg+AzcbgvgzDAgCRkOx1p6xudXZ8X/KpUKG5SJRBkDIMwzHIwBBPJZDkMTAqDMUZcSis/kbrz8SCMYggBgAkiTK8pIICG9bWfX+kQ4IYTjCPPLcjvZ+G0WRXIy7bWWVQaeYOA2EcHlxapJBMW5jOY6vrcg4b7Z+Xzge6AIEQYtoAGCM4XYe7rhzzXRw7mKxLL96fmlZXuIPfr+JoshdRzppmqRIgucRBkAiEhh1iuExT/xghzeAP/xtAJEYAxCGAACMpWIhRZKTXjSO5yEEDMfXlqX//gerv0CLoWuaqCzHt/RYOvosMomwNDdxTlXWgZO9bb2W84gaDMfCESbKcFnJWomYTtAp6psHT7QMJSUoU4wqjufTTGqpROALRgJhpnPQtnB6HkVNjTlt6jKbdHKr0z+tKFUiEkRi7IETPWMOX0aSVqeWAQA4Ho1aPSIRbdQqLnu2jwWZRFBZmNrcPgooEhDEy5tPLJtVkJWqT0vUbP3rfd9/bNO+DzopmuIh5BEqz0sSSUUcQgQETm/wrV1n7r2ljoAQYfzipg9GrV6SJDDCUjGdnaoHAKxdUv6nV/a1dFlomtxxqANjjDHQaGW3rqw87+HmOf7+9bPXr6rizxEVY0AS8KOKN3zrdVWpJg1CuGvIvv1gO4QAY9DSbQETyIYBZjn2gdvnHT0zsHH7aVpIj58EcVijks6tzq4/3Q8oEtLku/ta71wzPZ58Mtt97+5rAQQEACCWr6vMUCkm8XsBAOEIIxBQAACEMJhI9Gse1yhREcbNnebOQVuCVrFqXrFSJgYAjNq8I1bPHatrzjuYYbkkg+qpV/fff9tcHqEnX95399raGxaWWZz+UJT9yxuHbr+uetPe5pqS9HtvmvHWrka5RKhWSKIMKxJcShVw+UkirJCKNErpe/taZ0/LBgCIhXRmis7mDLT32SoK6MbOUQyAkKbG7N66ykyDZirTABDCe26euWF7Q4zhKJo83T4y985n5lVnadWyo40Dje2jBEXGwzkxhp9VmbVkVv57uxppiRBj8IM/vPPO3uaibFNj5+jR0/2QgAACPsouX1pu1CsAAHKJ8I7V1T/5w2YASIwBhJBj2DULSuPh04mgaPJXz27/40t7J0Z9DVr5v5+4iz6bGsUAgAdun1tblgEA6B607TrSEZ8YjxCP0ES28AhDCJ/48Q3tfZa2Hit9bh2BAcYY3LCo7C9vHA5HGIoi2/usC+9+dlFtHk2T+4539424aJrieEQJqFtXVJIT1kcC+qx1bek229yBZIOqZ9BOEvALxFJwbRK1d9hxun0kQae4bl6JVCyIv3iydfh408BNSyomrq/ikIqFr2891d9rMdt8rzz61ade3T9s9fpCsadfOxCJMhqldOfRzv/sON3SZX7+17fWVWb1DDl6hp0SsSDJ8Im0EBhgfzDi9NC+UAQAcKihLz/dwCPk8ARSjOq+EUdSgjLJoBIKKF/A0D1otzkDhVnGqVobAwBmlmf87eF1P378XYfTDyA0Wzz/eqceYAAICCCUycVqpXike4xhOADAn35yg8cXPnyyFwDAsfzuA22797UAggAkARAGJLF0XtETP7peJDj7SNy2qvrJV/ZbRtyAIgDClFjwjRtrx136GMOBCMMiBAAYG3EBjD40TzxvT1AxLB8/huNJAEAoEou/KaAooYD0u6MAgJ4he2OHGSMAIgyHMEB8fNWdalI/8/Ob1jzwQsAdBiQEPIpE6WiMqS1Nf/Z/bvrJH991uAKAgKNm98v/OQoAACQBIGSjvFwhfujby1fPLx2/RNEou/NoZ++Q0+L0/XNT/Z1rpqsUYoRQ16Bj+8E2jDEGQCSgZk/LurSW63PHtUVUpzdU3zwoFdNL6gpUcnEkxo5YPafaRjZsbyjPT/rO+jkKqejCT9EUef9tc/7yxqETLUP/3t6wflXVY//Y09xl5nls0iuMesXy2QVLZxX85aV9VR3mm5aUWxw+fzC6aEaegCbVCkmM4QxaeV1FpkY5ub90IRDGEACSIHRqaXO3eUZZxsCoq73XwjCcRCygKUomFXT02W5cXA4AYDl+yOKuLEoZGHX2jTgnSoU+Oe5cM72mJO3Nnac/ODM4YvXEtZMKmbgo23jnmuliEfXCm8dmlGcAALJT9Vueu2/T7sYdRzp7hxyBcDR+BqVcnJduWDWvePWCEqlIMH5mk175yP0rjzb0UzTJcSgnTT+9NH383eWzixK0iklXEBhhlVyslImum1+amaKPS46SEs6uVpKM6p99Y3H3oIOiCJbhg5FYXWWm77Y5FEUijOOaJADA/Nq8J3+y9uiZfooiMcJSiVAhFQMA7rq+tqoodcOO0/XNQ2abNx6IIknCpFdWF6fctLSipjhtfCYESVy/oKyt29LZZ1PIRL99YOXC2jwAQE6aITtVt/VAK4AAIaxSiKuK065xosJrpHqG51Fz99iozVtZmKxVSnmExuy+o2cGIATHGgfy0g3fu33exWwRj9DWA63Pb/xg+8E2wLDfv2cRj/Bf3jiMWH7O9JzyguSbFpcnG1WLvv6sPxT74w9X7z3evWF7wzdunokxri5KZXl+084z+dmm+9bNGo+dXgJjdl/XgM3q9KcnawsyjQdP9oSjTEaSFgDY0D6sUUiKckwEAZ3u0PSydJc35AtEJGJBPCfkC0SUcrHbFyZJGPfnp+wCIuQNRHgeQwhEAko+2S/aOPzBaIzlMAYQApGAlkvPd1KuffA88gUjHI8BACQB5TKRgJo8gPTfgWvCojo9odMdw0adcsWcIoQQw/IjVm/ngE2nlr70zvF1yypvWVZ5iY+TBOELRLcfaqMoElDEi28fpwi4YHpuW69lWlHqyjmFyQmqjCTtN9fNqi5J1atly2YVcDz/6++sSNDKj5zuK8g0fv2GGS9u+mDtd55/97n7CjLPX4ZNRGe/TSYVWp3+pm5zMMIADDRKidUZsDoDGckamiLTk7SFWcbhMU8o4mnuMju9Qa8/mpqoTtSrGI6LsZzV6X/mX4dMesV31s+ZwlUSSRBapfQKD1bILkXjLwRIktBc8ff9LwD58MMPf74zaOwYHRxzVxSkiIW0wx30BiI2V8AfjIbCzLHGgVtXTFs1r/iyJ9EoJe8f77bafCRFMhwfjrAluYljDn9Hn82glcmlotREdWGmsSDLaNDISZKQS0WVBSkI41Gbd8zhb+mxPP3agbaWEWcoumZBCUlMbrr9weg7e5vK85NFQnrtonKVXOQPRh2eUOeA7YPGQaGA+sryyqxUPUEQCrnI7g4KBGRJTpLNHXB7Q/2jjlGrNxxhuwZsi2fmI4zTTBqSnCwp/CW+xAX4PIkaDMeONw+JhfT00gyCgDGWhwAEw4zdFdhX37XraOcdq2vm1eRcyamUcvGKuYX9ZlfXoJ2AkCSJzgFbKMzEWM7mCoTCsfnTc5Xys65mKML0DTuzUnQUSaaa1GIhnWJUhcKxA6f7BsZctyyt1Kkn/6nmeGS2+3ge6TUyvVqmkkssTj/LctPL0imSHDS7qopSpWKhLxhp77UmaBX+YPS9/S3Ty9IiUbZnyKnXyGRiocmgNOoUerWsf9Q1aHYzLH/la+Mv8X8Wn9sa1e4ONneNluUna5VSmysAITjRMhRnTmPXaGvP2FeWT5tYsnQl8AUj025+vG/QAUkC8wjE2MULSzY/c49kQowEAMBy/KDZ3T1oz89MIEnijW2ndCrZrMrMr/7s1ebusaOvP1hTknaxISIxdn99t0mvKMwytfVa3b4QADg9SZuZrNt2qM3lDa2cU9Q/6pRLRdEY6w1E+oedteUZ/aPOgkyjQiYaNLvSEjUcjxiWk0mEQgG9aU9Tca6puij1415AhPGQPRhmuAttMrrgluLJbjPGAH30ZZokFBJBkkYyqaX3x/heL/NpuwAYADEFM1XCDh8zhc8mRQAJRZjElIT6Qjoxn88atWfI7vSE6iqzMAZWp58kia4BG8cjkZB+b3/L8aaBP/xgTUHWpdaK49hxpP25fx+GEM6pygYYPHjHvNLcJH8weuR0X/egI8mgpC4IQdEUmZOml0qEj72wK8byLMvvOtJRmmva9PQ37n14w6WjsiIBJaSpoTEPABBAXJqX+Mrm+sIsE0HAlXOLHn9xb1ufRUBTIgGllIkwAFUlacU5psIs4+mOER4hrVq2Ycfp9ERNYZZRIhIwHA8BTtRdjRYiFOPWP3Wgc8QDLyDVpJzEF7yM8fmHEgQUC0idQlSRoZ1VkLC0PDlNLxt/98RYeO2mQTBZfekUAiOcqxNtvCF98c6xKI+nZjAICAgEBFQJiHQZNSdBvDxFOk37RQqhfVpExQAjHk8ap23vs3AcnlGewfH8mN3v8YdJgpBJBCRJDFs8oUjsTz9Zm5Omv+wQZpu3o9/2yF931jcOUjS5ZX+bWil59lc3sRzP8Sg9SSuVCL2ByL0PbQhHGLlMpJSJaJokIAEA5hGmKYIkSY8zQJHE8tmFbl/4n5vrpxWmtPVaKgtSxhV25wFCWFGYcqptqKIgGQCw5UBrbroh0aAEAPQOOYqyjWIhLRJSiQbl0TMDnf22wqwEAMC7+1oKs40quchs8+Wk6V2eUFqSRkCRXR2jqxeUXp3rizFwB2NefxRMXWIWAODD2OoMtfY6X9vdmWxSfGt5wQ9WFceTqyzGwRiPP2WiAoSDDEIY+FjEcnhKZQnYEQY9HmbPcOiPLZ5v5Ct/Xa6R01+MbkSfClF5hN55v3nJzPzzoosI4Y5+q0REZ2TpGJYbc/gFNKmUiT2BcHO3paPf2jVg//2Dq6+Epe391oMne6qL0v720DoY7zsAAcY4xnAYY4lIYNTJ43JwCOJ/xJ2/j8jGIAFpihBQJMIgGmPvvWmmiKZcvtBrW07csbrmYok1jVKSm2boHrTTNKlWSGaUpQMA2vsswTBj0itomizNTQIAlOUlDo65vIFIjOXCUSYnVe/yBSsLUwKh6On20QP1PXOqspMMylCEueo1KklAEP9vKvHh2UYdwV++VN827P3bN+vkIvqsOv7T1jGf+0IkBCycWpXfuBoJBlj850bPWIh7ZU6C8IsQ0ftUiNo1YDvc0Hvj4rKJLyKEOwesMokwLVGDMA5HGYqEQ2MujkPJCWq9WtpDEo/9YHV+RsJlz29x+PbXd9+2qloln4pUZNz9gx+yWCoRbtx9Zv2KqotlbtOTtMFwLBRhZpSlkySBMQ6GYzUl6dEY+96B1uxUvUQkcHiDpTkmjz/a0j1mdfob2ocTDcpAKCqXivpHXXOrsw+f7ps9Levo6T6ZRKC+iDb1cwZJAIJ44/2uBKXoybumf7E0d5cBBICCb/YGyrXCn5Vc66Uz4NMgaiTK9I+45tfkntdsqrV3TK2QpBjVMYYLhGMcy4kEdHF24pnO0e2H2zbuOvPnn64dZ2l982DfiGvlnELlBVTs7Lftre9au6hMJRf/5E/vvru3mZqiTDfGmCLh4z++YWldAcNwr7534qYl5RcqBzr6rccbB1fNL07Qfqjd9QdjHn9YrZBUFqS8u6+5sjDFbPUadcq8TONbuxtTEzUquVgsFAxbPEXZJgBwZrJWIRW6vKHy/OTdxzrXLiqjr818PQSAJv/xftePV5fQU+pjXxMgwNPt3vWZ8lTpNSEouASmeH48QsFwrHPAtrQuf+Lrbb2WOEsBADyPCAgCYcbq9PMIt/VaGtpGfv/gmoqClPjBZzpG23otOWmGN3eezkrRleUnKWVihLDNFahvGghH2duvq1bKxH/85/ttvZbZ1dkAg3EtGwSQIODEoCUxoYAV4Y+EP1kOAXA2yoIQ5nmEMX76tYNCmppXkyMRC17feqooy1icY1LIxCzHW53+k63DLMvnpOk37jrz1etq4poeCOH00vQTLUMtPWNzqrLyMxL6R5wUSVpdfrlUFAzF1swv0aqkAIDuIXtrj6W6JNXmCvSPOpVycd9wYHDUFQjFPq0kTby47GKAV+A5EzDgjz6zvX3J/KLLD/fJ47Tnmit9FoDQGuC2joS+na/8rIa8SkwxUb3+CMsjs82bmvhhF4WOfqtIQKcY1RyHQpHYqM0rkwghBADgxo6Rf2079ct7l8RXegCAUZvnyOm+e26uEwmomRUZTZ3mrQfaxuw+AEBuhqE4N7Eg0xgMx370xOanXjmQmaK1OPzj93WSJ25CDdVH/v5RjL8AIRyxetb98KUXf7N+1bzivIyElm7zf3ae8fjDCIPS3MTKguR4IZhGJX1j28m7186M/0bIpcKFtbnJRtWGHQ2JOmVqoprjebc7YnH4He6A1en3BiJKmSg3zfD6lhNzqrMJCLNSdMFwTKOS3nNLnebTcH0xoCki1aggCHixZz8U48acQYDBZSJSENb32mfOyL1sH2gBBcmLjnZFwAiIrjCDgsGlRsIAEOBKVtSNrti1X/E2lUTFGPMIdw/YdWq58lwYacTqwRhkpeo4DvlDEY5HCOEYwzd1j2KEB8Zc31w36/qFZ1ezoTCzaU/TLcsqKZJ45/2mtERNZWFKZWHKxFF2HG5/6rUDXn9kXk02j5CQpkiKiFMNElAiFMRvDcaApgmhgALxe3Du6cEYRyIcxvFwImQ5PsqwH9YfR1mVwgQA+NWz23Yd7fjubXNrStJrStLHR+d4tO1Qm04lnV6abnf5tx9uWz2/ZPzdvHTDQ99azvMovrjduOvM4dP9AGO3L5yVqovEWJlEVFGQsr++pyAzwaRXun0hrUr2qbAUAIBQoka253+XySX0xQxdhOEPd1h/9trJEXvgUlwl4Jgr5PBHL/PcI/zCypRpCZ8ocIABEJGQIsBlMvwI1xpF9+Up4QU/vBAAP4sbnNE9Y5GxEHcZCmJgj/KXPOKawFQSNRCKySWC/Sd6xsssfIGI2e6rLko9J6HmAyFGJKRCkRjL8vtP9Kjk4q9dXxs/GGH81p4zC2rzjDrFYy/s+fkTm5Uq6byanNrSdJVCjBC2OP0HTvTUNw8ihPUa+aWfmfjNizdJwXEPF55tCzIhGjw5IIQxhnu27eCG7acXzsitLExVykQcx4/avHvre062DBk0si1/vW9eTe6GHQ3HmwbilZbjIEkiynA9Qw6dSpqRpKkoSK4oSEYI9w47EvXK2dOyojG2b8Rh1Cnm1+T2DjuPnOkvzjKpFFOp0T87EwIalCLpRVJNcayfnQUBuP3J/egSZoUgBu0hmy8CCDiJnGICclSCIt0UCImHguxljsAgW07fma24+H1UHrFFVuweC7CXzPFAEOXx/y2LyiNEIDhidd9780xwLhlTlJ1IkEQ4EuMRisQ4ty/k9AQFNOnyhuRS4S/uXTq+hNx6oNWkVxRnm97e0/jW7savrq3FGPA8aum1QADih+Wk6YuzTRDCuKRmYrwq3lsHQIARZnmeJAkhTYlFNEkSAGOMAEkRHI84HkWiDMPycc8wfoM+KtzB8eJKAkIeoRjDtfaMxde2COOcVF1BpiEUYn7yp3ff+OOdtyyt/Mfbx3RqWdwfHofLG8pM1pbkmMYc/qJsk0wi7BlyHDzVm5ygMmjliQZVY6c5K0U3YvVQJEEScF9999zq7Pg6dmrBX5JXcWQmyIVCKhLjLmowYXx5Dy40X+cBfYZCN/5yQ81KEM8xibcNhi4l0sBAK/q0U8NTgCkjKkI4EIoNjbllEmG8OX1b75hWLZNLhcFwbNjqkQhpmiYNGhlNk8cbBzbtaXr6Fzepz5mR+ubBQCi2en5JU7f5/t+95faF+0acF94I+FFyfuQtCDgO8TzSqaUZydqMZG1dWUZakuYP/3x/ekn6vOrs3/5t15qFJTPLM/d80FXfNGhx+HqGHOEoK6TJS3h0k4rvIABef/iB32389xNfu2VpxUub67++tna8bK17yB4Kx8IRprFz9HBDH0kSFflJSQmqdcsrdx7tuH1VNUVCluO3H2rLStUbNHKaInUaqc3p/zSIekWA4AoUQJNeifMRYFGQQehqY0oYABFJCKeOOFrB5VbVECRf8yFfMIVEjTFsgka+7WBrvPY3EIoFwkxJblIgFMUYGNQypyfIcvyZDnM0xrT1Wu++acZ4e7FBs+tU6/C9t9RZnf77f7uxPC9JrZJCAEgSwgIhBAAAIABJREFUEpAgSRiP3BIQQni2I+vEuC6EkICAYXmTXuHwBDUq6R2rq//25hGL079kVsGty6dlpmgNavm8mpyZ5ZmhSKy+afDGxWU6jeydvU1quTTGstEoS51rXBIHOvdYwnOxYoQwwojn8bm2g7Br0P7L/7f1jz9cs3Ju0Zs7Tn/9htrxRNH2w+13XFej18jzMgw3Li4LhGLxqeem6QEAOrVs+ewCluOrilIBAIFQNBrjzHZfYoJqajLDE3Al8oQBW5CJ8Zd2/uLrhsvwj4Df3DUmFRBXLSDHHPp+reG+sivq53rZcLUnxh+1xy79vQgKLk0S/x+yqABAgYCqbxm6+8YZAIDmbnNRthFjzPMoHGP9oWiU4fzBKI/4YYvHH4rcvKQi/jFfMLL1YNtXlk/DGP/gj+8cO90vlZxd5JxnPOFH/vchYixHEsQNi0pry9Pb+6xjdr9MLMxNT6guSXtvf8vOox0/u3vRdx/dmGJUx1jutfdO/vKbS5MMyoOnen2B6N1ra9t7bc9vPFbfPCgRCSbpRYrH/5jw2tmWubi5y1ycY7pjdY3LE3pnX3P8S+WmGYqzE2Msp5KL5lfnUCRBUURj56hJp5hemg4hbO42i4S0Ui5u77MkaBVF2aYxu4/leJcnNOVEPWvdJiMOhGDMHX6/2fzLfzUghC4VTEI4ySDVKUQABS493JA39okyNCyyhybv9HkhvAzq8E1eJMAjYI1wz3X6+vzMpQjNoXW5yjmfLPr12WAKLSrn8oUiUbY4y+T2hYQCSiWXhCKxQDgWijAuT8iglfuCUSFN+4LR76yfG4/Hcjx6a3fTkpn5OrX0f/7f1qZO8/WLyiiSkIiEEJ79GY9vMoIBIOKB2om2FEAAgFopTjGpD5/q5XlcVZx6um3EbPc++6+Dd11fW5hlJAkIISzPT05OULq8oY4BK8fy//P/tgIAfv/965Ry8Ybtp2vL09Ytrxg0u0ORGATEuH4dY3yOqGeNxNm/YMDxKBxlGJZ/7IU9WSn6uoqMt3Y3HjrVG+8HH9cSZqXox+xeXzAaCjMNbcOzKrPi6Z9/vH18ycy8pXUFPI+kYkF7n0UqFoqFlEgxpd1ACGLMHV78yI54M9sLASEwu0LDVj8g4GXSMzxKN8hNKgmId4W41KCfzDgheKUluiTcbY4ctY1OujDhMAgyPEDgoqtThAEGC1Jkj1drqS/CHgqflKgYg1AkJpMIEcZ9I06FXKRWSk60DBVkGhFCgVBMJhaGwoxOI/P4w/VNA8EwI6CI6SVpDk9Qo5Rser8pzaTOTTe8tbvxiZf2YYwHRl0QQpoiKJIkSUhRJEUSZHw7LgiIc65vXMHr9ATLC5KuX1BaVZTK8yjRoDx6pv/p1w4uqyt44sfXpyVph8yeRbX5Qxa3xxdaPCPv9S0nH/v+GpGINuoURdmmU23DT7164OHvrkgyKKNRxuEJvr2nkWWRRCKI8zLeDTfuBWOMWQ7xPIp3beYR4jiEAWBi3Dd/vWHLX+5du7js+Y1H9RpZQaaRgFAsoFmOF9DU0Jg71aSGEPaPOvUa2ea9LbeumJadqmvpHiNJYsjiGRh1VRYkz6zIVExpcxYAQZThT3baLmXiCAiuRBGFwIxsg0xEAQTANSOgYhH2xi7+3SC86FQxSFPQPyhSfS1H8X9FlA8hqG8ZzErR61RSrz8sFQmiDCcSUHKp0B+KUhQxaHFBAEUCmiSIquK0ps7RlXOL2vus3YM2rUpGQLBoRt6R033/+8y2NfNLREIq3gufIgmKJEiSpCiCIgninLwITrCwFEUUZhmtTv+A2XXfullPvrzvjW2nNjxxV5pJ4/KFtxxoqy5Js7sCYhGdmqC+bVU1QtioU1hdvv07elfMKshO1e861lmYZSQh3He8SySk7a7A87++tXvQbnH44nYDx6O9+GyZWJyoPI9Ynud5xHEIYQwhHLF473/07Tcev/O2FVUvbT5u0CpSE9Xdg7bDp/ruWjtDq5KEo2xxdmJj12j30Mn1K6v0aimPcH5GgtXpBxhXFCSFw+wb206tW1Zh0k+pRAaCK+LhpcEjnU7y3ZVFbYFLipw+F1ytLSQhVArILwpLwZS4vojHx870r11UGolxApoaGHVqVNK47N7tDUeirNcfIQjCF4x0DtjG7N5bllfuPtZVXZTS0Dby1TU1CONf/3VnR4/F5gpM9NAIAsajR5CANEmQBEHRRNyiEgCGwrHq0jSDRnbjkvKt+1v+tfXkyrmFbl+Y49C7+5tnlGUsnZWvVkiyU3VpJo1KISZJgmF4o17h9IRuXFQWZdhn/304J03/83sW94+4nnhp3xM/ueG331vVO+wYsXj2H++2eUJCwdlHnGV5hDHL8QhhhDFGGJ1zheMpIYSw1+l/fU7ht9bNunFJ+bt7m1fMKVQrpHesmb7tYNu6ZRUMy2elakmKSNDI5WJhMMx0DzrEQio/M2FBbV4kxm7Z37JidsHJ1uEUk7qjz9o77Fxalz+x69/nBowBwj+9vsyokTR6/Z/3bKYIEPT7mLsOWM1h9helms97NleEKSCqRCwYaXfbPSEhTcYXhIl6pcMVCEVi4SgjFglEApokibRETXxXmKYuc2FmQqJBdbihz+YKmHSKB++YN2b38TxPEgTCKB5FIgiCgJAgIEkSNEWQJCGgyHHFwk1Ly2mKdHhCOqX0eNMgJOBTP73xgd+/pVFKV88rSUpQ5aTpz+sALKSpvDRDfgYEAIxYvTKJyOUL/uZvO+sqMg++8r3uIfuqb//9gdvncjz/ux9c9877Te19VgJCAADL8TzCDMsjhFA86ovxh7skETAUZefVZK+cUwQAGLF4WI4z6hRGnQIAcMOC0mGLRyighAJKoxTTFIEwFgtphmEDocjBU73rV05z+8IiIQ0gmF+Te7xpoCwvac60bKcn+MlvzScFhwAAD95Q9sCqK1D5xsF/Mqkui9jLpkenBAQEGPyh2XtzujxnakMDnw6mgKgquVguE1vsPq1a6g9FKZIIRZhRm7e5e2zA7CrKNunUMpVcjBBbmGk06hUdfdaqolSSJFbNK9m8t7mmJG3FnCKVQnzLgy/xCBl1io8GLGBccgghigAOQhCOsGqlOMZwNy+peOb1Q1/75etP/vTGgyd79h7vXjG70KCVTytMnbTLni8QCUWYeJF3ilGVYlSNWj2hMKNXS481DSCEFTJRglb+6PdXH28e1CqlFrtfIhbEne1xWkICUgQJwDktP8BdA/Zlswpef+wOsUjw1u5GCMGda6aPD6pVS0mKaO0Zy0030CTp8AYJghgwO+sqM0VCWiig/vji+55AZP2KKo5HL28+btDIywuS5RJh34hzcMylkkk+DcXSZcCj+N7EySbFD9eU3r+i8EoDPAj/dr6xVCfirpprCBfqP6sOiRD4o/zGwcAXwqhOAVGNOnmCVj445s5NM1idAaGAauwabeu1+AKR2tL0uCGVSQTJCepQhGnpNhdlm+JS2BSj6q7rp/9n52l/MDq/JueV39/+86e2SIQ0wpggCHg2OfORcmWM8LSitEW1OTsOt9++qpqkCJZH0RjT0W8z6eQLZuTlpl20kUp7n5Xh+DhR40g2qm9cXH6koa+5a2z+9Jytf/nmxl1nlt3712/fOofl0a++vWzD9tPRGAvAhzrh+AcxBggjAADL8SvnFb/4yK00Tb749rHcjIS5VdkTB23sHPUHo1VFqWa7LxRle4YcPIeqilMFNOX2hdr6rFVFqWqlpCDTeLJ1SCoR6jWyzn5bjOGSEpRuX+RIQ19tWcZ5sqePAYwBiz5GSQsGAABTgrwwRT2/2HTH/JwU7cfTYCxKlU1P/KxkG3iy9lATcQXCiW4fe+3rB8HVEZVhuYmbCypkYoCBXi3zh6IluSanJ+TxhYtzEvPTDcebBlJMaoVU9O6+5mA4lmbSMByfkfxhOlsspG+/rvr1907WNw8urM37xo2u7zzyZlaagSQghB+KcwE4m4rxBcJ10zJrStPlUtF9v97wv99cXlWc8sp7JxbPzEsxqtMSz/9p9PojMokgrkOwOv0M+2GOLsZwFEkIBdSC2lyNWjow6vrh45uqi9Ny0vSVhUlL6/JOd4wijAZGXHKZEJ1tLxQP/wKMMQTAE4jQJPHyo7crZKKXNtcX5yTGe9LHwfHoja2ntCppdXHqsM3j8oRiDFffPDSrIit+9boG7XddP/3Y6YHa8vSBUdeKOUW+YEQspBUyEcY4EIr5Q9H0OUWPPLfzR3ctTDZ+/N03ENapxL+6qVwioq7EG6UIKBFSYposy9BObJX0scB8No4rAADhUp3olnQZmEyUjzD+wBHdMRq+7GmC7DXRgP6yuBqiDoy6ugbs180vGXdQwzGmJi3tWOPA/OqcUIQRC+mSbBNFEQNj7vYNR+5YU7OwNq+lZ2x/fc/SWQXnnY0kiPUrq+Je39fX1h5r7G/vtYqENDwb44Vns6UQchy/dklZ37CzqcucoJEBABFGKrk4Ua9MSZiEpQCAKMMOmJ3xStdAODauREUY9wzb89ITSAAghOV5SU53qDDTWJGfXF2c+r1H387NSEAIzSzL1Cplo5azDcTizVziol8IAEkSv/r2stw0w64jHWkmzUSWAgAgACIRrZCLxhy+VJMmPz2hd9hx99raEavH5g4UZCQUZBrPdIw2tA/XlKYWZCaEo0wgGPUFIgqZiOcxACDGcBt3namryFTKr8obxFgpob+5JH98l6TPAFdaofbJgUGpWvCLMvXFxmMR/l6987k276XtauwKtNDXAq6GqJkpuj0fdH7QODCzIgMAQFFkjOEQBhRJqBSS3hFHZpJWLKJPtQ7fumLa5veb95/oLsg0pidq7K6A2e7jeBQMxzQKiezcTgo0Td6wqGzz3uav3VD7i3uWzLnjaYmIpmkSjttSCBHCNEXMmZa9cHretkOtGqXkmV/c9MhzO2ZVZs2fnpuW9CFLMcbjkiaVXLzzSEd+hlEsokNhZlzJ0Ng56vKGi7PPahghhPNqskVC8vm3jqUkqNKSNGIR/cBtc8w2n0BAHDrVIxELz/ZcwgADDCF0ekJ15Rk3LCjtG3G4fKFbV1Sdd5UC4dii2jy7OyAW0i5vkOORzemvq8wCAAxbPCdbh7NTdYWZxn9tPXXszADHI4SxXiNTykQY40iM8QbCEMJ7bpp54aZYVw6MQZTlPzuiQvijA1at6BMNhzBIU9IP1BggvEwJAH9JP4Em4D25ild7/aFLVs9EeYzwp91ZcQpwNUSlKXLxjPyTrcMKmag4xwQBiERZuyswrzrnWOPAmfbReVU5ozZvRopOp5LNqMjcsr+5ODextcciEQkcbn//qJNhuLnVH+msrVPLslJ0++q7F8/M//ra2tfeOwEAmNCZDEAIls0q2Hqg5eHvrnhtywmrw+8PRmeUZaSYVNkpH1nCWRx+luPjBlYkpONlK8tmFdjdAXguivufHWe+9ZVZ8ePtroBAQKnk4vL8lI5+W1G26f6COe9/0PX7F/aU5SUNjXnK85MbO80kSYyrlCAAKpnol/ctIUniwIneNQtLzhO3HG8a1GtlIpruHrQLBVRGktYbCOekGwAAbX0WhVS0sDa3o98aZdgUo6p32LG0rqAgyxjvDJybbth6oHX1gtLxney+MIDg0GDwkzZoQDhdL76/egq20sqW0wqaCDGXqgqyRrgAi1SX1e5/3rjKYJJRr8xO1Q2NuQwamUErTzVpPL4wTNG6fSGVQqJRStr7rbMqMlmOd7gDOakGlye0aEb+O3ubZ1TkSUWCSStgZk3LevXdEzGGW7esYtOepsqiFCFNQQJCCAgA3b5wTWnakYa+t3c3/vDOBWa77+nXD9ywqLS6OO28k+nVss37mrsGbEvqCgAAc6uyX3zng2WzCkIRhuMQAOC9/a3+UDTO5BMtQ8NWz+p5xQAAuVQ4rzrng6aBHYc7MpI1LT2Wm5dWiIR0IBQR0FS8JjaeR7W5AxjjaUWpJ1uHEnQKneojKzpfMCoQEHKx0O4OCGnq3X3NBRnGtYvLVXJxJMqq5GKz1dvSPUZTJEkRNE1+/475AAB/MJqgldc3D/72bzuritLOaxr+hQEJP2loBuGp8p8FJLxMIQ6E9igf5L4ARP1482M5fl99N0JYKRNFGc5kUB5u6EUIl+cnuXwhlVzCcnxdeYbDHcxO0UEIj57p16mly2cX7jzcEY2xZXmJNmfgYnVqNEVmpuqausyF2abKopT2HktL91hzp7mxw9zQNlyQmWDQyL67fs7PnnzvuTePpJpUM8szM5K0Fz7QNE1eN79428G2p187AACYNS2zs8/a1GUGAERiTDjKPP7P95fWFQAANmxveHPn6WV1heOxsdx0g0wiKs9PWj6r8IWHv2JzBTJTtCRJEiRxsmW4sdPc0jXW1msdGHGvX1lFkcTgmLu6+Pwm9wMjTgFF9444CrKMNaVp3//qfAhhQ9sQAPCDpgGpWGjUK0ZtXoGA0iqlQpoCAHT027YdamvpNpfnJ3/t+trr5hd/EfSn1zooAiZKqEvHvAMM+uwCYJ8AH4+oNEWO2X0nWoYAABX5yT5/NDtNf6ZjJMWoHrF6eIRKchLlUuGo3auUif3BqMsbKs5O7B50JBlVu451ZiRpe4cdPDqrRItEWY//I3G5oiyT2e6lKbI8P4lhOYNWnmJU56Tpc9L1kIDbDrSRJPzn727PSzf84+0P0pPUmcm68c9iDJyeoNsfBgCIBPTD313x3oHW7z/2Nk0Smcm6x17Y7Q9GfIHIX/59OBRhFtbmPvqP3X/fePTHX18ok3yE6vOqsyNR5oePv/PegdZ7Hvp3e6/1SENfukmdmazJTNaa9Aq1QsLyXFVRaiTKMAw3sRchAAAD0NA+YrZ5slJ0JEHYXH6McVKCsn3A/s7eJpoiVXKxXi0X0JTTE0zUK+9eO6O9zzIw6lpYmzu3KsfmCmSl6i+2S9WX+FggIdBfesEMQYTHbubak0ZegI/t+lYXpx4905+XYVArJAgjjULa3D0WiTIKqWjU6jXqFKNWj1Ytk4gFu4505KcnxFjuaGPvvTfXvfxOvcXhK8o2tfVaSnOTMMa7jnacFynVqaStPZbr5hWX5ycPWbw2dxACyHH8qgXF991S19RhXvWtvz/+4+vzMxJ4hBP1yol9d+Nipr3Huy1237SilJnlGa899tWFX3vG6QnmpBuee/OITiUFAOw51rVibuGPn9i882jHrr9/x6hVAAB4HvWNOCmKTE/SaJRSnVq+ZGZBeUFiVvJtKSbNzPIMpzd0z0MbLHY/QUCO5fMyDWmJmjOdoxeWekMActP1WrUs3r9bJZfEN5WyOP1ZKbp4Aao3EInG2KwU3ZDFjRB2eoLRGBsMx0RCWi4R7DrSkZWiy76CLuRf4rJQXFbNi/Axe6Tqmt/e4mMTVa+RleYl1TcNLptdWFmYsr++p7wgubXXUpqXFIrECJI40TK8bkWlPxi1uvxLZxUcaxwoz0sR0tTSuvy39zR9+9bZDnewa9DGI+z2hc4zRwQBU00ahzuUnqjJzzSUFySTJBEOx7RKyVu7z9yytHLd8kqbM9DYYZ49LTMrVQ8AaOu1uLwhAgIACYzx/Ors7iHHn1/d/5vndi6tK/jf76z4zq83UBTFsfyIxRsfYs+xTo7Dbz75NbVSvPNI+/sfdBl1itwMw7yqnLhmsKIgacdh3+FTfTlphjt+/uo3180y272LZ+SGoyzCOBJhREJaKha4vOFJc0IapTQ3TT9i8bb2WFzeUHVxqsMd1Gtk73/Q6fNHqopTN+xo+MryaWqFuKF9RECTzV1jAACDTpGdoivNS7a5/Bv3nPnRXQsv2+mX5RBg+fOT/uP/4vjIlHp1fFw+gT5lpxzhKIcwBjEOg0tsacFj5goyKwqaAOyF2+58ZLgXuvxfyZAbPlmw+tPGxyaqRCzw+sMiId077MhO1StkQgjjzfvEHQO2OdOyvYGISiZu67OU5iYhhOqbB++5aSYAID1JW12c+sq79WsXlUWi7N767qriVKvTTxCERikZ38ppWlFKIBTVKCWBUOz1904CDHIzDL+4d7HZ7v/HW8euX1hqdQac3lBmsq6t1/LvHQ25qYY5VVkOdzDeHOh0+wjHo38/fte7e5sffna7OxARCGm7K0iRH/b3tToCBVnGP728t7Pfnpyg/NZXZi+py5/Yq16vkauVkqExt0BALZ6ZX1eRue94FwTw+Y3HIIQsw33txhkAAJNOYdCcLwzAGHT023LTDRnJWrPdG4mxA2b3ohl5cqnIbPO+t7/lePNgZrLuwKme3FR9YZYJY2y2+Ux6RVyCPzDqIknyrjXTL8tSAsKKTG2yRkKQBAGBUiqIC/0UYoGAIjAGMiGVqJGIpq5AJEct+sU806ftlWME9FJSK4QPVaov0ZMYYVCqEV72N+MrWXLVZO0AJoLDwBbh/tuIKhLQBq1crZB0Dtgyk3UVBSl7j3fVVWR2D9kHze7r50uKso1CAXWydfgbN8480TKUlfKhOH5GeYZaKdlyoDVetMmw/KFTfRjg6xeUjhNVLhEGwzGBgE5OUE0rTCEgNBkU1SVpc4WCGx54gUe4tiy9JMeUoFP0DNpnlmcqZeJRm4+MS/gh0KpkA2ZXz6C9pjT92f+95aFnth081XfeQ09RZEe/TSyi//bQukUz8i78jiQBM5K0YhFNEnDdsooDJ3uW1BX2jdhvXVnFsfyIxa3XyAEAQiF1IZ0gBHWVmdsPtZn0it4Rp80RmFeVE2+3H2N4qVgIMGgfsFocvp5Bx4yydIKAy2YXtveOxX/4QtFYskGluoIGojIR9Z8fLvi4t++TIFcj/O2cK9pib0rwUPkVNWS5NGYZRLMMX/jt1cHVpWfkEqHHH1ZIRX0jjpw0g1IuDkUYluNzUnXeYKQ8P3nY4snPTBDQZGOn+bqP7heen5EgFFAOd9DtC1UXpxZmmcRCamIcGGNAEBAj5PKFGjvMPEY3LCx9+tUDD945/x+PrHe4g0+9fuAndy+SiOjyguTyCWceNLvs7mDXoG1ffffj/9zr9ARcvjDAYFLTRJEE4vHrW06+se2UWilJN2m0aml6krYkxxQnVXaqfsuB1nAkplRIXn7nuFwiOnK6d9jiPd02wrL8tOI0cPHmzyadYsXsopYes88fmVGe7g1GAASRGBNlmMUz8hUykVQieP6toxaHPztVR1GkSEDlpBk6B20sx2MM9p7ouXFR2eSnngAGoY29g64oM2n3mLNagYu6fJiExE3ZaQbxpR5iazjyTv8wixC8eMbllpy0BPGlygZiPPtKxx5HxEdcLpCNMNaLlXcXLSXhpYybP2Y9Yf4XwvwVuuAI83m6Bemq6ZO+y6Lo8ZGXI6wXwityFXjMmWRFZcY1Vzb4lOFqiJpkVO860r54Zv4HjQNZKfrKwpSTLUPlBcknmge7Bu3JBmX/iCs3wzBs8UjFgnhHwnEEglGAgS8YTTQoJt0ZacDsTDNpg+EYy/KpiSqBgFo2uyDFqPrfZ7ZxPPrp3YsfuH2eQSO7MMeTbFQnGlTFOaYbFpUREFqcvm0H2p58ZX/A7D5vryeEsEwiqC5JzUjWyiRCtUIioEiTQVmQkSA+l+wRC+klM/IpmkhKUM0sy9AoJdUlqe/ua7Y5AwzLOTwBAIDbF5JLhZO2DoQE3HGkIy89weL0G3WKUISxuwIiERVlWaNYPmr16lRSkiDCUaYoO9Hi8Lf2WvRqKeKxxx+5QikSh9DBMduAP0heVSaHQ9geifyiqkRAXJQVnhizc9gc4fiLcQwDvCjFdGmi9njML7XtiiHustNEGItIQY0xv1yXeYnDwoyvyfYex0cvluc7DxyKMXw4XVU9aY7DGug6YX6DQ7ErPhtTZAiUGVd/xkr+qyGqgCJVconNFTBo5XZ3wKhTRGJsNMZZXUGKotJMaps7MH967ua9TUXZpokfxBhYXf4EreKDpoF51dmTnvxMh7myMGXQ7HZ5w2IhnZ6k8fojC6fnLZtVGGG417aeVEpFFevnTPJNSAKQIC6X6+y3PrfhyK6jnQBApULsD0YnPmoUSSCM99d3zyhbcucNtZNeb4KA3mBkw46GaYUpez7ozkvXTStMoykqGIryPPIFogjhSJR1uoMZSZN4aCQBi7JMGoWkrCApFGF6h51b9jevWz5NKRO7vKGBMVd6klYs9PePuiIxLhrjFtXmtfdaXtp83OkN/fjrC6/0RhCEkCSvjqhCEpywu94dGLk5K/1ixxAQCkgSYXAJol7WTv6n9yCLeTF1RfqNGM9uHTh+aaJCCClCCPFFG8eeBxJSjnBfjA8LyUkqDZzhXh6zAvJKawkhIEj4OdSvXmVkICtF1zPoyEtPGLF6AAC1ZRkWh29+TQ5NEgKayks3cDzv9oVLchNHrJ7uQXskygIAfMGIWCRo7jbTNDmpRxpjOIKASpm4rdeSaFDMKE+vKEzqHrIfOt3b0WeZX509uyIjPzNh0nJTAADL8UfPDPzmbzt/8uR7BISPPnjdUz9fS5EEBICPl3tjjDGOxdiVc4tuWFT659cOLPz6MzsOt0/aNjo9UVORn1xVlFJbmja9NGPY6oEQLJiRN708Y9Tmtbn8WSm6IYtn0plACK9fWKrTSH3BqEhARyKMWik1ahXRGGt3BzOTtENjnlNtI4Nmt9sbMurkz791NDFBuW75tLvX1grpz6jNLAnhhp6hZtfkX2FKMBp0nLB20xc32ueBIshjY+1jIdcUzgFC0h+zucODF76FMe51H4FXy4LPElc5xUSD0ukJBkMxk17p8ASTDEpvIKJXy4RCamjMLRELeoedUrFg0Ox+e3fj6faR400DIxaP0xNM0Mo7B2yzK7ImPa3Z5o03+23rtdidgSOn+ryByLfXzRJQ5BvbGjZsP82wfGVB8qQkD4ZjXQO2gVHnnWumb3rqG3/++Y2BYPRnT76Xk6YvyDIm6OTtMnXxAAAgAElEQVRatZSiCI1ScsuKiq0HWufV5DRu+tn96+fsOtrx/1472DNkP4+uWam6jGTtiZbhW5ZVRKLs2kWlC6bnNrSNnGgZsjj8ozZvbrqBu+ReaU5PiICguds8pyr79lXVCpko0aDMzzBIxIJojDlwoiczRUdT1J5jXRjHN7wTT3HPpEuCgDDCcS+29/oY5lMaYtdQgzPqJ65s+QcAICFhj3h3DTVM4RwggCwf7nYdvPAtf8zqCPdf+fQ+R1zNFDke7TrSQRDwTOeITiU73T569ExfcoKK5fgUo9oXjCTqlW5fSCUXGzTyW1dOWz67cFpRalO3WSISmO2+cIQx6hWTnrmhYzQlQe0LRvfV95QVJFWVpenV8idf3a9VSnf947t1lRl763tcvsmLDCViQUGW8fbrqlNNaooiAqHoi5s+yE03vPib9R5/+OHvLJ9fk3PX9dMTdPLv3zH/f7617IFH32poG75hUdlTP7sx3g/FH4xO5CpGOBJlHZ7g7mNd//Pn9441DmzZ35qXYagpTdMq/z937x3f1nVljZ5zC3rvjQQJ9k6KpKjeu+Qi9zgusR3H40wSp8z3pY/zUidlJnGcSew0O46rElcVq1dKJCX2XgGQBAGCRO/ALef9ARVKYhFl2c5760dJFHh5z8HF3fecvffaawve2N8CAMAh7BicmHU+Hn+EYVEklqopyeTzSAyD0XjS7Q2fbbcOj00zLPrxM7eRBO4JRO7YUHb7ulKEgNXh8c/x7j4mkBg2GAy93DdyC9olXodgMnporGWxO3MMYicmOpLsQr1nFgfojVkRurYZlCdmjVN+7P+HKyoC8WRqeGwaQJBtUta3WjEMZBnkKrnINR060zLMJYmeIReGwfqWEZVcJBXzxl2Bfxxuk4h4JIFrlOLGdlttqXnWc8eTFEXReVnqC12jE1NB67i3o29CJuEXZmvfOtj2/ef38TjkrrUlv3nlxLd/s/dQfV8gFL/qnUB4mXlHUcyPXjh0z5aqb31+04t76i0m5eN3Lc/NUC2vzL5jQ9kHx7u++fimX/7H7u//dt+Yyw8A0CjFdeVZUhHvKo8LQrmYv3NNya61Ja/+8tHaUrNMwveHYm29jlg8db5rNBxNLK/MGnP6Zn07VoeHZZFGIRYJuMFwLJ5IBcIJpVSolotqS80P7aqtLjEFQrG6cjOOQY1SrFdL6lusP37xIE1/os3FSAw74nAdHnfd8jOfcXZZgy7ihve9l+aD9/vGT4533MKZ4JBwRfrDSfc1r9v8TQxL3VA3gU8bizNUbzB6psVK0YxBJem3uXesKT7fNSoUcN872pltVBjUUgCQTCIYHpuWivlGrRQA8PaR9ky9vN/qNhsUKYpu6R2vKjLNevLmrtG08/m395uyDPIlJRl1FVnVRRlP3L2iosBo0sre/LDl5IWh7z219Qv3ruCQ+NGmgVHnLM4Mw7LvHe/0h2JfeWhtkUX39uHOZ7+4ncAxpVxo0sq+cO/KeJKiaObOjeXPfnHHS+80TPsuqr9fE5wgcIxB6Gd/Ony6efgnfzzS2GHfuCx/96by6iJTbbnZ448ebRgw6eRT3nAwkrh+GgjAs20jk9PBPYda+6xusZBPMyxBYC294wAAFqHJ6fD4ZIBDEhDDHJN+ksAfuq0216z+hG+b9Ggv9w/bQ7dSTo1i6Q/tFxYMNc0KhNhDYy0MumUUXAixBB0cC7bNfJFiEuOhdmyRz5FPC4sz1EA4fqF7dHjMMzA6bTYoqosyh8emRQJOSa7+veNdZqPS7Q1TNDM0Nl1dkiGXCMYn/QigZRXZ/Xa32aBo73eUFxjSJNjrMekLr6nJdU4FL3SPDdimjpzt7+h3nG2z/uNQW36W+v6tVXdvrizN1Rs0smyjcn1d/l2bKmgGtfU5hsemxyf9oUgiHbJyuAMFWZpCi+5C92hzz9j21UVranIAAGaDItukzNDJNy8vDEUTAIBlFVmP3lnXM+yimdkXMYpmb1tXVp5vkIp4yST1wp6z/mDscMPA8aYhnz/yz8PtAIDcTLV13HP975bm6iAAz/zkn3lmTXmhiaJps0EOAPAFYg534ELX6LQ/smFZfr/V3dIzFo4l9GqpcypoNihHxr1Nnfb2fsfeE93pd/RxA4fQn0q92DMQo260ncSC6PLYO6at8yyn89ghgREt7sFe79jNDT1r1pdBzFRscOYrvvh4JDU92753wR47nwIWZ6hKmaA4RxdPpOKJ1JKiDADBhrqCw2f7lxRn5JnV7x3tyDYpp30Rx2RgzOXnccmjDQPVJWYBj5Oll/O55MH6vmXl2ckUnUxde0O4PeFoLCUR8vae7GIZtqbUXF2SUZqnrygwquXC7/x63+/eOONwB1gWiS+lGdNNu3Mz1dYJb0vPuGPSP+byHTnXLxHyyguMiGUb2+29I5MP7qwmcBwAUJ5v1KskAIDV1Tk8zsWHRZZRuaYmb65qFQGX7Le6Q9HEFx9ctWlFwTMPrVUrxUuKjNXFGVWlmU1d9lGnr7zAmF4kr4GQz/3aI+t//d17KgtMZy4M/+ql49FY0heMnm2zvr6v2aiVUSkaQtgxMOFwB0pzDRwS77VOEjg80tCvU0sKLbriXN3+0z0p6pPYCXMwrN0TeNt6k7ZxDRBAB+xNSZaeiykBAVyqLZgrioNBGKWT++1NNzE0BJhamI9j5DUEXxwSNv/5OBW8/MpYqCVO+a/hObCIUfDNIq6KvXXr+S3B4jIBIgEvS68YGJ3Wq6XpvHymXt45NDEdiGiU4mg8FY4mczJUF7rHCrM1AIARh+fzd6/wB2NGnSwQjvuDMQ6J9wy7bA5vrlmdZimlz2x1eNKiZ/tO9kRiyc7BCZZBWpUoEk9WFZl++rVdSrnog+OdXA45MRUkiCsXF4OwqsAEAKAZlmFZpUx44HRPeb4xQy/ftbYUx+HQ6LRjMgAg4PNIbyCKAMAgZBG6XGEHL3auuA4I+MNxksT6re5fvnT8tnUl+WZNLJHqHXGTJAEhjMQSh8/1P3nPimSK8gWjCum1zAcWAS6HePm9RpVctKLKcrxp0Orwmg2KikIDTTNZRqVGKZYIeYFQ9Fy7rTzfsGFpvnXCQ9GsWacAEKSvZNegs7ok4/rZ3XIQGHzXOlYol9RqVAsfPS/cscA5Vy8xB8GIQayaJ324cJM14PQmw7OaK4HhJx0djxRtNAgXNxkWUVmypSk25ovZ4YwJYBALJVyemC1DepHP5gi2z8ZGgtnyOqvv7CKkGz8RLMJQUxSdTNGdQ87lFdkz60g31hW8e7RjbW2ew+VvH5goydXtO9W9vNLi8Uf4HDLLoGjpGasqzth3srss3zhon1pbm+sLRQkC6xycqCgwpou2bRPe29eVjTp957tGaYbFGUSzLELgxPkhtyfs8oQKszWf3VV78sLQmdYRLknMdRVxDDIsOtU8HEtQL73bkGlQDNim1AqRgMtZ7IXHABgam15aZl5RZREJeSat9PX9LTIRP0UxDIsgBPF46njT4JP3rKgpMTvcwesNNRRN+IOxe7dWkQQeiiRONQ9pFWJfMGbQyAwaqcMdCEcTTR32+3cs8fgizd1jZoMi36yJRlM/fOHg+qV5OIYppYJwbBYH+OMABmGSZV/sGTJLxBreRyr7OmBrmo4HOfjsPg7DMuVqS7Umt1hpPuHo5MzWnwqHmDcZPu7ofKhgcXxmFiA+KdGJCj3REeyqJwVkEOWO9qYNNU4HvTHb1QcABBCOkQZxybDvzKIG/QSwCENtaLcHwrEJdzCRpAR8zqB9Kj9LAwDgc8mcDJXN4SnN0/dZ3Xq1tMiiE/I5RxsG1HJRMkUL+BwMwuaesfwsTXGOzh+MD9mn880aiZAXDCfUCpE/FAtGEiIh962DLXlZmgytjEEIISQScD+7sybfrH7+9dMEjv3zUBuL0NcfXfiTC4Tj3/jFu5l6uS8YTyapbzy6Hrupoo+zbdbn/n5i0hsOhOIqmeg7n99yqnloZXW2gMthAQAIuD1h+4Q3Qy87cm7gcrvXNFIUPTzmqcjXp7ceDMsSOK5ViYUC7sjYtFjI67e6NUoxAohlEZ/Hyc5QRWMJu9NXYNG88WGyOEcXiiRONA0atLc4s8oiBOdg9RAQTkRif+oe/OaSEuJmy2RiVPLoWOs8yUkI4TpjGQaxdaaKUxNdcx2GAXjAfv6u3FUCfDGqNAjhkDSJy7vd+6/9CUCjgeYq3T04xrEFmgIJB45ddf+zLK2TFKoEOSz7r7XvBYsyVIZh23odG5cXHKzv+4/HNx4608fnkhl6OQCgtsz8+r7mjcvyg+H4+KRfyOfEEinnVLDQogtFEhqFeMoXxjBMJRMZtbL9p7qXVWQJBdxUik4XIE16wqW5egDAyQvDzZ2j/SI3AohlWK1KsqQoY3wy8OCuah6H9IfirulQOJoUCxd43ru94U3LCz6zoxoAsP90jz8Uv7lm3qFIYvfGiqqijP/z3++p5IKG9hEBj3uiaejSjh0GQrHWPsddmypSKTp1td4fy6Jxl18i5L59tHPTsvz61hE+j0PRrMcfbWifAhBm6uXT3siqJRYMg6FI/LV9F1ZWWXQq6eGzffYJv1DAVcqE3SNik1Z+EzOfCzTLVqoUrlh8Kp6YNcPJwbH6yaliu3S35VqJmRvEsfHW4ZCLxGa/tWiWMQqVVZpcAECJ0iwieXE6NetjA4e4LTjZ5Opbb1q4RGEmWETnKFYJSEWSDs3c3GKQmIwMRimvhKufigyxgMWvdqERQBnSJQJShsD/lw21MEdrdXiMWqlOLTl0pnfD8sLjjf1CAUchFWIQVhWbrA5veYFRIuKrlWIAYCJJF+dobRPeykLT/lM9GAaqizOi8VRz7/j9mWoCx6bC8SyDAgBgn/DmmzXeYHRiKrhjXQmRlt8GgM8lkyk6nkh9+9d7BTzO47uX9Qy71lTnLGiodof3/eOdvkAUQnC8aTDHpLreUFMUc+hs79qaPILA0r2t1HLRtfVlCL1/srsgW/vjr+wUC3j7T/fgGLZ5eSGHQ7AsQgB4vKH6VutdmyosGcoxl2+mpD2PS6oVQgDBpmX5OpWkrjzLF4z1DE/eualcwCVefq/JF4x2DTr1GkmmXnGovs9iUiYpev/pnpFxz91bKpzuwPCYxzkVzL+lUg80QgVyyY4s48+au9O6p9cfQ0D45pC9VLlgIecsYBE6Nt4+jw4hg9hqTb6KJwUAZIo1awyle+3nubNtkiEEKYbeZ29aZ6pY1DRYwIo4Khnf5Ap14TMMFUIsyYSmosMSrt4R6rg+3otBzCgq/VcLI6WxCEM1qKU5meoB+9TKyuw/vFVfmmdYuSSnod22rCJbKuIVZuv2HGzdtqpo3OUvtmhpmklStFTM53NJksCHxqbNOoVExGvvn1DLhGMun4jPHbC5C7K0LIva+hzp5otnmkcUMuElzW2EYdiudSUblxVYMpTJFAMAkEt4DrdffV259jXg84jP3VlXnKOHEIiEXIV0ljIdhJBtwifkjbb0OXgcgsclQtHklz6z5nJ8CyGEYZhRIzlyrv+FPfU//ertd2+p/OmfjpxqHuZyiDSHKRZPhWLJeCLFIfGh0enLhhpLpBrabDUlmX1W9/DYdGWhKVMn33uyx6iRmvVyAMADO6qPNvSX5xt+/MLBuzdXdQ45y/IMHDIlFfErCowkgfeMuAqztFO+8OUA9a0CxaKVOs12s2GvfWJWkT4MwnCK+nPP8Gfys26Q+H4ZzVODTe4BDj77fZWO5NXpC9P/hQDW6Yr2jzbPdTYSwzumRgb844XyxYTTEAIAZMuWTYTacXDl6kEAaJay+hukXL0/PnaNg8oiRsrV68Ql7HUEpn8FLC7qa9JK7RO+YDSxc13pL18+9pOv7KotzWzuGa0pMUtFvCVFpqHRKblYMB2MDo9PkwQWjiZkEkEskQpH4ttXFXE5xIDdXVloGnX5p/1hg0aGYTAQjhdma0gCT9fNWDJUGA45BMEhcYqiW3sd3cOT92+r2nOw7fb1ZQzLhmZjF8xELJE602JdVpGVbgMhEfL7bW7NDM2XFEWPOn1nWkc2LM37j1+9l0wyEIKyfH2f1f2Fe1ZeNlSaYWmG3bA0f2VVTjSemvQEv/GLd0kCv3/7khRFpyiGYliKYmwOz5jLX5ZvOHC69/IQ+0726FTi6UC0e9jZMTARjiRJAjdqpfdvW5I+IEMnt5hUhRYtl0O29I595aG1o07/6ZZhi1GVbVLkmFRalWTaH47EEybt4ptZzIu0kvhDBZaxSLTTE5g1lkPiWK8/8MrASLp5x43jxHg7xdKzrpAAAIZlsiX6FborveFqdQUmocIZ8+Oz+bQYxPzJyF5b4+IMFQAAQKa0kouLGJaa+ayBAPfERkaDLSk6gl3joCJGJy4WkLJo6laWBNwqLM5QczPVrb3jlkwVh8TryrJ+9dKx7z+9fUlRxoUue3VJZn6W5kjDQGmeYWjcwyXxbKPSG4gJeIR9wuv2hnlcMp6gOgcnHrl9aU5m2DEZGBqbLs83uD0hjUIMAGjrG+/sc9gc3rQ0PgYBRdGP37OiLEtz5NzAPw615WWqTjWPfOOx+YJJHf0OAIBQwBkanT54pg8BYNLK6ltHmnvGCi26HauLAQAdA86mTntzz2g8TjV2jAYnfLhMiGFYS+9Y77CrriIrfSoMwiRFv3ukPUUxRq1026piDMNe39dsc3gxDLvY4hihYCTunAoWZGtnJmN1KnGuWR2Lpx65vc4finUOOiVCbixO/ebvJxmG3b2x3KSTCwVcTyBWW5b54M4aAIDFpJqYCnh80fxs9cnmYaNGapvw7lhdgs9mSB8dUg7nqZL87zW1h1LUrM4qBuFgIIxDeOOLqiPiOTXROU+tDIPYMlWWkLziuSh5kip17ritca63SWLEaUfXZws2GISLE3xQCrJ5hCSSmp7ZeBzDcE/UTtEHrk/MQACN4rJFDfFJYnGGCiGsLTOfa7PdsaEskaQjscRP/3j4m09sWlqWdaF7dElxhkkrHZ8MqGTCrkFneYGBohmdWtk15CrO0evVUtuEpyhb5wvGJj1BLgfPMSmj8dSkJ0SSRCyRmvSEVtfmcjgEjmE4gRE4RmKQQ+DZJuWSYlNRjtaklakVkmSKZlk0q/fUa5082jj4jc+txwm8NFfvD8YABCIB91jDgE4l+bC+93jjYJFFIxHxn35g1XN/pwes7mceWkvRzAtvnT12tg9AcKp1+LKhpihGIuR++8ktv3v9dPvAhF4tVcvFNaXmLJOSZViGRemO45PToSMNA+vr8nlcwheMpbfZBo20tXe8NE8v5HOEfI7N4RHwSX8oFoklTVrZiQuDQgFXIxPzueRM7s5dmyoSSXraH64oMMjEgqVl5rlYXLcEFon4kXzL77oHru5zeQWL5dOfnuicioe4c+17EeITnNuyl13z+raspYfHWpg5CrFxDJuM+eud3fflrV3UZPiENFexutW1Z+YWFwJIo4Qnbr1u38vySWm2/Nq5/etg0aWPFpOqa8B5oWt0aUUWQKh7yPX95/d9+/NbllVkHWscXF6ZPe7y69WSd462r1piwTAMx7Cekclii07I5wzYp0tydeOTfopmHZ5ARYFRKRNOTIdWVVlc06G+ETe8okAGEAI0zYRjKV8gurQ86/nXTq+oyso3a9r6x/PNau51npvbG+7onxAJuD//y9Fso3Lc5TMbFPEk3W91F2ZrK4tMlUUm+4Q3RTFDo1M4xEgC/9YXtqS7MO451BYIxQAC9c3W3Run8zLVAICOwYk9B9s2rSj43F3LhDzOO0fbE0nmRNNQKJrA4ZW2ONFoor1/AgAQjCT6rJMrqywAALcnopaL00JQFM2YDUqH2+8Lxu7eXNkz7EQA+YNxpzt0V2ZFYgZJUMDjCHicWT3qjwlbzYaRUGSvfZyLf1TKa5RKHLCdn4fciwDgE9xzrt726ZHLwSYMgDid4pO8SCo+Fzkeg/Cd4bM7supE5OLUj0ySqvbJdy5J01wEBBBex8RAiFEIssTcW9BH42PCzdQob11V9Pxrp006ea5ZzeEQcpngx3889MxD67asKKxvtSYpesThQQhwOUQyxSSS1OiEr7ooAwDQNThh1BT7Q7Fsk9LtDY9PBkw6eTJJGTTS8512hJBMxAMzLirDspFYcvuakmyj4o4NZWtrciamQxCASU/4ep1Oq8OjVgjv377kQtfYH98+u3ZJjjcQpRlUUWisyDemj8kyKgOh+PkuO4Bg2h9JpCgAAEUzXAJHAEAIh0an9p/qgRBIhLxwNFFo0foCsd++evobn9vw4M7aA6d7KZqWS/iXmtAAAABBYqFIgqIYo0YWi18s7Mw2KZq6RqVi3rHGge4hZ3WJ2RuIRGOp7iFnOJrcuCyvvtVmMakQYvn8T7PdNQTw0ULLaDjS5Z3dWb1xtLqHh4POeci9GIQRKv7n7g+vIfdBALkEOc8GG4fYWHiqdWpojXFxW1OdqIBPyuLUwnJNCCCDuBSH/7ptRG7ms+Fxyc/trnvzw5ZwNGkxqdRy8a51pS/uOTvq9K+pyQ1HEtVFmY/eURcIx7kcwhuIMgybaZCnKCaZohFCJq2MZdi68qzzXWMIIZLACRwLx5LhWNIbiHr9UU/g4pcvGOuzujsGJg439O9aV3K+ayzfrFZKBZFY8vJkKIpxTYcAALWl5licenXvhYoCwxfvW3Wyefi2dWWfu7OuqtA0c5+cSFGZegUAIEXRGAbtTl8gHBcJeek+VB5/9P5tS+7bumRNba5aKTYbFNtXF+tVEopi3j/W2do37gvGPJdmmJ5tIBQPRhLRREohFaS7HgMA9GqJSiYszNZWl2Q+tnu5gEc094yvr8uzOrwWk1KjkOzeWK5WCF98q56h2fCMt/PJQ0SST5fmK3jc+ZujzQ+aZd4aPsUsFHmCAPIIDp/gzvziEZx5xNMAABBCiqX32hoXmzaR8nQGcSmLFqg0QACROLdA+YlKOi4Wi1tRE0nK5QkBBBRSwSN3LH1xz7mn719VXZzR3u+4bV3p20fat60uumNjeXu/Q6+SONwBsYAXCMerSzPkEoHDHdAoxAP2qQe2V9smPCqZcG1tbjSe0iglAIBRp68835CbqWZY9pKEHoAQJpO0xx9JTdEcHH/l/SatUtzUZd+6sig/S5PWefAEo8+/dvI7X9gqEnBvX1/W3D323vHOB7ZX379tybP/e+Dxu5ZfTxhKU4WEfC5C4L6v/eWBHdVmg/x8q5XFYF6WmiAwtVw07Yv0jkz6AlGKov/tvhUmnaK5Z4zPIbatLsIhnHFHQ5ZlR8Y9wXCiKEdHXSolhRDSNMuyrEzM7x2efP9415rq3FiCInDMkqHi88juIZfZoFQrxPvP9EIIlhSa6iqyPq1OFtkS8WOFOb/t7J/ZsXJR6PONdXlsNy65slgQGN42NTzkdxTIZ6+RnAPQICod8p6Y/yAWsTKeUcr75JRQbwKLM9TW3nGtSiLgkUcbB2pKMh+5vfa5V0/8+wNr6sqzGjts65bm1rdaeRyyJEd/oXt0yhfON2vSBVxCPre9f4Jh2SyDgkPi6Wd3ZaExkaQIAgIAxl3+5q6xjgHn5bHSrcZpitm4ovCnz+zSqsTLK7P1atmampzeEXda+QVc0sV8de+FL9y3EoOwOFd3rt0ajMS3riwqydW/faTdORVcXZ1zuYWhQSNze8NHzvVpFBKKYkddfl8wxudyhALuvz+89rtPbU3XxI5P+muKMywm5VM/eMuSoXzu2/dsW1X08Lf+HgzHMQiv6HGmpwpBMBwzG+TsDO32qmLjgTO90XhKIRE8dd+qUZffoJHetq50ZHx6zOUPRxLDY9M71pSatFIEwIBt8kTT4Pql+R9TjHdBbMrQDwaDH9gcN+es7rU1RenEXFmZj450nma/vbFAfs+i1P8ypJVcXEqj+DzCSAgxGZJKPnGL02C3FoszVLGQp1NJJqYCKyqy3b4wAuDJe1a89H7T7o3lyyqyreOeqkJTY6d926rC3Ez1ifNDW1YU2sa9mQYFSWAj454UxaSDN5cvdTxJpVIMACCWpJZXZisVIoTQFecfAQBBIkn99d1GAZ9kaLahw/7kPStOtYyoFaK0oUpFvAydXCUXvX24/d6tVQIeZ0Nd/h/eqjeopfdvW/LMQ+tc08FTzcNrq3OFAg4AgMCx2lKzazrkCcTeP975wPYlJq3UqJU+ee/yVUsuKjmlKPpE89CR+oH/50vbf/SVnTiGfeMX70pEvJIcnVTMvyLXggCAAMewfps7lqAAANH4FfEhmVhQV5aVpGiDRnqovm/T8oIURUuFPJmYDwB4/UAzn0vqVBKLSTntD1tMak8gOh2IEBhe3zqypibneor/x43HCvNGApG+QJBczMJOYJg75jvr7Pn4ltM0SIw4NdH9SNH2WTOuc0EnLlIKslzh7nl2KxjEzbJr+1D/q2FxhkoxDM0wVodHJhYsK8+yT/i8wchDu2pe39/i8Uc2LisgSTwWT9W3WDctL9SpJBDCUCThC0YhhNFY8nL24rI6GcNcjCzE41RLz5hQyMMweNn1T/9DM2x1cUZZvkHI5yhkwrpys14tjcaTiRTF45B8HseokZbm6scnA6/uvXD3lsrSPINRI2vuGfvDW/VP379Kr5YmU/Thc327Z6ha69WSNBN4VtgmvBaD8isPr/2fv50Q8Mlff/Ou9c68D052dw+5CBybse9FDItYFoVjybQbHE9epRJ2mUGVn6V5de8FuVRQlmfg80gcw5aWZi2vzOodmZz2R86228KR5KN3LP3wTK9YwC3LM7T0ji+vsFzTZu7jBp/Av1hW8J/n24NJCr9h7iCB4accnZMxH29eQdAUQzNovq41CAACw+ZiCAMAMAxzRrzHxtu2mow3ODcAAASYXlQ8EeqYSVG6alyEeIRILcyb9af/OlicoTIMiico65hHqxKfa2drSjJ1KnG/zX3fthpTkVMAACAASURBVKoj5/qnfZEHdlRLRfxjTQPvHG2vKjJ5/BEel4jGkgCAeJISCblyiYBlEecS+wfHYfpBzOeRGXq5TCKAMyo70hwaimZb+xyWDKXFpAzHkm8f6SjO0dW3jkjF/KpCE82wyystRxv6hXwOzVy8FeRSweYVhRwO8Ye3zjy2e3mWUdnSO9454CwvMMzyrq4Gy6LznaNHGwZ+8tVdtaWZ/lD01IXhFMOMjHuyM5TppAyEAEKAEEgzfl3TwfRU+XOkPXMyVGq50Orw7j3Z7QtGd64pKcrRJlO0SiaUSwTLK7KPNvR/cLwLIbR+fRkAQCjgdA85SQKvKDDOLL79uJEjFX+hJO9XbX036KxiAPoT4YNjzfMLI9Ess8pQYhKp56HRYhCzhyabpwbnKruBAEAIDo4216mlGIA3TvMzy2ra3e8hxM76jhiUMsvWyHiLMP5PBYszVJZlo/HUxHTosbuWO93BQ2f7inP0FQXGQfvUyipL78jkC3vqH95Vu742b/+Z3nyzZszlz81U+0Iximb4PNIklUEIp33heOLiyiMWcNP1qCIB1zkVTFIMQeAcAudxCJKDc0mCyyUIDBfyOf5Q/G/vNWE41jEwsX1V0ZheEY4mkim6uWesuXvsQveYUi6sKjSFIonLJIG1NbmIRc+/euruLRWblxf+4q9HZRJ+pn6BYpQBm9ugkexaW/qjFw5VFZluX1/67O8OFFp0Zr2CZdh4iqYoOi1SkaIZimKSFBOKJgR8TvpdzHVaiYhfWWgKR5ORWJJmWLlEcLC+b/+p7u2riwPhuC8YH3X6S3L0De1WkYCnVYk5JG53+mLx1Oqa2aVVPyasNeg6PcEDo+OcG3BWcQxvnRoeCkzMs7FkEKviS75Ve7+Wv8CVd0V8jx39VTAVnctWCYgP+R0tU0Mkht247oVRUibmqENJ10yK0mVAgOlExf/60r6LM1QOiUdjSQGPw+eSOZkqvVpyts3aOTCxZWURQgjDoM3h/fPbDfdvX7J7Y3n3kDMYSeqVYgLHx11+xCKZhA8AcPvCl4X2CAJPywLlZal1aolRIwMQYBDDcYhhEMMwHINcDpFIUa2949/43IYso6Lf6na4g9XFGe8e6xDyuUvLzGq5aOfa0vQEril/Wbc0ryRP/+d/nrt/25I71pe9f6zzyw/NR3ChaKald8ztjXzpwTX/PNp+pnlkU13B3Vuqfv/GaY1KwlAMxCDLJYQsyzCIRYhlWYpmo/GkQiIIRRLsQo0A4/FUTobKpJOHo4nhsemfPHPbqNM3NDZdlqeHEMSTlDcYK87RC/icUafPqJFyOQTFsOQcESYWIXaRXFwWoQWzME8U54xFIl3eALnABhhSDL1n8GyKoTGIzdXbMMVQZSqLZiErBQDoRYoqdc6hsda5uE0AgARDHRptKRGnLtbVXgeE2GtmwiXEWmGBPz4KsWsfowggHOMYJZXXvo5YhNhZWz4ixH4qRXCLMFSEkEzMt034so2KdO2lgM/ZvKJwwO7+x6G2PLO6ujhDwOOwCL1ztOPOjeWluYaX3mvCMSiX8Kf8EQyDPA4BAOByyHQjpjTc3jAAQK+SuDzhFMUigDAM4hjGIXEOgZMkwSExHMMwCBvaba/tu5BtUv3sT0defPb+HJMqEIp5/JF0/fpcUMtFj9+1/L1jHbvWllonvN1DLp1KIpPwidnu/paecQgxHINHGwa++cQmjy/ywxc+rCrKwDHMNRWkKJZmmCRFUxSTVn4BCCQpRikTSMT8niGnNxi9/pwUzdA0y+eRAIAMgzytvv2XtxtX1+RIRLyyfENZviGRoobsUxySSKRooYBL4JhJJ3e6gxIRv6PfkW5/fA0gAFIuR0HRiyL6JRlGQC6wVAoI4t9LC37R1hOmqHmpApBhQkEmpRHIwNyPCxoxO7Jqb3CK6zMqOzy2ecJFCMEwFeXgMpyY7YEDIctSHPyqhzUEMF+1wRHuwOG1dzuDaJ2oQC2wXH08JuDIGURhs0nJMCjFwyWfcOMZAABc+AF7CSxC9gnvh2d6xUJeNJ56bPcy3iVXM5GkzrSMjLn8G5cVcDnEhe5R51TwtvVlh8/2GTRSnVI87Y/aJry5mar1S/PTawVxKZ70ygfn79xQZnf6t3z+f9Ok07SbiuMYjmE4lv4GJlJ0tkm5a23J8kpLIklJRDyVTPjusQ69SnrHxvLLM5kLg/ap8Uk/jmMnmoa4XEKrEK+tzZ1ZPgoAGJv0v76/WSMT15Zlbnzi+R99edfOtSVvHGj53eun+VwSIcQwiGURw7IMw6ZXM4AAlaKXlGQc/vO/f3CiSyLirV+af83Q3/nN3ml/ZEVl9urqHLGQd6xxACEQSyQf2lWL41g4mhyf9J88P9zcM/r779/fNTQRCCVqyzI1CnHXkFOnkkz7IsU5s6T4EADBJMUgdlE3DQKITxDChZqvAgBCKYqaU+jgUhABMAilZpsAmnmonCe+wVAtAsAbD82Iqs8CDCAOTl8ZEidB+uSIBQyFWJqHCQicBy4vuBBjAROlQwAn4eVgFUMBxCKAOBiPS1zVTRshNkYHWMTMSsNAAJEYl0dcpyDPMAghwLIz5LcgwCDAMIhhH106eBErqtMdfG1fc3VJRl1Z1vOvnTpwumdDXX462cDjkptXFDomA/tPd+dkqFdX55xrs738XuOy8mw+jwxFk9F4EoOAYVgAQCyRImbcKGq5aMA+XWTR5mQoxQLe5TgTuFSVCgDAIAYgEAu5+Vmafutktkn52f/78pqaXINaqldL2/octaWZs66Ql5Fn1gTDcS6HePaL2zEMpvXT/MFYab4hHQHyBqPdgy61TCgWcRMp6q8//mx7n+Nsm1Us4FUXZ6QLZViEIIIAInBJDQ3D4OiErzhHDyFMJOmKglmUuFZUZpuNCpZBnYPOqkKTczq4tDSruWf0B7//0DkVLM3Tmw2KigLjmpqcQ2f71tbkJimaxyWbe8fS3nuGbvb8HgRAxr25LjUILLB5wwAAkvnqYC/fiyQAN9pe6bpzzDIHCIGKP3sXhTnh7mc9wyjsBvEgM94Mwi4WscmrTg4hgFySh5mWQHkmFCigxABN1YA7O6caQkxIztJI/howU1PJtk7a5WL9geTgcKq7BzAMAOiqZxQEAABMIuHV1eJqFaFRE5kZ3CVVcPE1xotYUQdHp9yecFm+QSbmv3+iSy7hh8KJ5ZXZM8UTGJY92jAw4Q7sWFNyts2WoZPpVOIj5wY0SrE/GNOpJZuXF3QNOssLrgTZBmxTbm94TU3OMz/7595jXfiMtRFe/HPRZmmKVSmEVYXGgmytVinO1MnzzJq2/vFzbba7NleW5xvmFySgaGZ4bNrq8KZS9MZlBRIRz+0NdwxMqOSiIot238nu5p6xrz2y7n/fqN9zsPX4S1/52/tNdof3WONg+rFykd47g+WbRjJFv/aLR1Yvyfnn4dZ7tlwsN6Vp9mTzUEmOTi0XD41OFWRrRp1+s1HR2jseDMcFPE66A8jzr59+4q7lBdkaksDd3vD933jJpJM9enttPEl3DzlNOllRjr6mOGP2ACwTBX2PgvgguG5H95GAACAkQFAAOHokWwvl668dtuu/WetbAJsjGYNYSIrxVX+A4vk6soFUkD77NArbwFytUNkkln0PXv7NuU7AurqZvgOM7SyaHgKJIGJpAADE8EvL+4zl8Erem0EIQYgBggclephRTeRvwvI3Q84iqiCYSXd0/4fxM2eTHV2MewqlKMSyEMcAhl2+WS8NB658RzMAIUDgmEBAmDN5y+sE2zbx16yGN5yyXoShpnG0cYDAsPIC4/GmgXW1eScvDK+oyjZc3dqo3+Zu7LDXlZt7Ria3rij8y9uNJbk6byCqUYpLcvWRaCJnxp4zFk+9svf8v9236s0DrV//xTv5WWqAYDqXCiGAGIYBAGG6fhAihNYvzVtanmVQSxo77P/15yP//X93j7v8Jbk6AOHy8iziBjZ1PcOukxeGM/XybauKWBa9caDFG4hWFZnc3nCWQRGKJsZcfq1SrFdJXthTPz4ZxDGI0jGKS7j0PaBoJhRNnHjpy8FwvLln7IHt1QzLdg25wpEEBrGW3lGCwNfV5mUZFf5gbMDunvSEKwtNBVkaHMfOtIwUWXQquRAA4AtG/+eVE0uKMqzjngd2LHFMBjAMWkwqlXxuLQsmDNrWgWgXuOVdABECgAWIAbgAyDeCrP8EoivhFub8N5n+FwA+R3wbsZAjJbbuh9LC+YZI+qlDO1GwH8yVOGUSeMHn8br/vn5fzU60UWdfZK2nUMwLMQJgBIBwcU4jQgAxiKUhhkNNMVH3GFF+NyAW0PdhPN7Qq29EXn2DstoAjgMchzi+6D0tyyKGATQN+XxeTZXk354Ubt1yI3PHf/CDHyxqIAGP88/D7XlmNUBg1OXfvrp4/6luHpecua6q5KLcTPXZNpvHH9EqJSIBFwAUS1BiIVevlhA4Nu2LpFIXObckifeOTCplwjyz+mB9n3M6GE2kwtFEKJoIRRPBSDyQ/grHA+GYPxSvbx2RiwUfnOhcX5dvMamKcrQZOsXek92RaBLHMYmIz13IX9UoxJWFRtuEt75lJEMnQwgdbxoyaaRmg+L2p19cXZtrMSrfONDS2GE/fLY/kaL94VggHA9E4sFwPBhJhKKJcDQRjiWj8WQgEL19Q9nujRUN7facDJWAz3nnaLtZL9epJT//69Eii3bnmmKXJ/Tusc5wNNHQbivNM8glgmg8ybAIw6BjKpChkwMAXt/fUl2cuWN1cZoikpupzs/SCPjzEh5QCrhfBZQXQBJA/FZ/ERfXzGgf8O4HkmrAu9gxCDlPIF87wDlz/CIGCQGW8xnIm1ePl0mwtj0g5QfYHJMHCFNVY8bNV1kgnaROP0/t+xZydgDEQpwDMHzRVgourgAQIwDEQHiSGTjCOjtwYyUUzLnjjTeen/q3ZyJ73majUcjlQoK4Sc8TQojjkCQBQpR9NLb/IGUf5dVUYcIFiGiLNlSRgDvpCY25/Eq5yDkVSrNqjzQMRGPJ9D2XBockcjJUnQPOcZe/stDoDyWmA2Ehj+OYDLx7vHNZRVY8RQfC8XTTcQGXbOt31JRkOj2hsy0jEhEfxyCB4wSOkThOkgSHwLkEzuUQPA4p4nOn/ZF7t1aV5Oqqikw/fuHgH/ec/dbnNxdma8+0DI86fTwuKZcI5s/X4zhm0sr2n+pp7hmjaGb90rzB0WmTVlaYo1fJBCa9fHwycK7NLhHxOARBEjiJ4+n5EBiOYxiBYTgGIYSxJPWLb9wpFfGPNvbfsaH8fPeoVikuzzeKBLwT5wduW1dq1MosJtWKymySwOVSQV15loDP4ZCEw+3XqyQDNncwkjBqZTTDhqJxs0EhlwoD4fgbB5rd3sg1baCvBUqByVcANTXn7vEWAAKMBHQAxAaA5r606SLnMeRtmXMlBAjivBsyVOubIOkFcwWZEI0pq2YaKkrFqP3fYxpfBCwDCM4t6uwEAYZDiKHpIdp6CjNWYpJZKDGh1970fPnr9LgD43FvfLO60MgQEgRAKNXekWxp569chsnmIxsv2lABAHq19NDZvkKLNp6gBu1uFoAdq4ob221DY9P52ZrLFkIQeFG29oNT3UUWLQBwyhumaKY838AhCZvTV5iljSUommaEAq5UzK9vHSnI0pbnG9440GJ3+CLxVDCSCEYSwUg8EI4HQ3FfKO4Lxn3BmD8Uszl8DncAArjnUOuuNaVLSjKSSXrSE/KFYkI+t9/u9gaiqRQtkwgAvLZbNs2woWiiod3e0GG3GJUiIS9FM0UW7VM/eKu6JGN5ZdZzr54MhuPPvXJy2hfxh9IjxgOheDAcC4TjwUg8PbFQJDE5FXrkzqWP7V7W1udQyUUsQpFYsro0E8ewZIoKhOONnbZEim7qHFUrRBySUMlFarmIxyU5JJ4mNvJ5nD/+8yzNsNF4ymxQTriDsXiyJFcfi6cohv0XMFQAAACQAMkJIKkGggLwaRkqy1AfPsu0vAJwLrjlNUYQApxAEQ872ojnrIGCqzRfooePeb76f1A8fhMRoBsZGpIkbbcnu7oFWzZigjm95ZuJQyhlwm2rio+c6//cnXWhSPxQfV8iQd23fcmJpqE3DrTctq5UcilNKhRwv/jAqlPNw1tXFjnc/mSKlksEt60rfendxj/981xloclskMslApLEl5VnHznXd9fmyq8+su71fS1Ly8wYdsXErib/IgghTTN2l2/TsvziXB1Fsy+8eabX6n7lZw+7vaG/vXfeYlK5feFzHTaNUmQ2KDkEjmOQYdhYghoam4on6SKL1huIykS8mpKMx777mlIqfPXnD/uCMZZla0szndOhJ+9dcTG8ewmXnXkEAEAgEks0dNi/9ODaFEWf7x594q7lQ6PTRo10aHS62KLDMEwlE6rlQpIgzrVb8zJV+VkaimYBACPj08cbB3UaaSSabOiwQYg194wbNVKrw7NtVXFBlqZvZNKolVYWLqqe62MGosDUO0C565PPH6ZBnX+Zbvk7JHg3tJCyNGCZS8EcCCAEGLngL0KCCzwj1KEfce57AZIXDYYaHfN+51mUSEDyBqyUZRFNAxZdrtIEGAYJYuGh+fxEw3nfT36h/tXPwByEsJsMGNaVm60Oz5sftj5138qD9X3vHe8cc/kevbNu3OXff6pnTXWu8ZK+u1Ejkwh5I2PTNofPpJOlNchzMlX3bKl840BLx4BjWUX2muqcikJjW9/42KT/qXtXnWke+d1rp4VpOh6c+ReCEF6+/okk1dRhe2BnTWvv+Dcf36SSi/7yTuPr+y+8/esnOBxi1OUfc/kf3Fn9m1dOZpmUNcWZew61Ly3NLLbof/XycYtJuaY29+i5fg6XEPI5eZmqJEX/7YPzfVb386+dTqWYy8kedFXw7uJHwLAsQ7O//d49BVmavSe7qosy+FwSICSTCNovDE55wxUFxsoiUziaYFlQU5wRT1BcDsHlwHiC6hp03baulMfjeHyR8Ul/lkGRoZMfOtcnEnBD4XiKYqLxZHVJ5s3VhV4LxICFxS8RwDgLWSAGqGkAmJu+YT4KkH+UOfciTJvc/GAoBCGmzIGyDMCXAwwDVAKEJ9nJHkDFwIKK+ySPGTzK9OwjKu9LvxD41W9omx3yF5KAYVlEUbhWQ+bl4SoF5HIBAmwoyLinUr39KJmC3AWGhlxO5B/vCG/fIVi/btYDbv66f2ZH9R//cfaFt+qfeXidxah848OW7z637+kHVu3eWH60cXDU5V1ReTFAv6w86x+H2kvz9MkUTZI4wyAOQYiFvC/cu7JnZPLDMz3OqcDm5YVbVhZ9cKLzibtX/PzrdzimgjqlRCHlYxjEcYzAcS6ZFsSb0RIPApZFQ/bpdEvvF/eczdTLnr5vdYKiH//PN7784JpH71jaNeTKNilTFJ1pkGcY5DwuadLLsk1KbyBqc3jfPNCyeUXhlx9au/dU95YVhQqJ0B+MP3HXcjij2DRtqDTDUjRD0wzNIABQ56BzWUXW47uXDY5OTfsiO9eUAgBEQq7V4VlWnn2iaXDM5edwiNqSzL1nulYvyXnvWJdOIyEw7FTz8PZVJTq1FABwvGmQJPB1NXkSMU8k4JTlG0fGp11Tga4hl1YlnSt9ugiwKaDYBORb58uaskkQ6wPT7wFAz2urELBxwDJz73g/RtCd76DAGFhQMIlJQWMluexJPGftzLAQohOso40+9WvWdhYsVDELIWQuvIQXb4cccbKrJ3rwyII2hmgak0rkTz0huns3bjRA4solYiORZHtn6C9/i+4/CMl5l1YMQ4lk6M8vC9atnfWwj3Tdv3Dvyr/vPf/Lvx770oNrfvilne8cbf/Or/duX118//Yl3YPOU83DNSWZQj5HJRdVFZt8gahYyEUIMOwVNmZJjq4kR5cWE1XJRRWFpneOtt+/rfq5b919z1f/YnV4pCI+hkEIIcQgdrV05eUiOAGPtE94cQwzGxRFFl1Dh33rykKLSfmHt+rPtlmf/8493/qfD4LhhNmo+OKP9vzka7sG7e5kivrSg2tIEhcJOK6pYDRO/eTFw2fbbJeL7GYuoyxiLxbKIEQzTCQUf+D22p999fZAKH6wvu/BHTXp/K3FpLI7fT1DLkuGqr7VyuUQU75waa6hzzpZU5r5xr4WrVJs1Mmc04H0dsMfjFI0w+USPC6ZaVAkklQokrQ5PN3Drvsuyf9+JCAKSJYD078vfCQhBRP/C7B5qAsI4ELwafT8RfEA0/U+mJv9exFMEi/eRe76r2s8TAAAJHh41nJMX5p8+yto4OACaRiMYN39aGoImpZE9x5gvV44t98IAAA0TWg16j/8lr9iFgVDTCTir1rBW1Hn/+Vvgr/5HZg3UAxJInG+OdXdyykruf6nizZUimZYhLjkxV98+Lal9a3W37955s6N5Z/ZUbOi0vL7N8+cbhn58mfXlOXp2/rGzQZlhk5WVWj6/Zv1KplAIRVUFpo4l546bm84nqBIEo8nKAjB8opsbyB65Fzf5hVFb/3PY0//8K3CLG2aZ4/hEIMYjkEEEEDgss0iBAAEiEUUzXQNuToGnEcbB376zC6GRZUFxl1rSzgkUZitlYp52UbF43cvqys1AxYU5eqmvOH3jnYihMZcfophczNVBVmay/bJsugSNQrQDMMixDIIITA46jZoZC8+ez8A4N1jHTtXl6QToQCAeILqGnTWt448fFvt/duX6FUSHMf6rJNTvvCWlQUcEltRaTnc0B+Np8Zcvky94o6NFUfO9bX1OSAEBIHbJrxbVhTyeeTa2jzh/ImZG8dCckEXISyZlSc0AywQ5IPZqk8+ZkDW1YN89gUCZgwNNUXkzp9cb6VXTsQVc7f/IDHZDcKT8z1xIARUnOl+FzNUxc81AGJeA0EI4ITyh/85q5VeOSWGK775DWrYGn1/L+TM/cniOOv1RQ8fvTWG6vFHfv9mvVTMv29rVSyR0ijEq5ZYSnP1B8/22hze1dU5P//6HV1DzjcOtBg00o11+aFIvGswlp+l2bA01+b02Z3eigJTWkfL5vAerO9NpOjP7KgmcGzSEzZp8R1rSt4+3H6saWBjXcGrP3/08997vf7dJrlSTBAYBiECiMRxgsQuL3k4jpEEAQBgGBZCUJit2bG6mGLYv79/Xizk7d5Y8e3n9uaYVbetK/35X44ROIzEUv843F5i1a2rzc3JVL341lnXdJggMAghy6IUTV8kskDAMChF0RBABBBCIBxNJJP0Vx9d/19fuw0A8NbB1iXFGdkmZWOnXSbiyyT8SU9IKRM+fFuNTiW5TFRwTgU2LM3vHXYX5ehtTq+Qz1lVZWntc7i94dPNw5Oe8PZV4n2neiRC3hP3LNcoxGkt8luHhZw6xIJoO3D+cU6mEQAAsAATA+1Dn0okiXX3ITYFF9iyIrz2c1C4gNgnlJvxnLV005/h/LtoOoXc3cnuLmpwBM5rqIiiBBvXC3dum3/cNKRf/ELs6HGQSs2/AaaGhsFsOsuLNlS9Wvrtz28+3z12vGlAoxAHw3Eul0AILC01p2jmbKtVJRdVFZnKnjH0jkw2tNskIn6hRdvW5zBqpcFogschUhSdTFIIIYpmlhRnDI5OHW3sf2jXUgCBcyqYbVLetali36nuD0503b6+bN8LT33vuX2dg06DWkrgOMOyGAZn0noxDBKXAmVpCZeeocnGdvvEdFCrFP/sT4cpiglFknsOtieTVAKAP799zuOPnGuzWce9HJIosuiKcy5mQdJTunxmlkUUzaQrLZMpasofeeSOpU/ctdwbiL53rLOmNLOiwPiLvx61mFRIA4KReHu/Y2WVxaCWujyhlp7xZIrOyVTJpSKIgUA4Vl2SMeXjcAicIHCtUuz2hj9/z4oj5/qXlmetW5q/+G5MNwCMD9x/B4Hj862WiAYJG6CDc9ObWMDEgekLQPjpqMgjzzBkmfniQCwDRWqicOuNnA0v2Ykik3PSqi6ekMa0+Um7jQ2H4fyfC4sEmzcusOpeAre0mFdVGa8/O/+imhoYRBR9fSroZnxUAZ+zrjZ3OkfX0GHtHnZtXl7A53G8/ggLgEzCd3vDRxv6lTJhaZ6hOEdnd3qdU0GKYodGp2maaeoY1aulJq3M7Q1bMlSnm4cf3FHz3ef2NnbYl1Vk+YLReILi88g7NpQfbRj4+wfnd2+qeP679+452Pr95w8MDrt0OrlYwE2rFs3UggDgYheMdGA2vTF2e8OdA06CwBACECIIIIsQwyAIIQLINuG9LM40o44UpkmC4GJOCLqmg9Fo8p5tVS8++0ChRTtonzpyrn/b6uKcDBXLsgqJYGVVtl4tbekZt457lXIRjuNSMU/A1/zjYNu7xztefPYzL73bwCWJv73f5AvG8jLVPA7HG4yU5Oo5JL60zDxPrflHBcRA0gkSY/MfBCAxN1sYAUwA9E+C7B9+7Nna6wExwDLIP7qAb8wyUFsEb6zhBZ67Hs+9lr08K+Jv7AEMPX+gGOIEmZ97I2cDAECS5C6piJ+pn+8YDGO9PjYQxK9r+n7zwSS1QnT7+vJRp6+h3Q4hWFOTq1NJovFUMBx3TgdHxj39timJkFeWb1hRaQlG4vYJn9Md8Aajew62bVpW4PaGdCoJl0M4p4P/9/FN3/3tPqmYn5epGp/0Z5lUEIBNywu6hpwvv9+0YWn+fduWbKjL/+1rpw6c6gnHkjyCxDBI0cxMEvQ1dovN/C8G03lUHML0YswiFqHLy/JVYj4sYnEMJ3AsRTEAgqXl5q88tPbODeUsQh+e6XV5Qg/uqkkTqjAM27S80DrutU/4hHzOf3399sPn+guyNdO+SDgaRQA9ekfdhDsQjSctJnWhRTPm9I9P+l9+r/E7T21J92jjccnz3fbKAhOH/HiiqRfpeDcLxABRJdB/DuCfnHj/FUCIkpGFHVTAQqHylge62FAYMPP67SyLKWS4dhHiy1BohwAAIABJREFU+rhWuwBbA0I2kWQ807fMUHtHXFPeiCVDyeXglUWmlt6xF/ecLczWrqjKztDJDRppRb7RF4q19Iwfbxocn/QvK88yGxWrqnPys7Vv7G957tWTd2+ubOkdL7Jo2/snNtTl69TSn/3p0Lef3GLQSD2+SFoWrCzPkKGVHzjT09Y3vnNt6Q+/tPOhXbW/ffXU6wda/IFYXblZLOJdWv2upFQuxYAuvfeLfyEA4DW1/5c5DDDN0wYo/etWh8dqmyotNj1138pH7lgqEfL6bZMnzg+V5ugf330lbBCOJtr6HZl6mcWkSpuuWi6amAy0DUz4gtEHd9ZMuIOOqeBT960S8rn+UEwu5SOAVDJR15CLxyVkIn6GTh6MxA+fG9i5tuTTYRLMD0iA4FnQvhkZn4bm79x69v+CQOxCUS4AAADYrZ8YSqXmd8kRy0KxEBMt0AF0JiCPu7CbzzDoaom8NG7SUPVqac/wZCASX1WVI+KjykJTRb7xXLv1z/9syDIqllVkF1m0WqV4x5pihMCYy9c56PzgeFeKYrJNyq0rC6f80bqyzCMN/VySIAncE4gWZKl3rSn+67uNa6pzSnP1Aj4nHfmUSfgP7qzpGXa99WGLSSvfuqrod9+79ysPr33zQEuf1T3q9EMASBLHMYxlL+l4zpTcTb9w6erMVSkEIUwv0RTN8DjEhmX5335y82d2VAsFXOdU8O3D7UIB594tVdfUspy8MIxjsCRXP2ibeu7vJx++bWmeWR2LU7kZKsMSi8Md4HJwKsb89e1GtVKMQVhZaKwtNXcNOauKMsYn/RTFDNqnsk3Kc222aCz5Me6BPwogDpgYtP8EUH6Q9z8311rhI2HB4q6rOsvcOtwI4eRmWgssdAHnKDG4SUOVSwT3bq061259+0h7Sa5uaamZwyHS3NRB+1SfdbKh3WY2yPPMGoNGajYozAbFbetK7RPepk77scbBJMWcaRl+5qF1xxoHjFqZzeHJ0MkJAn/2i9vfOtDy5pCrotC0qipbIrqY2SvJ1RdmaxvabX//4LxOLVlbk/ufT2+f9IT2nep+5f0L9a1WAZ9Tkqvjc0h4sWXjxewNdnXTQARAWpYBpNWD2P+3vesMj6M6u/fO7Mz23qTdlXbVey+WLcu9YWzcjeklBAOhBRLyhSQkECCQACHEmFANGDCEZkJxB1fZluUq2ep1VXa12l5np9zvx9pCtmVJGBOSPD6Pftizd6fszDv33veec17EAYQ45PYFTzT1qeTihdNzVs4rnluZhWGwu9+18es6CMHkopQ0ywhlvyMUvXlfQ31Lf5pZ221z76ptveGqshBF9zs8Xn8YwyDHoVbr4NzJmd/UtHb1u6aWp9qcPirKeP0hpUzkcAW8gfD7Xx3RKCRjKn4uEogDYExmEgQQH+1hhxjAhcC2DigmA+3yS3p+YwHDxx7TQgBYeow23x2QJEaPQ4hhyB9AgcD494kiFEDc6KtcEMchf4RX9vd6PiYVJpfkJNac6Hzq9e35GYbMJH2aWZtu0aVbdGGKbuqw17f2rfv0QFluotmg4jikUoiuvqKEZlinJ1h70vrFrvqpZal7attYjivPMx9r7CnIMP5k2aR26+DhBuvf1u+69/qpcunpWMVxbHJJSmmeua65781PD1qMqoJM023LJt22bNKxxt4t+xpOtvZ3WJ0UzRA8nODhHDeC8dfQL49jEEAQjbIsy6kV4gkFlgdunjGtLC3mUdjQZjtyysoiblJh8jl2LcOxYFpuWW5inEYm4BNHTllpll3/eY1GKdle3WTUySfkWwgCL8wwJMarclLj+ge9B453lmSZJCLSNuiTiPhKmZAk8JyU+DHkbBcNxAFCDQjNqH4OECAGUN2Ao0Yd2ULARYBtPdAs/vct0iAESQlUJyFP56gPN4ZCLoDYSyugx6TSMeaTGMa6PIx9gEgbbz6JsdnABd1tAAAAIAQFAlw7gp7he12bNxDZvOcUh1CSUVXf0l9b350Yp0yMV4lFRF6asTDTVJhpml+V4/QEB1x+lkNHTlk372nUqSUpCRqjTp5m1khF/KwU/dZ9jUcbe7RKaWefy2JQJSdokhM0kSh9/itNQPLKchNLcxIaO+zbqxsJgmcxqiYWWAozjW5vaNfh1ne/qN11qDUQoiryLGqFCJw3PIEAcAi1W53HGnuzU+PmVmZdu6CkKMuEY5jTE9xW3dhtc+tU0hkVGfHaszxBemxumUQYK3gRg5BPWIxqAECYopMTNCXZCfFa2cv/rE5N1Cikwu5+F4/AU0waX5Ay6OQ6lbQsN9GglYcpuq6ln2G5ZbMKhot4Lz24CNJfCxMfGsN4BbEgcBy0PwyCJ0d71jE+8OxGkdYx42F840E0roYYBhUJgGNHjVMc2RtQYBBKxy4ewzZuofethaOTkzgGM2RjkjLAw0dc0hzWko02NQsnTxrzuAAAFI1Sh4+OPqJGHIep1Zhcfv5H3ytQJUIyI0lntbkjFDOxMKko0ySXCrr63Kda+7ftb4x5n4tFZGK80mJQCwXEUL2mMEW3djnc3rDXHxYKyPlTsvsdPpNefvSU1RyvjI1WBRdWFUEIs5LjspLjBlyB6mPt73xRyyd4pbmJi2fkL56Rb7W5v9h58lhjz4nmXirKkDw85pEZW6uM0oxOJZ1XlfXIz+bNq8wWCgiOQ4fqu1q7HRyHUhO11y8oO38g2tRhX7Nht1GnWL2iUnl2/dJ+h/doY8/imflqhXjNu7tVCtHCqTkub+hEc9+empZJBUlKmZBl2XAk2tY9aNDK08w6AGAgRP3wZWYQxISAN8JdPxfKmSDhQdB4y6gTPgg4CoZagEA5aoxBwIQAExrjzGg/CtsvqHEDACAE+EoAAKZJYTB8tKcbw5B/gG3eziu5fvSDAgCY4x9z7XvGCFSGgiSfV3g9JpMjv29UfgIMbdoqu/G68WhrqBP11JFjY7RkOTIjbUSWxfcKVBzHYt2m1x8+0mDdd7S9u9+dnaLPTTPEaaQCPtHv8LVZBwc9QX+Qau12BENRg15u0ivEQlKvkSmkApLg2QZ9Rxt61EoxAMBsVJ1o6i0Yt8JLp5IsnpGPEKhr7q1v6d+6ryEzSZ+fYbxz1WSaYb/afeqFd3ZabZ5FM/JlEkFL18CWfQ3XXFFyy9IJBRkmAEBHj/NIQ3cgFI3XyqeVpxt1F3ymGzrsy+cUpZu1h+q7Z03KwCAMhKgIRbdaB6NRZnpZejBMbd3XkGbW+IJUYrwKQlieb55ens5xnC8QcftCC6bmZiTpY3tLM19wOH2pMe50By4bF0OQC0JZ+qhxCgET4vp24Oqi0U6rbwegPKNS5BHgqwAAMC4X4uSoPRsEADC16/Hs+VA4mikZ217Nte6EfMloLwgAAIQwaSqZlUmkp1AHD43CT4AEEa4+EPz8K8nSRaPtEADAcd61r6AINYaolWOJ9PRLT8ofglwqjNlk+oORli5Hj93zzy1HZGLh5OIkjVLMcYjgYVdUZfNJwuHye/0RmmHd3uDW6oZwhK4qTinING7afWrA5b9qeh6Ph/XaPUb9d9COQAjyM4z5GUZ/kGrpHtj49QmSh5flJi6akbdoRt43Nc3Pv72rvdsxtyprz9v3p1t0EYo+VNdVfawjOUGdk2pIt+gu5F57sq3f64/oVJKSrAS3PxSvlTMs124dPN7cZxvwtloHmzsH7rh6cu+Ap7PXZXf6V8wpbGi3H23ssRjUerXM4Q6QBFFT1zVjQvoPlS4aHeNfRPUdAIgGcPTMMwQ8JSREY0xTMR7XvA4zzILqc42tY0C+dq7ptTHSqrEMFgBYXDZUWtBg62i8fJxAfSeiW/9IXvE4JEeeTSC3ld78CKCDYwhoEAJ8KZ42C2BAOKmC2rcfjEIkghCynPN3j+JajbCq8oK7pCjnY38KfblpjChlWUyjEc+dOfKhvqu52TiBEPD4Qw53wOsLsxzqHfBEojRCQEASifFKiYikWS4SoTmElDKR1ebu6fe0dDtc3uDyOYU8Hp6bGj+ar9dYsNrc1Uc7fKFIea65IMM44PLHim4gBLbsa2jvGSzIMOanG4dPOM8HzXDLf/76NfOLi7IS4jWyupa+yqJkAEAoEhXyCQhhIES1WQf/8OJX8yZnDbj8LItSEzSVxcmvfrSfT/Jy0+Lz0g1f7DqpUYpvXFh+0ddyQbB+cGwWCNZfMAnEUUCzAGgWjSFJ5cLItQO6dwDAjhGBiAYlBxArobfOB1HPaP0SxwChDs+4DdNXAUkCJOUAQET7QaAbDR5mG/+BAt2jKeYQByDOm/o2ZpgBAKD3/J3Z9sSYMjfE0ljSJKLip5hlIuR/S5lGfjvbtpvZ+yJyNINRK1kBAAATxZKnkNe/BXF+9OSpviWrUCAwelYJMQwmEctuvkF81QIyN3u4VwvrdlO1R31vrg9t/3pMBTkKR8QL5unffHXEZj9UoI58KgixLIcA4DjUN+Dtc3iDYcrm8OvUErvTf9OiCYdPWTmOi9PImjsdVpv7qul5KvnFc2IG3YHt+5sABEtnFZIE3tnr3FbdmJygmVqaNp7KSwiBx17aVJKTMKU0VSLk19Z3pZq1sWqIvmCkzergEzw+SXy+s14iIlkWcYjz+MJ6lTQ9SedwB6goEwxRNy2uGN1w+OIxZqCCcQvHARhbO87RQJwJCrcDKKa3zEXu+lF5/AAgFnAMwEgoNQNSBSAElAcFOgFLAYiNoWvlGCg1E3M3x0a/yNtHvbkcubvHIXajEcQwfSamTgViDeBYELBz9lOcqwtiYx309Fkz/BX/wHMWxP47+OCvfW++DYVjeRdzHKJpTCIh8/N4xnhcqUQMww4M0G3t0eZWwKGxbVw4DuB43HvrhFWTR/z83xqo5yNM0QePd04rT/vVc5+ZDaqqkhSRgCQJ/LNv6nQqSWVhiscXSohXjt71jY4DJzqbOgYq8s1bqxuvnlesU38HeYrHF/5o27HyPDNJ4B09TrGIzDDrjjb2igREYrzSqFd8fbA5JyUewNPloTbvPWUf9OWmGQqzTIEg9fXB5pXzilzecGfvoNXmRYCzGNQFGcZLw20YT6BeQnBhYLoPpDwNAOQaX2EO/R/gjcd6GwGOPZN2xgA26oLtEJgQnnMvXvyHocbMofX0V78GcHz2nKdd8AGIfR/jjZdgSEewzHnkypeHsk10t7V/6TWM1TouKxaEEE2DoQK/CAAePrr+5tuvhiPy229VP/77C1mxXIy52SUEwcNPtvar5CK5VJhkVEMIuvpdh+q6WZbrtXs9/nBWit7pDQ44A3w+7+KmeSa9whsIb9nXcNPiCd9VRBaKRAke9k1Ns0Yp7rF7+hxefzAyIc+clRKnkIl27G/OS403xik+3XFcp5TSDBunkWEYRpI8qZjf3OGQiPl9A16RkDTHqybkmzOT9Fabe+u+xmST+hKsnf7bzM0AAIgBPDlI/Qsg4wAAUJaKbLtRqHccfRQEEBtyEh1XlHJRKLXgE56DxLc3CzPkoaALddeccfEdFRgOMB7EeGdcf8c3omGiQGEkF/8Vk+qHtuFyOZGaHNqyDVHU2P6DMStQHu/bv/H5sKFwWDB5ovaZP40iUv+RAxUAIOATTZ0DFqNaq5JIxXynOzizIsPpC14zv6Sxw15b323QyDgOuTxBm8MXDEfHtAI9HxaDanJxilg43n6M47iTrbbmrgGrzWM2qOZMzOqxeww6eV6qQS4RdvS6IAQKqVAqEeyoaVZIBP4gdaypB8ewNLNWp5Kmm3VRmrW5/CI+Ma08Ta0QiwTk4ZPdxxt7xSJ+mlkXMyX87j/V2fi3BWpMfZ78R6BeeHoLLgCyFNS7FdDBS8yG5xiA8Xnlf8Y0Z5cAhxBPmoTCHq73MIwF/6UFE4FyA7l0DW48NwFGJFl4iQnhvdUoEBhn9/gdwHFcOCyaNkW39m+4drS1gB8/UGUSwYFjHQQPC4SiYiHpC4Yzk+IOHu/y+sNVxSnTylKDkSgAQC4V+YKRfUc6lDJRR6+TijIYhCTJG2fQntOM5TiHK2C1uXvsnj671+70u7zBaJT1BiL1LX09dg9FMaW5iekWHY+HHz7VfbShp7IwieDhZqMKx6Hd6fcFKJmYn6BX/Pn17ZOKk4Uk2dnvCoWjYhG/o9eF43B3bWtWSpxeLeuxe3YdasExfHp5mtmg0qull0Yr84MHKgKIA4gChBIkPQaMdw3vD6EkESoykeMAoJzjHZGOcTQOcBQUqHllT2KWZSM0wAk8bTogxZytDkV8l6TyEgAIsAziWMxSQS75K55QOmIjMitDUFYSbW5huq0AnKlj/T3BcSgahSRfdvN1mj8/wdONpXq/tHPUcISmGRbHMSGfGL8YurlzoL3HqZAJJ+SZ13164JorS6uPdjz12jaFVCiT8FVyCcHD+CSP5TgBn1g5p0gmEdTUdSEAuvtdEYqBEPJwmJGkj9fILEZ1bELrC0aoKBOzI6OitIBPQAAc7sDxxl6PP5wQr8yw6HyBCI+HEzyMZjiGZWVigcsb2nO4raLAUpRloqJMXUsfn+BpVZJvDrZIxfxFM/O6+90bvjyi10jz0w0QgM4+98dbj73w8LIYRem9L2v7Hb7SnESjTp4Qr2ztGjjW1KtXywozTUOOLZcMrB8cnQoCP0BJi1iIYjxA6IFyOjLdByX5I7fztbInnuZ6twPaO8zk/jsdijud8eKJsLgqLP9XmKpg9G9wtlPMvrVsyw4UdsPYuBob36B6+EE5FiAOYDhUmnnlN+FF10L+GKsMnMfr3/BP3xtv0d3WWO7nYkpasCziOMCwUCoWlJYo7r1LOGXk7NE5uGSB+sWu+pq6rtkTM9MtukF3oKljIMowcWoZQeCBIOXyhpzegEIqSohXigSkUiZMMmnwM5Hc2evqsbvFQrIoK6G+pZ9hWZNeUX2sY1ZFhtXuiVA0hFAhFWoU4uaugV6793hTz5JZBQqpEMMwuUQAIXR5g70D3tr67t2HW8vzLOlmXf+gVyUTZafG+QJUq9VRnmvusXsS9AqPP1TfaivLTRTwCZKHsxwKhCIsi3g8HIMQYoBh2O5+d01dl0wsuGVphVwiBADYBn0rHngjOzlOJhGsnFuUn2H0BSK9A55AKGqKU3h8IQgAhmE7D7WU5ZqDYQrHsMklybsOtR5r7C3NTSzOMg0vCXtpwAVB42oQbruUPSrEARQAnhSIs4CsEogzkcAy5pOIXMe5zk84+z4U7AWRgTPkBAjO1hueaQ1O8wdjzfhqKDZimhKYtALTlI7/Wjh7A9u0lW3egXy9wGcDHIMgHM1SNPacIwQAAgI5lBswTQqevxRLrBin6DwGdsAR3lsd+OQzur2dsfaiYCgmfR75YocOjUDsenGdhmcwCCrKxIsXCgoKwLjHVpcsUBs77M2dA4OeIAQg2aguyzOLhGQwTIUjtD9I8Xg4n8QhgMFw1GpzewNhgsdTyYQEgavkYo5DbVaHSiEuzDS5vcEvdp288ary1z/ef+vSivNHtu3WwZc+2PPAjTPizxCJYnecZVkqyjq9wQee/mRKadpPl0+EAPD5xL5j7clGjVYlaekcSDPrtlY3zKnMYlk2TDE4hN5gpMfmcftDHT1OpzsYidIIIbVCUlFg2bqvUauSiAQkhCAQomQSQThCV5WkDDewH3QHOnqdDe12ksBNekXtye6iTFMkylht7luXTozxKDp7XXUtvZlJ+jTzdxAZjwMIcPTFSa0uCAgBJC6Sds9Fkb8DeRqRrwVEHIhyg6gHsRRAZ2yoAAQYD2AkJOWQr0ICNSZLg/J0KEsF+MW+xTgW+XpZeyNyNCOfDYXdIOQGDAUQc+bBhhDDAU4CvgSK1VCogOoUTJ0CdRljdqGjg/V4oqca6ZZWuqOL83jYQScKhRBDI5Y7fU8wCHEc8klMJsdVSlynJdLTyMx0wmIezY3lArjEQ1+OQ63dji93nXR4AmaDavbEjGTTBUsbsByqre+iGZZhOYcrwCdxiUiAYdiB4x0P3jzjzY0HdWpphkUnEwsQQm5/qK65v/Zkd11zX3meedmswowk3Wff1CllIpbjqCiTZtYOOAM5qXG7alvz0g3Zyacp2k0dA0km9YDLDxBQyISH6rvTLVoCxwdcgUCIomgmw6JzeoLn1I/gEPp467F0i84XiFiMqniNbMQ6cTTD1Z7scnmDHT3OjCT9oCuYZFLxcFzAJ3LTvt1hlGa+qWlJNmn+jeTBy/ifwiXOYmEYjMnc/MHIgRNdW6sb7c7AxAJLUaZJwCekYn59S9+J5r4ozVgMapvTt3BaLo5hLm/IavMkm9QFmSYIgEzM7xvwJsYra+u7WZbr6HF6A2EByTMb1Aun5d55dVVDu43hWIKHe3whXzAiFfET41WD7mCSSSUW8uua+1ITvn07JCeoCR7u8gTFIj6Ph+0/3q6UCQszTZ/vrKcZlma4eI2svWeQYbn6lv7rFpxOJ3j9YQBQwbA6riMCx2A0yhA4TyQgCjNNWqUEABAMUf2Dvv3HOjAM6jUyi0FFErxZFRlf1zSHKTpeI2uzOkqyEwniR7DJvYz/UvxQBNT2HicEIDFOadIrbQ7f2801EwuTJhUmMSwXr5XrVBK70x8IU7tr20iCl5KglkkEBp0iRuJhWK6lazDdolPJxWW5iQCcRclutw4OugMahZgg8FSzdtAdFAkIiYg80dxXmpMgFfMn5JmbuxwlOYksx+EYxiFkd/plEuG+o23L5xTlpRkomrE7/Tq11O0LGXXy+pZ+g05ec6Kzx+4ZOv/GDvt4+MYYBicVJQdClFYt6ex1Hm/qbWyzdfa7RHwy3aKjGeaDzUekYsHsiozS3MTZEzOPNvZ8tPVoYrxyPNSoy7iMIVz6QOU4tGnvSacnZI5XuX2hPodXJhYsnV2QZFQDABLjVL5gn8sbSk3QevxhtUIEALQ7/TTN6s9whoQCwuEOQAhp+jT9bfhElUUIAkASOEKoJDuhq9+tkAoxCAszjFabR8gnpGJBQ+cAAMBq8yTEKWmadboDiQYVFWVohpMIBaU5ifXNfXKJoCjLhEHIcaizz7lkVkF9az/NsN5AxOMLVR/tuOGqshGvzu70u3xBjkUUzfBwLBJlPL6wPxgRCck4jWzlFcViITm0ZosAaOkc2FbdeLy5VyEVCQW8eVXZsZ/iMi5j/LjEgUozbE1dV4pJe+UUvccfxjF4TrZTpRAVZZpwHIcAVORb2qyDBp3sw63HFk3PH1rOiVnp9g94pZIRKAoMwwIINCophFAlF4uFfAyDbl9YLhFyiDvR3PfxtuPbDjQqpcLMJH27dbA8z1xT35WZHMfj4f0ObyQaHXD6CzJNfQ5vIBjRqWUKqdAUpwAATCtLC0Wibm+Q44AvEBYJzprx9zu8Ow+1ikWkTCxECBVkGKViPoj5bV64e4QAxOYCNM0yHCfk/9v9wS7jfwKXLFC9/vCu2jYBicfr5Dan772vDk3Is2hU0ubOAQDAxAKLTi3FIKSiTJRmRUJCLhEKBXKDTt7WPZiVpM9K/pa3FcuyewORkuyE8w+kkovrW/qunJLLclxz10Br12CbdbCr1xmmGLvLHwpHDVrZvddN3fDV4exkfbxO/tmOEySB/37Nl4EQZbW5pSK+UafAMCgTC3AMC0WiVJRWSEUkgQMARAIyzaxDCPF4OHWmJjoVZT7YdKTP4Z1TmZmbaiAvam5JEDhxSUtCIISc3tBwx/DYVpLgxYwjBt2B/kFfhKLlUqFBp5AIyWA46g2EY4n0mGvjECFWq5TEhOzeQCQcierV0qF8O8chpzfIDPPOxDF4PhkzGI7aHD63P8TDMbVCbNIrRuSieHyhcPTbQhsQAIVUKDjz/vIFIjF+y3BAANQKMTEsmRer+K6QCs95mQIAOIQG3QEIoEYpiURpXyCiVUqGL+lHadbtC2kUYg4hlzfEDUumkjx8RM+NQU8Qg3C4PoSKMi5vSCn79szPXF2Y4Ti1Qny6QCgAPf1uhycIAFLLxSa94ny3gEFPAIMwJvYYBZcsUBEAbl+wz+ELHWlPt+h+tmqKXiMDABRmGqNRJhimQ+EoxKDPH3b7wsEw5QtSOpVUJuF39riSjGrboI/lOK8/MuD0H22wGvQKjz/U0C5LSdScQ2HXq6UVBcm3/PbdzGS9LxBhWLYwwzSlNNWgk8dr5V39Lo1C7AtEirMSkowqhUxkd/rjtTKPL0ySPCGfh0HI4+EOV+D59TuPNvSkmTVyiTDdojPHq5JM6th9ghCqFRIhn+A4bs+Rtg82Ha3Itzx48wxipMTvj4VgOHrNL95saLcNV+fQNFtZnPLeX2567aPqJ1/eguE4n8TdvrBBK/vr/y3t7HU9/NxnfAEJAIAQnllZ5EiC9/W6exLilDTDrvz568dOWV99/PqrpufG9un0BBff80p3vwfHIQAAIUAzbEWB5ZG7rig8k2z7ZPvxP/z9qwF3QC4VMAznC0QmFyU/dv+CvPNqMf/imY2bdp0kztC2owwbp5bdf8P0GxeVAQCeWbf99Y/2E8NI3RyHBAJyw59vLMlJHNr4t/U716z7esmVpWsfWXnOy2BnTfMtv35Hp5XvXn/fZ1+f+MOLm3a9da9e/a2rTm191y2/fXfLKz9zuP3X/vKtKM3EXigxE8vZEzMfuXOexfitAL2tx3Hl6n8QBO+LtXeYDcrYxv3H2q/5+boZlZmvPX6dcNjZPvTsxo5e5xdr7+CTvJbOgYf/9vnOQ20yMZ+H475guCDd+MT9C0tyvu1+euzuebevBRD7fM3qJNNoqvdLFqgKqfCmRRP8QYok8OHseT7B4xO8oQGw/sybOEzRCIG+AU+UYWrquggCj1CMPxgx6uU6tQwCgEHs/U2HGZZTykQapdhsUElFgkiUbuq0n2qzZyTpblhY2u/w5acbDWcWVL+padaqJCSBDzj9C6flxZYDY35lMaPgIWhVkhsWltkc3tkTM92+0PHG3jc3HqxP2WP2AAAOrUlEQVQosCikQgih2xtq7hroHfDEcr+3r5j0n1VWGAAAAIdQR4+zPNd80+LyoV6BQ0ivku6ubb3/qU/uXDX5gRuna1SSYw09v3xm47L7Xv/4+Z+8+MjVGIZFafaeJz6sKkm54apyhBCGnX6j761tO9bYq5SJ127YM29yVmzswHCctd9zzw1TM8xahABCqNfueXHDnkV3vbzz7fuSjOr1n9fc9vC7i+cUrbmmqjTXFI4w26obn3pl6/zVL2199a6s5LOsjHoHvAa94uE75kIEIAT+EPXFzpO3/+7dMEWtXjl5wBWgWfTM/VcJBad7qpihT9LZi3xuX8juDKz79OBPlk4ozTUPbY/S7N/W7+yxeRgEEAcCIcra5x5WBgEAACJR2trvoRmOohirzfPMLxeZ4pQAAJblWrsHX1i/83hjz/bX71HKT2uD3vj4ABVlXL7wB5uPPHTraVV3mKLtTt97Gw+a4hRPP/CtvYPDHeh1+HAM63N4rrrnFQzAvz+8bE5lFknge4+0/WHNVwvuenn3W/emWU6vqL/6YbXDHYxG2Xe/rP3t6jmj3O5LPEeNTdvGg9hsLTVRe77N38avT2Qm6TKT4gAAoUi0rrmvod1+qs3GMCyEUCoR3LJ4goBP2AZ9lUXJsVcAh9AHmw7Ha+UWg/qdzw9dt6B0zEV7s0F156qqF97d9fQDi5bPKdpV28oneXmp8SGK3nmopbvfNa00NTNZnxCn/K4/wr8NCID8DMOiGefy+x5Z8yVC6Il7F8Q0OhMLk955+sa7H/9IwCeWzj5NOv/N85/npMYvmnFWRZm/b9g9qTj52itLrnnwzZq67snFSbHtEINXVGblnbG8AgDMn5JTee1zazfsfegnM3/17L+uvWrCK4+uIngYAEAk4K+aXzK1LLXq+ucffWnze0/fdA6Z1GxQL56ePzQuvu7K0iVR+oV3d/90eSUGoFIuWjW/ZHRmHkIoJVWvkoufX7/rrT/dMERxqz7WfrShd/n8kn1H2sBpNcu5Q83YxhiViOBhC6bmWobl9iYXJ825be37X9XeeU0VAMDh8r/xycHf/2xeU4f9Hx/sXb2iUi6NPW9AppAsmZn//Js7M5P0t5yxZccwiGMYj4eteXd334Dv0Ae/SD8Tk/MmZ+ekxpet+Mtzb32z9vdXQwBcvtDb/6r97eq5dqf/lQ/33b584igazP/ERYKppamxKAUAiATkhHzLzYsn/PzG6b+8ddYvbpm5ekWlP0QxLDtjQnosSlmO+2r3SQGfnFaW9umO41NLU8fJ18tJjb9t2cSnX98WikSrilN67J5um1urlKyYU7R0TuGmPaf4Y+p9f1RgEAy6g/0Or7XfHfvr6ncHQlRpTmKUZu958sMDxzt7bB6PP2wxqr94afWEfEvsixGKRggwZ5dsOHiic3t1450rKxfPyM9K0b/8zz3DuTBU9KwKjskJmhmTMnbXtuw93NZv99yypJw4O6MWr5XfvGTC9uomq811zmmzZ1tmQgjvu25qW7ejpr6bJHlUlGnqsPfYPEMX1e/wnkPL4RCQigV3Xzfli531J1v7Tm/kuKde3TqtPK08N5FmxuGvP9J1VRalFGWZPvumPnbAd76sxXF49bySmxdPsA/6Nu44PtSSYblf/mTmT5ZX3Pv4h/uPdQ5txyEMhaM7D7UunJZzDhctIU75/rO3zJuSHXuvvPOvmmAosnJe8ar5xQ5X4POd9aOc549h5DMWYuUhRkQwHH3vq9oUk0YkIAdcAZ1KghDafag1QtHLZhfu2N8klwizUsa2jRxCWa65x+59c+PBu1ZVXVmV88Gmw053cHJJytxJWRIB/5l12+++ZkqiYbTJw48IIZ94+181X+4+dUYmDagI9es75919zZTH71uw7pMDG3fUsRxSyoTF2Qk3L56wcFruKHt79aPqVLNu9qQsCMFdq6b86tnPWroGhjqE8yETC7yBSEevUyTix5xZz0FOmiFC0V5/ZMwLUSpEFMXYBr0kybP2uef+dO2Zgl+AYVmLUb39jbsFZ6uRozS7eEb+2vd2v/DO7lcfuwYCcOB4x+GG3h2vL/l6fxP6HsxKhUzo8oUBAKFI9PWP96+cV6yUCZUy0xVVWS+8s/PqK0oEfB4AACGEQ/j0g4tPttpu+NVb29fdYzGoAAAYBp3eYK/de/uKyvPHBdPK02L/CIapNz89eP3Ccr1aqldLl80peP6dnavml1yoNO5/YqCOAh6O5aTEi0UkSeCt3Q6tUrz/WIcnEK4sSumxe06121avHJcWYTiWzMxf+/6eXbWtU0tTV8wrvuPR90+09N21qqqyOFkmEbz2yf6fLp/0nzkApqLslVNzbls2aajDYVkuzaLFMPib2+f88uYZx5v7jpyydvY5d9W0rrjn1deevP76hSMsDgMAWrsdH287lmTUPPbSZoSQ0xP0ByN/W79zze/OzdYMgeU4kZCUS0WxTP75DdzeYExKPeaFsCzCcVws4DMMp9fK1vx2hVBIDBU0EAlI8rw0HschqVhw97VTH/jzJ/9326zURO2zb30zId+Sn27YsvfU8JbnRMuYusgozQoIHoTgk23HTp7smViY/OiLmwCEVJQ5ctK6rbpx4Zk0G8NyUjH/rSevn3LDX2//3YbPX1qNYxhCSMAnRAJi0D2CZ2pnnzMYiuakxm/Z13D0pDUrJT62c4crUN/Ut626cfHMkYVK/2WByid5kwpPT5x67Z7Ne09BiKWbdRqFeO0He1bMKbq4tZNbl1Ss23iwIMOokAqfvH/h8vtf9/kjD902Ky/dIJMKP/+mbsnMgvgLm4n+WGA5Li1RO7MiffhGBMBvXvjcpFfceXVVWW5ijNrFslz51c9s+PLwdQtKR3xSP9hyhKY5g1Zec6ITAcDDsaIs06fbT/xm9TySwMBIz3dDuy01QVOWm8Bx6ERTb1HWuWtp26obEw3KhPix2R07DjbFaWXlBeaN249LRPwrqrLHw9yK0uyyuYVPvrp1zXt7rltQun1/84d/vQUM08mQBM6wHHP2MDhCMQzDErzTtbDPua5gmGq3OpfOyucQWrfxYHKSzu7w9do8AAAejinlotc/ObBweu7w71hM6jeevH7hHf/47QtfsBxiOaSWi7NS4j7YVHv/jVOH5+TDVHT5fa9np8Sve+K61z7an2LW+oORg3VdAAA+wdMqJWvf37toRv6Ib5L/skAdjuQEbWOHvaPHmZms/3j78bJcs+FiY0nAJ+ZXZW/Z1zB7YmZCnPK1x66987F/ikXk6pWTzfHKGxZN+HJX/eyJmT+ssf1FIcqwLIfOqn4FwaA7uObdPRX5SUVZp5PVA66AyxuaVJQ0YpTanf4X391zz7VTn/j5gphYC0JwtKGn4ppn3/2ydvWKSQAAhuVY7rQuJEzRr35cfeB415aX78pLM1w9v+ihZz5LSdBOLkmJ7TBC0S9/uO/DzUf/8egq2Xn5RYQQizjIAQABw3An2/qfXffN/CnZcrGAA4jjuGCIkpz9LQwbwdGV4zihgHjw5umPvbS5sc1WmmOeWpo+/NO0BC3DcRu+OvKLW2bELtwfiLz0/u5Eo0qrknb1uQAADMvGrgsBEAhSf3x5k8Plv3PV5N2HWnbWtG78+20Lp+UNiX9een/3zx//uLa+mzzb6mHWxMznfr3s/qc/ERC8NLMOYvCmq8qX3vfaX97Y/uDNM2I+ATTNPPnK1rqm/rW/u7qmvnPrvqYNz9y0Ym7R0K37xz/33P+nT3bWNE+fcNabN4b/4kCNDe4tRtVnO07oNbKhnvbiYDaoEEI7a5oJgqeUCqtKk2tPdifuPRWnlgZC1NZ9jQUZxv+oQI3d4Lc21tTWdw+tQLAsshiVD/1kVm1d97Sb/zZ/Sk5CnNIfiGza2yCTkA/cNP30dwEIU/QQWeL9rw473MFVVxYPj4bCTOPMivS1G3bPrczgWO6OR99XK8QchwCEvXZ3v8P3uzuumFGRDgD4y4OLb3vkvbm3r51SlpqXZohGmd2H25o67L/66exblkw877TRjuqmubetRQhBCP3BSGOHvTzP8sS9CwEAHIfauhxX3fMKD8dj43mEEI5jT9y3YCgTBgCIRtkIdVrit3R24Z/f2LHl6xOfvfYzPokDAGiGDUdoiqbL8y13X1v12xe+2La/sTDDFGWYrw+0dPU61/5+pUhA0CwbCEVv/s27UrEAcIgDoLN3MBiKPvurJYnxqjsf+6Aw0zS9PAMMGzwvnVnwyN83vbhhz/I5heEIPZwsceeqqpZux1/XbKLiVdEos2hm/mP3XPnkK1s37qibXp7GcWhnbWt7t+P5h5eW5iYuuvuV7NT4BdPyhu985bziP67d/Nf130wpS8PPM1348a1YvicUUmFZnjkvzTB20zF3JRNlJuvjNLJBd0AgIBbNyM9M0u890lbfZptflV2eZ/6uXk0/KGKE5xSTJlbB3ahXGPUKg05uNqoWzcxfOrtALhW6vKG+AS+CYE5l5nMPLUuI/3amjeNwYkFySoIGIVRT1331FUVzK7PO2j+EBRlGDqGs5DhTnEKnlBl0cpNeYdDKi7MTH717/pDSSCYRrppfmmRUewLhHrs3FInmpxv+eO/CW5dWnN8PQggtRlX8mV2lJGhuXVbx+D1XxgqFQAgtBpVJrzDq5LErMurkJr1iQoHlHJ/ndIuuojAJw6CQT2Qm6TPSDNctLDvDSIEWg2pySQqf4M2tzMqw6Ny+cI/dE4rQBZnGP/180fwpObGdKGXChDilQSuPHaiyOPmpBxbNrczyBsK2Qf9tyydlnJ1Lk4gFiQaVkCRyUuNNesWUslTJMCOuyqJkpUY6qSi5PM+MYXBKaeq0stRAiPpg8xGaZScWJD314KKrpucFw9HeAe9Ni8qHs/EAACIBaTGqRXyyNM98PrXmR7YLvYzL+N9GhKJ//dy/WnsGH/3ZlcXZF0+b+U9cR72My/ifwYETnSIh2dXncrh932c/l3vUy7iMHxAub2jA6ZdJBfEa2feZOl0O1Mu4jP8C/D/W+tFSjWA3wgAAAABJRU5ErkJggg==
\ No newline at end of file
diff --git a/apps/web/static/logo_governo_PE.png b/apps/web/static/logo_governo_PE.png
new file mode 100644
index 0000000..a2dec8d
Binary files /dev/null and b/apps/web/static/logo_governo_PE.png differ
diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
index d3107e2..18eab42 100644
--- a/apps/web/vite.config.ts
+++ b/apps/web/vite.config.ts
@@ -6,5 +6,8 @@ export default defineConfig({
 	plugins: [tailwindcss(), sveltekit()],
 	resolve: {
 		dedupe: ['lucide-svelte']
+	},
+	server: {
+		allowedHosts: ['vite.kilder.dev']
 	}
 });
diff --git a/bun.lock b/bun.lock
index 83a804e..9c6d4fd 100644
--- a/bun.lock
+++ b/bun.lock
@@ -53,6 +53,7 @@
         "jspdf-autotable": "^5.0.2",
         "lib-jitsi-meet": "^1.0.6",
         "lucide-svelte": "^0.552.0",
+        "marked": "^17.0.1",
         "papaparse": "^5.4.1",
         "svelte-sonner": "^1.0.5",
         "xlsx": "^0.18.5",
@@ -1208,6 +1209,8 @@
 
     "magic-string": ["magic-string@0.30.21", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
 
+    "marked": ["marked@17.0.1", "", { "bin": { "marked": "bin/marked.js" } }, "sha512-boeBdiS0ghpWcSwoNm/jJBwdpFaMnZWRzjA6SkUMYb40SVaN1x7mmfGKp0jvexGcx+7y2La5zRZsYFZI6Qpypg=="],
+
     "math-intrinsics": ["math-intrinsics@1.1.0", "", {}, "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g=="],
 
     "merge2": ["merge2@1.4.1", "", {}, "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="],
diff --git a/packages/backend/convex/_generated/api.d.ts b/packages/backend/convex/_generated/api.d.ts
index 49dcbf5..255192f 100644
--- a/packages/backend/convex/_generated/api.d.ts
+++ b/packages/backend/convex/_generated/api.d.ts
@@ -8,170 +8,182 @@
  * @module
  */
 
-import type * as acoes from '../acoes.js';
-import type * as actions_email from '../actions/email.js';
-import type * as actions_linkPreview from '../actions/linkPreview.js';
-import type * as actions_pushNotifications from '../actions/pushNotifications.js';
-import type * as actions_smtp from '../actions/smtp.js';
-import type * as actions_utils_nodeCrypto from '../actions/utils/nodeCrypto.js';
-import type * as atas from '../atas.js';
-import type * as atestadosLicencas from '../atestadosLicencas.js';
-import type * as ausencias from '../ausencias.js';
-import type * as autenticacao from '../autenticacao.js';
-import type * as auth from '../auth.js';
-import type * as auth_utils from '../auth/utils.js';
-import type * as chamadas from '../chamadas.js';
-import type * as chamados from '../chamados.js';
-import type * as chat from '../chat.js';
-import type * as config from '../config.js';
-import type * as configuracaoEmail from '../configuracaoEmail.js';
-import type * as configuracaoJitsi from '../configuracaoJitsi.js';
-import type * as configuracaoPonto from '../configuracaoPonto.js';
-import type * as configuracaoRelogio from '../configuracaoRelogio.js';
-import type * as contratos from '../contratos.js';
-import type * as crons from '../crons.js';
-import type * as cursos from '../cursos.js';
-import type * as dashboard from '../dashboard.js';
-import type * as documentos from '../documentos.js';
-import type * as email from '../email.js';
-import type * as empresas from '../empresas.js';
-import type * as enderecosMarcacao from '../enderecosMarcacao.js';
-import type * as ferias from '../ferias.js';
-import type * as flows from '../flows.js';
-import type * as funcionarioEnderecos from '../funcionarioEnderecos.js';
-import type * as funcionarios from '../funcionarios.js';
-import type * as healthCheck from '../healthCheck.js';
-import type * as http from '../http.js';
-import type * as logsAcesso from '../logsAcesso.js';
-import type * as logsAtividades from '../logsAtividades.js';
-import type * as logsLogin from '../logsLogin.js';
-import type * as menu from '../menu.js';
-import type * as monitoramento from '../monitoramento.js';
-import type * as objetos from '../objetos.js';
-import type * as pedidos from '../pedidos.js';
-import type * as permissoesAcoes from '../permissoesAcoes.js';
-import type * as pontos from '../pontos.js';
-import type * as preferenciasNotificacao from '../preferenciasNotificacao.js';
-import type * as pushNotifications from '../pushNotifications.js';
-import type * as roles from '../roles.js';
-import type * as saldoFerias from '../saldoFerias.js';
-import type * as security from '../security.js';
-import type * as seed from '../seed.js';
-import type * as setores from '../setores.js';
-import type * as simbolos from '../simbolos.js';
-import type * as tables_atas from '../tables/atas.js';
-import type * as tables_atestados from '../tables/atestados.js';
-import type * as tables_ausencias from '../tables/ausencias.js';
-import type * as tables_auth from '../tables/auth.js';
-import type * as tables_chat from '../tables/chat.js';
-import type * as tables_contratos from '../tables/contratos.js';
-import type * as tables_cursos from '../tables/cursos.js';
-import type * as tables_empresas from '../tables/empresas.js';
-import type * as tables_enderecos from '../tables/enderecos.js';
-import type * as tables_ferias from '../tables/ferias.js';
-import type * as tables_flows from '../tables/flows.js';
-import type * as tables_funcionarios from '../tables/funcionarios.js';
-import type * as tables_licencas from '../tables/licencas.js';
-import type * as tables_objetos from '../tables/objetos.js';
-import type * as tables_pedidos from '../tables/pedidos.js';
-import type * as tables_ponto from '../tables/ponto.js';
-import type * as tables_security from '../tables/security.js';
-import type * as tables_setores from '../tables/setores.js';
-import type * as tables_system from '../tables/system.js';
-import type * as tables_tickets from '../tables/tickets.js';
-import type * as tables_times from '../tables/times.js';
-import type * as templatesMensagens from '../templatesMensagens.js';
-import type * as times from '../times.js';
-import type * as usuarios from '../usuarios.js';
-import type * as utils_chatTemplateWrapper from '../utils/chatTemplateWrapper.js';
-import type * as utils_emailTemplateWrapper from '../utils/emailTemplateWrapper.js';
-import type * as utils_getClientIP from '../utils/getClientIP.js';
-import type * as utils_scanEmailSenders from '../utils/scanEmailSenders.js';
-import type * as verificarMatriculas from '../verificarMatriculas.js';
+import type * as acoes from "../acoes.js";
+import type * as actions_email from "../actions/email.js";
+import type * as actions_linkPreview from "../actions/linkPreview.js";
+import type * as actions_pushNotifications from "../actions/pushNotifications.js";
+import type * as actions_smtp from "../actions/smtp.js";
+import type * as actions_utils_nodeCrypto from "../actions/utils/nodeCrypto.js";
+import type * as atas from "../atas.js";
+import type * as atestadosLicencas from "../atestadosLicencas.js";
+import type * as ausencias from "../ausencias.js";
+import type * as autenticacao from "../autenticacao.js";
+import type * as auth from "../auth.js";
+import type * as auth_utils from "../auth/utils.js";
+import type * as chamadas from "../chamadas.js";
+import type * as chamados from "../chamados.js";
+import type * as chat from "../chat.js";
+import type * as config from "../config.js";
+import type * as configuracaoEmail from "../configuracaoEmail.js";
+import type * as configuracaoJitsi from "../configuracaoJitsi.js";
+import type * as configuracaoPonto from "../configuracaoPonto.js";
+import type * as configuracaoRelogio from "../configuracaoRelogio.js";
+import type * as contratos from "../contratos.js";
+import type * as crons from "../crons.js";
+import type * as cursos from "../cursos.js";
+import type * as dashboard from "../dashboard.js";
+import type * as documentos from "../documentos.js";
+import type * as email from "../email.js";
+import type * as empresas from "../empresas.js";
+import type * as enderecosMarcacao from "../enderecosMarcacao.js";
+import type * as errosServidor from "../errosServidor.js";
+import type * as ferias from "../ferias.js";
+import type * as flows from "../flows.js";
+import type * as funcionarioEnderecos from "../funcionarioEnderecos.js";
+import type * as funcionarios from "../funcionarios.js";
+import type * as healthCheck from "../healthCheck.js";
+import type * as http from "../http.js";
+import type * as lgpd from "../lgpd.js";
+import type * as logsAcesso from "../logsAcesso.js";
+import type * as logsAtividades from "../logsAtividades.js";
+import type * as logsLogin from "../logsLogin.js";
+import type * as menu from "../menu.js";
+import type * as monitoramento from "../monitoramento.js";
+import type * as objetos from "../objetos.js";
+import type * as pedidos from "../pedidos.js";
+import type * as permissoesAcoes from "../permissoesAcoes.js";
+import type * as pontos from "../pontos.js";
+import type * as preferenciasNotificacao from "../preferenciasNotificacao.js";
+import type * as pushNotifications from "../pushNotifications.js";
+import type * as roles from "../roles.js";
+import type * as saldoFerias from "../saldoFerias.js";
+import type * as security from "../security.js";
+import type * as seed from "../seed.js";
+import type * as setores from "../setores.js";
+import type * as simbolos from "../simbolos.js";
+import type * as tables_atas from "../tables/atas.js";
+import type * as tables_atestados from "../tables/atestados.js";
+import type * as tables_ausencias from "../tables/ausencias.js";
+import type * as tables_auth from "../tables/auth.js";
+import type * as tables_chat from "../tables/chat.js";
+import type * as tables_contratos from "../tables/contratos.js";
+import type * as tables_cursos from "../tables/cursos.js";
+import type * as tables_empresas from "../tables/empresas.js";
+import type * as tables_enderecos from "../tables/enderecos.js";
+import type * as tables_ferias from "../tables/ferias.js";
+import type * as tables_flows from "../tables/flows.js";
+import type * as tables_funcionarios from "../tables/funcionarios.js";
+import type * as tables_lgpdTables from "../tables/lgpdTables.js";
+import type * as tables_licencas from "../tables/licencas.js";
+import type * as tables_objetos from "../tables/objetos.js";
+import type * as tables_pedidos from "../tables/pedidos.js";
+import type * as tables_ponto from "../tables/ponto.js";
+import type * as tables_security from "../tables/security.js";
+import type * as tables_setores from "../tables/setores.js";
+import type * as tables_system from "../tables/system.js";
+import type * as tables_tickets from "../tables/tickets.js";
+import type * as tables_times from "../tables/times.js";
+import type * as templatesMensagens from "../templatesMensagens.js";
+import type * as times from "../times.js";
+import type * as usuarios from "../usuarios.js";
+import type * as utils_chatTemplateWrapper from "../utils/chatTemplateWrapper.js";
+import type * as utils_datas from "../utils/datas.js";
+import type * as utils_emailTemplateWrapper from "../utils/emailTemplateWrapper.js";
+import type * as utils_getClientIP from "../utils/getClientIP.js";
+import type * as utils_scanEmailSenders from "../utils/scanEmailSenders.js";
+import type * as verificarMatriculas from "../verificarMatriculas.js";
 
-import type { ApiFromModules, FilterApi, FunctionReference } from 'convex/server';
+import type {
+  ApiFromModules,
+  FilterApi,
+  FunctionReference,
+} from "convex/server";
 
 declare const fullApi: ApiFromModules<{
-	acoes: typeof acoes;
-	'actions/email': typeof actions_email;
-	'actions/linkPreview': typeof actions_linkPreview;
-	'actions/pushNotifications': typeof actions_pushNotifications;
-	'actions/smtp': typeof actions_smtp;
-	'actions/utils/nodeCrypto': typeof actions_utils_nodeCrypto;
-	atas: typeof atas;
-	atestadosLicencas: typeof atestadosLicencas;
-	ausencias: typeof ausencias;
-	autenticacao: typeof autenticacao;
-	auth: typeof auth;
-	'auth/utils': typeof auth_utils;
-	chamadas: typeof chamadas;
-	chamados: typeof chamados;
-	chat: typeof chat;
-	config: typeof config;
-	configuracaoEmail: typeof configuracaoEmail;
-	configuracaoJitsi: typeof configuracaoJitsi;
-	configuracaoPonto: typeof configuracaoPonto;
-	configuracaoRelogio: typeof configuracaoRelogio;
-	contratos: typeof contratos;
-	crons: typeof crons;
-	cursos: typeof cursos;
-	dashboard: typeof dashboard;
-	documentos: typeof documentos;
-	email: typeof email;
-	empresas: typeof empresas;
-	enderecosMarcacao: typeof enderecosMarcacao;
-	ferias: typeof ferias;
-	flows: typeof flows;
-	funcionarioEnderecos: typeof funcionarioEnderecos;
-	funcionarios: typeof funcionarios;
-	healthCheck: typeof healthCheck;
-	http: typeof http;
-	logsAcesso: typeof logsAcesso;
-	logsAtividades: typeof logsAtividades;
-	logsLogin: typeof logsLogin;
-	menu: typeof menu;
-	monitoramento: typeof monitoramento;
-	objetos: typeof objetos;
-	pedidos: typeof pedidos;
-	permissoesAcoes: typeof permissoesAcoes;
-	pontos: typeof pontos;
-	preferenciasNotificacao: typeof preferenciasNotificacao;
-	pushNotifications: typeof pushNotifications;
-	roles: typeof roles;
-	saldoFerias: typeof saldoFerias;
-	security: typeof security;
-	seed: typeof seed;
-	setores: typeof setores;
-	simbolos: typeof simbolos;
-	'tables/atas': typeof tables_atas;
-	'tables/atestados': typeof tables_atestados;
-	'tables/ausencias': typeof tables_ausencias;
-	'tables/auth': typeof tables_auth;
-	'tables/chat': typeof tables_chat;
-	'tables/contratos': typeof tables_contratos;
-	'tables/cursos': typeof tables_cursos;
-	'tables/empresas': typeof tables_empresas;
-	'tables/enderecos': typeof tables_enderecos;
-	'tables/ferias': typeof tables_ferias;
-	'tables/flows': typeof tables_flows;
-	'tables/funcionarios': typeof tables_funcionarios;
-	'tables/licencas': typeof tables_licencas;
-	'tables/objetos': typeof tables_objetos;
-	'tables/pedidos': typeof tables_pedidos;
-	'tables/ponto': typeof tables_ponto;
-	'tables/security': typeof tables_security;
-	'tables/setores': typeof tables_setores;
-	'tables/system': typeof tables_system;
-	'tables/tickets': typeof tables_tickets;
-	'tables/times': typeof tables_times;
-	templatesMensagens: typeof templatesMensagens;
-	times: typeof times;
-	usuarios: typeof usuarios;
-	'utils/chatTemplateWrapper': typeof utils_chatTemplateWrapper;
-	'utils/emailTemplateWrapper': typeof utils_emailTemplateWrapper;
-	'utils/getClientIP': typeof utils_getClientIP;
-	'utils/scanEmailSenders': typeof utils_scanEmailSenders;
-	verificarMatriculas: typeof verificarMatriculas;
+  acoes: typeof acoes;
+  "actions/email": typeof actions_email;
+  "actions/linkPreview": typeof actions_linkPreview;
+  "actions/pushNotifications": typeof actions_pushNotifications;
+  "actions/smtp": typeof actions_smtp;
+  "actions/utils/nodeCrypto": typeof actions_utils_nodeCrypto;
+  atas: typeof atas;
+  atestadosLicencas: typeof atestadosLicencas;
+  ausencias: typeof ausencias;
+  autenticacao: typeof autenticacao;
+  auth: typeof auth;
+  "auth/utils": typeof auth_utils;
+  chamadas: typeof chamadas;
+  chamados: typeof chamados;
+  chat: typeof chat;
+  config: typeof config;
+  configuracaoEmail: typeof configuracaoEmail;
+  configuracaoJitsi: typeof configuracaoJitsi;
+  configuracaoPonto: typeof configuracaoPonto;
+  configuracaoRelogio: typeof configuracaoRelogio;
+  contratos: typeof contratos;
+  crons: typeof crons;
+  cursos: typeof cursos;
+  dashboard: typeof dashboard;
+  documentos: typeof documentos;
+  email: typeof email;
+  empresas: typeof empresas;
+  enderecosMarcacao: typeof enderecosMarcacao;
+  errosServidor: typeof errosServidor;
+  ferias: typeof ferias;
+  flows: typeof flows;
+  funcionarioEnderecos: typeof funcionarioEnderecos;
+  funcionarios: typeof funcionarios;
+  healthCheck: typeof healthCheck;
+  http: typeof http;
+  lgpd: typeof lgpd;
+  logsAcesso: typeof logsAcesso;
+  logsAtividades: typeof logsAtividades;
+  logsLogin: typeof logsLogin;
+  menu: typeof menu;
+  monitoramento: typeof monitoramento;
+  objetos: typeof objetos;
+  pedidos: typeof pedidos;
+  permissoesAcoes: typeof permissoesAcoes;
+  pontos: typeof pontos;
+  preferenciasNotificacao: typeof preferenciasNotificacao;
+  pushNotifications: typeof pushNotifications;
+  roles: typeof roles;
+  saldoFerias: typeof saldoFerias;
+  security: typeof security;
+  seed: typeof seed;
+  setores: typeof setores;
+  simbolos: typeof simbolos;
+  "tables/atas": typeof tables_atas;
+  "tables/atestados": typeof tables_atestados;
+  "tables/ausencias": typeof tables_ausencias;
+  "tables/auth": typeof tables_auth;
+  "tables/chat": typeof tables_chat;
+  "tables/contratos": typeof tables_contratos;
+  "tables/cursos": typeof tables_cursos;
+  "tables/empresas": typeof tables_empresas;
+  "tables/enderecos": typeof tables_enderecos;
+  "tables/ferias": typeof tables_ferias;
+  "tables/flows": typeof tables_flows;
+  "tables/funcionarios": typeof tables_funcionarios;
+  "tables/lgpdTables": typeof tables_lgpdTables;
+  "tables/licencas": typeof tables_licencas;
+  "tables/objetos": typeof tables_objetos;
+  "tables/pedidos": typeof tables_pedidos;
+  "tables/ponto": typeof tables_ponto;
+  "tables/security": typeof tables_security;
+  "tables/setores": typeof tables_setores;
+  "tables/system": typeof tables_system;
+  "tables/tickets": typeof tables_tickets;
+  "tables/times": typeof tables_times;
+  templatesMensagens: typeof templatesMensagens;
+  times: typeof times;
+  usuarios: typeof usuarios;
+  "utils/chatTemplateWrapper": typeof utils_chatTemplateWrapper;
+  "utils/datas": typeof utils_datas;
+  "utils/emailTemplateWrapper": typeof utils_emailTemplateWrapper;
+  "utils/getClientIP": typeof utils_getClientIP;
+  "utils/scanEmailSenders": typeof utils_scanEmailSenders;
+  verificarMatriculas: typeof verificarMatriculas;
 }>;
 
 /**
@@ -182,7 +194,10 @@ declare const fullApi: ApiFromModules<{
  * const myFunctionReference = api.myModule.myFunction;
  * ```
  */
-export declare const api: FilterApi<typeof fullApi, FunctionReference<any, 'public'>>;
+export declare const api: FilterApi<
+  typeof fullApi,
+  FunctionReference<any, "public">
+>;
 
 /**
  * A utility for referencing Convex functions in your app's internal API.
@@ -192,1906 +207,2243 @@ export declare const api: FilterApi<typeof fullApi, FunctionReference<any, 'publ
  * const myFunctionReference = internal.myModule.myFunction;
  * ```
  */
-export declare const internal: FilterApi<typeof fullApi, FunctionReference<any, 'internal'>>;
+export declare const internal: FilterApi<
+  typeof fullApi,
+  FunctionReference<any, "internal">
+>;
 
 export declare const components: {
-	betterAuth: {
-		adapter: {
-			create: FunctionReference<
-				'mutation',
-				'internal',
-				{
-					input:
-						| {
-								data: {
-									createdAt: number;
-									displayUsername?: null | string;
-									email: string;
-									emailVerified: boolean;
-									image?: null | string;
-									isAnonymous?: null | boolean;
-									name: string;
-									phoneNumber?: null | string;
-									phoneNumberVerified?: null | boolean;
-									twoFactorEnabled?: null | boolean;
-									updatedAt: number;
-									userId?: null | string;
-									username?: null | string;
-								};
-								model: 'user';
-						  }
-						| {
-								data: {
-									createdAt: number;
-									expiresAt: number;
-									ipAddress?: null | string;
-									token: string;
-									updatedAt: number;
-									userAgent?: null | string;
-									userId: string;
-								};
-								model: 'session';
-						  }
-						| {
-								data: {
-									accessToken?: null | string;
-									accessTokenExpiresAt?: null | number;
-									accountId: string;
-									createdAt: number;
-									idToken?: null | string;
-									password?: null | string;
-									providerId: string;
-									refreshToken?: null | string;
-									refreshTokenExpiresAt?: null | number;
-									scope?: null | string;
-									updatedAt: number;
-									userId: string;
-								};
-								model: 'account';
-						  }
-						| {
-								data: {
-									createdAt: number;
-									expiresAt: number;
-									identifier: string;
-									updatedAt: number;
-									value: string;
-								};
-								model: 'verification';
-						  }
-						| {
-								data: { backupCodes: string; secret: string; userId: string };
-								model: 'twoFactor';
-						  }
-						| {
-								data: {
-									aaguid?: null | string;
-									backedUp: boolean;
-									counter: number;
-									createdAt?: null | number;
-									credentialID: string;
-									deviceType: string;
-									name?: null | string;
-									publicKey: string;
-									transports?: null | string;
-									userId: string;
-								};
-								model: 'passkey';
-						  }
-						| {
-								data: {
-									clientId?: null | string;
-									clientSecret?: null | string;
-									createdAt?: null | number;
-									disabled?: null | boolean;
-									icon?: null | string;
-									metadata?: null | string;
-									name?: null | string;
-									redirectURLs?: null | string;
-									type?: null | string;
-									updatedAt?: null | number;
-									userId?: null | string;
-								};
-								model: 'oauthApplication';
-						  }
-						| {
-								data: {
-									accessToken?: null | string;
-									accessTokenExpiresAt?: null | number;
-									clientId?: null | string;
-									createdAt?: null | number;
-									refreshToken?: null | string;
-									refreshTokenExpiresAt?: null | number;
-									scopes?: null | string;
-									updatedAt?: null | number;
-									userId?: null | string;
-								};
-								model: 'oauthAccessToken';
-						  }
-						| {
-								data: {
-									clientId?: null | string;
-									consentGiven?: null | boolean;
-									createdAt?: null | number;
-									scopes?: null | string;
-									updatedAt?: null | number;
-									userId?: null | string;
-								};
-								model: 'oauthConsent';
-						  }
-						| {
-								data: {
-									createdAt: number;
-									privateKey: string;
-									publicKey: string;
-								};
-								model: 'jwks';
-						  }
-						| {
-								data: {
-									count?: null | number;
-									key?: null | string;
-									lastRequest?: null | number;
-								};
-								model: 'rateLimit';
-						  }
-						| {
-								data: { count: number; key: string; lastRequest: number };
-								model: 'ratelimit';
-						  };
-					onCreateHandle?: string;
-					select?: Array<string>;
-				},
-				any
-			>;
-			deleteMany: FunctionReference<
-				'mutation',
-				'internal',
-				{
-					input:
-						| {
-								model: 'user';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'name'
-										| 'email'
-										| 'emailVerified'
-										| 'image'
-										| 'createdAt'
-										| 'updatedAt'
-										| 'twoFactorEnabled'
-										| 'isAnonymous'
-										| 'username'
-										| 'displayUsername'
-										| 'phoneNumber'
-										| 'phoneNumberVerified'
-										| 'userId'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'session';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'expiresAt'
-										| 'token'
-										| 'createdAt'
-										| 'updatedAt'
-										| 'ipAddress'
-										| 'userAgent'
-										| 'userId'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'account';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'accountId'
-										| 'providerId'
-										| 'userId'
-										| 'accessToken'
-										| 'refreshToken'
-										| 'idToken'
-										| 'accessTokenExpiresAt'
-										| 'refreshTokenExpiresAt'
-										| 'scope'
-										| 'password'
-										| 'createdAt'
-										| 'updatedAt'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'verification';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'identifier' | 'value' | 'expiresAt' | 'createdAt' | 'updatedAt' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'twoFactor';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'secret' | 'backupCodes' | 'userId' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'passkey';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'name'
-										| 'publicKey'
-										| 'userId'
-										| 'credentialID'
-										| 'counter'
-										| 'deviceType'
-										| 'backedUp'
-										| 'transports'
-										| 'createdAt'
-										| 'aaguid'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'oauthApplication';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'name'
-										| 'icon'
-										| 'metadata'
-										| 'clientId'
-										| 'clientSecret'
-										| 'redirectURLs'
-										| 'type'
-										| 'disabled'
-										| 'userId'
-										| 'createdAt'
-										| 'updatedAt'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'oauthAccessToken';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'accessToken'
-										| 'refreshToken'
-										| 'accessTokenExpiresAt'
-										| 'refreshTokenExpiresAt'
-										| 'clientId'
-										| 'userId'
-										| 'scopes'
-										| 'createdAt'
-										| 'updatedAt'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'oauthConsent';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'clientId'
-										| 'userId'
-										| 'scopes'
-										| 'createdAt'
-										| 'updatedAt'
-										| 'consentGiven'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'jwks';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'publicKey' | 'privateKey' | 'createdAt' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'rateLimit';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'key' | 'count' | 'lastRequest' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'ratelimit';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'key' | 'count' | 'lastRequest' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  };
-					onDeleteHandle?: string;
-					paginationOpts: {
-						cursor: string | null;
-						endCursor?: string | null;
-						id?: number;
-						maximumBytesRead?: number;
-						maximumRowsRead?: number;
-						numItems: number;
-					};
-				},
-				any
-			>;
-			deleteOne: FunctionReference<
-				'mutation',
-				'internal',
-				{
-					input:
-						| {
-								model: 'user';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'name'
-										| 'email'
-										| 'emailVerified'
-										| 'image'
-										| 'createdAt'
-										| 'updatedAt'
-										| 'twoFactorEnabled'
-										| 'isAnonymous'
-										| 'username'
-										| 'displayUsername'
-										| 'phoneNumber'
-										| 'phoneNumberVerified'
-										| 'userId'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'session';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'expiresAt'
-										| 'token'
-										| 'createdAt'
-										| 'updatedAt'
-										| 'ipAddress'
-										| 'userAgent'
-										| 'userId'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'account';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'accountId'
-										| 'providerId'
-										| 'userId'
-										| 'accessToken'
-										| 'refreshToken'
-										| 'idToken'
-										| 'accessTokenExpiresAt'
-										| 'refreshTokenExpiresAt'
-										| 'scope'
-										| 'password'
-										| 'createdAt'
-										| 'updatedAt'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'verification';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'identifier' | 'value' | 'expiresAt' | 'createdAt' | 'updatedAt' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'twoFactor';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'secret' | 'backupCodes' | 'userId' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'passkey';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'name'
-										| 'publicKey'
-										| 'userId'
-										| 'credentialID'
-										| 'counter'
-										| 'deviceType'
-										| 'backedUp'
-										| 'transports'
-										| 'createdAt'
-										| 'aaguid'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'oauthApplication';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'name'
-										| 'icon'
-										| 'metadata'
-										| 'clientId'
-										| 'clientSecret'
-										| 'redirectURLs'
-										| 'type'
-										| 'disabled'
-										| 'userId'
-										| 'createdAt'
-										| 'updatedAt'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'oauthAccessToken';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'accessToken'
-										| 'refreshToken'
-										| 'accessTokenExpiresAt'
-										| 'refreshTokenExpiresAt'
-										| 'clientId'
-										| 'userId'
-										| 'scopes'
-										| 'createdAt'
-										| 'updatedAt'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'oauthConsent';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'clientId'
-										| 'userId'
-										| 'scopes'
-										| 'createdAt'
-										| 'updatedAt'
-										| 'consentGiven'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'jwks';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'publicKey' | 'privateKey' | 'createdAt' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'rateLimit';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'key' | 'count' | 'lastRequest' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'ratelimit';
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'key' | 'count' | 'lastRequest' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  };
-					onDeleteHandle?: string;
-				},
-				any
-			>;
-			findMany: FunctionReference<
-				'query',
-				'internal',
-				{
-					limit?: number;
-					model:
-						| 'user'
-						| 'session'
-						| 'account'
-						| 'verification'
-						| 'twoFactor'
-						| 'passkey'
-						| 'oauthApplication'
-						| 'oauthAccessToken'
-						| 'oauthConsent'
-						| 'jwks'
-						| 'rateLimit'
-						| 'ratelimit';
-					offset?: number;
-					paginationOpts: {
-						cursor: string | null;
-						endCursor?: string | null;
-						id?: number;
-						maximumBytesRead?: number;
-						maximumRowsRead?: number;
-						numItems: number;
-					};
-					sortBy?: { direction: 'asc' | 'desc'; field: string };
-					where?: Array<{
-						connector?: 'AND' | 'OR';
-						field: string;
-						operator?:
-							| 'lt'
-							| 'lte'
-							| 'gt'
-							| 'gte'
-							| 'eq'
-							| 'in'
-							| 'not_in'
-							| 'ne'
-							| 'contains'
-							| 'starts_with'
-							| 'ends_with';
-						value: string | number | boolean | Array<string> | Array<number> | null;
-					}>;
-				},
-				any
-			>;
-			findOne: FunctionReference<
-				'query',
-				'internal',
-				{
-					model:
-						| 'user'
-						| 'session'
-						| 'account'
-						| 'verification'
-						| 'twoFactor'
-						| 'passkey'
-						| 'oauthApplication'
-						| 'oauthAccessToken'
-						| 'oauthConsent'
-						| 'jwks'
-						| 'rateLimit'
-						| 'ratelimit';
-					select?: Array<string>;
-					where?: Array<{
-						connector?: 'AND' | 'OR';
-						field: string;
-						operator?:
-							| 'lt'
-							| 'lte'
-							| 'gt'
-							| 'gte'
-							| 'eq'
-							| 'in'
-							| 'not_in'
-							| 'ne'
-							| 'contains'
-							| 'starts_with'
-							| 'ends_with';
-						value: string | number | boolean | Array<string> | Array<number> | null;
-					}>;
-				},
-				any
-			>;
-			migrationRemoveUserId: FunctionReference<'mutation', 'internal', { userId: string }, any>;
-			updateMany: FunctionReference<
-				'mutation',
-				'internal',
-				{
-					input:
-						| {
-								model: 'user';
-								update: {
-									createdAt?: number;
-									displayUsername?: null | string;
-									email?: string;
-									emailVerified?: boolean;
-									image?: null | string;
-									isAnonymous?: null | boolean;
-									name?: string;
-									phoneNumber?: null | string;
-									phoneNumberVerified?: null | boolean;
-									twoFactorEnabled?: null | boolean;
-									updatedAt?: number;
-									userId?: null | string;
-									username?: null | string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'name'
-										| 'email'
-										| 'emailVerified'
-										| 'image'
-										| 'createdAt'
-										| 'updatedAt'
-										| 'twoFactorEnabled'
-										| 'isAnonymous'
-										| 'username'
-										| 'displayUsername'
-										| 'phoneNumber'
-										| 'phoneNumberVerified'
-										| 'userId'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'session';
-								update: {
-									createdAt?: number;
-									expiresAt?: number;
-									ipAddress?: null | string;
-									token?: string;
-									updatedAt?: number;
-									userAgent?: null | string;
-									userId?: string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'expiresAt'
-										| 'token'
-										| 'createdAt'
-										| 'updatedAt'
-										| 'ipAddress'
-										| 'userAgent'
-										| 'userId'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'account';
-								update: {
-									accessToken?: null | string;
-									accessTokenExpiresAt?: null | number;
-									accountId?: string;
-									createdAt?: number;
-									idToken?: null | string;
-									password?: null | string;
-									providerId?: string;
-									refreshToken?: null | string;
-									refreshTokenExpiresAt?: null | number;
-									scope?: null | string;
-									updatedAt?: number;
-									userId?: string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'accountId'
-										| 'providerId'
-										| 'userId'
-										| 'accessToken'
-										| 'refreshToken'
-										| 'idToken'
-										| 'accessTokenExpiresAt'
-										| 'refreshTokenExpiresAt'
-										| 'scope'
-										| 'password'
-										| 'createdAt'
-										| 'updatedAt'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'verification';
-								update: {
-									createdAt?: number;
-									expiresAt?: number;
-									identifier?: string;
-									updatedAt?: number;
-									value?: string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'identifier' | 'value' | 'expiresAt' | 'createdAt' | 'updatedAt' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'twoFactor';
-								update: {
-									backupCodes?: string;
-									secret?: string;
-									userId?: string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'secret' | 'backupCodes' | 'userId' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'passkey';
-								update: {
-									aaguid?: null | string;
-									backedUp?: boolean;
-									counter?: number;
-									createdAt?: null | number;
-									credentialID?: string;
-									deviceType?: string;
-									name?: null | string;
-									publicKey?: string;
-									transports?: null | string;
-									userId?: string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'name'
-										| 'publicKey'
-										| 'userId'
-										| 'credentialID'
-										| 'counter'
-										| 'deviceType'
-										| 'backedUp'
-										| 'transports'
-										| 'createdAt'
-										| 'aaguid'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'oauthApplication';
-								update: {
-									clientId?: null | string;
-									clientSecret?: null | string;
-									createdAt?: null | number;
-									disabled?: null | boolean;
-									icon?: null | string;
-									metadata?: null | string;
-									name?: null | string;
-									redirectURLs?: null | string;
-									type?: null | string;
-									updatedAt?: null | number;
-									userId?: null | string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'name'
-										| 'icon'
-										| 'metadata'
-										| 'clientId'
-										| 'clientSecret'
-										| 'redirectURLs'
-										| 'type'
-										| 'disabled'
-										| 'userId'
-										| 'createdAt'
-										| 'updatedAt'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'oauthAccessToken';
-								update: {
-									accessToken?: null | string;
-									accessTokenExpiresAt?: null | number;
-									clientId?: null | string;
-									createdAt?: null | number;
-									refreshToken?: null | string;
-									refreshTokenExpiresAt?: null | number;
-									scopes?: null | string;
-									updatedAt?: null | number;
-									userId?: null | string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'accessToken'
-										| 'refreshToken'
-										| 'accessTokenExpiresAt'
-										| 'refreshTokenExpiresAt'
-										| 'clientId'
-										| 'userId'
-										| 'scopes'
-										| 'createdAt'
-										| 'updatedAt'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'oauthConsent';
-								update: {
-									clientId?: null | string;
-									consentGiven?: null | boolean;
-									createdAt?: null | number;
-									scopes?: null | string;
-									updatedAt?: null | number;
-									userId?: null | string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'clientId'
-										| 'userId'
-										| 'scopes'
-										| 'createdAt'
-										| 'updatedAt'
-										| 'consentGiven'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'jwks';
-								update: {
-									createdAt?: number;
-									privateKey?: string;
-									publicKey?: string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'publicKey' | 'privateKey' | 'createdAt' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'rateLimit';
-								update: {
-									count?: null | number;
-									key?: null | string;
-									lastRequest?: null | number;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'key' | 'count' | 'lastRequest' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'ratelimit';
-								update: { count?: number; key?: string; lastRequest?: number };
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'key' | 'count' | 'lastRequest' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  };
-					onUpdateHandle?: string;
-					paginationOpts: {
-						cursor: string | null;
-						endCursor?: string | null;
-						id?: number;
-						maximumBytesRead?: number;
-						maximumRowsRead?: number;
-						numItems: number;
-					};
-				},
-				any
-			>;
-			updateOne: FunctionReference<
-				'mutation',
-				'internal',
-				{
-					input:
-						| {
-								model: 'user';
-								update: {
-									createdAt?: number;
-									displayUsername?: null | string;
-									email?: string;
-									emailVerified?: boolean;
-									image?: null | string;
-									isAnonymous?: null | boolean;
-									name?: string;
-									phoneNumber?: null | string;
-									phoneNumberVerified?: null | boolean;
-									twoFactorEnabled?: null | boolean;
-									updatedAt?: number;
-									userId?: null | string;
-									username?: null | string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'name'
-										| 'email'
-										| 'emailVerified'
-										| 'image'
-										| 'createdAt'
-										| 'updatedAt'
-										| 'twoFactorEnabled'
-										| 'isAnonymous'
-										| 'username'
-										| 'displayUsername'
-										| 'phoneNumber'
-										| 'phoneNumberVerified'
-										| 'userId'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'session';
-								update: {
-									createdAt?: number;
-									expiresAt?: number;
-									ipAddress?: null | string;
-									token?: string;
-									updatedAt?: number;
-									userAgent?: null | string;
-									userId?: string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'expiresAt'
-										| 'token'
-										| 'createdAt'
-										| 'updatedAt'
-										| 'ipAddress'
-										| 'userAgent'
-										| 'userId'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'account';
-								update: {
-									accessToken?: null | string;
-									accessTokenExpiresAt?: null | number;
-									accountId?: string;
-									createdAt?: number;
-									idToken?: null | string;
-									password?: null | string;
-									providerId?: string;
-									refreshToken?: null | string;
-									refreshTokenExpiresAt?: null | number;
-									scope?: null | string;
-									updatedAt?: number;
-									userId?: string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'accountId'
-										| 'providerId'
-										| 'userId'
-										| 'accessToken'
-										| 'refreshToken'
-										| 'idToken'
-										| 'accessTokenExpiresAt'
-										| 'refreshTokenExpiresAt'
-										| 'scope'
-										| 'password'
-										| 'createdAt'
-										| 'updatedAt'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'verification';
-								update: {
-									createdAt?: number;
-									expiresAt?: number;
-									identifier?: string;
-									updatedAt?: number;
-									value?: string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'identifier' | 'value' | 'expiresAt' | 'createdAt' | 'updatedAt' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'twoFactor';
-								update: {
-									backupCodes?: string;
-									secret?: string;
-									userId?: string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'secret' | 'backupCodes' | 'userId' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'passkey';
-								update: {
-									aaguid?: null | string;
-									backedUp?: boolean;
-									counter?: number;
-									createdAt?: null | number;
-									credentialID?: string;
-									deviceType?: string;
-									name?: null | string;
-									publicKey?: string;
-									transports?: null | string;
-									userId?: string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'name'
-										| 'publicKey'
-										| 'userId'
-										| 'credentialID'
-										| 'counter'
-										| 'deviceType'
-										| 'backedUp'
-										| 'transports'
-										| 'createdAt'
-										| 'aaguid'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'oauthApplication';
-								update: {
-									clientId?: null | string;
-									clientSecret?: null | string;
-									createdAt?: null | number;
-									disabled?: null | boolean;
-									icon?: null | string;
-									metadata?: null | string;
-									name?: null | string;
-									redirectURLs?: null | string;
-									type?: null | string;
-									updatedAt?: null | number;
-									userId?: null | string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'name'
-										| 'icon'
-										| 'metadata'
-										| 'clientId'
-										| 'clientSecret'
-										| 'redirectURLs'
-										| 'type'
-										| 'disabled'
-										| 'userId'
-										| 'createdAt'
-										| 'updatedAt'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'oauthAccessToken';
-								update: {
-									accessToken?: null | string;
-									accessTokenExpiresAt?: null | number;
-									clientId?: null | string;
-									createdAt?: null | number;
-									refreshToken?: null | string;
-									refreshTokenExpiresAt?: null | number;
-									scopes?: null | string;
-									updatedAt?: null | number;
-									userId?: null | string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'accessToken'
-										| 'refreshToken'
-										| 'accessTokenExpiresAt'
-										| 'refreshTokenExpiresAt'
-										| 'clientId'
-										| 'userId'
-										| 'scopes'
-										| 'createdAt'
-										| 'updatedAt'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'oauthConsent';
-								update: {
-									clientId?: null | string;
-									consentGiven?: null | boolean;
-									createdAt?: null | number;
-									scopes?: null | string;
-									updatedAt?: null | number;
-									userId?: null | string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field:
-										| 'clientId'
-										| 'userId'
-										| 'scopes'
-										| 'createdAt'
-										| 'updatedAt'
-										| 'consentGiven'
-										| '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'jwks';
-								update: {
-									createdAt?: number;
-									privateKey?: string;
-									publicKey?: string;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'publicKey' | 'privateKey' | 'createdAt' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'rateLimit';
-								update: {
-									count?: null | number;
-									key?: null | string;
-									lastRequest?: null | number;
-								};
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'key' | 'count' | 'lastRequest' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  }
-						| {
-								model: 'ratelimit';
-								update: { count?: number; key?: string; lastRequest?: number };
-								where?: Array<{
-									connector?: 'AND' | 'OR';
-									field: 'key' | 'count' | 'lastRequest' | '_id';
-									operator?:
-										| 'lt'
-										| 'lte'
-										| 'gt'
-										| 'gte'
-										| 'eq'
-										| 'in'
-										| 'not_in'
-										| 'ne'
-										| 'contains'
-										| 'starts_with'
-										| 'ends_with';
-									value: string | number | boolean | Array<string> | Array<number> | null;
-								}>;
-						  };
-					onUpdateHandle?: string;
-				},
-				any
-			>;
-		};
-		adapterTest: {
-			count: FunctionReference<'query', 'internal', any, any>;
-			create: FunctionReference<'mutation', 'internal', any, any>;
-			delete: FunctionReference<'mutation', 'internal', any, any>;
-			deleteMany: FunctionReference<'mutation', 'internal', any, any>;
-			findMany: FunctionReference<'query', 'internal', any, any>;
-			findOne: FunctionReference<'query', 'internal', any, any>;
-			update: FunctionReference<'mutation', 'internal', any, any>;
-			updateMany: FunctionReference<'mutation', 'internal', any, any>;
-		};
-	};
-	rateLimiter: {
-		lib: {
-			checkRateLimit: FunctionReference<
-				'query',
-				'internal',
-				{
-					config:
-						| {
-								capacity?: number;
-								kind: 'token bucket';
-								maxReserved?: number;
-								period: number;
-								rate: number;
-								shards?: number;
-								start?: null;
-						  }
-						| {
-								capacity?: number;
-								kind: 'fixed window';
-								maxReserved?: number;
-								period: number;
-								rate: number;
-								shards?: number;
-								start?: number;
-						  };
-					count?: number;
-					key?: string;
-					name: string;
-					reserve?: boolean;
-					throws?: boolean;
-				},
-				{ ok: true; retryAfter?: number } | { ok: false; retryAfter: number }
-			>;
-			clearAll: FunctionReference<'mutation', 'internal', { before?: number }, null>;
-			getServerTime: FunctionReference<'mutation', 'internal', {}, number>;
-			getValue: FunctionReference<
-				'query',
-				'internal',
-				{
-					config:
-						| {
-								capacity?: number;
-								kind: 'token bucket';
-								maxReserved?: number;
-								period: number;
-								rate: number;
-								shards?: number;
-								start?: null;
-						  }
-						| {
-								capacity?: number;
-								kind: 'fixed window';
-								maxReserved?: number;
-								period: number;
-								rate: number;
-								shards?: number;
-								start?: number;
-						  };
-					key?: string;
-					name: string;
-					sampleShards?: number;
-				},
-				{
-					config:
-						| {
-								capacity?: number;
-								kind: 'token bucket';
-								maxReserved?: number;
-								period: number;
-								rate: number;
-								shards?: number;
-								start?: null;
-						  }
-						| {
-								capacity?: number;
-								kind: 'fixed window';
-								maxReserved?: number;
-								period: number;
-								rate: number;
-								shards?: number;
-								start?: number;
-						  };
-					shard: number;
-					ts: number;
-					value: number;
-				}
-			>;
-			rateLimit: FunctionReference<
-				'mutation',
-				'internal',
-				{
-					config:
-						| {
-								capacity?: number;
-								kind: 'token bucket';
-								maxReserved?: number;
-								period: number;
-								rate: number;
-								shards?: number;
-								start?: null;
-						  }
-						| {
-								capacity?: number;
-								kind: 'fixed window';
-								maxReserved?: number;
-								period: number;
-								rate: number;
-								shards?: number;
-								start?: number;
-						  };
-					count?: number;
-					key?: string;
-					name: string;
-					reserve?: boolean;
-					throws?: boolean;
-				},
-				{ ok: true; retryAfter?: number } | { ok: false; retryAfter: number }
-			>;
-			resetRateLimit: FunctionReference<
-				'mutation',
-				'internal',
-				{ key?: string; name: string },
-				null
-			>;
-		};
-		time: {
-			getServerTime: FunctionReference<'mutation', 'internal', {}, number>;
-		};
-	};
+  betterAuth: {
+    adapter: {
+      create: FunctionReference<
+        "mutation",
+        "internal",
+        {
+          input:
+            | {
+                data: {
+                  createdAt: number;
+                  displayUsername?: null | string;
+                  email: string;
+                  emailVerified: boolean;
+                  image?: null | string;
+                  isAnonymous?: null | boolean;
+                  name: string;
+                  phoneNumber?: null | string;
+                  phoneNumberVerified?: null | boolean;
+                  twoFactorEnabled?: null | boolean;
+                  updatedAt: number;
+                  userId?: null | string;
+                  username?: null | string;
+                };
+                model: "user";
+              }
+            | {
+                data: {
+                  createdAt: number;
+                  expiresAt: number;
+                  ipAddress?: null | string;
+                  token: string;
+                  updatedAt: number;
+                  userAgent?: null | string;
+                  userId: string;
+                };
+                model: "session";
+              }
+            | {
+                data: {
+                  accessToken?: null | string;
+                  accessTokenExpiresAt?: null | number;
+                  accountId: string;
+                  createdAt: number;
+                  idToken?: null | string;
+                  password?: null | string;
+                  providerId: string;
+                  refreshToken?: null | string;
+                  refreshTokenExpiresAt?: null | number;
+                  scope?: null | string;
+                  updatedAt: number;
+                  userId: string;
+                };
+                model: "account";
+              }
+            | {
+                data: {
+                  createdAt: number;
+                  expiresAt: number;
+                  identifier: string;
+                  updatedAt: number;
+                  value: string;
+                };
+                model: "verification";
+              }
+            | {
+                data: { backupCodes: string; secret: string; userId: string };
+                model: "twoFactor";
+              }
+            | {
+                data: {
+                  aaguid?: null | string;
+                  backedUp: boolean;
+                  counter: number;
+                  createdAt?: null | number;
+                  credentialID: string;
+                  deviceType: string;
+                  name?: null | string;
+                  publicKey: string;
+                  transports?: null | string;
+                  userId: string;
+                };
+                model: "passkey";
+              }
+            | {
+                data: {
+                  clientId?: null | string;
+                  clientSecret?: null | string;
+                  createdAt?: null | number;
+                  disabled?: null | boolean;
+                  icon?: null | string;
+                  metadata?: null | string;
+                  name?: null | string;
+                  redirectURLs?: null | string;
+                  type?: null | string;
+                  updatedAt?: null | number;
+                  userId?: null | string;
+                };
+                model: "oauthApplication";
+              }
+            | {
+                data: {
+                  accessToken?: null | string;
+                  accessTokenExpiresAt?: null | number;
+                  clientId?: null | string;
+                  createdAt?: null | number;
+                  refreshToken?: null | string;
+                  refreshTokenExpiresAt?: null | number;
+                  scopes?: null | string;
+                  updatedAt?: null | number;
+                  userId?: null | string;
+                };
+                model: "oauthAccessToken";
+              }
+            | {
+                data: {
+                  clientId?: null | string;
+                  consentGiven?: null | boolean;
+                  createdAt?: null | number;
+                  scopes?: null | string;
+                  updatedAt?: null | number;
+                  userId?: null | string;
+                };
+                model: "oauthConsent";
+              }
+            | {
+                data: {
+                  createdAt: number;
+                  privateKey: string;
+                  publicKey: string;
+                };
+                model: "jwks";
+              }
+            | {
+                data: {
+                  count?: null | number;
+                  key?: null | string;
+                  lastRequest?: null | number;
+                };
+                model: "rateLimit";
+              }
+            | {
+                data: { count: number; key: string; lastRequest: number };
+                model: "ratelimit";
+              };
+          onCreateHandle?: string;
+          select?: Array<string>;
+        },
+        any
+      >;
+      deleteMany: FunctionReference<
+        "mutation",
+        "internal",
+        {
+          input:
+            | {
+                model: "user";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "name"
+                    | "email"
+                    | "emailVerified"
+                    | "image"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "twoFactorEnabled"
+                    | "isAnonymous"
+                    | "username"
+                    | "displayUsername"
+                    | "phoneNumber"
+                    | "phoneNumberVerified"
+                    | "userId"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "session";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "expiresAt"
+                    | "token"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "ipAddress"
+                    | "userAgent"
+                    | "userId"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "account";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "accountId"
+                    | "providerId"
+                    | "userId"
+                    | "accessToken"
+                    | "refreshToken"
+                    | "idToken"
+                    | "accessTokenExpiresAt"
+                    | "refreshTokenExpiresAt"
+                    | "scope"
+                    | "password"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "verification";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "identifier"
+                    | "value"
+                    | "expiresAt"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "twoFactor";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "secret" | "backupCodes" | "userId" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "passkey";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "name"
+                    | "publicKey"
+                    | "userId"
+                    | "credentialID"
+                    | "counter"
+                    | "deviceType"
+                    | "backedUp"
+                    | "transports"
+                    | "createdAt"
+                    | "aaguid"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "oauthApplication";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "name"
+                    | "icon"
+                    | "metadata"
+                    | "clientId"
+                    | "clientSecret"
+                    | "redirectURLs"
+                    | "type"
+                    | "disabled"
+                    | "userId"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "oauthAccessToken";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "accessToken"
+                    | "refreshToken"
+                    | "accessTokenExpiresAt"
+                    | "refreshTokenExpiresAt"
+                    | "clientId"
+                    | "userId"
+                    | "scopes"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "oauthConsent";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "clientId"
+                    | "userId"
+                    | "scopes"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "consentGiven"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "jwks";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "publicKey" | "privateKey" | "createdAt" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "rateLimit";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "key" | "count" | "lastRequest" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "ratelimit";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "key" | "count" | "lastRequest" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              };
+          onDeleteHandle?: string;
+          paginationOpts: {
+            cursor: string | null;
+            endCursor?: string | null;
+            id?: number;
+            maximumBytesRead?: number;
+            maximumRowsRead?: number;
+            numItems: number;
+          };
+        },
+        any
+      >;
+      deleteOne: FunctionReference<
+        "mutation",
+        "internal",
+        {
+          input:
+            | {
+                model: "user";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "name"
+                    | "email"
+                    | "emailVerified"
+                    | "image"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "twoFactorEnabled"
+                    | "isAnonymous"
+                    | "username"
+                    | "displayUsername"
+                    | "phoneNumber"
+                    | "phoneNumberVerified"
+                    | "userId"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "session";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "expiresAt"
+                    | "token"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "ipAddress"
+                    | "userAgent"
+                    | "userId"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "account";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "accountId"
+                    | "providerId"
+                    | "userId"
+                    | "accessToken"
+                    | "refreshToken"
+                    | "idToken"
+                    | "accessTokenExpiresAt"
+                    | "refreshTokenExpiresAt"
+                    | "scope"
+                    | "password"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "verification";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "identifier"
+                    | "value"
+                    | "expiresAt"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "twoFactor";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "secret" | "backupCodes" | "userId" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "passkey";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "name"
+                    | "publicKey"
+                    | "userId"
+                    | "credentialID"
+                    | "counter"
+                    | "deviceType"
+                    | "backedUp"
+                    | "transports"
+                    | "createdAt"
+                    | "aaguid"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "oauthApplication";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "name"
+                    | "icon"
+                    | "metadata"
+                    | "clientId"
+                    | "clientSecret"
+                    | "redirectURLs"
+                    | "type"
+                    | "disabled"
+                    | "userId"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "oauthAccessToken";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "accessToken"
+                    | "refreshToken"
+                    | "accessTokenExpiresAt"
+                    | "refreshTokenExpiresAt"
+                    | "clientId"
+                    | "userId"
+                    | "scopes"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "oauthConsent";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "clientId"
+                    | "userId"
+                    | "scopes"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "consentGiven"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "jwks";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "publicKey" | "privateKey" | "createdAt" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "rateLimit";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "key" | "count" | "lastRequest" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "ratelimit";
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "key" | "count" | "lastRequest" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              };
+          onDeleteHandle?: string;
+        },
+        any
+      >;
+      findMany: FunctionReference<
+        "query",
+        "internal",
+        {
+          limit?: number;
+          model:
+            | "user"
+            | "session"
+            | "account"
+            | "verification"
+            | "twoFactor"
+            | "passkey"
+            | "oauthApplication"
+            | "oauthAccessToken"
+            | "oauthConsent"
+            | "jwks"
+            | "rateLimit"
+            | "ratelimit";
+          offset?: number;
+          paginationOpts: {
+            cursor: string | null;
+            endCursor?: string | null;
+            id?: number;
+            maximumBytesRead?: number;
+            maximumRowsRead?: number;
+            numItems: number;
+          };
+          sortBy?: { direction: "asc" | "desc"; field: string };
+          where?: Array<{
+            connector?: "AND" | "OR";
+            field: string;
+            operator?:
+              | "lt"
+              | "lte"
+              | "gt"
+              | "gte"
+              | "eq"
+              | "in"
+              | "not_in"
+              | "ne"
+              | "contains"
+              | "starts_with"
+              | "ends_with";
+            value:
+              | string
+              | number
+              | boolean
+              | Array<string>
+              | Array<number>
+              | null;
+          }>;
+        },
+        any
+      >;
+      findOne: FunctionReference<
+        "query",
+        "internal",
+        {
+          model:
+            | "user"
+            | "session"
+            | "account"
+            | "verification"
+            | "twoFactor"
+            | "passkey"
+            | "oauthApplication"
+            | "oauthAccessToken"
+            | "oauthConsent"
+            | "jwks"
+            | "rateLimit"
+            | "ratelimit";
+          select?: Array<string>;
+          where?: Array<{
+            connector?: "AND" | "OR";
+            field: string;
+            operator?:
+              | "lt"
+              | "lte"
+              | "gt"
+              | "gte"
+              | "eq"
+              | "in"
+              | "not_in"
+              | "ne"
+              | "contains"
+              | "starts_with"
+              | "ends_with";
+            value:
+              | string
+              | number
+              | boolean
+              | Array<string>
+              | Array<number>
+              | null;
+          }>;
+        },
+        any
+      >;
+      migrationRemoveUserId: FunctionReference<
+        "mutation",
+        "internal",
+        { userId: string },
+        any
+      >;
+      updateMany: FunctionReference<
+        "mutation",
+        "internal",
+        {
+          input:
+            | {
+                model: "user";
+                update: {
+                  createdAt?: number;
+                  displayUsername?: null | string;
+                  email?: string;
+                  emailVerified?: boolean;
+                  image?: null | string;
+                  isAnonymous?: null | boolean;
+                  name?: string;
+                  phoneNumber?: null | string;
+                  phoneNumberVerified?: null | boolean;
+                  twoFactorEnabled?: null | boolean;
+                  updatedAt?: number;
+                  userId?: null | string;
+                  username?: null | string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "name"
+                    | "email"
+                    | "emailVerified"
+                    | "image"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "twoFactorEnabled"
+                    | "isAnonymous"
+                    | "username"
+                    | "displayUsername"
+                    | "phoneNumber"
+                    | "phoneNumberVerified"
+                    | "userId"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "session";
+                update: {
+                  createdAt?: number;
+                  expiresAt?: number;
+                  ipAddress?: null | string;
+                  token?: string;
+                  updatedAt?: number;
+                  userAgent?: null | string;
+                  userId?: string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "expiresAt"
+                    | "token"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "ipAddress"
+                    | "userAgent"
+                    | "userId"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "account";
+                update: {
+                  accessToken?: null | string;
+                  accessTokenExpiresAt?: null | number;
+                  accountId?: string;
+                  createdAt?: number;
+                  idToken?: null | string;
+                  password?: null | string;
+                  providerId?: string;
+                  refreshToken?: null | string;
+                  refreshTokenExpiresAt?: null | number;
+                  scope?: null | string;
+                  updatedAt?: number;
+                  userId?: string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "accountId"
+                    | "providerId"
+                    | "userId"
+                    | "accessToken"
+                    | "refreshToken"
+                    | "idToken"
+                    | "accessTokenExpiresAt"
+                    | "refreshTokenExpiresAt"
+                    | "scope"
+                    | "password"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "verification";
+                update: {
+                  createdAt?: number;
+                  expiresAt?: number;
+                  identifier?: string;
+                  updatedAt?: number;
+                  value?: string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "identifier"
+                    | "value"
+                    | "expiresAt"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "twoFactor";
+                update: {
+                  backupCodes?: string;
+                  secret?: string;
+                  userId?: string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "secret" | "backupCodes" | "userId" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "passkey";
+                update: {
+                  aaguid?: null | string;
+                  backedUp?: boolean;
+                  counter?: number;
+                  createdAt?: null | number;
+                  credentialID?: string;
+                  deviceType?: string;
+                  name?: null | string;
+                  publicKey?: string;
+                  transports?: null | string;
+                  userId?: string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "name"
+                    | "publicKey"
+                    | "userId"
+                    | "credentialID"
+                    | "counter"
+                    | "deviceType"
+                    | "backedUp"
+                    | "transports"
+                    | "createdAt"
+                    | "aaguid"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "oauthApplication";
+                update: {
+                  clientId?: null | string;
+                  clientSecret?: null | string;
+                  createdAt?: null | number;
+                  disabled?: null | boolean;
+                  icon?: null | string;
+                  metadata?: null | string;
+                  name?: null | string;
+                  redirectURLs?: null | string;
+                  type?: null | string;
+                  updatedAt?: null | number;
+                  userId?: null | string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "name"
+                    | "icon"
+                    | "metadata"
+                    | "clientId"
+                    | "clientSecret"
+                    | "redirectURLs"
+                    | "type"
+                    | "disabled"
+                    | "userId"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "oauthAccessToken";
+                update: {
+                  accessToken?: null | string;
+                  accessTokenExpiresAt?: null | number;
+                  clientId?: null | string;
+                  createdAt?: null | number;
+                  refreshToken?: null | string;
+                  refreshTokenExpiresAt?: null | number;
+                  scopes?: null | string;
+                  updatedAt?: null | number;
+                  userId?: null | string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "accessToken"
+                    | "refreshToken"
+                    | "accessTokenExpiresAt"
+                    | "refreshTokenExpiresAt"
+                    | "clientId"
+                    | "userId"
+                    | "scopes"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "oauthConsent";
+                update: {
+                  clientId?: null | string;
+                  consentGiven?: null | boolean;
+                  createdAt?: null | number;
+                  scopes?: null | string;
+                  updatedAt?: null | number;
+                  userId?: null | string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "clientId"
+                    | "userId"
+                    | "scopes"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "consentGiven"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "jwks";
+                update: {
+                  createdAt?: number;
+                  privateKey?: string;
+                  publicKey?: string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "publicKey" | "privateKey" | "createdAt" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "rateLimit";
+                update: {
+                  count?: null | number;
+                  key?: null | string;
+                  lastRequest?: null | number;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "key" | "count" | "lastRequest" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "ratelimit";
+                update: { count?: number; key?: string; lastRequest?: number };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "key" | "count" | "lastRequest" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              };
+          onUpdateHandle?: string;
+          paginationOpts: {
+            cursor: string | null;
+            endCursor?: string | null;
+            id?: number;
+            maximumBytesRead?: number;
+            maximumRowsRead?: number;
+            numItems: number;
+          };
+        },
+        any
+      >;
+      updateOne: FunctionReference<
+        "mutation",
+        "internal",
+        {
+          input:
+            | {
+                model: "user";
+                update: {
+                  createdAt?: number;
+                  displayUsername?: null | string;
+                  email?: string;
+                  emailVerified?: boolean;
+                  image?: null | string;
+                  isAnonymous?: null | boolean;
+                  name?: string;
+                  phoneNumber?: null | string;
+                  phoneNumberVerified?: null | boolean;
+                  twoFactorEnabled?: null | boolean;
+                  updatedAt?: number;
+                  userId?: null | string;
+                  username?: null | string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "name"
+                    | "email"
+                    | "emailVerified"
+                    | "image"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "twoFactorEnabled"
+                    | "isAnonymous"
+                    | "username"
+                    | "displayUsername"
+                    | "phoneNumber"
+                    | "phoneNumberVerified"
+                    | "userId"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "session";
+                update: {
+                  createdAt?: number;
+                  expiresAt?: number;
+                  ipAddress?: null | string;
+                  token?: string;
+                  updatedAt?: number;
+                  userAgent?: null | string;
+                  userId?: string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "expiresAt"
+                    | "token"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "ipAddress"
+                    | "userAgent"
+                    | "userId"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "account";
+                update: {
+                  accessToken?: null | string;
+                  accessTokenExpiresAt?: null | number;
+                  accountId?: string;
+                  createdAt?: number;
+                  idToken?: null | string;
+                  password?: null | string;
+                  providerId?: string;
+                  refreshToken?: null | string;
+                  refreshTokenExpiresAt?: null | number;
+                  scope?: null | string;
+                  updatedAt?: number;
+                  userId?: string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "accountId"
+                    | "providerId"
+                    | "userId"
+                    | "accessToken"
+                    | "refreshToken"
+                    | "idToken"
+                    | "accessTokenExpiresAt"
+                    | "refreshTokenExpiresAt"
+                    | "scope"
+                    | "password"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "verification";
+                update: {
+                  createdAt?: number;
+                  expiresAt?: number;
+                  identifier?: string;
+                  updatedAt?: number;
+                  value?: string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "identifier"
+                    | "value"
+                    | "expiresAt"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "twoFactor";
+                update: {
+                  backupCodes?: string;
+                  secret?: string;
+                  userId?: string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "secret" | "backupCodes" | "userId" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "passkey";
+                update: {
+                  aaguid?: null | string;
+                  backedUp?: boolean;
+                  counter?: number;
+                  createdAt?: null | number;
+                  credentialID?: string;
+                  deviceType?: string;
+                  name?: null | string;
+                  publicKey?: string;
+                  transports?: null | string;
+                  userId?: string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "name"
+                    | "publicKey"
+                    | "userId"
+                    | "credentialID"
+                    | "counter"
+                    | "deviceType"
+                    | "backedUp"
+                    | "transports"
+                    | "createdAt"
+                    | "aaguid"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "oauthApplication";
+                update: {
+                  clientId?: null | string;
+                  clientSecret?: null | string;
+                  createdAt?: null | number;
+                  disabled?: null | boolean;
+                  icon?: null | string;
+                  metadata?: null | string;
+                  name?: null | string;
+                  redirectURLs?: null | string;
+                  type?: null | string;
+                  updatedAt?: null | number;
+                  userId?: null | string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "name"
+                    | "icon"
+                    | "metadata"
+                    | "clientId"
+                    | "clientSecret"
+                    | "redirectURLs"
+                    | "type"
+                    | "disabled"
+                    | "userId"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "oauthAccessToken";
+                update: {
+                  accessToken?: null | string;
+                  accessTokenExpiresAt?: null | number;
+                  clientId?: null | string;
+                  createdAt?: null | number;
+                  refreshToken?: null | string;
+                  refreshTokenExpiresAt?: null | number;
+                  scopes?: null | string;
+                  updatedAt?: null | number;
+                  userId?: null | string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "accessToken"
+                    | "refreshToken"
+                    | "accessTokenExpiresAt"
+                    | "refreshTokenExpiresAt"
+                    | "clientId"
+                    | "userId"
+                    | "scopes"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "oauthConsent";
+                update: {
+                  clientId?: null | string;
+                  consentGiven?: null | boolean;
+                  createdAt?: null | number;
+                  scopes?: null | string;
+                  updatedAt?: null | number;
+                  userId?: null | string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field:
+                    | "clientId"
+                    | "userId"
+                    | "scopes"
+                    | "createdAt"
+                    | "updatedAt"
+                    | "consentGiven"
+                    | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "jwks";
+                update: {
+                  createdAt?: number;
+                  privateKey?: string;
+                  publicKey?: string;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "publicKey" | "privateKey" | "createdAt" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "rateLimit";
+                update: {
+                  count?: null | number;
+                  key?: null | string;
+                  lastRequest?: null | number;
+                };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "key" | "count" | "lastRequest" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              }
+            | {
+                model: "ratelimit";
+                update: { count?: number; key?: string; lastRequest?: number };
+                where?: Array<{
+                  connector?: "AND" | "OR";
+                  field: "key" | "count" | "lastRequest" | "_id";
+                  operator?:
+                    | "lt"
+                    | "lte"
+                    | "gt"
+                    | "gte"
+                    | "eq"
+                    | "in"
+                    | "not_in"
+                    | "ne"
+                    | "contains"
+                    | "starts_with"
+                    | "ends_with";
+                  value:
+                    | string
+                    | number
+                    | boolean
+                    | Array<string>
+                    | Array<number>
+                    | null;
+                }>;
+              };
+          onUpdateHandle?: string;
+        },
+        any
+      >;
+    };
+    adapterTest: {
+      count: FunctionReference<"query", "internal", any, any>;
+      create: FunctionReference<"mutation", "internal", any, any>;
+      delete: FunctionReference<"mutation", "internal", any, any>;
+      deleteMany: FunctionReference<"mutation", "internal", any, any>;
+      findMany: FunctionReference<"query", "internal", any, any>;
+      findOne: FunctionReference<"query", "internal", any, any>;
+      update: FunctionReference<"mutation", "internal", any, any>;
+      updateMany: FunctionReference<"mutation", "internal", any, any>;
+    };
+  };
+  rateLimiter: {
+    lib: {
+      checkRateLimit: FunctionReference<
+        "query",
+        "internal",
+        {
+          config:
+            | {
+                capacity?: number;
+                kind: "token bucket";
+                maxReserved?: number;
+                period: number;
+                rate: number;
+                shards?: number;
+                start?: null;
+              }
+            | {
+                capacity?: number;
+                kind: "fixed window";
+                maxReserved?: number;
+                period: number;
+                rate: number;
+                shards?: number;
+                start?: number;
+              };
+          count?: number;
+          key?: string;
+          name: string;
+          reserve?: boolean;
+          throws?: boolean;
+        },
+        { ok: true; retryAfter?: number } | { ok: false; retryAfter: number }
+      >;
+      clearAll: FunctionReference<
+        "mutation",
+        "internal",
+        { before?: number },
+        null
+      >;
+      getServerTime: FunctionReference<"mutation", "internal", {}, number>;
+      getValue: FunctionReference<
+        "query",
+        "internal",
+        {
+          config:
+            | {
+                capacity?: number;
+                kind: "token bucket";
+                maxReserved?: number;
+                period: number;
+                rate: number;
+                shards?: number;
+                start?: null;
+              }
+            | {
+                capacity?: number;
+                kind: "fixed window";
+                maxReserved?: number;
+                period: number;
+                rate: number;
+                shards?: number;
+                start?: number;
+              };
+          key?: string;
+          name: string;
+          sampleShards?: number;
+        },
+        {
+          config:
+            | {
+                capacity?: number;
+                kind: "token bucket";
+                maxReserved?: number;
+                period: number;
+                rate: number;
+                shards?: number;
+                start?: null;
+              }
+            | {
+                capacity?: number;
+                kind: "fixed window";
+                maxReserved?: number;
+                period: number;
+                rate: number;
+                shards?: number;
+                start?: number;
+              };
+          shard: number;
+          ts: number;
+          value: number;
+        }
+      >;
+      rateLimit: FunctionReference<
+        "mutation",
+        "internal",
+        {
+          config:
+            | {
+                capacity?: number;
+                kind: "token bucket";
+                maxReserved?: number;
+                period: number;
+                rate: number;
+                shards?: number;
+                start?: null;
+              }
+            | {
+                capacity?: number;
+                kind: "fixed window";
+                maxReserved?: number;
+                period: number;
+                rate: number;
+                shards?: number;
+                start?: number;
+              };
+          count?: number;
+          key?: string;
+          name: string;
+          reserve?: boolean;
+          throws?: boolean;
+        },
+        { ok: true; retryAfter?: number } | { ok: false; retryAfter: number }
+      >;
+      resetRateLimit: FunctionReference<
+        "mutation",
+        "internal",
+        { key?: string; name: string },
+        null
+      >;
+    };
+    time: {
+      getServerTime: FunctionReference<"mutation", "internal", {}, number>;
+    };
+  };
 };
diff --git a/packages/backend/convex/_generated/api.js b/packages/backend/convex/_generated/api.js
index 24593c7..44bf985 100644
--- a/packages/backend/convex/_generated/api.js
+++ b/packages/backend/convex/_generated/api.js
@@ -8,7 +8,7 @@
  * @module
  */
 
-import { anyApi, componentsGeneric } from 'convex/server';
+import { anyApi, componentsGeneric } from "convex/server";
 
 /**
  * A utility for referencing Convex functions in your app's API.
diff --git a/packages/backend/convex/_generated/dataModel.d.ts b/packages/backend/convex/_generated/dataModel.d.ts
index 1a3ea26..8541f31 100644
--- a/packages/backend/convex/_generated/dataModel.d.ts
+++ b/packages/backend/convex/_generated/dataModel.d.ts
@@ -9,13 +9,13 @@
  */
 
 import type {
-	DataModelFromSchemaDefinition,
-	DocumentByName,
-	TableNamesInDataModel,
-	SystemTableNames
-} from 'convex/server';
-import type { GenericId } from 'convex/values';
-import schema from '../schema.js';
+  DataModelFromSchemaDefinition,
+  DocumentByName,
+  TableNamesInDataModel,
+  SystemTableNames,
+} from "convex/server";
+import type { GenericId } from "convex/values";
+import schema from "../schema.js";
 
 /**
  * The names of all of your Convex tables.
@@ -27,7 +27,10 @@ export type TableNames = TableNamesInDataModel<DataModel>;
  *
  * @typeParam TableName - A string literal type of the table name (like "users").
  */
-export type Doc<TableName extends TableNames> = DocumentByName<DataModel, TableName>;
+export type Doc<TableName extends TableNames> = DocumentByName<
+  DataModel,
+  TableName
+>;
 
 /**
  * An identifier for a document in Convex.
@@ -42,7 +45,8 @@ export type Doc<TableName extends TableNames> = DocumentByName<DataModel, TableN
  *
  * @typeParam TableName - A string literal type of the table name (like "users").
  */
-export type Id<TableName extends TableNames | SystemTableNames> = GenericId<TableName>;
+export type Id<TableName extends TableNames | SystemTableNames> =
+  GenericId<TableName>;
 
 /**
  * A type describing your Convex data model.
diff --git a/packages/backend/convex/_generated/server.d.ts b/packages/backend/convex/_generated/server.d.ts
index 1cc047e..bec05e6 100644
--- a/packages/backend/convex/_generated/server.d.ts
+++ b/packages/backend/convex/_generated/server.d.ts
@@ -9,17 +9,17 @@
  */
 
 import {
-	ActionBuilder,
-	HttpActionBuilder,
-	MutationBuilder,
-	QueryBuilder,
-	GenericActionCtx,
-	GenericMutationCtx,
-	GenericQueryCtx,
-	GenericDatabaseReader,
-	GenericDatabaseWriter
-} from 'convex/server';
-import type { DataModel } from './dataModel.js';
+  ActionBuilder,
+  HttpActionBuilder,
+  MutationBuilder,
+  QueryBuilder,
+  GenericActionCtx,
+  GenericMutationCtx,
+  GenericQueryCtx,
+  GenericDatabaseReader,
+  GenericDatabaseWriter,
+} from "convex/server";
+import type { DataModel } from "./dataModel.js";
 
 /**
  * Define a query in this Convex app's public API.
@@ -29,7 +29,7 @@ import type { DataModel } from './dataModel.js';
  * @param func - The query function. It receives a {@link QueryCtx} as its first argument.
  * @returns The wrapped query. Include this as an `export` to name it and make it accessible.
  */
-export declare const query: QueryBuilder<DataModel, 'public'>;
+export declare const query: QueryBuilder<DataModel, "public">;
 
 /**
  * Define a query that is only accessible from other Convex functions (but not from the client).
@@ -39,7 +39,7 @@ export declare const query: QueryBuilder<DataModel, 'public'>;
  * @param func - The query function. It receives a {@link QueryCtx} as its first argument.
  * @returns The wrapped query. Include this as an `export` to name it and make it accessible.
  */
-export declare const internalQuery: QueryBuilder<DataModel, 'internal'>;
+export declare const internalQuery: QueryBuilder<DataModel, "internal">;
 
 /**
  * Define a mutation in this Convex app's public API.
@@ -49,7 +49,7 @@ export declare const internalQuery: QueryBuilder<DataModel, 'internal'>;
  * @param func - The mutation function. It receives a {@link MutationCtx} as its first argument.
  * @returns The wrapped mutation. Include this as an `export` to name it and make it accessible.
  */
-export declare const mutation: MutationBuilder<DataModel, 'public'>;
+export declare const mutation: MutationBuilder<DataModel, "public">;
 
 /**
  * Define a mutation that is only accessible from other Convex functions (but not from the client).
@@ -59,7 +59,7 @@ export declare const mutation: MutationBuilder<DataModel, 'public'>;
  * @param func - The mutation function. It receives a {@link MutationCtx} as its first argument.
  * @returns The wrapped mutation. Include this as an `export` to name it and make it accessible.
  */
-export declare const internalMutation: MutationBuilder<DataModel, 'internal'>;
+export declare const internalMutation: MutationBuilder<DataModel, "internal">;
 
 /**
  * Define an action in this Convex app's public API.
@@ -72,7 +72,7 @@ export declare const internalMutation: MutationBuilder<DataModel, 'internal'>;
  * @param func - The action. It receives an {@link ActionCtx} as its first argument.
  * @returns The wrapped action. Include this as an `export` to name it and make it accessible.
  */
-export declare const action: ActionBuilder<DataModel, 'public'>;
+export declare const action: ActionBuilder<DataModel, "public">;
 
 /**
  * Define an action that is only accessible from other Convex functions (but not from the client).
@@ -80,7 +80,7 @@ export declare const action: ActionBuilder<DataModel, 'public'>;
  * @param func - The function. It receives an {@link ActionCtx} as its first argument.
  * @returns The wrapped function. Include this as an `export` to name it and make it accessible.
  */
-export declare const internalAction: ActionBuilder<DataModel, 'internal'>;
+export declare const internalAction: ActionBuilder<DataModel, "internal">;
 
 /**
  * Define an HTTP action.
diff --git a/packages/backend/convex/_generated/server.js b/packages/backend/convex/_generated/server.js
index a18aa28..bf3d25a 100644
--- a/packages/backend/convex/_generated/server.js
+++ b/packages/backend/convex/_generated/server.js
@@ -9,14 +9,14 @@
  */
 
 import {
-	actionGeneric,
-	httpActionGeneric,
-	queryGeneric,
-	mutationGeneric,
-	internalActionGeneric,
-	internalMutationGeneric,
-	internalQueryGeneric
-} from 'convex/server';
+  actionGeneric,
+  httpActionGeneric,
+  queryGeneric,
+  mutationGeneric,
+  internalActionGeneric,
+  internalMutationGeneric,
+  internalQueryGeneric,
+} from "convex/server";
 
 /**
  * Define a query in this Convex app's public API.
diff --git a/packages/backend/convex/actions/email.ts b/packages/backend/convex/actions/email.ts
index 9cdd41b..60e095c 100644
--- a/packages/backend/convex/actions/email.ts
+++ b/packages/backend/convex/actions/email.ts
@@ -1,10 +1,10 @@
 'use node';
 
-import { v } from 'convex/values';
-import nodemailer from 'nodemailer';
-import { internal } from '../_generated/api';
 import { action } from '../_generated/server';
+import { v } from 'convex/values';
+import { internal } from '../_generated/api';
 import { decryptSMTPPasswordNode } from './utils/nodeCrypto';
+import nodemailer from 'nodemailer';
 
 export const enviar = action({
 	args: {
diff --git a/packages/backend/convex/actions/linkPreview.ts b/packages/backend/convex/actions/linkPreview.ts
index 8718954..a1063c5 100644
--- a/packages/backend/convex/actions/linkPreview.ts
+++ b/packages/backend/convex/actions/linkPreview.ts
@@ -1,8 +1,8 @@
 'use node';
 
+import { action } from '../_generated/server';
 import { v } from 'convex/values';
 import { internal } from '../_generated/api';
-import { action } from '../_generated/server';
 
 /**
  * Extrair preview de link (metadados Open Graph) - função auxiliar
diff --git a/packages/backend/convex/actions/pushNotifications.ts b/packages/backend/convex/actions/pushNotifications.ts
index 88ca32b..c612c77 100644
--- a/packages/backend/convex/actions/pushNotifications.ts
+++ b/packages/backend/convex/actions/pushNotifications.ts
@@ -1,8 +1,8 @@
 'use node';
 
+import { action } from '../_generated/server';
 import { v } from 'convex/values';
 import { internal } from '../_generated/api';
-import { action } from '../_generated/server';
 
 /**
  * Enviar push notification usando Web Push API
@@ -29,10 +29,7 @@ export const enviarPush = action({
 			});
 
 			if (!subscription || !subscription.ativo) {
-				return {
-					sucesso: false,
-					erro: 'Subscription não encontrada ou inativa'
-				};
+				return { sucesso: false, erro: 'Subscription não encontrada ou inativa' };
 			}
 
 			// Web Push requer VAPID keys (deve estar em variáveis de ambiente)
@@ -45,10 +42,7 @@ export const enviarPush = action({
 			interface WebPushType {
 				setVapidDetails: (subject: string, publicKey: string, privateKey: string) => void;
 				sendNotification: (
-					subscription: {
-						endpoint: string;
-						keys: { p256dh: string; auth: string };
-					},
+					subscription: { endpoint: string; keys: { p256dh: string; auth: string } },
 					payload: string | Buffer
 				) => Promise<void>;
 			}
diff --git a/packages/backend/convex/actions/smtp.ts b/packages/backend/convex/actions/smtp.ts
index 995e9a8..ff03cc3 100644
--- a/packages/backend/convex/actions/smtp.ts
+++ b/packages/backend/convex/actions/smtp.ts
@@ -1,9 +1,10 @@
 'use node';
-import { v } from 'convex/values';
-// Importar nodemailer de forma estática para evitar problemas com caminhos no Windows
-import nodemailer from 'nodemailer';
 
 import { action } from '../_generated/server';
+import { v } from 'convex/values';
+
+// Importar nodemailer de forma estática para evitar problemas com caminhos no Windows
+import nodemailer from 'nodemailer';
 
 export const testarConexao = action({
 	args: {
diff --git a/packages/backend/convex/atestadosLicencas.ts b/packages/backend/convex/atestadosLicencas.ts
index 850ee73..1b6fcf9 100644
--- a/packages/backend/convex/atestadosLicencas.ts
+++ b/packages/backend/convex/atestadosLicencas.ts
@@ -3,6 +3,7 @@ import type { Id } from './_generated/dataModel';
 import type { MutationCtx, QueryCtx } from './_generated/server';
 import { mutation, query } from './_generated/server';
 import { getCurrentUserFunction } from './auth';
+import { internal } from './_generated/api';
 import { registrarAtividade } from './logsAtividades';
 
 // ========== HELPERS ==========
@@ -26,6 +27,118 @@ function calcularDias(dataInicio: string, dataFim: string): number {
 	return diffDays;
 }
 
+/**
+ * Helper para recalcular banco de horas em um período
+ */
+async function recalcularBancoHorasPeriodo(
+	ctx: MutationCtx,
+	funcionarioId: Id<'funcionarios'>,
+	dataInicio: string,
+	dataFim: string
+): Promise<void> {
+	// Gerar todas as datas do período
+	const dataInicioObj = new Date(dataInicio);
+	const dataFimObj = new Date(dataFim);
+	const datas: string[] = [];
+	const dataAtual = new Date(dataInicioObj);
+
+	while (dataAtual <= dataFimObj) {
+		const ano = dataAtual.getFullYear();
+		const mes = String(dataAtual.getMonth() + 1).padStart(2, '0');
+		const dia = String(dataAtual.getDate()).padStart(2, '0');
+		datas.push(`${ano}-${mes}-${dia}`);
+		dataAtual.setDate(dataAtual.getDate() + 1);
+	}
+
+	// Recalcular para cada data usando a mutation interna (agendar para execução assíncrona)
+	for (let i = 0; i < datas.length; i++) {
+		await ctx.scheduler.runAfter(i * 100, internal.pontos.recalcularBancoHorasData, {
+			funcionarioId,
+			data: datas[i]!
+		});
+	}
+}
+
+/**
+ * Helper para verificar se um funcionário tem licença ou atestado ativo
+ * Retorna true se há algum registro ativo (data atual entre dataInicio e dataFim)
+ */
+export async function verificarLicencaAtiva(
+	ctx: QueryCtx | MutationCtx,
+	funcionarioId: Id<'funcionarios'>,
+	dataAtual?: Date
+): Promise<boolean> {
+	// Normalizar data atual para comparar apenas a parte da data (sem hora)
+	// Usar timezone local para evitar problemas de conversão
+	const hoje = dataAtual || new Date();
+	const hojeStr = `${hoje.getFullYear()}-${String(hoje.getMonth() + 1).padStart(2, '0')}-${String(hoje.getDate()).padStart(2, '0')}`; // Formato: "YYYY-MM-DD"
+
+	console.log(
+		`[verificarLicencaAtiva] Verificando funcionário ${funcionarioId}, data atual: ${hojeStr}`
+	);
+
+	// Buscar atestados e licenças do funcionário
+	const [atestados, licencas] = await Promise.all([
+		ctx.db
+			.query('atestados')
+			.withIndex('by_funcionario', (q) => q.eq('funcionarioId', funcionarioId))
+			.collect(),
+		ctx.db
+			.query('licencas')
+			.withIndex('by_funcionario', (q) => q.eq('funcionarioId', funcionarioId))
+			.collect()
+	]);
+
+	console.log(
+		`[verificarLicencaAtiva] Encontrados ${atestados.length} atestados e ${licencas.length} licenças`
+	);
+
+	// Verificar se há algum atestado ativo
+	for (const atestado of atestados) {
+		// Normalizar datas para formato "YYYY-MM-DD" (pode vir como "YYYY-MM-DD" ou "YYYY-MM-DDTHH:mm:ss")
+		const inicioStr = atestado.dataInicio.includes('T')
+			? atestado.dataInicio.split('T')[0]
+			: atestado.dataInicio.substring(0, 10);
+		const fimStr = atestado.dataFim.includes('T')
+			? atestado.dataFim.split('T')[0]
+			: atestado.dataFim.substring(0, 10);
+
+		console.log(
+			`[verificarLicencaAtiva] Atestado: ${inicioStr} a ${fimStr}, hoje: ${hojeStr}, ativo: ${hojeStr >= inicioStr && hojeStr <= fimStr}`
+		);
+
+		// Comparar strings de data diretamente (formato ISO permite comparação lexicográfica)
+		if (hojeStr >= inicioStr && hojeStr <= fimStr) {
+			console.log(`[verificarLicencaAtiva] ✅ Atestado ativo encontrado!`);
+			return true;
+		}
+	}
+
+	// Verificar se há alguma licença ativa
+	for (const licenca of licencas) {
+		// Normalizar datas para formato "YYYY-MM-DD" (pode vir como "YYYY-MM-DD" ou "YYYY-MM-DDTHH:mm:ss")
+		const inicioStr = licenca.dataInicio.includes('T')
+			? licenca.dataInicio.split('T')[0]
+			: licenca.dataInicio.substring(0, 10);
+		const fimStr = licenca.dataFim.includes('T')
+			? licenca.dataFim.split('T')[0]
+			: licenca.dataFim.substring(0, 10);
+
+		console.log(
+			`[verificarLicencaAtiva] Licença: ${inicioStr} a ${fimStr}, hoje: ${hojeStr}, ativa: ${hojeStr >= inicioStr && hojeStr <= fimStr}`
+		);
+
+		// Comparar strings de data diretamente (formato ISO permite comparação lexicográfica)
+		if (hojeStr >= inicioStr && hojeStr <= fimStr) {
+			console.log(`[verificarLicencaAtiva] ✅ Licença ativa encontrada!`);
+			return true;
+		}
+	}
+
+	console.log(`[verificarLicencaAtiva] ❌ Nenhuma licença/atestado ativo encontrado`);
+	return false;
+}
+
 // ========== QUERIES ==========
 
 /**
@@ -45,9 +158,23 @@ export const listarTodos = query({
 					try {
 						const funcionario = await ctx.db.get(a.funcionarioId);
 						const criadoPor = await ctx.db.get(a.criadoPor);
+
+						// Buscar foto do perfil do funcionário através do usuário associado
+						let fotoPerfilUrl: string | null = null;
+						if (funcionario) {
+							const usuario = await ctx.db
+								.query('usuarios')
+								.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionario._id))
+								.first();
+							if (usuario?.fotoPerfil) {
+								fotoPerfilUrl = await ctx.storage.getUrl(usuario.fotoPerfil);
+							}
+						}
+
 						return {
 							...a,
 							funcionario,
+							fotoPerfilUrl,
 							criadoPorNome: criadoPor?.nome || 'Sistema',
 							dias: calcularDias(a.dataInicio, a.dataFim),
 							status: new Date(a.dataFim) >= new Date() ? 'ativo' : 'finalizado'
@@ -57,6 +184,7 @@ export const listarTodos = query({
 						return {
 							...a,
 							funcionario: null,
+							fotoPerfilUrl: null,
 							criadoPorNome: 'Sistema',
 							dias: calcularDias(a.dataInicio, a.dataFim),
 							status: new Date(a.dataFim) >= new Date() ? 'ativo' : 'finalizado'
@@ -73,9 +201,23 @@ export const listarTodos = query({
 						const licencaOriginal = l.licencaOriginalId
 							? await ctx.db.get(l.licencaOriginalId)
 							: null;
+
+						// Buscar foto do perfil do funcionário através do usuário associado
+						let fotoPerfilUrl: string | null = null;
+						if (funcionario) {
+							const usuario = await ctx.db
+								.query('usuarios')
+								.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionario._id))
+								.first();
+							if (usuario?.fotoPerfil) {
+								fotoPerfilUrl = await ctx.storage.getUrl(usuario.fotoPerfil);
+							}
+						}
+
 						return {
 							...l,
 							funcionario,
+							fotoPerfilUrl,
 							criadoPorNome: criadoPor?.nome || 'Sistema',
 							licencaOriginal,
 							dias: calcularDias(l.dataInicio, l.dataFim),
@@ -86,6 +228,7 @@ export const listarTodos = query({
 						return {
 							...l,
 							funcionario: null,
+							fotoPerfilUrl: null,
 							criadoPorNome: 'Sistema',
 							licencaOriginal: null,
 							dias: calcularDias(l.dataInicio, l.dataFim),
@@ -175,6 +318,19 @@ export const listarPorPeriodo = query({
 	}
 });
 
+/**
+ * Verificar se o funcionário atual tem licença/atestado ativo
+ */
+export const verificarStatusLicenca = query({
+	args: {
+		funcionarioId: v.id('funcionarios')
+	},
+	returns: v.boolean(),
+	handler: async (ctx, args) => {
+		return await verificarLicencaAtiva(ctx, args.funcionarioId);
+	}
+});
+
 /**
  * Obter dados para gráficos
  */
@@ -747,6 +903,18 @@ export const criarAtestadoMedico = mutation({
 			atestadoId
 		);
 
+		// Recalcular banco de horas para todas as datas do período do atestado
+		await recalcularBancoHorasPeriodo(ctx, args.funcionarioId, args.dataInicio, args.dataFim);
+
+		// Atualizar status do funcionário imediatamente
+		console.log(
+			`[criarAtestadoMedico] Atualizando status do funcionário ${args.funcionarioId} após criar atestado`
+		);
+		await ctx.runMutation(internal.ferias.atualizarStatusFuncionario, {
+			funcionarioId: args.funcionarioId
+		});
+		console.log(`[criarAtestadoMedico] Status atualizado com sucesso`);
+
 		return atestadoId;
 	}
 });
@@ -792,6 +960,18 @@ export const criarDeclaracaoComparecimento = mutation({
 			atestadoId
 		);
 
+		// Recalcular banco de horas para todas as datas do período da declaração
+		await recalcularBancoHorasPeriodo(ctx, args.funcionarioId, args.dataInicio, args.dataFim);
+
+		// Atualizar status do funcionário imediatamente
+		console.log(
+			`[criarDeclaracaoComparecimento] Atualizando status do funcionário ${args.funcionarioId} após criar declaração`
+		);
+		await ctx.runMutation(internal.ferias.atualizarStatusFuncionario, {
+			funcionarioId: args.funcionarioId
+		});
+		console.log(`[criarDeclaracaoComparecimento] Status atualizado com sucesso`);
+
 		return atestadoId;
 	}
 });
@@ -845,6 +1025,18 @@ export const criarLicencaMaternidade = mutation({
 			licencaId
 		);
 
+		// Recalcular banco de horas para todas as datas do período da licença
+		await recalcularBancoHorasPeriodo(ctx, args.funcionarioId, args.dataInicio, args.dataFim);
+
+		// Atualizar status do funcionário imediatamente
+		console.log(
+			`[criarLicencaMaternidade] Atualizando status do funcionário ${args.funcionarioId} após criar licença maternidade`
+		);
+		await ctx.runMutation(internal.ferias.atualizarStatusFuncionario, {
+			funcionarioId: args.funcionarioId
+		});
+		console.log(`[criarLicencaMaternidade] Status atualizado com sucesso`);
+
 		return licencaId;
 	}
 });
@@ -891,6 +1083,18 @@ export const criarLicencaPaternidade = mutation({
 			licencaId
 		);
 
+		// Recalcular banco de horas para todas as datas do período da licença
+		await recalcularBancoHorasPeriodo(ctx, args.funcionarioId, args.dataInicio, args.dataFim);
+
+		// Atualizar status do funcionário imediatamente
+		console.log(
+			`[criarLicencaPaternidade] Atualizando status do funcionário ${args.funcionarioId} após criar licença paternidade`
+		);
+		await ctx.runMutation(internal.ferias.atualizarStatusFuncionario, {
+			funcionarioId: args.funcionarioId
+		});
+		console.log(`[criarLicencaPaternidade] Status atualizado com sucesso`);
+
 		return licencaId;
 	}
 });
@@ -947,6 +1151,11 @@ export const prorrogarLicencaMaternidade = mutation({
 			prorrogacaoId
 		);
 
+		// Atualizar status do funcionário imediatamente
+		await ctx.runMutation(internal.ferias.atualizarStatusFuncionario, {
+			funcionarioId: licencaOriginal.funcionarioId
+		});
+
 		return prorrogacaoId;
 	}
 });
@@ -966,6 +1175,13 @@ export const excluirAtestado = mutation({
 		const atestado = await ctx.db.get(args.id);
 		if (!atestado) throw new Error('Atestado não encontrado');
 
+		// IMPORTANTE: Salvar o período exato do atestado ANTES de excluir
+		// para recalcular o banco de horas apenas para esse período específico
+		const funcionarioId = atestado.funcionarioId;
+		const dataInicio = atestado.dataInicio; // Data início do atestado
+		const dataFim = atestado.dataFim; // Data fim do atestado
+
+		// Excluir o registro do banco de dados
 		await ctx.db.delete(args.id);
 
 		await registrarAtividade(
@@ -977,6 +1193,15 @@ export const excluirAtestado = mutation({
 			args.id
 		);
 
+		// Recalcular banco de horas APENAS para o período específico do atestado excluído
+		// Isso garante que os dias do atestado sejam removidos corretamente dos registros de ponto
+		await recalcularBancoHorasPeriodo(ctx, funcionarioId, dataInicio, dataFim);
+
+		// Atualizar status do funcionário imediatamente
+		await ctx.runMutation(internal.ferias.atualizarStatusFuncionario, {
+			funcionarioId
+		});
+
 		return null;
 	}
 });
@@ -996,6 +1221,13 @@ export const excluirLicenca = mutation({
 		const licenca = await ctx.db.get(args.id);
 		if (!licenca) throw new Error('Licença não encontrada');
 
+		// IMPORTANTE: Salvar o período exato da licença ANTES de excluir
+		// para recalcular o banco de horas apenas para esse período específico
+		const funcionarioId = licenca.funcionarioId;
+		const dataInicio = licenca.dataInicio; // Data início da licença
+		const dataFim = licenca.dataFim; // Data fim da licença
+
+		// Excluir o registro do banco de dados
 		await ctx.db.delete(args.id);
 
 		await registrarAtividade(
@@ -1007,6 +1239,15 @@ export const excluirLicenca = mutation({
 			args.id
 		);
 
+		// Recalcular banco de horas APENAS para o período específico da licença excluída
+		// Isso garante que os dias da licença sejam removidos corretamente dos registros de ponto
+		await recalcularBancoHorasPeriodo(ctx, funcionarioId, dataInicio, dataFim);
+
+		// Atualizar status do funcionário imediatamente
+		await ctx.runMutation(internal.ferias.atualizarStatusFuncionario, {
+			funcionarioId
+		});
+
 		return null;
 	}
 });
diff --git a/packages/backend/convex/ausencias.ts b/packages/backend/convex/ausencias.ts
index 9a774d0..8f9f220 100644
--- a/packages/backend/convex/ausencias.ts
+++ b/packages/backend/convex/ausencias.ts
@@ -1,8 +1,11 @@
 import { v } from 'convex/values';
-import { api, internal } from './_generated/api';
-import type { Doc, Id } from './_generated/dataModel';
-import type { MutationCtx, QueryCtx } from './_generated/server';
 import { mutation, query } from './_generated/server';
+import type { QueryCtx, MutationCtx } from './_generated/server';
+import { api } from './_generated/api';
+import { internal } from './_generated/api';
+import { Id, Doc } from './_generated/dataModel';
+import { parseLocalDate, formatarDataBR } from './utils/datas';
+import { getCurrentUserFunction } from './auth';
 
 // Query: Listar todas as solicitações (para RH)
 export const listarTodas = query({
@@ -26,9 +29,26 @@ export const listarTodas = query({
 					time = await ctx.db.get(membroTime.timeId);
 				}
 
+				// Buscar usuário do funcionário para obter fotoPerfilUrl
+				let fotoPerfilUrl: string | null = null;
+				if (funcionario) {
+					const usuario = await ctx.db
+						.query('usuarios')
+						.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionario._id))
+						.first();
+					if (usuario?.fotoPerfil) {
+						fotoPerfilUrl = await ctx.storage.getUrl(usuario.fotoPerfil);
+					}
+				}
+
 				return {
 					...s,
-					funcionario,
+					funcionario: funcionario
+						? {
+								...funcionario,
+								fotoPerfilUrl
+							}
+						: null,
 					time
 				};
 			})
@@ -40,7 +60,10 @@ export const listarTodas = query({
 
 // Query: Listar solicitações do funcionário
 export const listarMinhasSolicitacoes = query({
-	args: { funcionarioId: v.id('funcionarios') },
+	args: {
+		funcionarioId: v.id('funcionarios'),
+		_refresh: v.optional(v.number()) // Parâmetro para forçar atualização no frontend
+	},
 	handler: async (ctx, args) => {
 		const solicitacoes = await ctx.db
 			.query('solicitacoesAusencias')
@@ -90,7 +113,7 @@ export const listarSolicitacoesSubordinados = query({
 
 		const solicitacoes: Array<
 			Doc<'solicitacoesAusencias'> & {
-				funcionario: Doc<'funcionarios'> | null;
+				funcionario: (Doc<'funcionarios'> & { fotoPerfilUrl: string | null }) | null;
 				time: Doc<'times'> | null;
 			}
 		> = [];
@@ -112,9 +135,27 @@ export const listarSolicitacoesSubordinados = query({
 				// Adicionar info do funcionário
 				for (const s of solic) {
 					const funcionario = await ctx.db.get(s.funcionarioId);
+
+					// Buscar usuário do funcionário para obter fotoPerfilUrl
+					let fotoPerfilUrl: string | null = null;
+					if (funcionario) {
+						const usuario = await ctx.db
+							.query('usuarios')
+							.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionario._id))
+							.first();
+						if (usuario?.fotoPerfil) {
+							fotoPerfilUrl = await ctx.storage.getUrl(usuario.fotoPerfil);
+						}
+					}
+
 					solicitacoes.push({
 						...s,
-						funcionario,
+						funcionario: funcionario
+							? {
+									...funcionario,
+									fotoPerfilUrl
+								}
+							: null,
 						time
 					});
 				}
@@ -133,6 +174,19 @@ export const obterDetalhes = query({
 		if (!solicitacao) return null;
 
 		const funcionario = await ctx.db.get(solicitacao.funcionarioId);
+
+		// Buscar usuário do funcionário para obter fotoPerfilUrl
+		let fotoPerfilUrl: string | null = null;
+		if (funcionario) {
+			const usuario = await ctx.db
+				.query('usuarios')
+				.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionario._id))
+				.first();
+			if (usuario?.fotoPerfil) {
+				fotoPerfilUrl = await ctx.storage.getUrl(usuario.fotoPerfil);
+			}
+		}
+
 		let gestor = null;
 		if (solicitacao.gestorId) {
 			gestor = await ctx.db.get(solicitacao.gestorId);
@@ -150,11 +204,31 @@ export const obterDetalhes = query({
 			time = await ctx.db.get(membroTime.timeId);
 		}
 
+		// Enriquecer histórico com nomes dos usuários
+		let historicoComUsuarios = solicitacao.historicoAlteracoes;
+		if (historicoComUsuarios && historicoComUsuarios.length > 0) {
+			historicoComUsuarios = await Promise.all(
+				historicoComUsuarios.map(async (hist) => {
+					const usuario = await ctx.db.get(hist.usuarioId);
+					return {
+						...hist,
+						usuarioNome: usuario?.nome || 'Usuário Desconhecido'
+					};
+				})
+			);
+		}
+
 		return {
 			...solicitacao,
-			funcionario,
+			funcionario: funcionario
+				? {
+						...funcionario,
+						fotoPerfilUrl
+					}
+				: null,
 			gestor,
-			time
+			time,
+			historicoAlteracoes: historicoComUsuarios
 		};
 	}
 });
@@ -211,6 +285,36 @@ export const contarPendentesGestor = query({
 	}
 });
 
+// Helper: Recalcular banco de horas em um período
+async function recalcularBancoHorasPeriodo(
+	ctx: MutationCtx,
+	funcionarioId: Id<'funcionarios'>,
+	dataInicio: string,
+	dataFim: string
+): Promise<void> {
+	// Gerar todas as datas do período
+	const dataInicioObj = new Date(dataInicio);
+	const dataFimObj = new Date(dataFim);
+	const datas: string[] = [];
+	const dataAtual = new Date(dataInicioObj);
+
+	while (dataAtual <= dataFimObj) {
+		const ano = dataAtual.getFullYear();
+		const mes = String(dataAtual.getMonth() + 1).padStart(2, '0');
+		const dia = String(dataAtual.getDate()).padStart(2, '0');
+		datas.push(`${ano}-${mes}-${dia}`);
+		dataAtual.setDate(dataAtual.getDate() + 1);
+	}
+
+	// Recalcular para cada data usando a mutation interna (agendar para execução assíncrona)
+	for (let i = 0; i < datas.length; i++) {
+		await ctx.scheduler.runAfter(i * 100, internal.pontos.recalcularBancoHorasData, {
+			funcionarioId,
+			data: datas[i]!
+		});
+	}
+}
+
 // Helper: Verificar se há sobreposição de datas
 function verificarSobreposicao(
 	inicio1: string,
@@ -218,10 +322,10 @@ function verificarSobreposicao(
 	inicio2: string,
 	fim2: string
 ): boolean {
-	const d1Inicio = new Date(inicio1);
-	const d1Fim = new Date(fim1);
-	const d2Inicio = new Date(inicio2);
-	const d2Fim = new Date(fim2);
+	const d1Inicio = parseLocalDate(inicio1);
+	const d1Fim = parseLocalDate(fim1);
+	const d2Inicio = parseLocalDate(inicio2);
+	const d2Fim = parseLocalDate(fim2);
 
 	return d1Inicio <= d2Fim && d2Inicio <= d1Fim;
 }
@@ -260,12 +364,16 @@ export const criarSolicitacao = mutation({
 			throw new Error('O motivo deve ter no mínimo 10 caracteres');
 		}
 
-		const dataInicio = new Date(args.dataInicio);
-		const dataFim = new Date(args.dataFim);
-		const hoje = new Date();
-		hoje.setHours(0, 0, 0, 0);
+		const dataInicio = parseLocalDate(args.dataInicio);
+		const dataFim = parseLocalDate(args.dataFim);
 
-		if (dataInicio < hoje) {
+		// Criar data de hoje em UTC para comparação
+		const hoje = new Date();
+		const hojeUTC = new Date(
+			Date.UTC(hoje.getUTCFullYear(), hoje.getUTCMonth(), hoje.getUTCDate(), 0, 0, 0, 0)
+		);
+
+		if (dataInicio < hojeUTC) {
 			throw new Error('A data de início não pode ser no passado');
 		}
 
@@ -278,6 +386,17 @@ export const criarSolicitacao = mutation({
 			throw new Error('Funcionário não encontrado');
 		}
 
+		// Buscar usuário que está criando (pode não ser o próprio funcionário)
+		const usuarioCriador = await getCurrentUserFunction(ctx);
+		const usuarioFuncionario = await ctx.db
+			.query('usuarios')
+			.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', args.funcionarioId))
+			.first();
+
+		// Usar o usuário autenticado se disponível, senão usar o usuário do funcionário ou gestor
+		const usuarioIdParaHistorico =
+			usuarioCriador?._id || usuarioFuncionario?._id || funcionario.gestorId;
+
 		// Verificar sobreposição com outras solicitações aprovadas ou pendentes
 		const solicitacoesExistentes = await ctx.db
 			.query('solicitacoesAusencias')
@@ -292,6 +411,17 @@ export const criarSolicitacao = mutation({
 			}
 		}
 
+		// Criar histórico inicial
+		const historicoInicial = usuarioIdParaHistorico
+			? [
+					{
+						data: Date.now(),
+						usuarioId: usuarioIdParaHistorico,
+						acao: 'Solicitação criada'
+					}
+				]
+			: [];
+
 		// Criar solicitação
 		const solicitacaoId = await ctx.db.insert('solicitacoesAusencias', {
 			funcionarioId: args.funcionarioId,
@@ -299,7 +429,8 @@ export const criarSolicitacao = mutation({
 			dataFim: args.dataFim,
 			motivo: args.motivo.trim(),
 			status: 'aguardando_aprovacao',
-			criadoEm: Date.now()
+			criadoEm: Date.now(),
+			historicoAlteracoes: historicoInicial
 		});
 
 		// Encontrar gestor do funcionário
@@ -312,7 +443,7 @@ export const criarSolicitacao = mutation({
 				solicitacaoAusenciaId: solicitacaoId,
 				tipo: 'nova_solicitacao',
 				lida: false,
-				mensagem: `${funcionario.nome} solicitou uma ausência de ${new Date(args.dataInicio).toLocaleDateString('pt-BR')} até ${new Date(args.dataFim).toLocaleDateString('pt-BR')}`
+				mensagem: `${funcionario.nome} solicitou uma ausência de ${formatarDataBR(args.dataInicio)} até ${formatarDataBR(args.dataFim)}`
 			});
 
 			// Buscar usuário do gestor para enviar email e chat
@@ -338,8 +469,8 @@ export const criarSolicitacao = mutation({
 						variaveis: {
 							gestorNome: gestorUsuario.nome,
 							funcionarioNome: funcionario.nome,
-							dataInicio: new Date(args.dataInicio).toLocaleDateString('pt-BR'),
-							dataFim: new Date(args.dataFim).toLocaleDateString('pt-BR'),
+							dataInicio: formatarDataBR(args.dataInicio),
+							dataFim: formatarDataBR(args.dataFim),
 							motivo: args.motivo,
 							urlSistema
 						},
@@ -358,7 +489,7 @@ export const criarSolicitacao = mutation({
 						corpo: `<p>Olá ${gestorUsuario.nome},</p>
               <p>O funcionário <strong>${funcionario.nome}</strong> solicitou uma ausência:</p>
               <ul>
-                <li><strong>Período:</strong> ${new Date(args.dataInicio).toLocaleDateString('pt-BR')} até ${new Date(args.dataFim).toLocaleDateString('pt-BR')}</li>
+                <li><strong>Período:</strong> ${formatarDataBR(args.dataInicio)} até ${formatarDataBR(args.dataFim)}</li>
                 <li><strong>Motivo:</strong> ${args.motivo}</li>
               </ul>
               <p>Por favor, acesse o sistema para aprovar ou reprovar esta solicitação.</p>`,
@@ -398,7 +529,7 @@ export const criarSolicitacao = mutation({
 					conversaId,
 					remetenteId: funcionarioUsuario._id,
 					tipo: 'texto',
-					conteudo: `Solicitei uma ausência de ${new Date(args.dataInicio).toLocaleDateString('pt-BR')} até ${new Date(args.dataFim).toLocaleDateString('pt-BR')}. Motivo: ${args.motivo}`,
+					conteudo: `Solicitei uma ausência de ${formatarDataBR(args.dataInicio)} até ${formatarDataBR(args.dataFim)}. Motivo: ${args.motivo}`,
 					enviadaEm: Date.now()
 				});
 			}
@@ -440,11 +571,23 @@ export const aprovar = mutation({
 			throw new Error('Funcionário não encontrado');
 		}
 
+		// Buscar nome do gestor para o histórico
+		const gestorUsuario = await ctx.db.get(args.gestorId);
+		const nomeGestor = gestorUsuario?.nome || 'Gestor';
+
 		// Atualizar solicitação
 		await ctx.db.patch(args.solicitacaoId, {
 			status: 'aprovado',
 			gestorId: args.gestorId,
-			dataAprovacao: Date.now()
+			dataAprovacao: Date.now(),
+			historicoAlteracoes: [
+				...(solicitacao.historicoAlteracoes || []),
+				{
+					data: Date.now(),
+					usuarioId: args.gestorId,
+					acao: `Aprovado por ${nomeGestor}`
+				}
+			]
 		});
 
 		// Buscar usuário do funcionário
@@ -460,7 +603,7 @@ export const aprovar = mutation({
 				solicitacaoAusenciaId: args.solicitacaoId,
 				tipo: 'aprovado',
 				lida: false,
-				mensagem: `Sua solicitação de ausência de ${new Date(solicitacao.dataInicio).toLocaleDateString('pt-BR')} até ${new Date(solicitacao.dataFim).toLocaleDateString('pt-BR')} foi aprovada!`
+				mensagem: `Sua solicitação de ausência de ${formatarDataBR(solicitacao.dataInicio)} até ${formatarDataBR(solicitacao.dataFim)} foi aprovada!`
 			});
 
 			const gestorUsuario = await ctx.db.get(args.gestorId);
@@ -481,8 +624,8 @@ export const aprovar = mutation({
 						variaveis: {
 							funcionarioNome: funcionarioUsuario.nome,
 							gestorNome: gestorUsuario.nome,
-							dataInicio: new Date(solicitacao.dataInicio).toLocaleDateString('pt-BR'),
-							dataFim: new Date(solicitacao.dataFim).toLocaleDateString('pt-BR'),
+							dataInicio: formatarDataBR(solicitacao.dataInicio),
+							dataFim: formatarDataBR(solicitacao.dataFim),
 							motivo: solicitacao.motivo,
 							urlSistema
 						},
@@ -501,7 +644,7 @@ export const aprovar = mutation({
 						corpo: `<p>Olá ${funcionarioUsuario.nome},</p>
               <p>Sua solicitação de ausência foi <strong>aprovada</strong> pelo gestor ${gestorUsuario.nome}:</p>
               <ul>
-                <li><strong>Período:</strong> ${new Date(solicitacao.dataInicio).toLocaleDateString('pt-BR')} até ${new Date(solicitacao.dataFim).toLocaleDateString('pt-BR')}</li>
+                <li><strong>Período:</strong> ${formatarDataBR(solicitacao.dataInicio)} até ${formatarDataBR(solicitacao.dataFim)}</li>
                 <li><strong>Motivo:</strong> ${solicitacao.motivo}</li>
               </ul>`,
 						enviadoPor: args.gestorId
@@ -540,12 +683,20 @@ export const aprovar = mutation({
 					conversaId,
 					remetenteId: args.gestorId,
 					tipo: 'texto',
-					conteudo: `Aprovei sua solicitação de ausência de ${new Date(solicitacao.dataInicio).toLocaleDateString('pt-BR')} até ${new Date(solicitacao.dataFim).toLocaleDateString('pt-BR')}.`,
+					conteudo: `Aprovei sua solicitação de ausência de ${formatarDataBR(solicitacao.dataInicio)} até ${formatarDataBR(solicitacao.dataFim)}.`,
 					enviadaEm: Date.now()
 				});
 			}
 		}
 
+		// Recalcular banco de horas para todas as datas do período da ausência aprovada
+		await recalcularBancoHorasPeriodo(
+			ctx,
+			solicitacao.funcionarioId,
+			solicitacao.dataInicio,
+			solicitacao.dataFim
+		);
+
 		return null;
 	}
 });
@@ -583,12 +734,24 @@ export const reprovar = mutation({
 			throw new Error('Funcionário não encontrado');
 		}
 
+		// Buscar nome do gestor para o histórico
+		const gestorUsuario = await ctx.db.get(args.gestorId);
+		const nomeGestor = gestorUsuario?.nome || 'Gestor';
+
 		// Atualizar solicitação
 		await ctx.db.patch(args.solicitacaoId, {
 			status: 'reprovado',
 			gestorId: args.gestorId,
 			dataReprovacao: Date.now(),
-			motivoReprovacao: args.motivoReprovacao.trim()
+			motivoReprovacao: args.motivoReprovacao.trim(),
+			historicoAlteracoes: [
+				...(solicitacao.historicoAlteracoes || []),
+				{
+					data: Date.now(),
+					usuarioId: args.gestorId,
+					acao: `Reprovado por ${nomeGestor}: ${args.motivoReprovacao.trim()}`
+				}
+			]
 		});
 
 		// Buscar usuário do funcionário
@@ -604,7 +767,7 @@ export const reprovar = mutation({
 				solicitacaoAusenciaId: args.solicitacaoId,
 				tipo: 'reprovado',
 				lida: false,
-				mensagem: `Sua solicitação de ausência de ${new Date(solicitacao.dataInicio).toLocaleDateString('pt-BR')} até ${new Date(solicitacao.dataFim).toLocaleDateString('pt-BR')} foi reprovada. Motivo: ${args.motivoReprovacao}`
+				mensagem: `Sua solicitação de ausência de ${formatarDataBR(solicitacao.dataInicio)} até ${formatarDataBR(solicitacao.dataFim)} foi reprovada. Motivo: ${args.motivoReprovacao}`
 			});
 
 			const gestorUsuario = await ctx.db.get(args.gestorId);
@@ -625,8 +788,8 @@ export const reprovar = mutation({
 						variaveis: {
 							funcionarioNome: funcionarioUsuario.nome,
 							gestorNome: gestorUsuario.nome,
-							dataInicio: new Date(solicitacao.dataInicio).toLocaleDateString('pt-BR'),
-							dataFim: new Date(solicitacao.dataFim).toLocaleDateString('pt-BR'),
+							dataInicio: formatarDataBR(solicitacao.dataInicio),
+							dataFim: formatarDataBR(solicitacao.dataFim),
 							motivo: solicitacao.motivo,
 							motivoReprovacao: args.motivoReprovacao,
 							urlSistema
@@ -646,7 +809,7 @@ export const reprovar = mutation({
 						corpo: `<p>Olá ${funcionarioUsuario.nome},</p>
               <p>Sua solicitação de ausência foi <strong>reprovada</strong> pelo gestor ${gestorUsuario.nome}:</p>
               <ul>
-                <li><strong>Período:</strong> ${new Date(solicitacao.dataInicio).toLocaleDateString('pt-BR')} até ${new Date(solicitacao.dataFim).toLocaleDateString('pt-BR')}</li>
+                <li><strong>Período:</strong> ${formatarDataBR(solicitacao.dataInicio)} até ${formatarDataBR(solicitacao.dataFim)}</li>
                 <li><strong>Motivo:</strong> ${solicitacao.motivo}</li>
                 <li><strong>Motivo da Reprovação:</strong> ${args.motivoReprovacao}</li>
               </ul>`,
@@ -686,7 +849,7 @@ export const reprovar = mutation({
 					conversaId,
 					remetenteId: args.gestorId,
 					tipo: 'texto',
-					conteudo: `Reprovei sua solicitação de ausência de ${new Date(solicitacao.dataInicio).toLocaleDateString('pt-BR')} até ${new Date(solicitacao.dataFim).toLocaleDateString('pt-BR')}. Motivo: ${args.motivoReprovacao}`,
+					conteudo: `Reprovei sua solicitação de ausência de ${formatarDataBR(solicitacao.dataInicio)} até ${formatarDataBR(solicitacao.dataFim)}. Motivo: ${args.motivoReprovacao}`,
 					enviadaEm: Date.now()
 				});
 			}
diff --git a/packages/backend/convex/autenticacao.ts b/packages/backend/convex/autenticacao.ts
index 2aaa580..d5b773e 100644
--- a/packages/backend/convex/autenticacao.ts
+++ b/packages/backend/convex/autenticacao.ts
@@ -4,12 +4,13 @@ import { authComponent, updatePassword } from './auth';
 
 /**
  * Alterar senha do usuário autenticado
+ * Token é opcional - autenticação é feita via contexto do Convex
  */
 export const alterarSenha = mutation({
 	args: {
-		token: v.string(), // Token não é usado, mas mantido para compatibilidade
 		senhaAtual: v.string(),
-		novaSenha: v.string()
+		novaSenha: v.string(),
+		token: v.optional(v.string()) // Token opcional - não é usado, mas mantido para compatibilidade
 	},
 	returns: v.union(
 		v.object({ sucesso: v.literal(true) }),
@@ -43,14 +44,12 @@ export const alterarSenha = mutation({
 			return {
 				sucesso: true as const
 			};
-		} catch (error: any) {
+		} catch (error: unknown) {
 			// Capturar erros específicos do Better Auth
 			let mensagemErro = 'Erro ao alterar senha';
 
-			if (error?.message) {
+			if (error instanceof Error && 'message' in error) {
 				mensagemErro = error.message;
-			} else if (typeof error === 'string') {
-				mensagemErro = error;
 			}
 
 			// Mensagens de erro mais amigáveis
diff --git a/packages/backend/convex/auth.ts b/packages/backend/convex/auth.ts
index 65d132c..74bcde5 100644
--- a/packages/backend/convex/auth.ts
+++ b/packages/backend/convex/auth.ts
@@ -5,7 +5,10 @@ import { components } from './_generated/api';
 import type { DataModel } from './_generated/dataModel';
 import { type MutationCtx, type QueryCtx, query } from './_generated/server';
 
-const siteUrl = process.env.SITE_URL!;
+// Usar SITE_URL se disponível, caso contrário usar CONVEX_SITE_URL ou um valor padrão
+const siteUrl = process.env.SITE_URL || process.env.CONVEX_SITE_URL || 'http://localhost:5173';
+
+console.log('siteUrl:', siteUrl);
 
 // The component client has methods needed for integrating Convex with Better Auth,
 // as well as helper methods for general use.
@@ -21,6 +24,7 @@ export const createAuth = (
 		logger: {
 			disabled: optionsOnly
 		},
+		trustedOrigins: ['https://vite.kilder.dev'],
 		baseURL: siteUrl,
 		database: authComponent.adapter(ctx),
 		// Configure simple, non-verified email/password to get started
@@ -40,32 +44,41 @@ export const createAuth = (
 export const getCurrentUser = query({
 	args: {},
 	handler: async (ctx) => {
-		const authUser = await authComponent.safeGetAuthUser(ctx);
-		if (!authUser) {
+		try {
+			const authUser = await authComponent.safeGetAuthUser(ctx);
+			if (!authUser) {
+				return;
+			}
+
+			const user = await ctx.db
+				.query('usuarios')
+				.withIndex('authId', (q) => q.eq('authId', authUser._id))
+				.unique();
+
+			if (!user) {
+				return;
+			}
+
+			// Buscar foto de perfil e role em paralelo para melhor performance
+			const [fotoPerfilUrl, role] = await Promise.all([
+				user.fotoPerfil
+					? ctx.storage.getUrl(user.fotoPerfil).catch(() => null)
+					: Promise.resolve(null),
+				user.roleId
+					? ctx.db
+							.query('roles')
+							.withIndex('by_id', (q) => q.eq('_id', user.roleId))
+							.unique()
+							.catch(() => null)
+					: Promise.resolve(null)
+			]);
+
+			return { ...user, role: role || null, fotoPerfilUrl };
+		} catch (error) {
+			// Log do erro mas não falhar completamente - retornar null para permitir retry
+			console.error('Erro ao buscar usuário atual:', error);
 			return;
 		}
-
-		const user = await ctx.db
-			.query('usuarios')
-			.withIndex('authId', (q) => q.eq('authId', authUser._id))
-			.unique();
-
-		if (!user) {
-			return;
-		}
-
-		const fotoPerfilUrl = user.fotoPerfil ? await ctx.storage.getUrl(user.fotoPerfil) : null;
-
-		if (!user.roleId) {
-			return { ...user, role: null, fotoPerfilUrl };
-		}
-
-		const role = await ctx.db
-			.query('roles')
-			.withIndex('by_id', (q) => q.eq('_id', user.roleId))
-			.unique();
-
-		return { ...user, role, fotoPerfilUrl };
 	}
 });
 
diff --git a/packages/backend/convex/chamados.ts b/packages/backend/convex/chamados.ts
index 5873596..48d157f 100644
--- a/packages/backend/convex/chamados.ts
+++ b/packages/backend/convex/chamados.ts
@@ -1,9 +1,9 @@
 import { v } from 'convex/values';
-import { api } from './_generated/api';
-import type { Doc, Id } from './_generated/dataModel';
-import type { MutationCtx } from './_generated/server';
 import { mutation, query } from './_generated/server';
+import type { MutationCtx } from './_generated/server';
+import { api } from './_generated/api';
 import { getCurrentUserFunction } from './auth';
+import type { Doc, Id } from './_generated/dataModel';
 
 const ticketStatusValidator = v.union(
 	v.literal('aberto'),
@@ -122,7 +122,7 @@ async function registrarNotificacoes(
 	const { ticket, titulo, mensagem, usuarioEvento } = params;
 
 	// Obter URL do sistema
-	let urlSistema = process.env.FRONTEND_URL || 'http://localhost:5173';
+	let urlSistema = process.env.SITE_URL || 'http://localhost:5173';
 	if (!urlSistema.match(/^https?:\/\//i)) {
 		urlSistema = `http://${urlSistema}`;
 	}
@@ -393,7 +393,7 @@ export const listarChamadosTI = query({
 		// Enriquecer tickets com nome do responsável
 		const ticketsEnriquecidos = await Promise.all(
 			filtrados.map(async (ticket) => {
-				let responsavelNome: string | undefined;
+				let responsavelNome: string | undefined = undefined;
 				if (ticket.responsavelId) {
 					const responsavel = await ctx.db.get(ticket.responsavelId);
 					responsavelNome = responsavel?.nome;
diff --git a/packages/backend/convex/chat.ts b/packages/backend/convex/chat.ts
index f1615a2..59e4d12 100644
--- a/packages/backend/convex/chat.ts
+++ b/packages/backend/convex/chat.ts
@@ -261,7 +261,11 @@ export const enviarMensagem = mutation({
 		arquivoTipo: v.optional(v.string()),
 		mencoes: v.optional(v.array(v.id('usuarios'))),
 		respostaPara: v.optional(v.id('mensagens')), // ID da mensagem que está respondendo
-		permitirNotificacaoParaSiMesmo: v.optional(v.boolean()) // ✅ NOVO: Permite criar notificação para si mesmo
+		permitirNotificacaoParaSiMesmo: v.optional(v.boolean()), // ✅ NOVO: Permite criar notificação para si mesmo
+		// Campos para criptografia E2E
+		criptografado: v.optional(v.boolean()), // Indica se a mensagem está criptografada
+		iv: v.optional(v.string()), // Initialization Vector (base64) para descriptografia
+		keyId: v.optional(v.string()) // Identificador da chave usada para criptografar
 	},
 	handler: async (ctx, args) => {
 		const usuarioAtual = await getUsuarioAutenticado(ctx);
@@ -281,6 +285,59 @@ export const enviarMensagem = mutation({
 			});
 		}
 
+		// Validar tamanho da mensagem
+		const MAX_MENSAGEM_LENGTH = 5000;
+		if (args.conteudo.length > MAX_MENSAGEM_LENGTH) {
+			throw new Error(`Mensagem muito longa. O limite é de ${MAX_MENSAGEM_LENGTH} caracteres.`);
+		}
+
+		// Validação de tipo de arquivo (se houver arquivo)
+		if (args.arquivoTipo) {
+			const TIPOS_PERMITIDOS = [
+				// Imagens
+				'image/jpeg',
+				'image/png',
+				'image/gif',
+				'image/webp',
+				'image/svg+xml',
+				// Documentos
+				'application/pdf',
+				'application/msword',
+				'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+				'application/vnd.ms-excel',
+				'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+				'application/vnd.ms-powerpoint',
+				'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+				'text/plain',
+				'text/csv',
+				// Arquivos
+				'application/zip',
+				'application/x-rar-compressed',
+				'application/x-7z-compressed',
+				'application/x-tar',
+				'application/gzip'
+			];
+
+			if (!TIPOS_PERMITIDOS.includes(args.arquivoTipo)) {
+				throw new Error('Tipo de arquivo não permitido');
+			}
+
+			// Validar tamanho de arquivo (10MB)
+			const MAX_FILE_SIZE = 10 * 1024 * 1024;
+			if (args.arquivoTamanho && args.arquivoTamanho > MAX_FILE_SIZE) {
+				throw new Error(`Arquivo muito grande. O tamanho máximo é ${MAX_FILE_SIZE / 1024 / 1024}MB.`);
+			}
+
+			// Validar nome do arquivo (sanitizar)
+			if (args.arquivoNome) {
+				const nomeSanitizado = args.arquivoNome.replace(/[^a-zA-Z0-9._-]/g, '_');
+				if (nomeSanitizado !== args.arquivoNome) {
+					// Se o nome foi alterado, usar o sanitizado
+					args.arquivoNome = nomeSanitizado;
+				}
+			}
+		}
+
 		// Verificar se usuário pertence à conversa
 		const conversa = await ctx.db.get(args.conversaId);
 		if (!conversa) throw new Error('Conversa não encontrada');
@@ -289,7 +346,8 @@ export const enviarMensagem = mutation({
 		}
 
 		// Normalizar conteúdo para busca (remover acentos, lowercase)
-		const conteudoBusca = normalizarTextoParaBusca(args.conteudo);
+		// Se a mensagem estiver criptografada, não criar índice de busca (conteudoBusca será undefined)
+		const conteudoBusca = args.criptografado ? undefined : normalizarTextoParaBusca(args.conteudo);
 
 		// Verificar se é resposta a outra mensagem
 		if (args.respostaPara) {
@@ -320,7 +378,11 @@ export const enviarMensagem = mutation({
 			mencoes: args.mencoes,
 			respostaPara: args.respostaPara,
 			enviadaEm: Date.now(),
-			lidaPor: [] // Inicializar como array vazio
+			lidaPor: [], // Inicializar como array vazio
+			// Campos de criptografia E2E
+			criptografado: args.criptografado ?? false,
+			iv: args.iv,
+			keyId: args.keyId
 		});
 
 		// Detectar URLs no conteúdo e extrair preview (apenas para mensagens de texto, assíncrono)
@@ -343,8 +405,12 @@ export const enviarMensagem = mutation({
 		}
 
 		// Atualizar última mensagem da conversa
+		// Se a mensagem estiver criptografada, usar placeholder
+		const ultimaMensagemTexto = args.criptografado
+			? '🔒 Mensagem criptografada'
+			: args.conteudo.substring(0, 100);
 		await ctx.db.patch(args.conversaId, {
-			ultimaMensagem: args.conteudo.substring(0, 100),
+			ultimaMensagem: ultimaMensagemTexto,
 			ultimaMensagemTimestamp: Date.now(),
 			ultimaMensagemRemetenteId: usuarioAtual._id // Guardar ID do remetente da última mensagem
 		});
@@ -793,7 +859,11 @@ export const marcarNotificacaoLida = mutation({
 		if (!usuarioAtual) throw new Error('Não autenticado');
 
 		const notificacao = await ctx.db.get(args.notificacaoId);
-		if (!notificacao) throw new Error('Notificação não encontrada');
+		// Se a notificação não existe (já foi deletada), retornar sucesso silenciosamente
+		// Isso evita erros quando múltiplas tentativas são feitas ou quando a notificação já foi removida
+		if (!notificacao) {
+			return true;
+		}
 
 		// SEGURANÇA: Verificar se a notificação pertence ao usuário atual
 		if (notificacao.usuarioId !== usuarioAtual._id) {
@@ -808,6 +878,11 @@ export const marcarNotificacaoLida = mutation({
 			}
 		}
 
+		// Se já está marcada como lida, retornar sucesso sem fazer nada
+		if (notificacao.lida) {
+			return true;
+		}
+
 		await ctx.db.patch(args.notificacaoId, { lida: true });
 		return true;
 	}
@@ -890,7 +965,10 @@ export const limparNotificacoesNaoLidas = mutation({
 export const editarMensagem = mutation({
 	args: {
 		mensagemId: v.id('mensagens'),
-		novoConteudo: v.string()
+		novoConteudo: v.string(),
+		// Campos para criptografia E2E (opcionais, apenas se a mensagem for criptografada)
+		iv: v.optional(v.string()), // Initialization Vector (base64) para descriptografia
+		keyId: v.optional(v.string()) // Identificador da chave usada para criptografar
 	},
 	returns: v.object({ sucesso: v.boolean(), erro: v.optional(v.string()) }),
 	handler: async (ctx, args) => {
@@ -947,15 +1025,32 @@ export const editarMensagem = mutation({
 			};
 		}
 
-		// Normalizar conteúdo para busca
-		const conteudoBusca = normalizarTextoParaBusca(args.novoConteudo);
+		// Normalizar conteúdo para busca (se não estiver criptografado)
+		// Se a mensagem original estava criptografada, manter criptografado
+		const estaCriptografada = mensagem.criptografado ?? false;
+		const conteudoBusca = estaCriptografada ? undefined : normalizarTextoParaBusca(args.novoConteudo);
 
 		// Atualizar mensagem
-		await ctx.db.patch(args.mensagemId, {
+		// Se a mensagem estava criptografada e novos campos de criptografia foram fornecidos, atualizar
+		const updateData: {
+			conteudo: string;
+			conteudoBusca?: string;
+			editadaEm: number;
+			iv?: string;
+			keyId?: string;
+		} = {
 			conteudo: args.novoConteudo.trim(),
 			conteudoBusca,
 			editadaEm: Date.now()
-		});
+		};
+
+		// Se a mensagem estava criptografada e novos campos foram fornecidos, atualizar
+		if (estaCriptografada && (args.iv || args.keyId)) {
+			if (args.iv) updateData.iv = args.iv;
+			if (args.keyId) updateData.keyId = args.keyId;
+		}
+
+		await ctx.db.patch(args.mensagemId, updateData);
 
 		return { sucesso: true };
 	}
@@ -1148,18 +1243,39 @@ export const adicionarParticipanteSala = mutation({
 			participantes: novosParticipantes
 		});
 
+		// Verificar se a conversa tem criptografia E2E ativa
+		const chaveE2E = await ctx.db
+			.query('chavesCriptografia')
+			.withIndex('by_conversa', (q) => q.eq('conversaId', args.conversaId).eq('ativo', true))
+			.first();
+
 		// Criar notificação para o novo participante
+		const agora = Date.now();
 		await ctx.db.insert('notificacoes', {
 			usuarioId: args.participanteId,
 			tipo: 'adicionado_grupo',
 			conversaId: args.conversaId,
 			remetenteId: usuarioAtual._id,
 			titulo: 'Adicionado a sala de reunião',
-			descricao: `Você foi adicionado à sala de reunião "${conversa.nome || 'Sem nome'}" por ${usuarioAtual.nome}`,
+			descricao: `Você foi adicionado à sala de reunião "${conversa.nome || 'Sem nome'}" por ${usuarioAtual.nome}${chaveE2E ? '. Esta conversa usa criptografia E2E - você receberá a chave automaticamente.' : ''}`,
 			lida: false,
-			criadaEm: Date.now()
+			criadaEm: agora
 		});
 
+		// Se a conversa tem E2E ativo, notificar sobre a chave
+		if (chaveE2E) {
+			await ctx.db.insert('notificacoes', {
+				usuarioId: args.participanteId,
+				tipo: 'alerta_seguranca',
+				conversaId: args.conversaId,
+				remetenteId: usuarioAtual._id,
+				titulo: 'Chave de criptografia E2E disponível',
+				descricao: `Esta conversa usa criptografia end-to-end. A chave foi compartilhada com você automaticamente.`,
+				lida: false,
+				criadaEm: agora
+			});
+		}
+
 		return { sucesso: true };
 	}
 });
@@ -1764,28 +1880,42 @@ export const listarConversas = query({
 export const obterMensagens = query({
 	args: {
 		conversaId: v.id('conversas'),
-		limit: v.optional(v.number())
+		limit: v.optional(v.number()),
+		cursor: v.optional(v.id('mensagens')) // ID da última mensagem carregada (para paginação)
 	},
 	handler: async (ctx, args) => {
 		const usuarioAtual = await getUsuarioAutenticado(ctx);
-		if (!usuarioAtual) return [];
+		if (!usuarioAtual) return { mensagens: [], hasMore: false };
 
 		// Verificar se usuário pertence à conversa (SEGURANÇA CRÍTICA)
 		const conversa = await ctx.db.get(args.conversaId);
 		if (!conversa || !conversa.participantes.includes(usuarioAtual._id)) {
-			return [];
+			return { mensagens: [], hasMore: false };
 		}
 
-		// Buscar mensagens (excluir agendadas)
-		const mensagens = await ctx.db
+		const limit = args.limit || 50;
+		let query = ctx.db
 			.query('mensagens')
 			.withIndex('by_conversa', (q) => q.eq('conversaId', args.conversaId))
-			.order('desc')
-			.take(args.limit || 50);
+			.order('desc');
+
+		// Se há cursor, buscar mensagens anteriores a ele
+		if (args.cursor) {
+			const cursorMsg = await ctx.db.get(args.cursor);
+			if (cursorMsg && cursorMsg.conversaId === args.conversaId) {
+				// Buscar mensagens anteriores à mensagem do cursor
+				query = query.filter((q) => q.lt(q.field('_creationTime'), cursorMsg._creationTime));
+			}
+		}
+
+		// Buscar uma mensagem a mais para verificar se há mais mensagens
+		const mensagens = await query.take(limit + 1);
+		const hasMore = mensagens.length > limit;
+		const mensagensParaRetornar = hasMore ? mensagens.slice(0, limit) : mensagens;
 
 		// Filtrar mensagens agendadas e garantir que são da conversa correta
 		// SEGURANÇA: Apenas mensagens de participantes da conversa são retornadas
-		const mensagensFiltradas = mensagens.filter((m) => {
+		const mensagensFiltradas = mensagensParaRetornar.filter((m) => {
 			// Excluir agendadas
 			if (m.agendadaPara) return false;
 
@@ -1842,7 +1972,15 @@ export const obterMensagens = query({
 		);
 
 		// Filtrar nulls (caso alguma mensagem tenha sido rejeitada por segurança)
-		return mensagensEnriquecidas.filter((m) => m !== null).reverse();
+		const mensagensFinais = mensagensEnriquecidas.filter((m) => m !== null).reverse();
+
+		return {
+			mensagens: mensagensFinais,
+			hasMore,
+			nextCursor: hasMore && mensagensFinais.length > 0 
+				? mensagensFinais[mensagensFinais.length - 1]._id 
+				: null
+		};
 	}
 });
 
@@ -2480,3 +2618,144 @@ export const limparIndicadoresDigitacao = internalMutation({
 		return indicadoresAntigos.length;
 	}
 });
+
+// ========== CRIPTOGRAFIA E2E ==========
+
+/**
+ * Compartilha uma chave de criptografia E2E para uma conversa
+ * A chave deve ser criptografada antes de ser enviada (usando chave pública do servidor ou outro método)
+ */
+export const compartilharChaveCriptografia = mutation({
+	args: {
+		conversaId: v.id('conversas'),
+		chaveCompartilhada: v.string(), // Chave criptografada (base64)
+		keyId: v.string() // Identificador único da chave
+	},
+	handler: async (ctx, args) => {
+		const usuarioAtual = await getUsuarioAutenticado(ctx);
+		if (!usuarioAtual) {
+			throw new Error('Não autenticado');
+		}
+
+		// Verificar se usuário pertence à conversa
+		const conversa = await ctx.db.get(args.conversaId);
+		if (!conversa) {
+			throw new Error('Conversa não encontrada');
+		}
+		if (!conversa.participantes.includes(usuarioAtual._id)) {
+			throw new Error('Você não pertence a esta conversa');
+		}
+
+		// Desativar chaves antigas da conversa
+		const chavesAntigas = await ctx.db
+			.query('chavesCriptografia')
+			.withIndex('by_conversa', (q) => q.eq('conversaId', args.conversaId).eq('ativo', true))
+			.collect();
+
+		for (const chaveAntiga of chavesAntigas) {
+			await ctx.db.patch(chaveAntiga._id, { ativo: false });
+		}
+
+		// Criar nova chave
+		await ctx.db.insert('chavesCriptografia', {
+			conversaId: args.conversaId,
+			chaveCompartilhada: args.chaveCompartilhada,
+			keyId: args.keyId,
+			criadoPor: usuarioAtual._id,
+			criadoEm: Date.now(),
+			ativo: true
+		});
+
+		// Criar notificações para outros participantes sobre a ativação/regeneração da chave
+		const agora = Date.now();
+		for (const participanteId of conversa.participantes) {
+			if (participanteId !== usuarioAtual._id) {
+				await ctx.db.insert('notificacoes', {
+					usuarioId: participanteId,
+					tipo: 'alerta_seguranca',
+					conversaId: args.conversaId,
+					remetenteId: usuarioAtual._id,
+					titulo: 'Criptografia E2E atualizada',
+					descricao: `${usuarioAtual.nome} ${chavesAntigas.length > 0 ? 'regenerou' : 'ativou'} a criptografia end-to-end nesta conversa. Suas mensagens futuras serão criptografadas.`,
+					lida: false,
+					criadaEm: agora
+				});
+			}
+		}
+
+		return { sucesso: true };
+	}
+});
+
+/**
+ * Obtém a chave de criptografia ativa para uma conversa
+ */
+export const obterChaveCriptografia = query({
+	args: {
+		conversaId: v.id('conversas')
+	},
+	handler: async (ctx, args) => {
+		const usuarioAtual = await getUsuarioAutenticado(ctx);
+		if (!usuarioAtual) {
+			return null;
+		}
+
+		// Verificar se usuário pertence à conversa
+		const conversa = await ctx.db.get(args.conversaId);
+		if (!conversa) {
+			return null;
+		}
+		if (!conversa.participantes.includes(usuarioAtual._id)) {
+			return null;
+		}
+
+		// Buscar chave ativa
+		const chave = await ctx.db
+			.query('chavesCriptografia')
+			.withIndex('by_conversa', (q) => q.eq('conversaId', args.conversaId).eq('ativo', true))
+			.first();
+
+		if (!chave) {
+			return null;
+		}
+
+		return {
+			chaveCompartilhada: chave.chaveCompartilhada,
+			keyId: chave.keyId,
+			criadoPor: chave.criadoPor,
+			criadoEm: chave.criadoEm
+		};
+	}
+});
+
+/**
+ * Verifica se uma conversa tem criptografia E2E habilitada
+ */
+export const verificarCriptografiaE2E = query({
+	args: {
+		conversaId: v.id('conversas')
+	},
+	handler: async (ctx, args) => {
+		const usuarioAtual = await getUsuarioAutenticado(ctx);
+		if (!usuarioAtual) {
+			return false;
+		}
+
+		// Verificar se usuário pertence à conversa
+		const conversa = await ctx.db.get(args.conversaId);
+		if (!conversa) {
+			return false;
+		}
+		if (!conversa.participantes.includes(usuarioAtual._id)) {
+			return false;
+		}
+
+		// Verificar se existe chave ativa
+		const chave = await ctx.db
+			.query('chavesCriptografia')
+			.withIndex('by_conversa', (q) => q.eq('conversaId', args.conversaId).eq('ativo', true))
+			.first();
+
+		return chave !== null;
+	}
+});
diff --git a/packages/backend/convex/configuracaoEmail.ts b/packages/backend/convex/configuracaoEmail.ts
index cc33fd6..c60b8ff 100644
--- a/packages/backend/convex/configuracaoEmail.ts
+++ b/packages/backend/convex/configuracaoEmail.ts
@@ -1,8 +1,8 @@
 import { v } from 'convex/values';
-import { api, internal } from './_generated/api';
-import { action, internalMutation, mutation, query } from './_generated/server';
+import { mutation, query, action, internalMutation } from './_generated/server';
 import { encryptSMTPPassword } from './auth/utils';
 import { registrarAtividade } from './logsAtividades';
+import { api, internal } from './_generated/api';
 
 /**
  * Obter configuração de email ativa (senha mascarada)
@@ -65,10 +65,7 @@ export const salvarConfigEmail = mutation({
 
 		// Validar porta
 		if (args.porta < 1 || args.porta > 65535) {
-			return {
-				sucesso: false as const,
-				erro: 'Porta deve ser um número entre 1 e 65535'
-			};
+			return { sucesso: false as const, erro: 'Porta deve ser um número entre 1 e 65535' };
 		}
 
 		// Buscar config ativa anterior para manter senha se não fornecida
@@ -87,10 +84,7 @@ export const salvarConfigEmail = mutation({
 			senhaHash = configAtiva.senhaHash;
 		} else {
 			// Sem senha e sem config existente - erro
-			return {
-				sucesso: false as const,
-				erro: 'Senha é obrigatória para nova configuração'
-			};
+			return { sucesso: false as const, erro: 'Senha é obrigatória para nova configuração' };
 		}
 
 		// Desativar config anterior
@@ -167,17 +161,11 @@ export const testarConexaoSMTP = action({
 	handler: async (ctx, args): Promise<{ sucesso: true } | { sucesso: false; erro: string }> => {
 		// Validações básicas
 		if (!args.servidor || args.servidor.trim().length === 0) {
-			return {
-				sucesso: false as const,
-				erro: 'Servidor SMTP não pode estar vazio'
-			};
+			return { sucesso: false as const, erro: 'Servidor SMTP não pode estar vazio' };
 		}
 
 		if (!args.porta || args.porta < 1 || args.porta > 65535) {
-			return {
-				sucesso: false as const,
-				erro: 'Porta inválida. Deve ser entre 1 e 65535'
-			};
+			return { sucesso: false as const, erro: 'Porta inválida. Deve ser entre 1 e 65535' };
 		}
 
 		if (!args.usuario || args.usuario.trim().length === 0) {
diff --git a/packages/backend/convex/configuracaoJitsi.ts b/packages/backend/convex/configuracaoJitsi.ts
index 0e4e192..f96ce1e 100644
--- a/packages/backend/convex/configuracaoJitsi.ts
+++ b/packages/backend/convex/configuracaoJitsi.ts
@@ -1,7 +1,7 @@
 import { v } from 'convex/values';
-import { api, internal } from './_generated/api';
-import { action, internalMutation, mutation, query } from './_generated/server';
+import { mutation, query, action, internalMutation } from './_generated/server';
 import { registrarAtividade } from './logsAtividades';
+import { api, internal } from './_generated/api';
 
 /**
  * Obter configuração de Jitsi ativa
diff --git a/packages/backend/convex/convex.config.ts b/packages/backend/convex/convex.config.ts
index c1840aa..f8fca7c 100644
--- a/packages/backend/convex/convex.config.ts
+++ b/packages/backend/convex/convex.config.ts
@@ -1,6 +1,6 @@
+import { defineApp } from 'convex/server';
 import betterAuth from '@convex-dev/better-auth/convex.config';
 import rateLimiter from '@convex-dev/rate-limiter/convex.config';
-import { defineApp } from 'convex/server';
 
 const app = defineApp();
 app.use(betterAuth);
diff --git a/packages/backend/convex/crons.ts b/packages/backend/convex/crons.ts
index ab84993..3ef6845 100644
--- a/packages/backend/convex/crons.ts
+++ b/packages/backend/convex/crons.ts
@@ -50,4 +50,12 @@ crons.interval(
 	{}
 );
 
+// Verificar e enviar notificações de alertas de banco de horas diariamente às 8h
+crons.interval(
+	'verificar-alertas-banco-horas',
+	{ hours: 24 },
+	internal.pontos.enviarNotificacoesAlertasBancoHoras,
+	{}
+);
+
 export default crons;
diff --git a/packages/backend/convex/cursos.ts b/packages/backend/convex/cursos.ts
index 3ad94db..641128a 100644
--- a/packages/backend/convex/cursos.ts
+++ b/packages/backend/convex/cursos.ts
@@ -1,5 +1,5 @@
 import { v } from 'convex/values';
-import { mutation, query } from './_generated/server';
+import { query, mutation } from './_generated/server';
 
 export const listarPorFuncionario = query({
 	args: {
diff --git a/packages/backend/convex/dashboard.ts b/packages/backend/convex/dashboard.ts
index ffbd36c..16aba68 100644
--- a/packages/backend/convex/dashboard.ts
+++ b/packages/backend/convex/dashboard.ts
@@ -1,5 +1,5 @@
-import { v } from 'convex/values';
 import { query } from './_generated/server';
+import { v } from 'convex/values';
 
 // Obter estatísticas gerais do sistema
 export const getStats = query({
diff --git a/packages/backend/convex/documentos.ts b/packages/backend/convex/documentos.ts
index 0edf87a..13d7d3a 100644
--- a/packages/backend/convex/documentos.ts
+++ b/packages/backend/convex/documentos.ts
@@ -1,6 +1,6 @@
 import { v } from 'convex/values';
-import type { Id } from './_generated/dataModel';
 import { mutation, query } from './_generated/server';
+import { Id } from './_generated/dataModel';
 
 // Mutation para fazer upload de arquivo e obter o storage ID
 export const generateUploadUrl = mutation({
diff --git a/packages/backend/convex/email.ts b/packages/backend/convex/email.ts
index 4ce800a..84a9d6f 100644
--- a/packages/backend/convex/email.ts
+++ b/packages/backend/convex/email.ts
@@ -1,8 +1,8 @@
 import { v } from 'convex/values';
-import { api, internal } from './_generated/api';
-import type { Doc, Id } from './_generated/dataModel';
-import { action, internalMutation, internalQuery, mutation, query } from './_generated/server';
+import { mutation, query, internalMutation, internalQuery, action } from './_generated/server';
+import { internal, api } from './_generated/api';
 import { renderizarTemplateEmailFromDoc, type VariaveisTemplate } from './templatesMensagens';
+import type { Doc, Id } from './_generated/dataModel';
 
 // ========== INTERNAL QUERIES ==========
 
diff --git a/packages/backend/convex/empresas.ts b/packages/backend/convex/empresas.ts
index 148e325..68963e2 100644
--- a/packages/backend/convex/empresas.ts
+++ b/packages/backend/convex/empresas.ts
@@ -1,8 +1,8 @@
 import { v } from 'convex/values';
-import { internal } from './_generated/api';
-import type { Id } from './_generated/dataModel';
 import { mutation, query } from './_generated/server';
+import { internal } from './_generated/api';
 import { getCurrentUserFunction } from './auth';
+import type { Id } from './_generated/dataModel';
 
 export const list = query({
 	args: {},
diff --git a/packages/backend/convex/errosServidor.ts b/packages/backend/convex/errosServidor.ts
new file mode 100644
index 0000000..5690eaa
--- /dev/null
+++ b/packages/backend/convex/errosServidor.ts
@@ -0,0 +1,429 @@
+import {
+	action,
+	internalMutation,
+	internalAction,
+	internalQuery,
+	query
+} from './_generated/server';
+import { v } from 'convex/values';
+import { api, internal } from './_generated/api';
+import type { Id, Doc } from './_generated/dataModel';
+import { getCurrentUserFunction } from './auth';
+
+/**
+ * Action pública para registrar erro do servidor e notificar equipe técnica
+ * Esta função será chamada pelo handleError do SvelteKit
+ */
+export const registrarErroServidor = action({
+	args: {
+		statusCode: v.number(),
+		mensagem: v.string(),
+		stack: v.optional(v.string()),
+		url: v.optional(v.string()),
+		method: v.optional(v.string()),
+		ipAddress: v.optional(v.string()),
+		userAgent: v.optional(v.string()),
+		usuarioId: v.optional(v.id('usuarios'))
+	},
+	handler: async (ctx, args) => {
+		// Registrar erro no banco
+		// Anotação explícita de tipo para evitar problemas de tipagem circular ao
+		// chamar uma função registrada neste mesmo módulo (ver docs do Convex).
+		const erroId: Id<'errosServidor'> = await ctx.runMutation(internal.errosServidor.inserirErro, {
+			statusCode: args.statusCode,
+			mensagem: args.mensagem,
+			stack: args.stack,
+			url: args.url,
+			method: args.method,
+			ipAddress: args.ipAddress,
+			userAgent: args.userAgent,
+			usuarioId: args.usuarioId
+		});
+
+		// Notificar equipe técnica (assíncrono)
+		ctx.scheduler
+			.runAfter(0, internal.errosServidor.notificarEquipeTecnica, {
+				erroId
+			})
+			.catch((error) => {
+				console.error('Erro ao agendar notificação de erro:', error);
+			});
+
+		return { sucesso: true, erroId };
+	}
+});
+
+/**
+ * Mutation interna para inserir erro no banco
+ */
+export const inserirErro = internalMutation({
+	args: {
+		statusCode: v.number(),
+		mensagem: v.string(),
+		stack: v.optional(v.string()),
+		url: v.optional(v.string()),
+		method: v.optional(v.string()),
+		ipAddress: v.optional(v.string()),
+		userAgent: v.optional(v.string()),
+		usuarioId: v.optional(v.id('usuarios'))
+	},
+	handler: async (ctx, args) => {
+		const erroId = await ctx.db.insert('errosServidor', {
+			statusCode: args.statusCode,
+			mensagem: args.mensagem,
+			stack: args.stack,
+			url: args.url,
+			method: args.method,
+			ipAddress: args.ipAddress,
+			userAgent: args.userAgent,
+			usuarioId: args.usuarioId,
+			notificado: false,
+			criadoEm: Date.now()
+		});
+
+		return erroId;
+	}
+});
+
+/**
+ * Action interna para notificar equipe técnica sobre erro do servidor
+ */
+export const notificarEquipeTecnica = internalAction({
+	args: {
+		erroId: v.id('errosServidor')
+	},
+	handler: async (ctx, args) => {
+		// Buscar detalhes do erro
+		const erro = await ctx.runQuery(internal.errosServidor.obterErroPorId, {
+			erroId: args.erroId
+		});
+
+		if (!erro) {
+			console.error('Erro não encontrado:', args.erroId);
+			return;
+		}
+
+		// Buscar usuários da equipe técnica (roles com nível <= 1)
+		const rolesAdminOuTi: Doc<'roles'>[] = await ctx.runQuery(
+			internal.errosServidor.obterRolesTI,
+			{}
+		);
+
+		if (rolesAdminOuTi.length === 0) {
+			console.warn('Nenhuma role de TI encontrada para notificação de erro');
+			return;
+		}
+
+		const rolesPermitidas = new Set(rolesAdminOuTi.map((r: Doc<'roles'>) => r._id));
+		const usuarios: Doc<'usuarios'>[] = await ctx.runQuery(internal.errosServidor.obterUsuariosTI, {
+			rolesPermitidas: Array.from(rolesPermitidas)
+		});
+
+		if (usuarios.length === 0) {
+			console.warn('Nenhum usuário de TI encontrado para notificação de erro');
+			return;
+		}
+
+		// Preparar informações do erro para notificação
+		const urlFormatada = erro.url || 'N/A';
+		const metodoFormatado = erro.method || 'N/A';
+		const stackFormatado = erro.stack
+			? erro.stack.substring(0, 500) + (erro.stack.length > 500 ? '...' : '')
+			: 'N/A';
+
+		// Notificar via chat (notificações internas)
+		for (const usuario of usuarios) {
+			await ctx.runMutation(internal.errosServidor.criarNotificacaoChat, {
+				usuarioId: usuario._id,
+				statusCode: erro.statusCode,
+				mensagem: erro.mensagem,
+				url: urlFormatada,
+				method: metodoFormatado
+			});
+		}
+
+		// Notificar via email (apenas para usuários com email)
+		const usuariosComEmail = usuarios.filter((u: Doc<'usuarios'>) => u.email);
+
+		for (const usuario of usuariosComEmail) {
+			try {
+				// Determinar código do template baseado no status code
+				const templateCodigo = erro.statusCode === 404 ? 'ERRO_SERVIDOR_404' : 'ERRO_SERVIDOR_500';
+
+				// Verificar se existe template de erro do servidor
+				const templateExiste = await ctx.runQuery(api.templatesMensagens.obterTemplatePorCodigo, {
+					codigo: templateCodigo
+				});
+
+				if (templateExiste) {
+					// Usar template personalizado
+					await ctx.scheduler.runAfter(0, api.email.enviarEmailComTemplate, {
+						destinatario: usuario.email!,
+						destinatarioId: usuario._id,
+						templateCodigo,
+						variaveis: {
+							destinatarioNome: usuario.nome,
+							statusCode: erro.statusCode.toString(),
+							mensagem: erro.mensagem,
+							url: urlFormatada,
+							method: metodoFormatado,
+							stack: stackFormatado,
+							timestamp: new Date(erro.criadoEm).toLocaleString('pt-BR')
+						},
+						enviadoPor: usuario._id // Usar o próprio usuário como remetente
+					});
+				} else {
+					// Template não existe, criar email simples com HTML básico
+					const assunto =
+						erro.statusCode === 404
+							? `⚠️ Erro 404 - Página não encontrada: ${urlFormatada.substring(0, 50)}`
+							: `🚨 Erro ${erro.statusCode} no Servidor - ${urlFormatada.substring(0, 50)}`;
+					const corpo = `<html><body>
+						<h2>${erro.statusCode === 404 ? 'Página Não Encontrada (404)' : 'Erro do Servidor Detectado'}</h2>
+						<p><strong>Código:</strong> ${erro.statusCode}</p>
+						<p><strong>Mensagem:</strong> ${erro.mensagem}</p>
+						<p><strong>URL:</strong> ${urlFormatada}</p>
+						<p><strong>Método:</strong> ${metodoFormatado}</p>
+						<p><strong>Data/Hora:</strong> ${new Date(erro.criadoEm).toLocaleString('pt-BR')}</p>
+						${erro.stack && erro.statusCode !== 404 ? `<p><strong>Stack Trace:</strong><br><pre style="white-space: pre-wrap; word-wrap: break-word;">${stackFormatado}</pre></p>` : ''}
+					</body></html>`;
+
+					await ctx.runMutation(api.email.enfileirarEmail, {
+						destinatario: usuario.email!,
+						destinatarioId: usuario._id,
+						assunto,
+						corpo,
+						enviadoPor: usuario._id
+					});
+				}
+			} catch (error) {
+				console.error(`Erro ao enviar email de notificação para ${usuario.email}:`, error);
+			}
+		}
+
+		// Marcar erro como notificado
+		await ctx.runMutation(internal.errosServidor.marcarComoNotificado, {
+			erroId: args.erroId
+		});
+	}
+});
+
+/**
+ * Query interna para obter erro por ID
+ */
+export const obterErroPorId = internalQuery({
+	args: {
+		erroId: v.id('errosServidor')
+	},
+	handler: async (ctx, args) => {
+		return await ctx.db.get(args.erroId);
+	}
+});
+
+/**
+ * Query interna para obter roles de TI
+ */
+export const obterRolesTI = internalQuery({
+	args: {},
+	handler: async (ctx) => {
+		return await ctx.db
+			.query('roles')
+			.filter((q) => q.lte(q.field('admin'), true))
+			.collect();
+	}
+});
+
+/**
+ * Query interna para obter usuários de TI
+ */
+export const obterUsuariosTI = internalQuery({
+	args: {
+		rolesPermitidas: v.array(v.id('roles'))
+	},
+	handler: async (ctx, args) => {
+		const usuarios = await ctx.db.query('usuarios').collect();
+		return usuarios.filter((u) => args.rolesPermitidas.includes(u.roleId));
+	}
+});
+
+/**
+ * Mutation interna para criar notificação no chat
+ */
+export const criarNotificacaoChat = internalMutation({
+	args: {
+		usuarioId: v.id('usuarios'),
+		statusCode: v.number(),
+		mensagem: v.string(),
+		url: v.string(),
+		method: v.string()
+	},
+	handler: async (ctx, args) => {
+		const tituloNotificacao =
+			args.statusCode === 404
+				? `⚠️ Erro 404 - Página não encontrada`
+				: `🚨 Erro ${args.statusCode} no Servidor`;
+		const descricaoNotificacao =
+			args.statusCode === 404
+				? `Página não encontrada: ${args.url} (${args.method})`
+				: `Erro detectado em ${args.url} (${args.method}): ${args.mensagem.substring(0, 100)}`;
+
+		await ctx.db.insert('notificacoes', {
+			usuarioId: args.usuarioId,
+			tipo: 'nova_mensagem',
+			titulo: tituloNotificacao,
+			descricao: descricaoNotificacao,
+			lida: false,
+			criadaEm: Date.now()
+		});
+	}
+});
+
+/**
+ * Mutation interna para marcar erro como notificado
+ */
+export const marcarComoNotificado = internalMutation({
+	args: {
+		erroId: v.id('errosServidor')
+	},
+	handler: async (ctx, args) => {
+		await ctx.db.patch(args.erroId, {
+			notificado: true,
+			notificadoEm: Date.now()
+		});
+	}
+});
+
+/**
+ * Query pública para listar erros do servidor (apenas para TI)
+ */
+export const listarErros = query({
+	args: {
+		limite: v.optional(v.number()),
+		statusCode: v.optional(v.number()),
+		notificado: v.optional(v.boolean()),
+		dataInicio: v.optional(v.number()),
+		dataFim: v.optional(v.number())
+	},
+	handler: async (ctx, args) => {
+		// Verificar se usuário tem permissão (nível <= 1)
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Não autenticado');
+		}
+
+		const role = await ctx.db.get(usuario.roleId);
+		if (!role || !role.admin) {
+			throw new Error('Acesso negado. Apenas usuários de TI podem visualizar erros do servidor.');
+		}
+
+		// Construir query com filtros
+		let erros;
+		if (args.statusCode !== undefined) {
+			erros = await ctx.db
+				.query('errosServidor')
+				.withIndex('by_status_code', (q) => q.eq('statusCode', args.statusCode!))
+				.collect();
+		} else {
+			erros = await ctx.db.query('errosServidor').withIndex('by_criado_em').collect();
+		}
+
+		// Aplicar filtros adicionais que não são índices
+		if (args.notificado !== undefined) {
+			erros = erros.filter((e) => e.notificado === args.notificado);
+		}
+
+		if (args.dataInicio !== undefined) {
+			erros = erros.filter((e) => e.criadoEm >= args.dataInicio!);
+		}
+
+		if (args.dataFim !== undefined) {
+			erros = erros.filter((e) => e.criadoEm <= args.dataFim!);
+		}
+
+		// Ordenar por data (mais recentes primeiro)
+		erros.sort((a, b) => b.criadoEm - a.criadoEm);
+
+		// Aplicar limite
+		const limite = args.limite || 100;
+		erros = erros.slice(0, limite);
+
+		// Buscar informações do usuário se houver usuarioId
+		const errosComUsuario = await Promise.all(
+			erros.map(async (erro) => {
+				let usuarioNome = null;
+				if (erro.usuarioId) {
+					const usuarioErro = await ctx.db.get(erro.usuarioId);
+					usuarioNome = usuarioErro?.nome || null;
+				}
+				return {
+					...erro,
+					usuarioNome
+				};
+			})
+		);
+
+		return errosComUsuario;
+	}
+});
+
+/**
+ * Query pública para obter estatísticas de erros
+ */
+export const obterEstatisticasErros = query({
+	args: {
+		dataInicio: v.optional(v.number()),
+		dataFim: v.optional(v.number())
+	},
+	handler: async (ctx, args) => {
+		// Verificar se usuário tem permissão (nível <= 1)
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Não autenticado');
+		}
+
+		const role = await ctx.db.get(usuario.roleId);
+		if (!role || !role.admin) {
+			throw new Error(
+				'Acesso negado. Apenas usuários de TI podem visualizar estatísticas de erros.'
+			);
+		}
+
+		// Buscar todos os erros no período
+		let erros = await ctx.db.query('errosServidor').withIndex('by_criado_em').collect();
+
+		// Aplicar filtros de data
+		if (args.dataInicio !== undefined) {
+			erros = erros.filter((e) => e.criadoEm >= args.dataInicio!);
+		}
+
+		if (args.dataFim !== undefined) {
+			erros = erros.filter((e) => e.criadoEm <= args.dataFim!);
+		}
+
+		// Calcular estatísticas
+		const total = erros.length;
+		const porStatus = erros.reduce(
+			(acc, erro) => {
+				const status = erro.statusCode.toString();
+				acc[status] = (acc[status] || 0) + 1;
+				return acc;
+			},
+			{} as Record<string, number>
+		);
+
+		const notificados = erros.filter((e) => e.notificado).length;
+		const naoNotificados = total - notificados;
+
+		// Erros mais recentes (últimas 24 horas)
+		const agora = Date.now();
+		const ultimas24h = erros.filter((e) => agora - e.criadoEm <= 24 * 60 * 60 * 1000).length;
+
+		return {
+			total,
+			porStatus,
+			notificados,
+			naoNotificados,
+			ultimas24h
+		};
+	}
+});
diff --git a/packages/backend/convex/ferias.ts b/packages/backend/convex/ferias.ts
index 42cd8e4..60c07dd 100644
--- a/packages/backend/convex/ferias.ts
+++ b/packages/backend/convex/ferias.ts
@@ -1,7 +1,11 @@
 import { v } from 'convex/values';
+import { mutation, query, internalMutation } from './_generated/server';
 import { internal } from './_generated/api';
-import type { Doc, Id } from './_generated/dataModel';
-import { internalMutation, mutation, query } from './_generated/server';
+import { Id, Doc } from './_generated/dataModel';
+import { verificarLicencaAtiva } from './atestadosLicencas';
+import { getCurrentUserFunction } from './auth';
+import { formatarDataBR } from './utils/datas';
+import { api } from './_generated/api';
 
 // Validador para períodos
 const periodoValidator = v.object({
@@ -46,7 +50,7 @@ function agruparPorSolicitacao(registros: Array<Doc<'ferias'>>): Array<{
 		grupos.get(chave)!.push(registro);
 	}
 
-	return Array.from(grupos.entries()).map(([_, periodos]) => {
+	return Array.from(grupos.entries()).map(([, periodos]) => {
 		// Ordenar por data de criação para manter ordem
 		periodos.sort((a, b) => a._creationTime - b._creationTime);
 
@@ -137,7 +141,10 @@ export const listarTodas = query({
 
 // Query: Listar solicitações do funcionário - períodos individuais
 export const listarMinhasSolicitacoes = query({
-	args: { funcionarioId: v.id('funcionarios') },
+	args: {
+		funcionarioId: v.id('funcionarios'),
+		_refresh: v.optional(v.number()) // Parâmetro para forçar atualização no frontend
+	},
 	handler: async (ctx, args) => {
 		const todasFerias = await ctx.db
 			.query('ferias')
@@ -205,6 +212,18 @@ export const listarSolicitacoesSubordinados = query({
 			todasFerias.map(async (ferias) => {
 				const funcionario = await ctx.db.get(ferias.funcionarioId);
 
+				// Buscar usuário do funcionário para obter fotoPerfilUrl
+				let fotoPerfilUrl: string | null = null;
+				if (funcionario) {
+					const usuario = await ctx.db
+						.query('usuarios')
+						.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionario._id))
+						.first();
+					if (usuario?.fotoPerfil) {
+						fotoPerfilUrl = await ctx.storage.getUrl(usuario.fotoPerfil);
+					}
+				}
+
 				// Buscar time do funcionário
 				const membroTime = await ctx.db
 					.query('timesMembros')
@@ -219,7 +238,12 @@ export const listarSolicitacoesSubordinados = query({
 
 				return {
 					...ferias,
-					funcionario,
+					funcionario: funcionario
+						? {
+								...funcionario,
+								fotoPerfilUrl
+							}
+						: null,
 					time
 				};
 			})
@@ -240,6 +264,19 @@ export const obterDetalhes = query({
 		if (!ferias) return null;
 
 		const funcionario = await ctx.db.get(ferias.funcionarioId);
+
+		// Buscar usuário do funcionário para obter fotoPerfilUrl
+		let fotoPerfilUrl: string | null = null;
+		if (funcionario) {
+			const usuario = await ctx.db
+				.query('usuarios')
+				.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionario._id))
+				.first();
+			if (usuario?.fotoPerfil) {
+				fotoPerfilUrl = await ctx.storage.getUrl(usuario.fotoPerfil);
+			}
+		}
+
 		let gestor = null;
 		if (ferias.gestorId) {
 			gestor = await ctx.db.get(ferias.gestorId);
@@ -257,11 +294,31 @@ export const obterDetalhes = query({
 			time = await ctx.db.get(membroTime.timeId);
 		}
 
+		// Enriquecer histórico com nomes dos usuários
+		let historicoComUsuarios = ferias.historicoAlteracoes;
+		if (historicoComUsuarios && historicoComUsuarios.length > 0) {
+			historicoComUsuarios = await Promise.all(
+				historicoComUsuarios.map(async (hist) => {
+					const usuario = await ctx.db.get(hist.usuarioId);
+					return {
+						...hist,
+						usuarioNome: usuario?.nome || 'Usuário Desconhecido'
+					};
+				})
+			);
+		}
+
 		return {
 			...ferias,
-			funcionario,
+			funcionario: funcionario
+				? {
+						...funcionario,
+						fotoPerfilUrl
+					}
+				: null,
 			gestor,
-			time
+			time,
+			historicoAlteracoes: historicoComUsuarios
 		};
 	}
 });
@@ -351,6 +408,10 @@ export const aprovar = mutation({
 
 		const funcionario = await ctx.db.get(registro.funcionarioId);
 
+		// Buscar nome do gestor para o histórico
+		const gestorUsuario = await ctx.db.get(args.gestorId);
+		const nomeGestor = gestorUsuario?.nome || 'Gestor';
+
 		// Atualizar o registro
 		await ctx.db.patch(registro._id, {
 			status: 'aprovado',
@@ -361,7 +422,7 @@ export const aprovar = mutation({
 				{
 					data: Date.now(),
 					usuarioId: args.gestorId,
-					acao: 'Aprovado'
+					acao: `Aprovado por ${nomeGestor}`
 				}
 			]
 		});
@@ -374,13 +435,58 @@ export const aprovar = mutation({
 				.first();
 
 			if (usuario) {
+				// Criar notificação in-app para funcionário
 				await ctx.db.insert('notificacoesFerias', {
 					destinatarioId: usuario._id,
 					feriasId: registro._id,
 					tipo: 'aprovado',
 					lida: false,
-					mensagem: `Período de férias de ${registro.diasFerias} dias foi aprovado!`
+					mensagem: `Período de férias de ${formatarDataBR(registro.dataInicio)} até ${formatarDataBR(registro.dataFim)} (${registro.diasFerias} dias) foi aprovado por ${nomeGestor}!`
 				});
+
+				// Enviar email ao funcionário usando template (agendado via scheduler)
+				if (gestorUsuario) {
+					// Obter URL do sistema
+					let urlSistema = process.env.SITE_URL || 'http://localhost:5173';
+					if (!urlSistema.match(/^https?:\/\//i)) {
+						urlSistema = `http://${urlSistema}`;
+					}
+
+					try {
+						await ctx.scheduler.runAfter(0, api.email.enviarEmailComTemplate, {
+							destinatario: usuario.email,
+							destinatarioId: usuario._id,
+							templateCodigo: 'ferias_aprovada',
+							variaveis: {
+								funcionarioNome: usuario.nome,
+								gestorNome: gestorUsuario.nome,
+								dataInicio: formatarDataBR(registro.dataInicio),
+								dataFim: formatarDataBR(registro.dataFim),
+								diasFerias: registro.diasFerias.toString(),
+								urlSistema
+							},
+							enviadoPor: args.gestorId
+						});
+					} catch (error) {
+						// Fallback para envio direto se houver erro ao agendar ou processar o template
+						console.warn(
+							'Erro ao agendar envio de email com template ferias_aprovada, usando envio direto:',
+							error
+						);
+						await ctx.runMutation(api.email.enfileirarEmail, {
+							destinatario: usuario.email,
+							destinatarioId: usuario._id,
+							assunto: 'Solicitação de Férias Aprovada',
+							corpo: `<p>Olá ${usuario.nome},</p>
+              <p>Sua solicitação de férias foi <strong>aprovada</strong> pelo gestor ${gestorUsuario.nome}:</p>
+              <ul>
+                <li><strong>Período:</strong> ${formatarDataBR(registro.dataInicio)} até ${formatarDataBR(registro.dataFim)}</li>
+                <li><strong>Dias:</strong> ${registro.diasFerias} dias</li>
+              </ul>`,
+							enviadoPor: args.gestorId
+						});
+					}
+				}
 			}
 		}
 
@@ -494,6 +600,10 @@ export const ajustarEAprovar = mutation({
 			]
 		});
 
+		// Buscar nome do gestor
+		const gestorUsuario = await ctx.db.get(args.gestorId);
+		const nomeGestor = gestorUsuario?.nome || 'Gestor';
+
 		// Notificar funcionário
 		if (funcionario) {
 			const usuario = await ctx.db
@@ -502,13 +612,58 @@ export const ajustarEAprovar = mutation({
 				.first();
 
 			if (usuario) {
+				// Criar notificação in-app para funcionário
 				await ctx.db.insert('notificacoesFerias', {
 					destinatarioId: usuario._id,
 					feriasId: registroAntigo._id,
 					tipo: 'data_ajustada',
 					lida: false,
-					mensagem: `Período de férias foi aprovado com ajuste de datas: ${args.novaDataInicio} a ${args.novaDataFim}`
+					mensagem: `Período de férias foi aprovado com ajuste de datas: ${formatarDataBR(args.novaDataInicio)} a ${formatarDataBR(args.novaDataFim)} (${novosDias} dias) por ${nomeGestor}`
 				});
+
+				// Enviar email ao funcionário usando template (agendado via scheduler)
+				if (gestorUsuario) {
+					// Obter URL do sistema
+					let urlSistema = process.env.SITE_URL || 'http://localhost:5173';
+					if (!urlSistema.match(/^https?:\/\//i)) {
+						urlSistema = `http://${urlSistema}`;
+					}
+
+					try {
+						await ctx.scheduler.runAfter(0, api.email.enviarEmailComTemplate, {
+							destinatario: usuario.email,
+							destinatarioId: usuario._id,
+							templateCodigo: 'ferias_aprovada',
+							variaveis: {
+								funcionarioNome: usuario.nome,
+								gestorNome: gestorUsuario.nome,
+								dataInicio: formatarDataBR(args.novaDataInicio),
+								dataFim: formatarDataBR(args.novaDataFim),
+								diasFerias: novosDias.toString(),
+								urlSistema
+							},
+							enviadoPor: args.gestorId
+						});
+					} catch (error) {
+						// Fallback para envio direto se houver erro ao agendar ou processar o template
+						console.warn(
+							'Erro ao agendar envio de email com template ferias_aprovada, usando envio direto:',
+							error
+						);
+						await ctx.runMutation(api.email.enfileirarEmail, {
+							destinatario: usuario.email,
+							destinatarioId: usuario._id,
+							assunto: 'Solicitação de Férias Aprovada (com Ajuste de Datas)',
+							corpo: `<p>Olá ${usuario.nome},</p>
+              <p>Sua solicitação de férias foi <strong>aprovada com ajuste de datas</strong> pelo gestor ${gestorUsuario.nome}:</p>
+              <ul>
+                <li><strong>Período:</strong> ${formatarDataBR(args.novaDataInicio)} até ${formatarDataBR(args.novaDataFim)}</li>
+                <li><strong>Dias:</strong> ${novosDias} dias</li>
+              </ul>`,
+							enviadoPor: args.gestorId
+						});
+					}
+				}
 			}
 		}
 
@@ -646,6 +801,124 @@ export const atualizarStatus = mutation({
 			await ctx.db.patch(registro._id, updateData);
 		}
 
+		// Recalcular imediatamente o status de férias/licença do funcionário
+		// para refletir o cancelamento (ou outra mudança) sem depender apenas do cron diário
+		try {
+			await ctx.runMutation(internal.ferias.atualizarStatusFuncionario, {
+				funcionarioId: registro.funcionarioId
+			});
+		} catch (error) {
+			console.error(
+				'[ferias.atualizarStatus] Erro ao atualizar statusFerias do funcionário:',
+				error
+			);
+		}
+
+		// Se o status foi alterado para Cancelado_RH, notificar o funcionário
+		if (args.novoStatus === 'Cancelado_RH') {
+			const funcionario = await ctx.db.get(registro.funcionarioId);
+
+			if (funcionario) {
+				const funcionarioUsuario = await ctx.db
+					.query('usuarios')
+					.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionario._id))
+					.first();
+
+				if (funcionarioUsuario) {
+					// Buscar usuário do RH que está cancelando
+					const usuarioRH = await ctx.db.get(args.usuarioId);
+					const nomeRH = usuarioRH?.nome || 'Recursos Humanos';
+
+					// Criar notificação in-app para funcionário
+					await ctx.db.insert('notificacoesFerias', {
+						destinatarioId: funcionarioUsuario._id,
+						feriasId: registro._id,
+						tipo: 'cancelado',
+						lida: false,
+						mensagem: `Sua solicitação de férias de ${formatarDataBR(registro.dataInicio)} até ${formatarDataBR(registro.dataFim)} (${registro.diasFerias} dias) foi cancelada pelo setor de Recursos Humanos.`
+					});
+
+					// Obter URL do sistema
+					let urlSistema = process.env.SITE_URL || 'http://localhost:5173';
+					if (!urlSistema.match(/^https?:\/\//i)) {
+						urlSistema = `http://${urlSistema}`;
+					}
+
+					// Enviar email ao funcionário usando template (agendado via scheduler)
+					try {
+						await ctx.scheduler.runAfter(0, api.email.enviarEmailComTemplate, {
+							destinatario: funcionarioUsuario.email,
+							destinatarioId: funcionarioUsuario._id,
+							templateCodigo: 'ferias_cancelada_rh',
+							variaveis: {
+								funcionarioNome: funcionarioUsuario.nome,
+								dataInicio: formatarDataBR(registro.dataInicio),
+								dataFim: formatarDataBR(registro.dataFim),
+								diasFerias: registro.diasFerias.toString(),
+								urlSistema
+							},
+							enviadoPor: args.usuarioId
+						});
+					} catch (error) {
+						// Fallback para envio direto se houver erro ao agendar ou processar o template
+						console.warn(
+							'Erro ao agendar envio de email com template ferias_cancelada_rh, usando envio direto:',
+							error
+						);
+						await ctx.runMutation(api.email.enfileirarEmail, {
+							destinatario: funcionarioUsuario.email,
+							destinatarioId: funcionarioUsuario._id,
+							assunto: 'Solicitação de Férias Cancelada',
+							corpo: `<p>Olá ${funcionarioUsuario.nome},</p>
+              <p>Sua solicitação de férias foi <strong>cancelada</strong> pelo setor de Recursos Humanos:</p>
+              <ul>
+                <li><strong>Período:</strong> ${formatarDataBR(registro.dataInicio)} até ${formatarDataBR(registro.dataFim)}</li>
+                <li><strong>Dias:</strong> ${registro.diasFerias} dias</li>
+              </ul>
+              <p>Para mais informações, entre em contato com o setor de Recursos Humanos.</p>`,
+							enviadoPor: args.usuarioId
+						});
+					}
+
+					// Criar ou obter conversa entre RH e funcionário
+					const conversasExistentes = await ctx.db
+						.query('conversas')
+						.filter((q) => q.eq(q.field('tipo'), 'individual'))
+						.collect();
+
+					let conversaId: Id<'conversas'> | null = null;
+					for (const conversa of conversasExistentes) {
+						if (
+							conversa.participantes.length === 2 &&
+							conversa.participantes.includes(args.usuarioId) &&
+							conversa.participantes.includes(funcionarioUsuario._id)
+						) {
+							conversaId = conversa._id;
+							break;
+						}
+					}
+
+					if (!conversaId) {
+						conversaId = await ctx.db.insert('conversas', {
+							tipo: 'individual',
+							participantes: [args.usuarioId, funcionarioUsuario._id],
+							criadoPor: args.usuarioId,
+							criadoEm: Date.now()
+						});
+					}
+
+					// Criar mensagem de chat (texto simples)
+					await ctx.db.insert('mensagens', {
+						conversaId,
+						remetenteId: args.usuarioId,
+						tipo: 'texto',
+						conteudo: `Sua solicitação de férias de ${formatarDataBR(registro.dataInicio)} até ${formatarDataBR(registro.dataFim)} (${registro.diasFerias} dias) foi cancelada pelo setor de Recursos Humanos. Para mais informações, entre em contato conosco.`,
+						enviadaEm: Date.now()
+					});
+				}
+			}
+		}
+
 		return null;
 	}
 });
@@ -762,7 +1035,15 @@ export const atualizarStatusTodosFuncionarios = internalMutation({
 				}
 			}
 
-			const novoStatus = emFerias ? 'em_ferias' : 'ativo';
+			// Determinar o status: férias tem prioridade sobre licença
+			let novoStatus: 'ativo' | 'em_ferias' | 'em_licenca';
+			if (emFerias) {
+				novoStatus = 'em_ferias';
+			} else {
+				// Se não está em férias, verificar se está em licença
+				const emLicenca = await verificarLicencaAtiva(ctx, func._id, hoje);
+				novoStatus = emLicenca ? 'em_licenca' : 'ativo';
+			}
 
 			if (func.statusFerias !== novoStatus) {
 				await ctx.db.patch(func._id, { statusFerias: novoStatus });
@@ -772,3 +1053,146 @@ export const atualizarStatusTodosFuncionarios = internalMutation({
 		return null;
 	}
 });
+
+// Internal Mutation: Atualizar status de um funcionário específico
+export const atualizarStatusFuncionario = internalMutation({
+	args: {
+		funcionarioId: v.id('funcionarios')
+	},
+	returns: v.null(),
+	handler: async (ctx, args) => {
+		const func = await ctx.db.get(args.funcionarioId);
+		if (!func) return null;
+
+		const hoje = new Date();
+		hoje.setHours(0, 0, 0, 0);
+
+		// Buscar todos os registros de férias que podem estar em férias
+		const feriasAprovadas = await ctx.db
+			.query('ferias')
+			.withIndex('by_funcionario_and_status', (q) =>
+				q.eq('funcionarioId', func._id).eq('status', 'aprovado')
+			)
+			.collect();
+
+		const feriasAjustadas = await ctx.db
+			.query('ferias')
+			.withIndex('by_funcionario_and_status', (q) =>
+				q.eq('funcionarioId', func._id).eq('status', 'data_ajustada_aprovada')
+			)
+			.collect();
+
+		const feriasEmFerias = await ctx.db
+			.query('ferias')
+			.withIndex('by_funcionario_and_status', (q) =>
+				q.eq('funcionarioId', func._id).eq('status', 'EmFérias')
+			)
+			.collect();
+
+		const idsAprovados = new Set(feriasAprovadas.map((f) => f._id));
+		const idsAjustados = new Set(feriasAjustadas.map((f) => f._id));
+		const statusAnteriorPorId = new Map<Id<'ferias'>, 'aprovado' | 'data_ajustada_aprovada'>();
+
+		for (const ferias of feriasEmFerias) {
+			if (ferias.historicoAlteracoes && ferias.historicoAlteracoes.length > 0) {
+				const historico = ferias.historicoAlteracoes;
+				for (let i = historico.length - 1; i >= 0; i--) {
+					const entrada = historico[i];
+					if (entrada.acao.includes('Aprovado') || entrada.acao.includes('aprovado')) {
+						statusAnteriorPorId.set(ferias._id, 'aprovado');
+						break;
+					} else if (entrada.acao.includes('Data ajustada') || entrada.acao.includes('ajustada')) {
+						statusAnteriorPorId.set(ferias._id, 'data_ajustada_aprovada');
+						break;
+					}
+				}
+			}
+			if (!statusAnteriorPorId.has(ferias._id)) {
+				statusAnteriorPorId.set(ferias._id, 'aprovado');
+			}
+		}
+
+		const todasFerias = [...feriasAprovadas, ...feriasAjustadas, ...feriasEmFerias];
+
+		let emFerias = false;
+		for (const ferias of todasFerias) {
+			const inicio = new Date(ferias.dataInicio);
+			const fim = new Date(ferias.dataFim);
+			inicio.setHours(0, 0, 0, 0);
+			fim.setHours(23, 59, 59, 999);
+
+			if (hoje >= inicio && hoje <= fim) {
+				emFerias = true;
+
+				if (ferias.status !== 'EmFérias') {
+					await ctx.db.patch(ferias._id, {
+						status: 'EmFérias'
+					});
+				}
+			} else {
+				if (ferias.status === 'EmFérias') {
+					let statusAnterior: 'aprovado' | 'data_ajustada_aprovada';
+
+					if (idsAprovados.has(ferias._id)) {
+						statusAnterior = 'aprovado';
+					} else if (idsAjustados.has(ferias._id)) {
+						statusAnterior = 'data_ajustada_aprovada';
+					} else {
+						statusAnterior = statusAnteriorPorId.get(ferias._id) || 'aprovado';
+					}
+
+					await ctx.db.patch(ferias._id, {
+						status: statusAnterior
+					});
+				}
+			}
+		}
+
+		// Determinar o status: férias tem prioridade sobre licença
+		let novoStatus: 'ativo' | 'em_ferias' | 'em_licenca';
+		if (emFerias) {
+			novoStatus = 'em_ferias';
+			console.log(`[atualizarStatusFuncionario] Funcionário ${func._id} está em férias`);
+		} else {
+			// Se não está em férias, verificar se está em licença
+			console.log(
+				`[atualizarStatusFuncionario] Verificando licença ativa para funcionário ${func._id}, data: ${hoje.toISOString()}`
+			);
+			const emLicenca = await verificarLicencaAtiva(ctx, func._id, hoje);
+			novoStatus = emLicenca ? 'em_licenca' : 'ativo';
+			console.log(
+				`[atualizarStatusFuncionario] Funcionário ${func._id}: emLicenca=${emLicenca}, statusAtual=${func.statusFerias}, novoStatus=${novoStatus}`
+			);
+		}
+
+		if (func.statusFerias !== novoStatus) {
+			console.log(
+				`[atualizarStatusFuncionario] ⚠️ ATUALIZANDO status de "${func.statusFerias}" para "${novoStatus}"`
+			);
+			await ctx.db.patch(func._id, { statusFerias: novoStatus });
+			console.log(`[atualizarStatusFuncionario] ✅ Status atualizado com sucesso!`);
+		} else {
+			console.log(`[atualizarStatusFuncionario] Status já está correto: ${novoStatus}`);
+		}
+
+		return null;
+	}
+});
+
+// Mutation pública para atualizar status do funcionário atual (útil para debug/teste)
+export const atualizarMeuStatus = mutation({
+	args: {},
+	returns: v.null(),
+	handler: async (ctx) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario || !usuario.funcionarioId) {
+			throw new Error('Usuário não encontrado ou não possui funcionário associado');
+		}
+
+		await ctx.runMutation(internal.ferias.atualizarStatusFuncionario, {
+			funcionarioId: usuario.funcionarioId
+		});
+
+		return null;
+	}
+});
diff --git a/packages/backend/convex/http.ts b/packages/backend/convex/http.ts
index 80632d3..c7d8480 100644
--- a/packages/backend/convex/http.ts
+++ b/packages/backend/convex/http.ts
@@ -1,7 +1,7 @@
 import { httpRouter } from 'convex/server';
-import { api } from './_generated/api';
-import { httpAction } from './_generated/server';
 import { authComponent, createAuth } from './auth';
+import { httpAction } from './_generated/server';
+import { api } from './_generated/api';
 import { getClientIP } from './utils/getClientIP';
 
 const http = httpRouter();
diff --git a/packages/backend/convex/lgpd.ts b/packages/backend/convex/lgpd.ts
new file mode 100644
index 0000000..61dca90
--- /dev/null
+++ b/packages/backend/convex/lgpd.ts
@@ -0,0 +1,1278 @@
+import { v } from 'convex/values';
+import { mutation, query } from './_generated/server';
+import { getCurrentUserFunction } from './auth';
+import { Id, Doc } from './_generated/dataModel';
+import type { QueryCtx, MutationCtx } from './_generated/server';
+import { registrarAtividade } from './logsAtividades';
+import { api } from './_generated/api';
+
+/**
+ * Verificar se usuário aceitou o termo de consentimento
+ */
+export const verificarConsentimento = query({
+	args: {
+		tipo: v.optional(
+			v.union(
+				v.literal('termo_uso'),
+				v.literal('politica_privacidade'),
+				v.literal('comunicacoes'),
+				v.literal('compartilhamento_dados')
+			)
+		)
+	},
+	returns: v.union(
+		v.object({
+			aceito: v.boolean(),
+			versao: v.string(),
+			aceitoEm: v.number(),
+			termoObrigatorio: v.boolean(),
+			versaoTermoAtual: v.string()
+		}),
+		v.null()
+	),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			return null;
+		}
+
+		const tipo = args.tipo || 'termo_uso';
+
+		// Buscar configuração para verificar se termo é obrigatório
+		const config = await ctx.db
+			.query('configuracaoLGPD')
+			.withIndex('by_ativo', (q) => q.eq('ativo', true))
+			.first();
+
+		const termoObrigatorio = config?.termoObrigatorio ?? false;
+		const versaoTermoAtual = config?.versaoTermoAtual ?? '1.0';
+
+		const consentimento = await ctx.db
+			.query('consentimentos')
+			.withIndex('by_usuario_tipo', (q) => q.eq('usuarioId', usuario._id).eq('tipo', tipo))
+			.order('desc')
+			.first();
+
+		if (!consentimento || !consentimento.aceito || consentimento.revogadoEm) {
+			return {
+				aceito: false,
+				versao: '',
+				aceitoEm: 0,
+				termoObrigatorio,
+				versaoTermoAtual
+			};
+		}
+
+		return {
+			aceito: consentimento.aceito,
+			versao: consentimento.versao,
+			aceitoEm: consentimento.aceitoEm,
+			termoObrigatorio,
+			versaoTermoAtual
+		};
+	}
+});
+
+/**
+ * Registrar consentimento do usuário
+ */
+export const registrarConsentimento = mutation({
+	args: {
+		tipo: v.union(
+			v.literal('termo_uso'),
+			v.literal('politica_privacidade'),
+			v.literal('comunicacoes'),
+			v.literal('compartilhamento_dados')
+		),
+		aceito: v.boolean(),
+		versao: v.string(),
+		ipAddress: v.optional(v.string()),
+		userAgent: v.optional(v.string())
+	},
+	returns: v.object({ sucesso: v.boolean(), consentimentoId: v.id('consentimentos') }),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// Verificar se já existe consentimento ativo
+		const existente = await ctx.db
+			.query('consentimentos')
+			.withIndex('by_usuario_tipo', (q) => q.eq('usuarioId', usuario._id).eq('tipo', args.tipo))
+			.order('desc')
+			.first();
+
+		if (existente && existente.aceito && !existente.revogadoEm) {
+			// Atualizar consentimento existente
+			await ctx.db.patch(existente._id, {
+				aceito: args.aceito,
+				versao: args.versao,
+				aceitoEm: Date.now(),
+				ipAddress: args.ipAddress,
+				userAgent: args.userAgent,
+				revogadoEm: undefined,
+				revogadoPor: undefined
+			});
+
+			return { sucesso: true, consentimentoId: existente._id };
+		}
+
+		// Criar novo consentimento
+		const consentimentoId = await ctx.db.insert('consentimentos', {
+			usuarioId: usuario._id,
+			tipo: args.tipo,
+			aceito: args.aceito,
+			versao: args.versao,
+			ipAddress: args.ipAddress,
+			userAgent: args.userAgent,
+			aceitoEm: Date.now()
+		});
+
+		// Log de atividade
+		await registrarAtividade(
+			ctx,
+			usuario._id,
+			'aceitar_consentimento',
+			'consentimentos',
+			JSON.stringify({ tipo: args.tipo, versao: args.versao }),
+			consentimentoId.toString()
+		);
+
+		return { sucesso: true, consentimentoId };
+	}
+});
+
+/**
+ * Revogar consentimento
+ */
+export const revogarConsentimento = mutation({
+	args: {
+		tipo: v.union(
+			v.literal('termo_uso'),
+			v.literal('politica_privacidade'),
+			v.literal('comunicacoes'),
+			v.literal('compartilhamento_dados')
+		)
+	},
+	returns: v.object({ sucesso: v.boolean() }),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		const consentimento = await ctx.db
+			.query('consentimentos')
+			.withIndex('by_usuario_tipo', (q) => q.eq('usuarioId', usuario._id).eq('tipo', args.tipo))
+			.order('desc')
+			.first();
+
+		if (!consentimento) {
+			throw new Error('Consentimento não encontrado');
+		}
+
+		await ctx.db.patch(consentimento._id, {
+			revogadoEm: Date.now(),
+			revogadoPor: usuario._id
+		});
+
+		// Log de atividade
+		await registrarAtividade(
+			ctx,
+			usuario._id,
+			'revogar_consentimento',
+			'consentimentos',
+			JSON.stringify({ tipo: args.tipo }),
+			consentimento._id.toString()
+		);
+
+		return { sucesso: true };
+	}
+});
+
+/**
+ * Listar consentimentos do usuário
+ */
+export const listarConsentimentos = query({
+	args: {},
+	returns: v.array(
+		v.object({
+			_id: v.id('consentimentos'),
+			tipo: v.string(),
+			aceito: v.boolean(),
+			versao: v.string(),
+			aceitoEm: v.number(),
+			revogadoEm: v.union(v.number(), v.null())
+		})
+	),
+	handler: async (ctx) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			return [];
+		}
+
+		const consentimentos = await ctx.db
+			.query('consentimentos')
+			.withIndex('by_usuario', (q) => q.eq('usuarioId', usuario._id))
+			.order('desc')
+			.collect();
+
+		return consentimentos.map((c) => ({
+			_id: c._id,
+			tipo: c.tipo,
+			aceito: c.aceito,
+			versao: c.versao,
+			aceitoEm: c.aceitoEm,
+			revogadoEm: c.revogadoEm ?? null
+		}));
+	}
+});
+
+/**
+ * Criar solicitação de direito LGPD
+ */
+export const criarSolicitacao = mutation({
+	args: {
+		tipo: v.union(
+			v.literal('acesso'),
+			v.literal('correcao'),
+			v.literal('exclusao'),
+			v.literal('portabilidade'),
+			v.literal('revogacao_consentimento'),
+			v.literal('informacao_compartilhamento')
+		),
+		dadosSolicitados: v.optional(v.string()),
+		observacoes: v.optional(v.string())
+	},
+	returns: v.object({ sucesso: v.boolean(), solicitacaoId: v.id('solicitacoesLGPD') }),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// Prazo de resposta: 15 dias (conforme LGPD)
+		const prazoResposta = Date.now() + 15 * 24 * 60 * 60 * 1000;
+
+		const solicitacaoId = await ctx.db.insert('solicitacoesLGPD', {
+			tipo: args.tipo,
+			usuarioId: usuario._id,
+			funcionarioId: usuario.funcionarioId,
+			status: 'pendente',
+			dadosSolicitados: args.dadosSolicitados,
+			observacoes: args.observacoes,
+			criadoEm: Date.now(),
+			prazoResposta
+		});
+
+		// Log de atividade
+		await registrarAtividade(
+			ctx,
+			usuario._id,
+			'criar_solicitacao_lgpd',
+			'solicitacoesLGPD',
+			JSON.stringify({ tipo: args.tipo }),
+			solicitacaoId.toString()
+		);
+
+		// Notificações (email + opcional chat) para o titular
+		if (usuario.email) {
+			let urlSistema = process.env.SITE_URL || 'http://localhost:5173';
+			if (!urlSistema.match(/^https?:\/\//i)) {
+				urlSistema = `http://${urlSistema}`;
+			}
+
+			const tipoSolicitacaoLabelMap: Record<string, string> = {
+				acesso: 'Acesso aos Dados',
+				correcao: 'Correção de Dados',
+				exclusao: 'Exclusão de Dados',
+				portabilidade: 'Portabilidade dos Dados',
+				revogacao_consentimento: 'Revogação de Consentimento',
+				informacao_compartilhamento: 'Informação sobre Compartilhamento'
+			};
+
+			const tipoSolicitacaoLabel = tipoSolicitacaoLabelMap[args.tipo] ?? args.tipo;
+
+			// Email usando template LGPD
+			try {
+				await ctx.scheduler.runAfter(0, api.email.enviarEmailComTemplate, {
+					destinatario: usuario.email,
+					destinatarioId: usuario._id,
+					templateCodigo: 'lgpd_solicitacao_criada',
+					variaveis: {
+						nomeTitular: usuario.nome,
+						tipoSolicitacaoLabel,
+						prazoResposta: new Date(prazoResposta).toLocaleDateString('pt-BR'),
+						urlPortalLGPD: `${urlSistema}/privacidade/meus-dados`
+					},
+					enviadoPor: usuario._id
+				});
+			} catch (error) {
+				console.error('Erro ao agendar email lgpd_solicitacao_criada:', error);
+			}
+		}
+
+		return { sucesso: true, solicitacaoId };
+	}
+});
+
+/**
+ * Listar solicitações do usuário
+ */
+export const listarMinhasSolicitacoes = query({
+	args: {
+		status: v.optional(
+			v.union(
+				v.literal('pendente'),
+				v.literal('em_analise'),
+				v.literal('concluida'),
+				v.literal('rejeitada'),
+				v.literal('cancelada')
+			)
+		),
+		_refresh: v.optional(v.number()) // Parâmetro para forçar atualização no frontend
+	},
+	returns: v.array(
+		v.object({
+			_id: v.id('solicitacoesLGPD'),
+			tipo: v.string(),
+			status: v.string(),
+			criadoEm: v.number(),
+			prazoResposta: v.number(),
+			respondidoEm: v.union(v.number(), v.null()),
+			resposta: v.union(v.string(), v.null()),
+			arquivoResposta: v.union(v.string(), v.null())
+		})
+	),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			return [];
+		}
+
+		try {
+			let solicitacoes = await ctx.db
+				.query('solicitacoesLGPD')
+				.withIndex('by_usuario', (q) => q.eq('usuarioId', usuario._id))
+				.collect();
+
+			// Filtrar por status se especificado
+			if (args.status) {
+				solicitacoes = solicitacoes.filter((s) => s.status === args.status);
+			}
+
+			// Ordenar por data de criação (mais recentes primeiro)
+			solicitacoes.sort((a, b) => b.criadoEm - a.criadoEm);
+
+			const resultado = solicitacoes.map((s) => ({
+				_id: s._id,
+				tipo: s.tipo,
+				status: s.status,
+				criadoEm: s.criadoEm,
+				prazoResposta: s.prazoResposta,
+				respondidoEm: s.respondidoEm ?? null,
+				resposta: s.resposta ?? null,
+				arquivoResposta: s.arquivoResposta ? s.arquivoResposta.toString() : null
+			}));
+
+			console.log(
+				`[listarMinhasSolicitacoes] Usuário: ${usuario._id}, Solicitações encontradas: ${resultado.length}`
+			);
+			return resultado;
+		} catch (error) {
+			console.error('[listarMinhasSolicitacoes] Erro ao listar minhas solicitações:', error);
+			return [];
+		}
+	}
+});
+
+/**
+ * Listar todas as solicitações (apenas TI)
+ */
+export const listarSolicitacoes = query({
+	args: {
+		status: v.optional(
+			v.union(
+				v.literal('pendente'),
+				v.literal('em_analise'),
+				v.literal('concluida'),
+				v.literal('rejeitada'),
+				v.literal('cancelada')
+			)
+		),
+		tipo: v.optional(
+			v.union(
+				v.literal('acesso'),
+				v.literal('correcao'),
+				v.literal('exclusao'),
+				v.literal('portabilidade'),
+				v.literal('revogacao_consentimento'),
+				v.literal('informacao_compartilhamento')
+			)
+		),
+		limite: v.optional(v.number())
+	},
+	returns: v.array(
+		v.object({
+			_id: v.id('solicitacoesLGPD'),
+			tipo: v.string(),
+			status: v.string(),
+			usuarioNome: v.string(),
+			usuarioEmail: v.string(),
+			usuarioMatricula: v.union(v.string(), v.null()),
+			dadosSolicitados: v.union(v.string(), v.null()),
+			observacoes: v.union(v.string(), v.null()),
+			resposta: v.union(v.string(), v.null()),
+			arquivoResposta: v.union(v.string(), v.null()),
+			criadoEm: v.number(),
+			prazoResposta: v.number(),
+			respondidoEm: v.union(v.number(), v.null()),
+			respondidoPorNome: v.union(v.string(), v.null()),
+			consentimentoTermo: v.union(
+				v.object({
+					aceito: v.boolean(),
+					versao: v.string(),
+					aceitoEm: v.number(),
+					revogadoEm: v.union(v.number(), v.null())
+				}),
+				v.null()
+			)
+		})
+	),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			return [];
+		}
+
+		// Verificar se é TI (simplificado - pode melhorar com verificação de role)
+		// Por enquanto, qualquer usuário autenticado pode ver (será melhorado)
+
+		// Buscar TODAS as solicitações sem filtros iniciais
+		let solicitacoes = await ctx.db.query('solicitacoesLGPD').collect();
+
+		// Filtrar por status
+		if (args.status) {
+			solicitacoes = solicitacoes.filter((s) => s.status === args.status);
+		}
+
+		// Filtrar por tipo
+		if (args.tipo) {
+			solicitacoes = solicitacoes.filter((s) => s.tipo === args.tipo);
+		}
+
+		// Ordenar por data de criação (mais recentes primeiro)
+		solicitacoes.sort((a, b) => b.criadoEm - a.criadoEm);
+
+		// Aplicar limite se especificado
+		if (args.limite) {
+			solicitacoes = solicitacoes.slice(0, args.limite);
+		}
+
+		// Tipo do resultado enriquecido
+		type SolicitacaoEnriquecida = {
+			_id: Id<'solicitacoesLGPD'>;
+			tipo: string;
+			status: string;
+			usuarioNome: string;
+			usuarioEmail: string;
+			usuarioMatricula: string | null;
+			dadosSolicitados: string | null;
+			observacoes: string | null;
+			resposta: string | null;
+			arquivoResposta: string | null;
+			criadoEm: number;
+			prazoResposta: number;
+			respondidoEm: number | null;
+			respondidoPorNome: string | null;
+			consentimentoTermo: {
+				aceito: boolean;
+				versao: string;
+				aceitoEm: number;
+				revogadoEm: number | null;
+			} | null;
+		};
+
+		// Enriquecer com dados do usuário
+		// Usar Promise.allSettled para garantir que todas as solicitações sejam processadas,
+		// mesmo se houver erro ao buscar dados de algum usuário
+		const resultados = await Promise.allSettled(
+			solicitacoes.map(async (s): Promise<SolicitacaoEnriquecida> => {
+				try {
+					const usuarioSolicitante = await ctx.db.get(s.usuarioId);
+					let matricula: string | null = null;
+
+					if (usuarioSolicitante?.funcionarioId) {
+						const funcionario = await ctx.db.get(usuarioSolicitante.funcionarioId);
+						matricula = funcionario?.matricula ?? null;
+					}
+
+					let respondidoPorNome: string | null = null;
+					if (s.respondidoPor) {
+						const respondente = await ctx.db.get(s.respondidoPor);
+						respondidoPorNome = respondente?.nome ?? null;
+					}
+
+					// Buscar consentimento do termo de uso
+					let consentimentoTermo: {
+						aceito: boolean;
+						versao: string;
+						aceitoEm: number;
+						revogadoEm: number | null;
+					} | null = null;
+
+					if (usuarioSolicitante) {
+						try {
+							const consentimento = await ctx.db
+								.query('consentimentos')
+								.withIndex('by_usuario_tipo', (q) =>
+									q.eq('usuarioId', usuarioSolicitante._id).eq('tipo', 'termo_uso')
+								)
+								.order('desc')
+								.first();
+
+							if (consentimento && consentimento.aceito && !consentimento.revogadoEm) {
+								consentimentoTermo = {
+									aceito: consentimento.aceito,
+									versao: consentimento.versao,
+									aceitoEm: consentimento.aceitoEm,
+									revogadoEm: consentimento.revogadoEm ?? null
+								};
+							}
+						} catch (error) {
+							// Se houver erro ao buscar consentimento, continua sem ele
+							console.error('Erro ao buscar consentimento:', error);
+						}
+					}
+
+					// Buscar URL do arquivo de resposta se existir
+					let arquivoRespostaUrl: string | null = null;
+					if (s.arquivoResposta) {
+						arquivoRespostaUrl = await ctx.storage.getUrl(s.arquivoResposta);
+					}
+
+					return {
+						_id: s._id,
+						tipo: s.tipo,
+						status: s.status,
+						usuarioNome: usuarioSolicitante?.nome ?? 'Usuário Desconhecido',
+						usuarioEmail: usuarioSolicitante?.email ?? '',
+						usuarioMatricula: matricula,
+						dadosSolicitados: s.dadosSolicitados ?? null,
+						observacoes: s.observacoes ?? null,
+						resposta: s.resposta ?? null,
+						arquivoResposta: arquivoRespostaUrl,
+						criadoEm: s.criadoEm,
+						prazoResposta: s.prazoResposta,
+						respondidoEm: s.respondidoEm ?? null,
+						respondidoPorNome,
+						consentimentoTermo
+					};
+				} catch (error) {
+					// Se houver erro ao processar uma solicitação, retorna com dados mínimos
+					console.error('Erro ao processar solicitação:', s._id, error);
+					return {
+						_id: s._id,
+						tipo: s.tipo,
+						status: s.status,
+						usuarioNome: 'Erro ao carregar',
+						usuarioEmail: '',
+						usuarioMatricula: null,
+						dadosSolicitados: s.dadosSolicitados ?? null,
+						observacoes: s.observacoes ?? null,
+						resposta: s.resposta ?? null,
+						arquivoResposta: null,
+						criadoEm: s.criadoEm,
+						prazoResposta: s.prazoResposta,
+						respondidoEm: s.respondidoEm ?? null,
+						respondidoPorNome: null,
+						consentimentoTermo: null
+					};
+				}
+			})
+		);
+
+		// Filtrar apenas resultados bem-sucedidos e converter para o tipo correto
+		const resultado = resultados
+			.filter((r): r is PromiseFulfilledResult<SolicitacaoEnriquecida> => r.status === 'fulfilled')
+			.map((r) => r.value);
+
+		return resultado;
+	}
+});
+
+/**
+ * Responder solicitação (apenas TI)
+ */
+export const responderSolicitacao = mutation({
+	args: {
+		solicitacaoId: v.id('solicitacoesLGPD'),
+		resposta: v.string(),
+		status: v.union(v.literal('concluida'), v.literal('rejeitada'), v.literal('em_analise')),
+		arquivoResposta: v.optional(v.id('_storage'))
+	},
+	returns: v.object({ sucesso: v.boolean() }),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		const solicitacao = await ctx.db.get(args.solicitacaoId);
+		if (!solicitacao) {
+			throw new Error('Solicitação não encontrada');
+		}
+
+		// Atualizar resposta da solicitação
+		await ctx.db.patch(args.solicitacaoId, {
+			status: args.status,
+			resposta: args.resposta,
+			arquivoResposta: args.arquivoResposta,
+			respondidoPor: usuario._id,
+			respondidoEm: Date.now()
+		});
+
+		// Se for uma solicitação de "Revogar Consentimento" concluída,
+		// revogar todos os consentimentos ativos do titular que fez a solicitação.
+		if (solicitacao.tipo === 'revogacao_consentimento' && args.status === 'concluida') {
+			// Garantir que temos o titular associado
+			if (!solicitacao.usuarioId) {
+				throw new Error(
+					'Solicitação de revogação de consentimento sem usuário associado. Verifique os dados.'
+				);
+			}
+
+			// Buscar consentimentos ativos do usuário
+			const consentimentosAtivos = await ctx.db
+				.query('consentimentos')
+				.withIndex('by_usuario', (q) => q.eq('usuarioId', solicitacao.usuarioId))
+				.filter((q) => q.eq(q.field('aceito'), true))
+				.collect();
+
+			for (const consentimento of consentimentosAtivos) {
+				// Pular consentimentos já revogados por segurança
+				if (consentimento.revogadoEm) continue;
+
+				await ctx.db.patch(consentimento._id, {
+					revogadoEm: Date.now(),
+					revogadoPor: usuario._id
+				});
+
+				// Registrar atividade individual por consentimento revogado
+				await registrarAtividade(
+					ctx,
+					usuario._id,
+					'revogar_consentimento_por_solicitacao',
+					'consentimentos',
+					JSON.stringify({
+						tipo: consentimento.tipo,
+						origem: 'solicitacao_lgpd',
+						solicitacaoId: args.solicitacaoId
+					}),
+					consentimento._id.toString()
+				);
+			}
+		}
+
+		// Log de atividade
+		await registrarAtividade(
+			ctx,
+			usuario._id,
+			'responder_solicitacao_lgpd',
+			'solicitacoesLGPD',
+			JSON.stringify({ solicitacaoId: args.solicitacaoId, status: args.status }),
+			args.solicitacaoId.toString()
+		);
+
+		// Notificações para o titular (email + chat)
+		const usuarioTitular = await ctx.db.get(solicitacao.usuarioId);
+		if (usuarioTitular) {
+			let urlSistema = process.env.SITE_URL || 'http://localhost:5173';
+			if (!urlSistema.match(/^https?:\/\//i)) {
+				urlSistema = `http://${urlSistema}`;
+			}
+
+			const tipoSolicitacaoLabelMap: Record<string, string> = {
+				acesso: 'Acesso aos Dados',
+				correcao: 'Correção de Dados',
+				exclusao: 'Exclusão de Dados',
+				portabilidade: 'Portabilidade dos Dados',
+				revogacao_consentimento: 'Revogação de Consentimento',
+				informacao_compartilhamento: 'Informação sobre Compartilhamento'
+			};
+
+			const statusLabelMap: Record<string, string> = {
+				concluida: 'Concluída',
+				rejeitada: 'Rejeitada',
+				em_analise: 'Em Análise'
+			};
+
+			const tipoSolicitacaoLabel = tipoSolicitacaoLabelMap[solicitacao.tipo] ?? solicitacao.tipo;
+			const statusLabel = statusLabelMap[args.status] ?? args.status;
+			const resumoResposta =
+				args.resposta.length > 500 ? `${args.resposta.slice(0, 500)}...` : args.resposta;
+
+			// Escolher template conforme o tipo
+			const tipoToTemplate: Record<string, string> = {
+				acesso: 'lgpd_resposta_acesso',
+				correcao: 'lgpd_resposta_correcao',
+				exclusao: 'lgpd_resposta_exclusao',
+				portabilidade: 'lgpd_resposta_portabilidade',
+				revogacao_consentimento: 'lgpd_resposta_revogacao_consentimento',
+				informacao_compartilhamento: 'lgpd_resposta_informacao_compartilhamento'
+			};
+
+			const templateCodigo = tipoToTemplate[solicitacao.tipo] ?? 'lgpd_resposta_acesso';
+
+			// Email para o titular
+			if (usuarioTitular.email) {
+				try {
+					await ctx.scheduler.runAfter(0, api.email.enviarEmailComTemplate, {
+						destinatario: usuarioTitular.email,
+						destinatarioId: usuarioTitular._id,
+						templateCodigo,
+						variaveis: {
+							nomeTitular: usuarioTitular.nome,
+							tipoSolicitacaoLabel,
+							statusLabel,
+							resumoResposta,
+							urlPortalLGPD: `${urlSistema}/privacidade/meus-dados`
+						},
+						enviadoPor: usuario._id
+					});
+				} catch (error) {
+					console.error(`Erro ao agendar email ${templateCodigo}:`, error);
+				}
+			}
+
+			// Mensagem simples no chat entre TI (respondente) e o titular
+			try {
+				// Buscar conversa individual existente
+				const conversas = await ctx.db
+					.query('conversas')
+					.filter((q) => q.eq(q.field('tipo'), 'individual'))
+					.collect();
+
+				let conversaId: Id<'conversas'> | null = null;
+				for (const conversa of conversas) {
+					if (
+						conversa.participantes.length === 2 &&
+						conversa.participantes.includes(usuario._id) &&
+						conversa.participantes.includes(usuarioTitular._id)
+					) {
+						conversaId = conversa._id;
+						break;
+					}
+				}
+
+				if (!conversaId) {
+					conversaId = await ctx.db.insert('conversas', {
+						tipo: 'individual',
+						participantes: [usuario._id, usuarioTitular._id],
+						criadoPor: usuario._id,
+						criadoEm: Date.now()
+					});
+				}
+
+				await ctx.db.insert('mensagens', {
+					conversaId,
+					remetenteId: usuario._id,
+					tipo: 'texto',
+					conteudo: `Respondi sua solicitação LGPD (${tipoSolicitacaoLabel}) com status ${statusLabel}. Resumo: ${resumoResposta}`,
+					enviadaEm: Date.now()
+				});
+			} catch (error) {
+				console.error('Erro ao criar mensagem de chat para resposta LGPD:', error);
+			}
+		}
+
+		return { sucesso: true };
+	}
+});
+
+/**
+ * Cancelar solicitação LGPD (apenas pelo próprio usuário)
+ */
+export const cancelarSolicitacao = mutation({
+	args: {
+		solicitacaoId: v.id('solicitacoesLGPD')
+	},
+	returns: v.object({ sucesso: v.boolean() }),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		const solicitacao = await ctx.db.get(args.solicitacaoId);
+		if (!solicitacao) {
+			throw new Error('Solicitação não encontrada');
+		}
+
+		// Verificar se a solicitação pertence ao usuário
+		if (solicitacao.usuarioId !== usuario._id) {
+			throw new Error('Você não tem permissão para cancelar esta solicitação');
+		}
+
+		// Só pode cancelar se estiver pendente ou em análise
+		if (solicitacao.status !== 'pendente' && solicitacao.status !== 'em_analise') {
+			throw new Error('Só é possível cancelar solicitações pendentes ou em análise');
+		}
+
+		// Atualizar status para cancelada
+		await ctx.db.patch(args.solicitacaoId, {
+			status: 'cancelada'
+		});
+
+		// Log de atividade
+		await registrarAtividade(
+			ctx,
+			usuario._id,
+			'cancelar_solicitacao_lgpd',
+			'solicitacoesLGPD',
+			JSON.stringify({ solicitacaoId: args.solicitacaoId }),
+			args.solicitacaoId.toString()
+		);
+
+		return { sucesso: true };
+	}
+});
+
+/**
+ * Excluir solicitação LGPD (apenas pelo próprio usuário e apenas se cancelada ou pendente)
+ */
+export const excluirSolicitacao = mutation({
+	args: {
+		solicitacaoId: v.id('solicitacoesLGPD')
+	},
+	returns: v.object({ sucesso: v.boolean() }),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		const solicitacao = await ctx.db.get(args.solicitacaoId);
+		if (!solicitacao) {
+			throw new Error('Solicitação não encontrada');
+		}
+
+		// Verificar se a solicitação pertence ao usuário
+		if (solicitacao.usuarioId !== usuario._id) {
+			throw new Error('Você não tem permissão para excluir esta solicitação');
+		}
+
+		// Só pode excluir se estiver pendente ou cancelada
+		if (solicitacao.status !== 'pendente' && solicitacao.status !== 'cancelada') {
+			throw new Error('Só é possível excluir solicitações pendentes ou canceladas');
+		}
+
+		// Excluir arquivo de resposta se existir
+		if (solicitacao.arquivoResposta) {
+			await ctx.storage.delete(solicitacao.arquivoResposta);
+		}
+
+		// Excluir a solicitação
+		await ctx.db.delete(args.solicitacaoId);
+
+		// Log de atividade
+		await registrarAtividade(
+			ctx,
+			usuario._id,
+			'excluir_solicitacao_lgpd',
+			'solicitacoesLGPD',
+			JSON.stringify({ solicitacaoId: args.solicitacaoId }),
+			args.solicitacaoId.toString()
+		);
+
+		return { sucesso: true };
+	}
+});
+
+/**
+ * Exportar dados do usuário (portabilidade)
+ */
+export const exportarDadosUsuario = query({
+	args: {},
+	returns: v.object({
+		dados: v.string() // JSON string com todos os dados do usuário
+	}),
+	handler: async (ctx) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// Buscar todos os dados do usuário
+		type DadosUsuario = {
+			usuario: {
+				nome: string;
+				email: string;
+				setor?: string;
+			};
+			consentimentos: Array<{
+				tipo: string;
+				aceito: boolean;
+				versao: string;
+				aceitoEm: number;
+				revogadoEm?: number;
+			}>;
+			solicitacoes: Array<{
+				tipo: string;
+				status: string;
+				criadoEm: number;
+				respondidoEm?: number;
+			}>;
+			funcionario?: {
+				nome: string;
+				matricula?: string;
+				cpf: string;
+				email: string;
+				telefone: string;
+				descricaoCargo?: string;
+			};
+		};
+
+		const dadosUsuario: DadosUsuario = {
+			usuario: {
+				nome: usuario.nome,
+				email: usuario.email
+			},
+			consentimentos: [],
+			solicitacoes: []
+		};
+
+		// Consentimentos
+		const consentimentos = await ctx.db
+			.query('consentimentos')
+			.withIndex('by_usuario', (q) => q.eq('usuarioId', usuario._id))
+			.collect();
+		dadosUsuario.consentimentos = consentimentos.map((c) => ({
+			tipo: c.tipo,
+			aceito: c.aceito,
+			versao: c.versao,
+			aceitoEm: c.aceitoEm,
+			revogadoEm: c.revogadoEm
+		}));
+
+		// Solicitações LGPD
+		const solicitacoes = await ctx.db
+			.query('solicitacoesLGPD')
+			.withIndex('by_usuario', (q) => q.eq('usuarioId', usuario._id))
+			.collect();
+		dadosUsuario.solicitacoes = solicitacoes.map((s) => ({
+			tipo: s.tipo,
+			status: s.status,
+			criadoEm: s.criadoEm,
+			respondidoEm: s.respondidoEm
+		}));
+
+		// Dados do funcionário (se houver)
+		if (usuario.funcionarioId) {
+			const funcionario = await ctx.db.get(usuario.funcionarioId);
+			if (funcionario) {
+				dadosUsuario.funcionario = {
+					nome: funcionario.nome,
+					matricula: funcionario.matricula,
+					cpf: funcionario.cpf,
+					email: funcionario.email,
+					telefone: funcionario.telefone,
+					descricaoCargo: funcionario.descricaoCargo
+				};
+			}
+		}
+
+		return {
+			dados: JSON.stringify(dadosUsuario, null, 2)
+		};
+	}
+});
+
+/**
+ * Criar Registro de Operação de Tratamento (ROT)
+ */
+export const criarRegistroTratamento = mutation({
+	args: {
+		finalidade: v.string(),
+		baseLegal: v.string(),
+		categoriasDados: v.array(v.string()),
+		categoriasTitulares: v.array(v.string()),
+		medidasSeguranca: v.array(v.string()),
+		prazoRetencao: v.number(),
+		compartilhamentoTerceiros: v.boolean(),
+		terceiros: v.optional(v.array(v.string())),
+		descricao: v.optional(v.string())
+	},
+	returns: v.object({ sucesso: v.boolean(), registroId: v.id('registrosTratamento') }),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		const agora = Date.now();
+
+		const registroId = await ctx.db.insert('registrosTratamento', {
+			finalidade: args.finalidade,
+			baseLegal: args.baseLegal,
+			categoriasDados: args.categoriasDados,
+			categoriasTitulares: args.categoriasTitulares,
+			medidasSeguranca: args.medidasSeguranca,
+			prazoRetencao: args.prazoRetencao,
+			compartilhamentoTerceiros: args.compartilhamentoTerceiros,
+			terceiros: args.terceiros,
+			responsavel: usuario._id,
+			descricao: args.descricao,
+			criadoEm: agora,
+			atualizadoEm: agora,
+			ativo: true
+		});
+
+		// Log de atividade
+		await registrarAtividade(
+			ctx,
+			usuario._id,
+			'criar_rot',
+			'registrosTratamento',
+			JSON.stringify({ finalidade: args.finalidade }),
+			registroId.toString()
+		);
+
+		return { sucesso: true, registroId };
+	}
+});
+
+/**
+ * Listar Registros de Tratamento
+ */
+export const listarRegistrosTratamento = query({
+	args: {
+		ativo: v.optional(v.boolean())
+	},
+	returns: v.array(
+		v.object({
+			_id: v.id('registrosTratamento'),
+			finalidade: v.string(),
+			baseLegal: v.string(),
+			categoriasDados: v.array(v.string()),
+			categoriasTitulares: v.array(v.string()),
+			medidasSeguranca: v.array(v.string()),
+			prazoRetencao: v.number(),
+			compartilhamentoTerceiros: v.boolean(),
+			terceiros: v.union(v.array(v.string()), v.null()),
+			responsavelNome: v.string(),
+			criadoEm: v.number(),
+			atualizadoEm: v.number(),
+			ativo: v.boolean()
+		})
+	),
+	handler: async (ctx, args) => {
+		let registros = await ctx.db.query('registrosTratamento').collect();
+
+		if (args.ativo !== undefined) {
+			registros = registros.filter((r) => r.ativo === args.ativo);
+		}
+
+		// Enriquecer com nome do responsável
+		const resultado = await Promise.all(
+			registros.map(async (r) => {
+				const responsavel = await ctx.db.get(r.responsavel);
+				return {
+					_id: r._id,
+					finalidade: r.finalidade,
+					baseLegal: r.baseLegal,
+					categoriasDados: r.categoriasDados,
+					categoriasTitulares: r.categoriasTitulares,
+					medidasSeguranca: r.medidasSeguranca,
+					prazoRetencao: r.prazoRetencao,
+					compartilhamentoTerceiros: r.compartilhamentoTerceiros,
+					terceiros: r.terceiros ?? null,
+					responsavelNome: responsavel?.nome ?? 'Desconhecido',
+					criadoEm: r.criadoEm,
+					atualizadoEm: r.atualizadoEm,
+					ativo: r.ativo
+				};
+			})
+		);
+
+		return resultado;
+	}
+});
+
+/**
+ * Obter configurações LGPD
+ */
+export const obterConfiguracaoLGPD = query({
+	args: {},
+	returns: v.union(
+		v.object({
+			encarregadoNome: v.union(v.string(), v.null()),
+			encarregadoEmail: v.union(v.string(), v.null()),
+			encarregadoTelefone: v.union(v.string(), v.null()),
+			encarregadoHorarioAtendimento: v.union(v.string(), v.null()),
+			prazoRespostaPadrao: v.number(),
+			diasAlertaVencimento: v.number(),
+			termoObrigatorio: v.boolean(),
+			versaoTermoAtual: v.string()
+		}),
+		v.null()
+	),
+	handler: async (ctx) => {
+		const config = await ctx.db
+			.query('configuracaoLGPD')
+			.withIndex('by_ativo', (q) => q.eq('ativo', true))
+			.first();
+
+		if (!config) {
+			// Retornar valores padrão
+			return {
+				encarregadoNome: null,
+				encarregadoEmail: null,
+				encarregadoTelefone: null,
+				encarregadoHorarioAtendimento: null,
+				prazoRespostaPadrao: 15,
+				diasAlertaVencimento: 3,
+				termoObrigatorio: false,
+				versaoTermoAtual: '1.0'
+			};
+		}
+
+		return {
+			encarregadoNome: config.encarregadoNome ?? null,
+			encarregadoEmail: config.encarregadoEmail ?? null,
+			encarregadoTelefone: config.encarregadoTelefone ?? null,
+			encarregadoHorarioAtendimento: config.encarregadoHorarioAtendimento ?? null,
+			prazoRespostaPadrao: config.prazoRespostaPadrao,
+			diasAlertaVencimento: config.diasAlertaVencimento,
+			termoObrigatorio: config.termoObrigatorio,
+			versaoTermoAtual: config.versaoTermoAtual
+		};
+	}
+});
+
+/**
+ * Atualizar configurações LGPD (apenas TI)
+ */
+export const atualizarConfiguracaoLGPD = mutation({
+	args: {
+		encarregadoNome: v.optional(v.string()),
+		encarregadoEmail: v.optional(v.string()),
+		encarregadoTelefone: v.optional(v.string()),
+		encarregadoHorarioAtendimento: v.optional(v.string()),
+		prazoRespostaPadrao: v.optional(v.number()),
+		diasAlertaVencimento: v.optional(v.number()),
+		termoObrigatorio: v.optional(v.boolean()),
+		versaoTermoAtual: v.optional(v.string())
+	},
+	returns: v.object({ sucesso: v.boolean() }),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// Buscar configuração ativa ou criar nova
+		let config = await ctx.db
+			.query('configuracaoLGPD')
+			.withIndex('by_ativo', (q) => q.eq('ativo', true))
+			.first();
+
+		if (config) {
+			// Desativar configuração antiga
+			await ctx.db.patch(config._id, { ativo: false });
+		}
+
+		// Buscar valores atuais para manter os que não foram atualizados
+		const valoresAtuais = config || {
+			encarregadoNome: undefined,
+			encarregadoEmail: undefined,
+			encarregadoTelefone: undefined,
+			encarregadoHorarioAtendimento: undefined,
+			prazoRespostaPadrao: 15,
+			diasAlertaVencimento: 3,
+			termoObrigatorio: false,
+			versaoTermoAtual: '1.0'
+		};
+
+		// Criar nova configuração
+		await ctx.db.insert('configuracaoLGPD', {
+			encarregadoNome: args.encarregadoNome ?? valoresAtuais.encarregadoNome ?? undefined,
+			encarregadoEmail: args.encarregadoEmail ?? valoresAtuais.encarregadoEmail ?? undefined,
+			encarregadoTelefone:
+				args.encarregadoTelefone ?? valoresAtuais.encarregadoTelefone ?? undefined,
+			encarregadoHorarioAtendimento:
+				args.encarregadoHorarioAtendimento ??
+				valoresAtuais.encarregadoHorarioAtendimento ??
+				undefined,
+			prazoRespostaPadrao: args.prazoRespostaPadrao ?? valoresAtuais.prazoRespostaPadrao,
+			diasAlertaVencimento: args.diasAlertaVencimento ?? valoresAtuais.diasAlertaVencimento,
+			termoObrigatorio: args.termoObrigatorio ?? valoresAtuais.termoObrigatorio ?? false,
+			versaoTermoAtual: args.versaoTermoAtual ?? valoresAtuais.versaoTermoAtual ?? '1.0',
+			ativo: true,
+			atualizadoPor: usuario._id,
+			atualizadoEm: Date.now()
+		});
+
+		// Log de atividade
+		await registrarAtividade(
+			ctx,
+			usuario._id,
+			'atualizar_config_lgpd',
+			'configuracaoLGPD',
+			JSON.stringify(args),
+			''
+		);
+
+		return { sucesso: true };
+	}
+});
+
+/**
+ * Obter estatísticas LGPD (apenas TI)
+ */
+export const obterEstatisticasLGPD = query({
+	args: {},
+	returns: v.object({
+		totalSolicitacoes: v.number(),
+		solicitacoesPendentes: v.number(),
+		solicitacoesVencendo: v.number(),
+		solicitacoesPorTipo: v.record(v.string(), v.number()),
+		totalConsentimentos: v.number(),
+		consentimentosAtivos: v.number(),
+		totalROTs: v.number(),
+		rotsAtivos: v.number()
+	}),
+	handler: async (ctx) => {
+		const solicitacoes = await ctx.db.query('solicitacoesLGPD').collect();
+		const consentimentos = await ctx.db.query('consentimentos').collect();
+		const rots = await ctx.db.query('registrosTratamento').collect();
+
+		const agora = Date.now();
+		const tresDias = 3 * 24 * 60 * 60 * 1000;
+
+		const solicitacoesVencendo = solicitacoes.filter((s) =>
+			s.status === 'pendente' || s.status === 'em_analise'
+				? s.prazoResposta - agora <= tresDias && s.prazoResposta > agora
+				: false
+		).length;
+
+		const solicitacoesPorTipo: Record<string, number> = {};
+		solicitacoes.forEach((s) => {
+			solicitacoesPorTipo[s.tipo] = (solicitacoesPorTipo[s.tipo] || 0) + 1;
+		});
+
+		const consentimentosAtivos = consentimentos.filter((c) => c.aceito && !c.revogadoEm).length;
+
+		return {
+			totalSolicitacoes: solicitacoes.length,
+			solicitacoesPendentes: solicitacoes.filter((s) => s.status === 'pendente').length,
+			solicitacoesVencendo,
+			solicitacoesPorTipo,
+			totalConsentimentos: consentimentos.length,
+			consentimentosAtivos,
+			totalROTs: rots.length,
+			rotsAtivos: rots.filter((r) => r.ativo).length
+		};
+	}
+});
diff --git a/packages/backend/convex/logsAcesso.ts b/packages/backend/convex/logsAcesso.ts
index 55a3b67..92bf0c1 100644
--- a/packages/backend/convex/logsAcesso.ts
+++ b/packages/backend/convex/logsAcesso.ts
@@ -81,11 +81,11 @@ export const listar = query({
 		// Buscar informações dos usuários
 		const resultado = [];
 		for (const log of logs) {
-			let usuario;
+			let usuario = undefined;
 			if (log.usuarioId) {
 				const user = await ctx.db.get(log.usuarioId);
 				if (user) {
-					let matricula: string | undefined;
+					let matricula: string | undefined = undefined;
 					if (user.funcionarioId) {
 						const funcionario = await ctx.db.get(user.funcionarioId);
 						matricula = funcionario?.matricula;
diff --git a/packages/backend/convex/logsLogin.ts b/packages/backend/convex/logsLogin.ts
index 322626f..99616cc 100644
--- a/packages/backend/convex/logsLogin.ts
+++ b/packages/backend/convex/logsLogin.ts
@@ -1,6 +1,6 @@
 import { v } from 'convex/values';
-import { Doc, type Id } from './_generated/dataModel';
-import { type MutationCtx, mutation, QueryCtx, query } from './_generated/server';
+import { mutation, query, MutationCtx } from './_generated/server';
+import { Id } from './_generated/dataModel';
 
 /**
  * Helper para registrar tentativas de login
@@ -382,8 +382,8 @@ export const listarTodosLogins = query({
 		// Buscar informações dos usuários quando disponível
 		const logsComUsuarios = await Promise.all(
 			logs.map(async (log) => {
-				let usuarioNome: string | undefined;
-				let usuarioEmail: string | undefined;
+				let usuarioNome: string | undefined = undefined;
+				let usuarioEmail: string | undefined = undefined;
 
 				if (log.usuarioId) {
 					const usuario = await ctx.db.get(log.usuarioId);
diff --git a/packages/backend/convex/monitoramento.ts b/packages/backend/convex/monitoramento.ts
index 002cf0d..dd6fefb 100644
--- a/packages/backend/convex/monitoramento.ts
+++ b/packages/backend/convex/monitoramento.ts
@@ -145,6 +145,217 @@ export const listarAlertas = query({
 	}
 });
 
+/**
+ * Verificar configuração do sistema de alertas (diagnóstico)
+ */
+export const verificarConfiguracaoAlertas = query({
+	args: {
+		_refresh: v.optional(v.number()) // Parâmetro ignorado, usado apenas para forçar refresh no frontend
+	},
+	returns: v.object({
+		templateExiste: v.boolean(),
+		templateInfo: v.union(
+			v.object({
+				_id: v.id('templatesMensagens'),
+				codigo: v.string(),
+				nome: v.string(),
+				htmlCorpo: v.optional(v.string())
+			}),
+			v.null()
+		),
+		todosTemplatesCodigos: v.optional(v.array(v.string())), // Para debug
+		roleTiMasterExiste: v.boolean(),
+		usuariosTiMaster: v.array(
+			v.object({
+				_id: v.id('usuarios'),
+				nome: v.string(),
+				email: v.optional(v.string()),
+				temEmail: v.boolean()
+			})
+		),
+		configSmtpAtiva: v.boolean(),
+		configSmtpInfo: v.union(
+			v.object({
+				_id: v.id('configuracaoEmail'),
+				servidor: v.string(),
+				porta: v.number(),
+				emailRemetente: v.string(),
+				ativo: v.boolean()
+			}),
+			v.null()
+		),
+		emailsPendentes: v.number(),
+		emailsFalha: v.number(),
+		alertasAtivos: v.number(),
+		alertasComEmail: v.number()
+	}),
+	handler: async (ctx) => {
+		try {
+			// 1. Verificar template
+			let template = null;
+			try {
+				// Tentar buscar usando índice
+				template = await ctx.db
+					.query('templatesMensagens')
+					.withIndex('by_codigo', (q) => q.eq('codigo', 'monitoramento_alerta_sistema'))
+					.first();
+
+				// Se não encontrou com índice, tentar busca direta
+				if (!template) {
+					const todosTemplates = await ctx.db.query('templatesMensagens').collect();
+					template =
+						todosTemplates.find(
+							(t) => t.codigo?.toLowerCase() === 'monitoramento_alerta_sistema'.toLowerCase()
+						) || null;
+				}
+
+				if (template) {
+					console.log('✅ Template encontrado:', template.codigo, template.nome);
+				} else {
+					console.warn('⚠️ Template monitoramento_alerta_sistema não encontrado no banco');
+				}
+			} catch (error) {
+				console.error('❌ Erro ao buscar template:', error);
+				// Tentar busca alternativa sem índice
+				try {
+					const todosTemplates = await ctx.db.query('templatesMensagens').collect();
+					template =
+						todosTemplates.find(
+							(t) => t.codigo?.toLowerCase() === 'monitoramento_alerta_sistema'.toLowerCase()
+						) || null;
+				} catch (fallbackError) {
+					console.error('❌ Erro na busca alternativa:', fallbackError);
+				}
+			}
+
+			// 2. Verificar role TI_MASTER
+			let roleTiMaster = null;
+			try {
+				roleTiMaster = await ctx.db
+					.query('roles')
+					.withIndex('by_nome', (q) => q.eq('nome', 'ti_master'))
+					.first();
+			} catch (error) {
+				console.warn('Erro ao buscar role TI_MASTER:', error);
+			}
+
+			// 3. Verificar usuários TI_MASTER
+			let usuariosTiMaster: Array<{
+				_id: Id<'usuarios'>;
+				nome: string;
+				email?: string;
+				temEmail: boolean;
+			}> = [];
+
+			if (roleTiMaster) {
+				try {
+					const usuarios = await ctx.db
+						.query('usuarios')
+						.withIndex('by_role', (q) => q.eq('roleId', roleTiMaster!._id))
+						.collect();
+
+					usuariosTiMaster = usuarios.map((u) => ({
+						_id: u._id,
+						nome: u.nome,
+						email: u.email,
+						temEmail: !!u.email
+					}));
+				} catch (error) {
+					console.warn('Erro ao buscar usuários TI_MASTER:', error);
+				}
+			}
+
+			// 4. Verificar configuração SMTP
+			let configSmtp = null;
+			try {
+				configSmtp = await ctx.db
+					.query('configuracaoEmail')
+					.withIndex('by_ativo', (q) => q.eq('ativo', true))
+					.first();
+			} catch (error) {
+				console.warn('Erro ao buscar configuração SMTP:', error);
+			}
+
+			// 5. Listar todos os templates para debug (opcional)
+			let todosTemplatesCodigos: string[] = [];
+			try {
+				const todosTemplates = await ctx.db.query('templatesMensagens').collect();
+				todosTemplatesCodigos = todosTemplates.map((t) => t.codigo || '').filter(Boolean);
+				console.log('📋 Templates encontrados no banco:', todosTemplatesCodigos);
+			} catch (error) {
+				console.warn('Erro ao listar templates para debug:', error);
+			}
+
+			// 6. Verificar fila de emails
+			let emailsPendentes = 0;
+			let emailsFalha = 0;
+			try {
+				const todosEmails = await ctx.db.query('notificacoesEmail').collect();
+				emailsPendentes = todosEmails.filter((e) => e.status === 'pendente').length;
+				emailsFalha = todosEmails.filter((e) => e.status === 'falha').length;
+			} catch (error) {
+				console.warn('Erro ao buscar emails:', error);
+			}
+
+			// 7. Verificar alertas
+			let alertasAtivos = 0;
+			let alertasComEmail = 0;
+			try {
+				const todosAlertas = await ctx.db.query('alertConfigurations').collect();
+				alertasAtivos = todosAlertas.filter((a) => a.enabled).length;
+				alertasComEmail = todosAlertas.filter((a) => a.enabled && a.notifyByEmail).length;
+			} catch (error) {
+				console.warn('Erro ao buscar alertas:', error);
+			}
+
+			return {
+				templateExiste: !!template,
+				templateInfo: template
+					? {
+							_id: template._id,
+							codigo: template.codigo,
+							nome: template.nome,
+							htmlCorpo: template.htmlCorpo
+						}
+					: null,
+				todosTemplatesCodigos: todosTemplatesCodigos.length > 0 ? todosTemplatesCodigos : undefined,
+				roleTiMasterExiste: !!roleTiMaster,
+				usuariosTiMaster,
+				configSmtpAtiva: !!configSmtp,
+				configSmtpInfo: configSmtp
+					? {
+							_id: configSmtp._id,
+							servidor: configSmtp.servidor,
+							porta: configSmtp.porta,
+							emailRemetente: configSmtp.emailRemetente,
+							ativo: configSmtp.ativo
+						}
+					: null,
+				emailsPendentes,
+				emailsFalha,
+				alertasAtivos,
+				alertasComEmail
+			};
+		} catch (error) {
+			console.error('Erro ao verificar configuração de alertas:', error);
+			// Retornar valores padrão em caso de erro
+			return {
+				templateExiste: false,
+				templateInfo: null,
+				todosTemplatesCodigos: undefined,
+				roleTiMasterExiste: false,
+				usuariosTiMaster: [],
+				configSmtpAtiva: false,
+				configSmtpInfo: null,
+				emailsPendentes: 0,
+				emailsFalha: 0,
+				alertasAtivos: 0,
+				alertasComEmail: 0
+			};
+		}
+	}
+});
+
 /**
  * Obter métricas com filtros
  */
@@ -346,56 +557,94 @@ export const verificarAlertasInternal = internalMutation({
 						.filter((q) => q.eq(q.field('admin'), true))
 						.collect();
 
-					const rolesPermitidas = new Set(rolesAdminOuTi.map((r) => r._id));
+					if (!rolesAdminOuTi) {
+						console.warn('Role TI_MASTER não encontrada. Notificações de chat não serão enviadas.');
+					} else {
+						// Buscar usuários com role TI_MASTER
+						const usuarios = await ctx.db
+							.query('usuarios')
+							.withIndex('by_role', (q) => q.eq('roleId', rolesAdminOuTi[0]._id))
+							.collect();
 
-					const usuarios = await ctx.db.query('usuarios').collect();
-					const usuariosTI = usuarios.filter((u) => rolesPermitidas.has(u.roleId));
-
-					for (const usuario of usuariosTI) {
-						await ctx.db.insert('notificacoes', {
-							usuarioId: usuario._id,
-							tipo: 'nova_mensagem',
-							titulo: `⚠️ Alerta de Sistema: ${alerta.metricName}`,
-							descricao: `Métrica ${alerta.metricName} está em ${metricValue.toFixed(2)}% (limite: ${alerta.threshold}%)`,
-							lida: false,
-							criadaEm: Date.now()
-						});
+						for (const usuario of usuarios) {
+							await ctx.db.insert('notificacoes', {
+								usuarioId: usuario._id,
+								tipo: 'nova_mensagem',
+								titulo: `⚠️ Alerta de Sistema: ${alerta.metricName}`,
+								descricao: `Métrica ${alerta.metricName} está em ${metricValue.toFixed(2)}% (limite: ${alerta.threshold}%)`,
+								lida: false,
+								criadaEm: Date.now()
+							});
+						}
 					}
 				}
 
 				// Enviar email se configurado (usar template HTML padronizado)
 				if (alerta.notifyByEmail) {
-					// Buscar usuários administradores/TI para receber o alerta por email
-					const rolesAdminOuTi = await ctx.db
+					// Buscar apenas a role TI_MASTER
+					const roleTiMaster = await ctx.db
 						.query('roles')
 						.filter((q) => q.eq(q.field('admin'), true))
 						.collect();
 
-					const rolesPermitidas = new Set(rolesAdminOuTi.map((r) => r._id));
-					const usuarios = await ctx.db.query('usuarios').collect();
-					const usuariosTI = usuarios.filter((u) => rolesPermitidas.has(u.roleId) && !!u.email);
+					if (!roleTiMaster) {
+						console.warn(
+							'⚠️ [Monitoramento] Role TI_MASTER não encontrada. Emails de alerta não serão enviados.'
+						);
+					} else {
+						// Buscar usuários com role TI_MASTER que possuem email
+						const usuarios = await ctx.db
+							.query('usuarios')
+							.withIndex('by_role', (q) => q.eq('roleId', roleTiMaster[0]._id))
+							.collect();
 
-					for (const usuario of usuariosTI) {
-						const email = usuario.email;
-						if (!email) continue;
+						if (usuarios.length === 0) {
+							console.warn(
+								'⚠️ [Monitoramento] Nenhum usuário TI_MASTER encontrado para receber alertas por email.'
+							);
+						} else {
+							// Usar o createdBy do alerta como enviadoPor (quem criou o alerta)
+							const enviadoPorId = alerta.createdBy;
 
-						// Montar variáveis para template de alerta de sistema
-						const variaveisEmail = {
-							destinatarioNome: usuario.nome,
-							metricName: alerta.metricName,
-							metricValue: metricValue.toFixed(2),
-							threshold: alerta.threshold.toString()
-						};
+							for (const usuario of usuarios) {
+								const email = usuario.email;
+								if (!email) {
+									console.warn(
+										`⚠️ [Monitoramento] Usuário ${usuario._id} (TI_MASTER) não possui email cadastrado.`
+									);
+									continue;
+								}
 
-						// Importante: usar api.email.enviarEmailComTemplate (action pública),
-						// e não internal.email, para corresponder à tipagem gerada em ./_generated/api.
-						await ctx.scheduler.runAfter(0, api.email.enviarEmailComTemplate, {
-							destinatario: email,
-							destinatarioId: usuario._id,
-							templateCodigo: 'monitoramento_alerta_sistema',
-							variaveis: variaveisEmail,
-							enviadoPor: usuario._id
-						});
+								// Montar variáveis para template de alerta de sistema
+								const variaveisEmail = {
+									destinatarioNome: usuario.nome,
+									metricName: alerta.metricName,
+									metricValue: metricValue.toFixed(2),
+									threshold: alerta.threshold.toString()
+								};
+
+								try {
+									// Importante: usar api.email.enviarEmailComTemplate (action pública),
+									// e não internal.email, para corresponder à tipagem gerada em ./_generated/api.
+									await ctx.scheduler.runAfter(0, api.email.enviarEmailComTemplate, {
+										destinatario: email,
+										destinatarioId: usuario._id,
+										templateCodigo: 'monitoramento_alerta_sistema',
+										variaveis: variaveisEmail,
+										enviadoPor: enviadoPorId // ✅ CORRIGIDO: usar createdBy do alerta
+									});
+									console.log(
+										`✅ [Monitoramento] Email de alerta agendado para ${email} (${usuario.nome})`
+									);
+								} catch (error) {
+									console.error(
+										`❌ [Monitoramento] Erro ao agendar email de alerta para ${email}:`,
+										error
+									);
+									// Continuar tentando enviar para outros usuários mesmo se um falhar
+								}
+							}
+						}
 					}
 				}
 			}
@@ -612,49 +861,62 @@ export const getStatusSistema = query({
 		ultimaAtualizacao: v.number()
 	}),
 	handler: async (ctx) => {
-		// Última métrica, se existir
-		const ultimaMetrica = (await ctx.db.query('systemMetrics').order('desc').first()) ?? null;
+		try {
+			// Última métrica, se existir
+			const ultimaMetrica = (await ctx.db.query('systemMetrics').order('desc').first()) ?? null;
 
-		// Usuários online: usar métrica se disponível, senão derivar de usuários
-		let usuariosOnline = 0;
-		if (ultimaMetrica?.usuariosOnline !== undefined) {
-			usuariosOnline = ultimaMetrica.usuariosOnline;
-		} else {
-			const usuarios = await ctx.db.query('usuarios').collect();
-			usuariosOnline = usuarios.filter((u) => u.statusPresenca === 'online').length;
+			// Usuários online: usar métrica se disponível, senão derivar de usuários
+			let usuariosOnline = 0;
+			if (ultimaMetrica?.usuariosOnline !== undefined) {
+				usuariosOnline = ultimaMetrica.usuariosOnline;
+			} else {
+				const usuarios = await ctx.db.query('usuarios').collect();
+				usuariosOnline = usuarios.filter((u) => u.statusPresenca === 'online').length;
+			}
+
+			// Total de registros (estimativa baseada em tabelas principais)
+			const [usuarios, funcionarios, simbolos, alertas, metricas] = await Promise.all([
+				ctx.db.query('usuarios').collect(),
+				ctx.db.query('funcionarios').collect(),
+				ctx.db.query('simbolos').collect(),
+				ctx.db.query('alertConfigurations').collect(),
+				ctx.db.query('systemMetrics').take(100) // não precisa contar tudo
+			]);
+			const totalRegistros =
+				usuarios.length + funcionarios.length + simbolos.length + alertas.length + metricas.length;
+
+			// Métricas de performance com fallbacks seguros
+			const tempoMedioResposta = ultimaMetrica?.tempoRespostaMedio ?? 0;
+			const cpuUsada = Math.max(
+				0,
+				Math.min(100, Math.round((ultimaMetrica?.cpuUsage ?? 0) * 100) / 100)
+			);
+			const memoriaUsada = Math.max(
+				0,
+				Math.min(100, Math.round((ultimaMetrica?.memoryUsage ?? 0) * 100) / 100)
+			);
+			const ultimaAtualizacao = ultimaMetrica?.timestamp ?? Date.now();
+
+			return {
+				usuariosOnline,
+				totalRegistros,
+				tempoMedioResposta,
+				cpuUsada,
+				memoriaUsada,
+				ultimaAtualizacao
+			};
+		} catch (error) {
+			console.error('Erro em getStatusSistema:', error);
+			// Retornar valores padrão em caso de erro
+			return {
+				usuariosOnline: 0,
+				totalRegistros: 0,
+				tempoMedioResposta: 0,
+				cpuUsada: 0,
+				memoriaUsada: 0,
+				ultimaAtualizacao: Date.now()
+			};
 		}
-
-		// Total de registros (estimativa baseada em tabelas principais)
-		const [usuarios, funcionarios, simbolos, alertas, metricas] = await Promise.all([
-			ctx.db.query('usuarios').collect(),
-			ctx.db.query('funcionarios').collect(),
-			ctx.db.query('simbolos').collect(),
-			ctx.db.query('alertConfigurations').collect(),
-			ctx.db.query('systemMetrics').take(100) // não precisa contar tudo
-		]);
-		const totalRegistros =
-			usuarios.length + funcionarios.length + simbolos.length + alertas.length + metricas.length;
-
-		// Métricas de performance com fallbacks seguros
-		const tempoMedioResposta = ultimaMetrica?.tempoRespostaMedio ?? 0;
-		const cpuUsada = Math.max(
-			0,
-			Math.min(100, Math.round((ultimaMetrica?.cpuUsage ?? 0) * 100) / 100)
-		);
-		const memoriaUsada = Math.max(
-			0,
-			Math.min(100, Math.round((ultimaMetrica?.memoryUsage ?? 0) * 100) / 100)
-		);
-		const ultimaAtualizacao = ultimaMetrica?.timestamp ?? Date.now();
-
-		return {
-			usuariosOnline,
-			totalRegistros,
-			tempoMedioResposta,
-			cpuUsada,
-			memoriaUsada,
-			ultimaAtualizacao
-		};
 	}
 });
 
@@ -673,60 +935,66 @@ export const getAtividadeBancoDados = query({
 		)
 	}),
 	handler: async (ctx) => {
-		const agora = Date.now();
-		const haUmMinuto = agora - 60 * 1000;
+		try {
+			const agora = Date.now();
+			const haUmMinuto = agora - 60 * 1000;
 
-		// Buscar atividades reais do sistema
-		const atividadesRecentes = await ctx.db
-			.query('logsAtividades')
-			.withIndex('by_timestamp', (q) => q.gte('timestamp', haUmMinuto))
-			.order('asc')
-			.collect();
+			// Buscar atividades reais do sistema
+			const atividadesRecentes = await ctx.db
+				.query('logsAtividades')
+				.withIndex('by_timestamp', (q) => q.gte('timestamp', haUmMinuto))
+				.order('asc')
+				.collect();
 
-		// Buscar métricas também (para mensagens se houver)
-		const metricasRecentes = await ctx.db
-			.query('systemMetrics')
-			.withIndex('by_timestamp', (q) => q.gte('timestamp', haUmMinuto))
-			.order('asc')
-			.collect();
+			// Buscar métricas também (para mensagens se houver)
+			const metricasRecentes = await ctx.db
+				.query('systemMetrics')
+				.withIndex('by_timestamp', (q) => q.gte('timestamp', haUmMinuto))
+				.order('asc')
+				.collect();
 
-		// Bucketizar em 30 pontos (~2s cada) para visualização
-		const numBuckets = 30;
-		const bucketSizeMs = Math.ceil(60_000 / numBuckets);
-		const historico: Array<{ entradas: number; saidas: number }> = [];
+			// Bucketizar em 30 pontos (~2s cada) para visualização
+			const numBuckets = 30;
+			const bucketSizeMs = Math.ceil(60_000 / numBuckets);
+			const historico: Array<{ entradas: number; saidas: number }> = [];
 
-		for (let i = 0; i < numBuckets; i++) {
-			const inicio = haUmMinuto + i * bucketSizeMs;
-			const fim = inicio + bucketSizeMs;
+			for (let i = 0; i < numBuckets; i++) {
+				const inicio = haUmMinuto + i * bucketSizeMs;
+				const fim = inicio + bucketSizeMs;
 
-			// Contar atividades de criação/inserção (entradas)
-			const atividadesBucket = atividadesRecentes.filter(
-				(a) => a.timestamp >= inicio && a.timestamp < fim
-			);
-			const entradasAtividades = atividadesBucket.filter(
-				(a) => a.acao === 'criar' || a.acao === 'inserir' || a.acao === 'cadastrar'
-			).length;
+				// Contar atividades de criação/inserção (entradas)
+				const atividadesBucket = atividadesRecentes.filter(
+					(a) => a.timestamp >= inicio && a.timestamp < fim
+				);
+				const entradasAtividades = atividadesBucket.filter(
+					(a) => a.acao === 'criar' || a.acao === 'inserir' || a.acao === 'cadastrar'
+				).length;
 
-			// Contar atividades de exclusão/remoção (saídas)
-			const saidasAtividades = atividadesBucket.filter(
-				(a) => a.acao === 'excluir' || a.acao === 'remover' || a.acao === 'deletar'
-			).length;
+				// Contar atividades de exclusão/remoção (saídas)
+				const saidasAtividades = atividadesBucket.filter(
+					(a) => a.acao === 'excluir' || a.acao === 'remover' || a.acao === 'deletar'
+				).length;
 
-			// Usar mensagensPorMinuto como adicional se disponível
-			const bucketMetricas = metricasRecentes.filter(
-				(m) => m.timestamp >= inicio && m.timestamp < fim
-			);
-			const somaMensagens =
-				bucketMetricas.reduce((acc, m) => acc + (m.mensagensPorMinuto ?? 0), 0) || 0;
+				// Usar mensagensPorMinuto como adicional se disponível
+				const bucketMetricas = metricasRecentes.filter(
+					(m) => m.timestamp >= inicio && m.timestamp < fim
+				);
+				const somaMensagens =
+					bucketMetricas.reduce((acc, m) => acc + (m.mensagensPorMinuto ?? 0), 0) || 0;
 
-			// Combinar atividades reais com métricas de mensagens
-			const entradas = Math.max(0, Math.round(entradasAtividades + somaMensagens * 0.3));
-			const saidas = Math.max(0, Math.round(saidasAtividades + somaMensagens * 0.2));
+				// Combinar atividades reais com métricas de mensagens
+				const entradas = Math.max(0, Math.round(entradasAtividades + somaMensagens * 0.3));
+				const saidas = Math.max(0, Math.round(saidasAtividades + somaMensagens * 0.2));
 
-			historico.push({ entradas, saidas });
+				historico.push({ entradas, saidas });
+			}
+
+			return { historico };
+		} catch (error) {
+			console.error('Erro em getAtividadeBancoDados:', error);
+			// Retornar histórico vazio em caso de erro
+			return { historico: Array(30).fill({ entradas: 0, saidas: 0 }) };
 		}
-
-		return { historico };
 	}
 });
 
@@ -742,55 +1010,61 @@ export const getDistribuicaoRequisicoes = query({
 		escritas: v.number()
 	}),
 	handler: async (ctx) => {
-		const umaHoraAtras = Date.now() - 60 * 60 * 1000;
+		try {
+			const umaHoraAtras = Date.now() - 60 * 60 * 1000;
 
-		// Buscar atividades reais do sistema
-		const atividades = await ctx.db
-			.query('logsAtividades')
-			.withIndex('by_timestamp', (q) => q.gte('timestamp', umaHoraAtras))
-			.collect();
+			// Buscar atividades reais do sistema
+			const atividades = await ctx.db
+				.query('logsAtividades')
+				.withIndex('by_timestamp', (q) => q.gte('timestamp', umaHoraAtras))
+				.collect();
 
-		// Buscar métricas também
-		const metricas = await ctx.db
-			.query('systemMetrics')
-			.withIndex('by_timestamp', (q) => q.gte('timestamp', umaHoraAtras))
-			.order('desc')
-			.take(100);
+			// Buscar métricas também
+			const metricas = await ctx.db
+				.query('systemMetrics')
+				.withIndex('by_timestamp', (q) => q.gte('timestamp', umaHoraAtras))
+				.order('desc')
+				.take(100);
 
-		// Contar operações de leitura (consultas, visualizações)
-		const leituras = atividades.filter(
-			(a) =>
-				a.acao === 'consultar' ||
-				a.acao === 'visualizar' ||
-				a.acao === 'listar' ||
-				a.acao === 'buscar'
-		).length;
+			// Contar operações de leitura (consultas, visualizações)
+			const leituras = atividades.filter(
+				(a) =>
+					a.acao === 'consultar' ||
+					a.acao === 'visualizar' ||
+					a.acao === 'listar' ||
+					a.acao === 'buscar'
+			).length;
 
-		// Contar operações de escrita (criar, editar, excluir)
-		const escritas = atividades.filter(
-			(a) =>
-				a.acao === 'criar' ||
-				a.acao === 'editar' ||
-				a.acao === 'excluir' ||
-				a.acao === 'inserir' ||
-				a.acao === 'atualizar' ||
-				a.acao === 'deletar' ||
-				a.acao === 'cadastrar' ||
-				a.acao === 'remover'
-		).length;
+			// Contar operações de escrita (criar, editar, excluir)
+			const escritas = atividades.filter(
+				(a) =>
+					a.acao === 'criar' ||
+					a.acao === 'editar' ||
+					a.acao === 'excluir' ||
+					a.acao === 'inserir' ||
+					a.acao === 'atualizar' ||
+					a.acao === 'deletar' ||
+					a.acao === 'cadastrar' ||
+					a.acao === 'remover'
+			).length;
 
-		// Adicionar estimativa baseada em mensagens se disponível
-		const totalMensagens = Math.max(
-			0,
-			Math.round(metricas.reduce((acc, m) => acc + (m.mensagensPorMinuto ?? 0), 0))
-		);
+			// Adicionar estimativa baseada em mensagens se disponível
+			const totalMensagens = Math.max(
+				0,
+				Math.round(metricas.reduce((acc, m) => acc + (m.mensagensPorMinuto ?? 0), 0))
+			);
 
-		// Queries são leituras + parte das mensagens (como consultas de chat)
-		const queries = leituras + Math.round(totalMensagens * 0.5);
+			// Queries são leituras + parte das mensagens (como consultas de chat)
+			const queries = leituras + Math.round(totalMensagens * 0.5);
 
-		// Mutations são escritas + parte das mensagens (como envio de mensagens)
-		const mutations = escritas + Math.round(totalMensagens * 0.3);
+			// Mutations são escritas + parte das mensagens (como envio de mensagens)
+			const mutations = escritas + Math.round(totalMensagens * 0.3);
 
-		return { queries, mutations, leituras, escritas };
+			return { queries, mutations, leituras, escritas };
+		} catch (error) {
+			console.error('Erro em getDistribuicaoRequisicoes:', error);
+			// Retornar valores padrão em caso de erro
+			return { queries: 0, mutations: 0, leituras: 0, escritas: 0 };
+		}
 	}
 });
diff --git a/packages/backend/convex/pontos.ts b/packages/backend/convex/pontos.ts
index ef89468..a0685d1 100644
--- a/packages/backend/convex/pontos.ts
+++ b/packages/backend/convex/pontos.ts
@@ -1,9 +1,10 @@
 import { v } from 'convex/values';
-import type { Id } from './_generated/dataModel';
+import { mutation, query, internalMutation } from './_generated/server';
 import type { MutationCtx, QueryCtx } from './_generated/server';
-import { mutation, query } from './_generated/server';
 import { getCurrentUserFunction } from './auth';
+import type { Id, Doc } from './_generated/dataModel';
 import { validarLocalizacaoGeofencingInternal } from './enderecosMarcacao';
+import { internal, api } from './_generated/api';
 
 /**
  * Calcula distância entre duas coordenadas (fórmula de Haversine)
@@ -350,6 +351,92 @@ function calcularStatusPonto(
 	return diferenca <= toleranciaMinutos && diferenca >= -toleranciaMinutos;
 }
 
+/**
+ * Valida sequência de registros antes de permitir novo registro
+ * Retorna erro se a sequência não for válida
+ */
+async function validarSequenciaRegistro(
+	ctx: QueryCtx | MutationCtx,
+	funcionarioId: Id<'funcionarios'>,
+	data: string,
+	tipoEsperado: 'entrada' | 'saida_almoco' | 'retorno_almoco' | 'saida'
+): Promise<{ valido: boolean; motivo?: string }> {
+	const registrosHoje = await ctx.db
+		.query('registrosPonto')
+		.withIndex('by_funcionario_data', (q) => q.eq('funcionarioId', funcionarioId).eq('data', data))
+		.order('desc')
+		.collect();
+
+	// Se não há registros, só pode ser entrada
+	if (registrosHoje.length === 0) {
+		if (tipoEsperado !== 'entrada') {
+			return {
+				valido: false,
+				motivo: 'Primeiro registro do dia deve ser uma entrada'
+			};
+		}
+		return { valido: true };
+	}
+
+	const ultimoRegistro = registrosHoje[0];
+
+	// Validar sequência lógica
+	switch (tipoEsperado) {
+		case 'entrada':
+			// Só pode registrar entrada se o último foi saída (novo dia) ou não há registros
+			if (ultimoRegistro.tipo !== 'saida') {
+				return {
+					valido: false,
+					motivo: `Não é possível registrar entrada. Último registro foi: ${ultimoRegistro.tipo}. Esperado: saída do dia anterior.`
+				};
+			}
+			break;
+
+		case 'saida_almoco':
+			// Só pode registrar saída almoço se o último foi entrada
+			if (ultimoRegistro.tipo !== 'entrada') {
+				return {
+					valido: false,
+					motivo: `Não é possível registrar saída para almoço. Último registro foi: ${ultimoRegistro.tipo}. Deve registrar entrada primeiro.`
+				};
+			}
+			break;
+
+		case 'retorno_almoco':
+			// Só pode registrar retorno almoço se o último foi saída almoço
+			if (ultimoRegistro.tipo !== 'saida_almoco') {
+				return {
+					valido: false,
+					motivo: `Não é possível registrar retorno do almoço. Último registro foi: ${ultimoRegistro.tipo}. Deve registrar saída para almoço primeiro.`
+				};
+			}
+			break;
+
+		case 'saida':
+			// Só pode registrar saída se o último foi retorno almoço ou entrada (sem intervalo)
+			if (ultimoRegistro.tipo !== 'retorno_almoco' && ultimoRegistro.tipo !== 'entrada') {
+				return {
+					valido: false,
+					motivo: `Não é possível registrar saída. Último registro foi: ${ultimoRegistro.tipo}. Deve registrar retorno do almoço ou ter apenas entrada.`
+				};
+			}
+			// Se último foi entrada, verificar se não há saída almoço pendente
+			if (ultimoRegistro.tipo === 'entrada') {
+				const temSaidaAlmoco = registrosHoje.some((r) => r.tipo === 'saida_almoco');
+				if (temSaidaAlmoco) {
+					return {
+						valido: false,
+						motivo:
+							'Não é possível registrar saída. Há saída para almoço registrada, mas falta o retorno do almoço.'
+					};
+				}
+			}
+			break;
+	}
+
+	return { valido: true };
+}
+
 /**
  * Determina o tipo de registro baseado na sequência lógica
  */
@@ -465,12 +552,21 @@ export const registrarPonto = mutation({
 			throw new Error('Usuário não possui funcionário associado');
 		}
 
-		// Verificar se funcionário está ativo
+		// Verificar se funcionário existe
 		const funcionario = await ctx.db.get(usuario.funcionarioId);
 		if (!funcionario) {
 			throw new Error('Funcionário não encontrado');
 		}
 
+		// Bloquear registro de ponto para funcionários em férias ou licença
+		if (funcionario.statusFerias === 'em_ferias') {
+			throw new Error('Não é possível registrar ponto: funcionário está em férias.');
+		}
+
+		if (funcionario.statusFerias === 'em_licenca') {
+			throw new Error('Não é possível registrar ponto: funcionário está em licença.');
+		}
+
 		// Obter configuração de ponto
 		const config = await ctx.db
 			.query('configuracaoPonto')
@@ -566,6 +662,18 @@ export const registrarPonto = mutation({
 		// Determinar tipo de registro
 		const tipo = await determinarTipoRegistro(ctx, usuario.funcionarioId, data);
 
+		// Validar sequência de registros
+		const validacaoSequencia = await validarSequenciaRegistro(
+			ctx,
+			usuario.funcionarioId,
+			data,
+			tipo
+		);
+
+		if (!validacaoSequencia.valido) {
+			throw new Error(validacaoSequencia.motivo || 'Sequência de registros inválida');
+		}
+
 		// Calcular horário esperado e tolerância
 		let horarioConfigurado = '';
 		switch (tipo) {
@@ -1016,8 +1124,30 @@ export const listarRegistrosPeriodo = query({
 			registrosFiltrados.length
 		);
 
+		// Buscar fotos de perfil dos funcionários
+		const funcionariosComFoto = await Promise.all(
+			funcionarios.map(async (funcionario) => {
+				if (!funcionario) return { funcionario: null, fotoPerfilUrl: null };
+
+				let fotoPerfilUrl: string | null = null;
+				const usuario = await ctx.db
+					.query('usuarios')
+					.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionario._id))
+					.first();
+				if (usuario?.fotoPerfil) {
+					fotoPerfilUrl = await ctx.storage.getUrl(usuario.fotoPerfil);
+				}
+
+				return { funcionario, fotoPerfilUrl };
+			})
+		);
+
 		return registrosFiltrados.map((registro) => {
-			const funcionario = funcionarios.find((f) => f?._id === registro.funcionarioId);
+			const funcionarioComFoto = funcionariosComFoto.find(
+				(f) => f.funcionario?._id === registro.funcionarioId
+			);
+			const funcionario = funcionarioComFoto?.funcionario;
+			const fotoPerfilUrl = funcionarioComFoto?.fotoPerfilUrl || null;
 			const chave = `${registro.funcionarioId}-${registro.data}`;
 			const saldoMinutos = saldosPorDataFuncionario[chave] || 0;
 			const horas = Math.floor(Math.abs(saldoMinutos) / 60);
@@ -1033,6 +1163,7 @@ export const listarRegistrosPeriodo = query({
 							descricaoCargo: funcionario.descricaoCargo
 						}
 					: null,
+				fotoPerfilUrl,
 				saldoDiario: {
 					saldoMinutos,
 					horas,
@@ -1192,6 +1323,7 @@ function calcularCargaHorariaDiaria(config: {
 
 /**
  * Calcula horas trabalhadas do dia baseado nos registros
+ * Trata casos incompletos de forma mais robusta
  */
 function calcularHorasTrabalhadas(
 	registros: Array<{
@@ -1200,6 +1332,10 @@ function calcularHorasTrabalhadas(
 		minuto: number;
 	}>
 ): number {
+	if (registros.length === 0) {
+		return 0;
+	}
+
 	// Ordenar registros por timestamp
 	const registrosOrdenados = [...registros].sort((a, b) => {
 		const minutosA = a.hora * 60 + a.minuto;
@@ -1207,39 +1343,294 @@ function calcularHorasTrabalhadas(
 		return minutosA - minutosB;
 	});
 
-	let horasTrabalhadas = 0;
-
-	// Procurar entrada e saída
+	// Procurar registros principais
 	const entrada = registrosOrdenados.find((r) => r.tipo === 'entrada');
+	const saidaAlmoco = registrosOrdenados.find((r) => r.tipo === 'saida_almoco');
+	const retornoAlmoco = registrosOrdenados.find((r) => r.tipo === 'retorno_almoco');
 	const saida = registrosOrdenados.find((r) => r.tipo === 'saida');
 
+	// Caso 1: Tem entrada e saída completas
 	if (entrada && saida) {
 		const minutosEntrada = entrada.hora * 60 + entrada.minuto;
 		const minutosSaida = saida.hora * 60 + saida.minuto;
 
-		// Procurar saída e retorno do almoço
-		const saidaAlmoco = registrosOrdenados.find((r) => r.tipo === 'saida_almoco');
-		const retornoAlmoco = registrosOrdenados.find((r) => r.tipo === 'retorno_almoco');
-
+		// Caso 1.1: Tem intervalo de almoço completo (saída almoço + retorno almoço)
 		if (saidaAlmoco && retornoAlmoco) {
-			// Tem intervalo de almoço: (saída almoço - entrada) + (saída - retorno almoço)
 			const minutosSaidaAlmoco = saidaAlmoco.hora * 60 + saidaAlmoco.minuto;
 			const minutosRetornoAlmoco = retornoAlmoco.hora * 60 + retornoAlmoco.minuto;
 
-			const horasManha = minutosSaidaAlmoco - minutosEntrada;
-			const horasTarde = minutosSaida - minutosRetornoAlmoco;
-			horasTrabalhadas = horasManha + horasTarde;
-		} else {
-			// Sem intervalo de almoço registrado: saída - entrada
-			horasTrabalhadas = minutosSaida - minutosEntrada;
+			// Validar ordem lógica
+			if (
+				minutosSaidaAlmoco > minutosEntrada &&
+				minutosRetornoAlmoco > minutosSaidaAlmoco &&
+				minutosSaida > minutosRetornoAlmoco
+			) {
+				const horasManha = minutosSaidaAlmoco - minutosEntrada;
+				const horasTarde = minutosSaida - minutosRetornoAlmoco;
+				return horasManha + horasTarde;
+			}
+		}
+
+		// Caso 1.2: Tem apenas saída almoço (sem retorno) - considerar apenas manhã
+		if (saidaAlmoco && !retornoAlmoco) {
+			const minutosSaidaAlmoco = saidaAlmoco.hora * 60 + saidaAlmoco.minuto;
+			if (minutosSaidaAlmoco > minutosEntrada) {
+				return minutosSaidaAlmoco - minutosEntrada;
+			}
+		}
+
+		// Caso 1.3: Tem apenas retorno almoço (sem saída) - considerar apenas tarde
+		if (!saidaAlmoco && retornoAlmoco) {
+			const minutosRetornoAlmoco = retornoAlmoco.hora * 60 + retornoAlmoco.minuto;
+			if (minutosSaida > minutosRetornoAlmoco) {
+				return minutosSaida - minutosRetornoAlmoco;
+			}
+		}
+
+		// Caso 1.4: Sem intervalo de almoço registrado - calcular direto
+		if (!saidaAlmoco && !retornoAlmoco) {
+			if (minutosSaida > minutosEntrada) {
+				return minutosSaida - minutosEntrada;
+			}
 		}
 	}
 
-	return horasTrabalhadas;
+	// Caso 2: Tem apenas entrada (sem saída) - retornar 0 (dia incompleto)
+	if (entrada && !saida) {
+		// Se tiver saída almoço, considerar até a saída almoço
+		if (saidaAlmoco) {
+			const minutosEntrada = entrada.hora * 60 + entrada.minuto;
+			const minutosSaidaAlmoco = saidaAlmoco.hora * 60 + saidaAlmoco.minuto;
+			if (minutosSaidaAlmoco > minutosEntrada) {
+				return minutosSaidaAlmoco - minutosEntrada;
+			}
+		}
+		return 0;
+	}
+
+	// Caso 3: Tem apenas saída (sem entrada) - inconsistência, retornar 0
+	if (saida && !entrada) {
+		return 0;
+	}
+
+	// Caso 4: Não tem entrada nem saída - retornar 0
+	return 0;
 }
 
 /**
- * Atualiza ou cria registro de banco de horas para o dia
+ * Verifica se há atestado médico ativo para o funcionário na data
+ */
+async function verificarAtestadoAtivo(
+	ctx: QueryCtx | MutationCtx,
+	funcionarioId: Id<'funcionarios'>,
+	data: string
+): Promise<{ temAtestado: boolean; atestadoId?: string; motivo?: string }> {
+	const dataObj = new Date(data);
+	const atestados = await ctx.db
+		.query('atestados')
+		.withIndex('by_funcionario', (q) => q.eq('funcionarioId', funcionarioId))
+		.collect();
+
+	for (const atestado of atestados) {
+		const dataInicio = new Date(atestado.dataInicio);
+		const dataFim = new Date(atestado.dataFim);
+		if (dataObj >= dataInicio && dataObj <= dataFim) {
+			return {
+				temAtestado: true,
+				atestadoId: atestado._id,
+				motivo: `Atestado Médico - CID: ${atestado.cid || 'N/A'}`
+			};
+		}
+	}
+
+	return { temAtestado: false };
+}
+
+/**
+ * Verifica se há licença ativa para o funcionário na data
+ */
+async function verificarLicencaAtiva(
+	ctx: QueryCtx | MutationCtx,
+	funcionarioId: Id<'funcionarios'>,
+	data: string
+): Promise<{ temLicenca: boolean; licencaId?: string; motivo?: string }> {
+	const dataObj = new Date(data);
+	const licencas = await ctx.db
+		.query('licencas')
+		.withIndex('by_funcionario', (q) => q.eq('funcionarioId', funcionarioId))
+		.collect();
+
+	for (const licenca of licencas) {
+		const dataInicio = new Date(licenca.dataInicio);
+		const dataFim = new Date(licenca.dataFim);
+		if (dataObj >= dataInicio && dataObj <= dataFim) {
+			const tipoLicenca =
+				licenca.tipo === 'maternidade'
+					? 'Licença Maternidade'
+					: licenca.tipo === 'paternidade'
+						? 'Licença Paternidade'
+						: 'Licença';
+			return {
+				temLicenca: true,
+				licencaId: licenca._id,
+				motivo: tipoLicenca
+			};
+		}
+	}
+
+	return { temLicenca: false };
+}
+
+/**
+ * Verifica se há ausência aprovada para o funcionário na data
+ */
+async function verificarAusenciaAprovada(
+	ctx: QueryCtx | MutationCtx,
+	funcionarioId: Id<'funcionarios'>,
+	data: string
+): Promise<{ temAusencia: boolean; ausenciaId?: string; motivo?: string }> {
+	const dataObj = new Date(data);
+	const ausencias = await ctx.db
+		.query('solicitacoesAusencias')
+		.withIndex('by_funcionario', (q) => q.eq('funcionarioId', funcionarioId))
+		.filter((q) => q.eq(q.field('status'), 'aprovado'))
+		.collect();
+
+	for (const ausencia of ausencias) {
+		const dataInicio = new Date(ausencia.dataInicio);
+		const dataFim = new Date(ausencia.dataFim);
+		if (dataObj >= dataInicio && dataObj <= dataFim) {
+			return {
+				temAusencia: true,
+				ausenciaId: ausencia._id,
+				motivo: `Ausência Aprovada - ${ausencia.motivo}`
+			};
+		}
+	}
+
+	return { temAusencia: false };
+}
+
+/**
+ * Verifica ajustes manuais aplicados no dia
+ */
+async function obterAjustesManuais(
+	ctx: QueryCtx | MutationCtx,
+	funcionarioId: Id<'funcionarios'>,
+	data: string
+): Promise<
+	Array<{
+		tipo: 'abonar' | 'descontar' | 'compensar';
+		valorMinutos: number;
+		motivo?: string;
+		ajusteId?: Id<'ajustesBancoHoras'>;
+	}>
+> {
+	const ajustes = await ctx.db
+		.query('ajustesBancoHoras')
+		.withIndex('by_funcionario_data', (q) =>
+			q.eq('funcionarioId', funcionarioId).eq('dataAplicacao', data)
+		)
+		.filter((q) => q.and(q.eq(q.field('aplicado'), true), q.eq(q.field('motivoTipo'), 'manual')))
+		.collect();
+
+	return ajustes.map((a) => ({
+		tipo: a.tipo,
+		valorMinutos: a.valorMinutos,
+		motivo: a.motivoDescricao,
+		ajusteId: a._id
+	}));
+}
+
+/**
+ * Detecta inconsistências no banco de horas do dia
+ */
+async function detectarInconsistencias(
+	ctx: MutationCtx,
+	funcionarioId: Id<'funcionarios'>,
+	data: string,
+	registrosPontoIds: Array<Id<'registrosPonto'>>,
+	atestadoInfo: { temAtestado: boolean; atestadoId?: string },
+	licencaInfo: { temLicenca: boolean; licencaId?: string },
+	ausenciaInfo: { temAusencia: boolean; ausenciaId?: string }
+): Promise<Array<Id<'inconsistenciasBancoHoras'>>> {
+	const inconsistenciaIds: Array<Id<'inconsistenciasBancoHoras'>> = [];
+
+	// Verificar se há registro de ponto quando há atestado
+	if (atestadoInfo.temAtestado && registrosPontoIds.length > 0) {
+		const inconsistenciaId = await ctx.db.insert('inconsistenciasBancoHoras', {
+			funcionarioId,
+			tipo: 'ponto_com_atestado',
+			descricao: `Registro de ponto detectado em dia com atestado médico ativo`,
+			dataDetectada: data,
+			dataInconsistencia: data,
+			status: 'pendente',
+			criadoEm: Date.now()
+		});
+		inconsistenciaIds.push(inconsistenciaId);
+	}
+
+	// Verificar se há registro de ponto quando há licença
+	if (licencaInfo.temLicenca && registrosPontoIds.length > 0) {
+		const inconsistenciaId = await ctx.db.insert('inconsistenciasBancoHoras', {
+			funcionarioId,
+			tipo: 'ponto_com_licenca',
+			descricao: `Registro de ponto detectado em dia com licença ativa`,
+			dataDetectada: data,
+			dataInconsistencia: data,
+			status: 'pendente',
+			criadoEm: Date.now()
+		});
+		inconsistenciaIds.push(inconsistenciaId);
+	}
+
+	// Verificar se há registro de ponto quando há ausência aprovada
+	if (ausenciaInfo.temAusencia && registrosPontoIds.length > 0) {
+		const inconsistenciaId = await ctx.db.insert('inconsistenciasBancoHoras', {
+			funcionarioId,
+			tipo: 'ponto_com_ausencia',
+			descricao: `Registro de ponto detectado em dia com ausência aprovada`,
+			dataDetectada: data,
+			dataInconsistencia: data,
+			status: 'pendente',
+			criadoEm: Date.now()
+		});
+		inconsistenciaIds.push(inconsistenciaId);
+	}
+
+	return inconsistenciaIds;
+}
+
+/**
+ * Aplica ajuste automático baseado em atestado, licença ou ausência
+ */
+async function aplicarAjusteAutomatico(
+	ctx: MutationCtx,
+	funcionarioId: Id<'funcionarios'>,
+	data: string,
+	cargaHorariaDiaria: number,
+	motivoTipo: 'atestado' | 'licenca' | 'ausencia',
+	motivoId: string,
+	motivoDescricao: string
+): Promise<Id<'ajustesBancoHoras'>> {
+	const ajusteId = await ctx.db.insert('ajustesBancoHoras', {
+		funcionarioId,
+		tipo: 'abonar',
+		motivoTipo,
+		motivoId,
+		motivoDescricao,
+		valorMinutos: cargaHorariaDiaria, // Abonar a carga horária completa do dia
+		dataAplicacao: data,
+		aplicado: true,
+		criadoEm: Date.now(),
+		aplicadoEm: Date.now()
+	});
+
+	return ajusteId;
+}
+
+/**
+ * Atualiza ou cria registro de banco de horas para o dia (versão completa)
  */
 async function atualizarBancoHoras(
 	ctx: MutationCtx,
@@ -1261,11 +1652,115 @@ async function atualizarBancoHoras(
 	// Calcular carga horária esperada
 	const cargaHorariaDiaria = calcularCargaHorariaDiaria(config);
 
+	// Verificar atestados, licenças e ausências ativos
+	const [atestadoInfo, licencaInfo, ausenciaInfo, ajustesManuais] = await Promise.all([
+		verificarAtestadoAtivo(ctx, funcionarioId, data),
+		verificarLicencaAtiva(ctx, funcionarioId, data),
+		verificarAusenciaAprovada(ctx, funcionarioId, data),
+		obterAjustesManuais(ctx, funcionarioId, data)
+	]);
+
 	// Calcular horas trabalhadas
 	const horasTrabalhadas = calcularHorasTrabalhadas(registrosDoDia);
 
-	// Calcular saldo (positivo = horas extras, negativo = déficit)
-	const saldoMinutos = horasTrabalhadas - cargaHorariaDiaria;
+	// Determinar tipo do dia e motivo
+	let tipoDia: 'normal' | 'atestado' | 'licenca' | 'ausencia' | 'abonado' | 'descontado' = 'normal';
+	let motivoAbono: string | undefined = undefined;
+	const ajustesIds: Array<Id<'ajustesBancoHoras'>> = [];
+
+	// Aplicar ajustes automáticos se houver atestado, licença ou ausência
+	if (atestadoInfo.temAtestado) {
+		tipoDia = 'atestado';
+		motivoAbono = atestadoInfo.motivo;
+		if (atestadoInfo.atestadoId) {
+			const ajusteId = await aplicarAjusteAutomatico(
+				ctx,
+				funcionarioId,
+				data,
+				cargaHorariaDiaria,
+				'atestado',
+				atestadoInfo.atestadoId,
+				atestadoInfo.motivo || 'Atestado Médico'
+			);
+			ajustesIds.push(ajusteId);
+		}
+	} else if (licencaInfo.temLicenca) {
+		tipoDia = 'licenca';
+		motivoAbono = licencaInfo.motivo;
+		if (licencaInfo.licencaId) {
+			const ajusteId = await aplicarAjusteAutomatico(
+				ctx,
+				funcionarioId,
+				data,
+				cargaHorariaDiaria,
+				'licenca',
+				licencaInfo.licencaId,
+				licencaInfo.motivo || 'Licença'
+			);
+			ajustesIds.push(ajusteId);
+		}
+	} else if (ausenciaInfo.temAusencia) {
+		tipoDia = 'ausencia';
+		motivoAbono = ausenciaInfo.motivo;
+		if (ausenciaInfo.ausenciaId) {
+			const ajusteId = await aplicarAjusteAutomatico(
+				ctx,
+				funcionarioId,
+				data,
+				cargaHorariaDiaria,
+				'ausencia',
+				ausenciaInfo.ausenciaId,
+				ausenciaInfo.motivo || 'Ausência Aprovada'
+			);
+			ajustesIds.push(ajusteId);
+		}
+	}
+
+	// Aplicar ajustes manuais
+	let ajusteManualTotal = 0;
+	for (const ajuste of ajustesManuais) {
+		ajusteManualTotal += ajuste.valorMinutos;
+		if (ajuste.tipo === 'abonar') {
+			if (tipoDia === 'normal') {
+				tipoDia = 'abonado';
+			}
+			if (!motivoAbono) {
+				motivoAbono = ajuste.motivo || 'Abono Manual';
+			}
+		} else if (ajuste.tipo === 'descontar') {
+			if (tipoDia === 'normal') {
+				tipoDia = 'descontado';
+			}
+		}
+		// Adicionar ID do ajuste manual
+		if (ajuste.ajusteId) {
+			ajustesIds.push(ajuste.ajusteId);
+		}
+	}
+
+	// Calcular saldo considerando ajustes
+	// Saldo base = horas trabalhadas - carga horária
+	let saldoMinutos = horasTrabalhadas - cargaHorariaDiaria;
+
+	// Adicionar ajustes automáticos (abonos por atestado/licença/ausência)
+	if (atestadoInfo.temAtestado || licencaInfo.temLicenca || ausenciaInfo.temAusencia) {
+		saldoMinutos += cargaHorariaDiaria; // Abonar carga horária completa
+	}
+
+	// Adicionar/subtrair ajustes manuais
+	saldoMinutos += ajusteManualTotal;
+
+	// Detectar inconsistências
+	const registrosPontoIds = registrosDoDia.map((r) => r._id);
+	const inconsistenciaIds = await detectarInconsistencias(
+		ctx,
+		funcionarioId,
+		data,
+		registrosPontoIds,
+		atestadoInfo,
+		licencaInfo,
+		ausenciaInfo
+	);
 
 	// Buscar banco de horas existente
 	const bancoHorasExistente = await ctx.db
@@ -1273,8 +1768,6 @@ async function atualizarBancoHoras(
 		.withIndex('by_funcionario_data', (q) => q.eq('funcionarioId', funcionarioId).eq('data', data))
 		.first();
 
-	const registrosPontoIds = registrosDoDia.map((r) => r._id);
-
 	if (bancoHorasExistente) {
 		// Atualizar existente
 		await ctx.db.patch(bancoHorasExistente._id, {
@@ -1282,6 +1775,10 @@ async function atualizarBancoHoras(
 			horasTrabalhadas,
 			saldoMinutos,
 			registrosPontoIds,
+			ajustesIds: ajustesIds.length > 0 ? ajustesIds : undefined,
+			motivoAbono,
+			tipoDia,
+			inconsistenciasIds: inconsistenciaIds.length > 0 ? inconsistenciaIds : undefined,
 			calculadoEm: Date.now()
 		});
 	} else {
@@ -1293,9 +1790,17 @@ async function atualizarBancoHoras(
 			horasTrabalhadas,
 			saldoMinutos,
 			registrosPontoIds,
+			ajustesIds: ajustesIds.length > 0 ? ajustesIds : undefined,
+			motivoAbono,
+			tipoDia,
+			inconsistenciasIds: inconsistenciaIds.length > 0 ? inconsistenciaIds : undefined,
 			calculadoEm: Date.now()
 		});
 	}
+
+	// Atualizar banco de horas mensal
+	const mes = data.substring(0, 7); // YYYY-MM
+	await calcularBancoHorasMensal(ctx, funcionarioId, mes);
 }
 
 /**
@@ -1413,6 +1918,408 @@ export const obterBancoHorasFuncionario = query({
 	}
 });
 
+/**
+ * Calcula e atualiza banco de horas mensal para um funcionário
+ * Esta função deve ser chamada após atualizações no banco de horas diário
+ */
+async function calcularBancoHorasMensal(
+	ctx: MutationCtx,
+	funcionarioId: Id<'funcionarios'>,
+	mes: string // YYYY-MM
+): Promise<void> {
+	// Buscar todos os bancoHoras do mês
+	const dataInicio = `${mes}-01`;
+	// Calcular último dia do mês: criar data do primeiro dia do mês seguinte e subtrair 1 dia
+	const [ano, mesNum] = mes.split('-').map(Number);
+	const ultimoDia = new Date(ano, mesNum, 0).getDate(); // Dia 0 do mês seguinte = último dia do mês atual
+	const dataFim = `${mes}-${String(ultimoDia).padStart(2, '0')}`;
+
+	const bancosHorasDoMes = await ctx.db
+		.query('bancoHoras')
+		.withIndex('by_funcionario', (q) => q.eq('funcionarioId', funcionarioId))
+		.filter((q) => {
+			const data = q.field('data');
+			return q.and(q.gte(data, dataInicio), q.lte(data, dataFim));
+		})
+		.collect();
+
+	// Calcular saldo do mês anterior para obter saldo inicial
+	const mesAnterior = new Date(`${mes}-01`);
+	mesAnterior.setMonth(mesAnterior.getMonth() - 1);
+	const mesAnteriorStr = `${mesAnterior.getFullYear()}-${String(mesAnterior.getMonth() + 1).padStart(2, '0')}`;
+
+	const bancoMensalAnterior = await ctx.db
+		.query('bancoHorasMensal')
+		.withIndex('by_funcionario_mes', (q) =>
+			q.eq('funcionarioId', funcionarioId).eq('mes', mesAnteriorStr)
+		)
+		.first();
+
+	const saldoInicialMinutos = bancoMensalAnterior?.saldoFinalMinutos || 0;
+
+	// Calcular estatísticas do mês
+	const diasTrabalhados = bancosHorasDoMes.length;
+	const saldoMesMinutos = bancosHorasDoMes.reduce((acc, bh) => acc + bh.saldoMinutos, 0);
+	const saldoFinalMinutos = saldoInicialMinutos + saldoMesMinutos;
+
+	// Separar horas extras e déficit
+	const horasExtras = bancosHorasDoMes
+		.filter((bh) => bh.saldoMinutos > 0)
+		.reduce((acc, bh) => acc + bh.saldoMinutos, 0);
+	const horasDeficit = Math.abs(
+		bancosHorasDoMes
+			.filter((bh) => bh.saldoMinutos < 0)
+			.reduce((acc, bh) => acc + bh.saldoMinutos, 0)
+	);
+
+	// Calcular totais de ajustes, abonos e descontos
+	let totalAjustes = 0;
+	let totalAbonos = 0;
+	let totalDescontos = 0;
+	let inconsistenciasResolvidas = 0;
+
+	for (const bh of bancosHorasDoMes) {
+		// Contar ajustes
+		if (bh.ajustesIds && bh.ajustesIds.length > 0) {
+			const ajustes = await Promise.all(bh.ajustesIds.map((id) => ctx.db.get(id)));
+			for (const ajuste of ajustes) {
+				if (ajuste) {
+					totalAjustes += Math.abs(ajuste.valorMinutos);
+					if (ajuste.tipo === 'abonar') {
+						totalAbonos += ajuste.valorMinutos;
+					} else if (ajuste.tipo === 'descontar') {
+						totalDescontos += Math.abs(ajuste.valorMinutos);
+					}
+				}
+			}
+		}
+
+		// Contar inconsistências resolvidas
+		if (bh.inconsistenciasIds && bh.inconsistenciasIds.length > 0) {
+			const inconsistencias = await Promise.all(bh.inconsistenciasIds.map((id) => ctx.db.get(id)));
+			inconsistenciasResolvidas += inconsistencias.filter(
+				(i) => i && i.status === 'resolvida'
+			).length;
+		}
+	}
+
+	const agora = Date.now();
+
+	// Buscar ou criar registro mensal
+	const bancoMensalExistente = await ctx.db
+		.query('bancoHorasMensal')
+		.withIndex('by_funcionario_mes', (q) => q.eq('funcionarioId', funcionarioId).eq('mes', mes))
+		.first();
+
+	if (bancoMensalExistente) {
+		// Atualizar existente
+		await ctx.db.patch(bancoMensalExistente._id, {
+			saldoInicialMinutos,
+			saldoFinalMinutos,
+			saldoMesMinutos,
+			diasTrabalhados,
+			horasExtras,
+			horasDeficit,
+			totalAjustes,
+			totalAbonos,
+			totalDescontos,
+			inconsistenciasResolvidas,
+			atualizadoEm: agora
+		});
+	} else {
+		// Criar novo
+		await ctx.db.insert('bancoHorasMensal', {
+			funcionarioId,
+			mes,
+			saldoInicialMinutos,
+			saldoFinalMinutos,
+			saldoMesMinutos,
+			diasTrabalhados,
+			horasExtras,
+			horasDeficit,
+			totalAjustes,
+			totalAbonos,
+			totalDescontos,
+			inconsistenciasResolvidas,
+			calculadoEm: agora,
+			atualizadoEm: agora
+		});
+	}
+}
+
+/**
+ * Obtém banco de horas mensal de um funcionário
+ */
+export const obterBancoHorasMensal = query({
+	args: {
+		funcionarioId: v.id('funcionarios'),
+		mes: v.string() // YYYY-MM
+	},
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// Verificar se é o próprio funcionário ou tem permissão
+		if (usuario.funcionarioId !== args.funcionarioId) {
+			// TODO: Verificar permissão de RH
+		}
+
+		const bancoMensal = await ctx.db
+			.query('bancoHorasMensal')
+			.withIndex('by_funcionario_mes', (q) =>
+				q.eq('funcionarioId', args.funcionarioId).eq('mes', args.mes)
+			)
+			.first();
+
+		if (!bancoMensal) {
+			// Retornar valores zerados se não existe
+			return {
+				mes: args.mes,
+				saldoInicialMinutos: 0,
+				saldoFinalMinutos: 0,
+				saldoMesMinutos: 0,
+				diasTrabalhados: 0,
+				horasExtras: 0,
+				horasDeficit: 0,
+				saldoFormatado: {
+					inicial: { horas: 0, minutos: 0, positivo: true },
+					final: { horas: 0, minutos: 0, positivo: true },
+					mes: { horas: 0, minutos: 0, positivo: true }
+				}
+			};
+		}
+
+		// Formatar valores
+		const formatarSaldo = (minutos: number) => {
+			const horas = Math.floor(Math.abs(minutos) / 60);
+			const mins = Math.abs(minutos) % 60;
+			return { horas, minutos: mins, positivo: minutos >= 0 };
+		};
+
+		return {
+			...bancoMensal,
+			saldoFormatado: {
+				inicial: formatarSaldo(bancoMensal.saldoInicialMinutos),
+				final: formatarSaldo(bancoMensal.saldoFinalMinutos),
+				mes: formatarSaldo(bancoMensal.saldoMesMinutos)
+			}
+		};
+	}
+});
+
+/**
+ * Lista histórico mensal de banco de horas de um funcionário
+ */
+export const listarHistoricoMensal = query({
+	args: {
+		funcionarioId: v.id('funcionarios'),
+		mesInicio: v.optional(v.string()), // YYYY-MM
+		mesFim: v.optional(v.string()) // YYYY-MM
+	},
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// Verificar se é o próprio funcionário ou tem permissão
+		if (usuario.funcionarioId !== args.funcionarioId) {
+			// TODO: Verificar permissão de RH
+		}
+
+		let query = ctx.db
+			.query('bancoHorasMensal')
+			.withIndex('by_funcionario', (q) => q.eq('funcionarioId', args.funcionarioId));
+
+		// Filtrar por período se fornecido
+		if (args.mesInicio || args.mesFim) {
+			query = query.filter((q) => {
+				const mes = q.field('mes');
+				if (args.mesInicio && args.mesFim) {
+					return q.and(q.gte(mes, args.mesInicio), q.lte(mes, args.mesFim));
+				} else if (args.mesInicio) {
+					return q.gte(mes, args.mesInicio);
+				} else if (args.mesFim) {
+					return q.lte(mes, args.mesFim);
+				}
+				return true;
+			});
+		}
+
+		const bancosMensais = await query.order('desc').collect();
+
+		// Formatar valores
+		const formatarSaldo = (minutos: number) => {
+			const horas = Math.floor(Math.abs(minutos) / 60);
+			const mins = Math.abs(minutos) % 60;
+			return { horas, minutos: mins, positivo: minutos >= 0 };
+		};
+
+		return bancosMensais.map((bm) => ({
+			...bm,
+			saldoFormatado: {
+				inicial: formatarSaldo(bm.saldoInicialMinutos),
+				final: formatarSaldo(bm.saldoFinalMinutos),
+				mes: formatarSaldo(bm.saldoMesMinutos),
+				extras: formatarSaldo(bm.horasExtras),
+				deficit: formatarSaldo(-bm.horasDeficit)
+			}
+		}));
+	}
+});
+
+/**
+ * Envia notificações push para alertas de banco de horas
+ * Esta função deve ser chamada periodicamente (via cron ou scheduler)
+ */
+export const enviarNotificacoesAlertasBancoHoras = internalMutation({
+	args: {},
+	handler: async (ctx) => {
+		// Buscar todos os funcionários ativos (sem data de desligamento)
+		const todosFuncionarios = await ctx.db.query('funcionarios').collect();
+		const funcionarios = todosFuncionarios.filter((f) => !f.desligamentoData);
+
+		let notificacoesEnviadas = 0;
+
+		for (const funcionario of funcionarios) {
+			// Buscar usuário associado
+			const usuario = await ctx.db
+				.query('usuarios')
+				.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionario._id))
+				.first();
+
+			if (!usuario) continue;
+
+			// Verificar alertas
+			const hoje = new Date();
+			const mesAtual = `${hoje.getFullYear()}-${String(hoje.getMonth() + 1).padStart(2, '0')}`;
+
+			const bancoMensal = await ctx.db
+				.query('bancoHorasMensal')
+				.withIndex('by_funcionario_mes', (q) =>
+					q.eq('funcionarioId', funcionario._id).eq('mes', mesAtual)
+				)
+				.first();
+
+			if (bancoMensal && bancoMensal.saldoFinalMinutos < 0) {
+				const horasNegativas = Math.abs(bancoMensal.saldoFinalMinutos) / 60;
+				const minutosNegativos = Math.abs(bancoMensal.saldoFinalMinutos) % 60;
+
+				// Enviar notificação apenas se saldo negativo for significativo (> 1 hora)
+				if (horasNegativas >= 1) {
+					const titulo =
+						horasNegativas > 8
+							? '⚠️ Alerta Crítico: Saldo Negativo de Banco de Horas'
+							: '⚠️ Atenção: Saldo Negativo de Banco de Horas';
+					const corpo = `Seu saldo acumulado está negativo em ${Math.floor(horasNegativas)}h ${minutosNegativos}min. Considere compensar horas ou entrar em contato com seu gestor.`;
+
+					// Enviar push notification
+					await ctx.scheduler.runAfter(0, internal.pushNotifications.enviarPushNotification, {
+						usuarioId: usuario._id,
+						titulo,
+						corpo,
+						data: {
+							tipo: 'banco_horas_alerta'
+						}
+					});
+
+					notificacoesEnviadas++;
+				}
+			}
+		}
+
+		return { notificacoesEnviadas };
+	}
+});
+
+/**
+ * Verifica alertas de banco de horas (saldo negativo, etc)
+ */
+export const verificarAlertasBancoHoras = query({
+	args: {
+		funcionarioId: v.id('funcionarios')
+	},
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// Verificar se é o próprio funcionário ou tem permissão
+		if (usuario.funcionarioId !== args.funcionarioId) {
+			// TODO: Verificar permissão de RH
+		}
+
+		// Buscar banco de horas mensal mais recente
+		const hoje = new Date();
+		const mesAtual = `${hoje.getFullYear()}-${String(hoje.getMonth() + 1).padStart(2, '0')}`;
+
+		const bancoMensal = await ctx.db
+			.query('bancoHorasMensal')
+			.withIndex('by_funcionario_mes', (q) =>
+				q.eq('funcionarioId', args.funcionarioId).eq('mes', mesAtual)
+			)
+			.first();
+
+		const alertas: Array<{
+			tipo: 'saldo_negativo' | 'saldo_negativo_critico' | 'dias_sem_registro';
+			severidade: 'warning' | 'error';
+			mensagem: string;
+			valor?: number;
+		}> = [];
+
+		if (bancoMensal) {
+			// Alerta 1: Saldo negativo acumulado
+			if (bancoMensal.saldoFinalMinutos < 0) {
+				const horasNegativas = Math.abs(bancoMensal.saldoFinalMinutos) / 60;
+				alertas.push({
+					tipo: horasNegativas > 8 ? 'saldo_negativo_critico' : 'saldo_negativo',
+					severidade: horasNegativas > 8 ? 'error' : 'warning',
+					mensagem: `Saldo negativo acumulado de ${Math.floor(Math.abs(bancoMensal.saldoFinalMinutos) / 60)}h ${Math.abs(bancoMensal.saldoFinalMinutos) % 60}min`,
+					valor: bancoMensal.saldoFinalMinutos
+				});
+			}
+		}
+
+		// Verificar dias sem registro nos últimos 7 dias
+		const ultimos7Dias: string[] = [];
+		for (let i = 0; i < 7; i++) {
+			const data = new Date();
+			data.setDate(data.getDate() - i);
+			ultimos7Dias.push(data.toISOString().split('T')[0]!);
+		}
+
+		const registrosRecentes = await ctx.db
+			.query('bancoHoras')
+			.withIndex('by_funcionario', (q) => q.eq('funcionarioId', args.funcionarioId))
+			.filter((q) => {
+				const data = q.field('data');
+				return q.or(...ultimos7Dias.map((dia) => q.eq(data, dia)));
+			})
+			.collect();
+
+		const diasComRegistro = new Set(registrosRecentes.map((r) => r.data));
+		const diasSemRegistro = ultimos7Dias.filter((dia) => !diasComRegistro.has(dia));
+
+		if (diasSemRegistro.length >= 3) {
+			alertas.push({
+				tipo: 'dias_sem_registro',
+				severidade: 'warning',
+				mensagem: `${diasSemRegistro.length} dias sem registro de ponto nos últimos 7 dias`,
+				valor: diasSemRegistro.length
+			});
+		}
+
+		return {
+			alertas,
+			temAlertas: alertas.length > 0,
+			bancoMensalAtual: bancoMensal
+		};
+	}
+});
+
 /**
  * Helper: Verificar se usuário é gestor do funcionário
  */
@@ -1498,7 +2405,7 @@ export const editarRegistroPonto = mutation({
 			homologacaoId
 		});
 
-		// Recalcular banco de horas do dia
+		// Recalcular banco de horas do dia (isso já atualiza o mensal automaticamente)
 		const config = await ctx.db
 			.query('configuracaoPonto')
 			.withIndex('by_ativo', (q) => q.eq('ativo', true))
@@ -1527,6 +2434,12 @@ export const ajustarBancoHoras = mutation({
 		motivoDescricao: v.optional(v.string()),
 		observacoes: v.optional(v.string())
 	},
+	returns: v.object({
+		success: v.boolean(),
+		homologacaoId: v.id('homologacoesPonto'),
+		ajusteId: v.id('ajustesBancoHoras'),
+		ajusteMinutos: v.number()
+	}),
 	handler: async (ctx, args) => {
 		const usuario = await getCurrentUserFunction(ctx);
 		if (!usuario) {
@@ -1550,6 +2463,22 @@ export const ajustarBancoHoras = mutation({
 
 		// Buscar banco de horas mais recente ou criar um registro de ajuste
 		const hoje = new Date().toISOString().split('T')[0]!;
+
+		// Criar registro de ajuste na nova tabela
+		const ajusteId = await ctx.db.insert('ajustesBancoHoras', {
+			funcionarioId: args.funcionarioId,
+			tipo: args.tipoAjuste,
+			motivoTipo: 'manual',
+			motivoId: args.motivoId,
+			motivoDescricao: args.motivoDescricao || `Ajuste ${args.tipoAjuste}`,
+			valorMinutos: ajusteFinal,
+			dataAplicacao: hoje,
+			gestorId: usuario._id,
+			observacoes: args.observacoes,
+			aplicado: false,
+			criadoEm: Date.now()
+		});
+
 		const bancoHorasAtual = await ctx.db
 			.query('bancoHoras')
 			.withIndex('by_funcionario_data', (q) =>
@@ -1558,9 +2487,17 @@ export const ajustarBancoHoras = mutation({
 			.first();
 
 		if (bancoHorasAtual) {
-			// Atualizar saldo do dia atual
+			// Atualizar saldo do dia atual e adicionar ajuste
 			await ctx.db.patch(bancoHorasAtual._id, {
-				saldoMinutos: bancoHorasAtual.saldoMinutos + ajusteFinal
+				saldoMinutos: bancoHorasAtual.saldoMinutos + ajusteFinal,
+				ajustesIds: [...(bancoHorasAtual.ajustesIds || []), ajusteId],
+				tipoDia:
+					args.tipoAjuste === 'abonar'
+						? 'abonado'
+						: args.tipoAjuste === 'descontar'
+							? 'descontado'
+							: bancoHorasAtual.tipoDia,
+				motivoAbono: args.motivoDescricao || bancoHorasAtual.motivoAbono
 			});
 		} else {
 			// Criar novo registro de banco de horas para o ajuste
@@ -1582,11 +2519,24 @@ export const ajustarBancoHoras = mutation({
 				horasTrabalhadas: 0,
 				saldoMinutos: ajusteFinal,
 				registrosPontoIds: [],
+				ajustesIds: [ajusteId],
+				tipoDia: args.tipoAjuste === 'abonar' ? 'abonado' : 'descontado',
+				motivoAbono: args.motivoDescricao || `Ajuste ${args.tipoAjuste}`,
 				calculadoEm: Date.now()
 			});
 		}
 
-		// Criar registro de homologação
+		// Marcar ajuste como aplicado
+		await ctx.db.patch(ajusteId, {
+			aplicado: true,
+			aplicadoEm: Date.now()
+		});
+
+		// Recalcular banco de horas mensal após ajuste
+		const mes = hoje.substring(0, 7); // YYYY-MM
+		await calcularBancoHorasMensal(ctx, args.funcionarioId, mes);
+
+		// Criar registro de homologação (mantido para compatibilidade)
 		const homologacaoId = await ctx.db.insert('homologacoesPonto', {
 			funcionarioId: args.funcionarioId,
 			gestorId: usuario._id,
@@ -1602,7 +2552,7 @@ export const ajustarBancoHoras = mutation({
 			criadoEm: Date.now()
 		});
 
-		return { success: true, homologacaoId, ajusteMinutos: ajusteFinal };
+		return { success: true, homologacaoId, ajusteId, ajusteMinutos: ajusteFinal };
 	}
 });
 
@@ -1652,6 +2602,18 @@ export const listarHomologacoes = query({
 				const gestor = await ctx.db.get(h.gestorId);
 				const registro = h.registroId ? await ctx.db.get(h.registroId) : null;
 
+				// Buscar foto do perfil do funcionário através do usuário associado
+				let fotoPerfilUrl: string | null = null;
+				if (funcionario) {
+					const usuario = await ctx.db
+						.query('usuarios')
+						.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionario._id))
+						.first();
+					if (usuario?.fotoPerfil) {
+						fotoPerfilUrl = await ctx.storage.getUrl(usuario.fotoPerfil);
+					}
+				}
+
 				return {
 					...h,
 					funcionario: funcionario
@@ -1660,6 +2622,7 @@ export const listarHomologacoes = query({
 								matricula: funcionario.matricula
 							}
 						: null,
+					fotoPerfilUrl,
 					gestor: gestor
 						? {
 								nome: gestor.nome
@@ -1900,6 +2863,18 @@ export const listarDispensas = query({
 				const funcionario = await ctx.db.get(d.funcionarioId);
 				const gestor = await ctx.db.get(d.gestorId);
 
+				// Buscar foto do perfil do funcionário através do usuário associado
+				let fotoPerfilUrl: string | null = null;
+				if (funcionario) {
+					const usuario = await ctx.db
+						.query('usuarios')
+						.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionario._id))
+						.first();
+					if (usuario?.fotoPerfil) {
+						fotoPerfilUrl = await ctx.storage.getUrl(usuario.fotoPerfil);
+					}
+				}
+
 				// Verificar se expirou (se não for isento)
 				let expirada = false;
 				if (!d.isento) {
@@ -1918,6 +2893,7 @@ export const listarDispensas = query({
 								matricula: funcionario.matricula
 							}
 						: null,
+					fotoPerfilUrl,
 					gestor: gestor
 						? {
 								nome: gestor.nome
@@ -1932,6 +2908,176 @@ export const listarDispensas = query({
 	}
 });
 
+/**
+ * Obtém estatísticas gerenciais do banco de horas para RH
+ */
+export const obterEstatisticasBancoHorasGerencial = query({
+	args: {
+		mes: v.string(), // YYYY-MM
+		funcionarioId: v.optional(v.id('funcionarios'))
+	},
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// TODO: Verificar permissão de RH/TI
+
+		// Buscar todos os bancos de horas do mês
+		let bancosMensais = await ctx.db
+			.query('bancoHorasMensal')
+			.withIndex('by_mes', (q) => q.eq('mes', args.mes))
+			.collect();
+
+		// Filtrar por funcionário se fornecido
+		if (args.funcionarioId) {
+			bancosMensais = bancosMensais.filter((b) => b.funcionarioId === args.funcionarioId);
+		}
+
+		// Buscar informações dos funcionários
+		const funcionariosComDetalhes = await Promise.all(
+			bancosMensais.map(async (banco) => {
+				const funcionario = await ctx.db.get(banco.funcionarioId);
+				if (!funcionario) {
+					return {
+						...banco,
+						funcionario: null
+					};
+				}
+
+				// Buscar foto do perfil do funcionário através do usuário associado
+				let fotoPerfilUrl: string | null = null;
+				const usuario = await ctx.db
+					.query('usuarios')
+					.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionario._id))
+					.first();
+				if (usuario?.fotoPerfil) {
+					fotoPerfilUrl = await ctx.storage.getUrl(usuario.fotoPerfil);
+				}
+
+				return {
+					...banco,
+					funcionario: {
+						nome: funcionario.nome,
+						matricula: funcionario.matricula,
+						fotoPerfilUrl
+					}
+				};
+			})
+		);
+
+		// Calcular estatísticas gerais
+		const totalFuncionarios = funcionariosComDetalhes.length;
+		const funcionariosPositivos = funcionariosComDetalhes.filter(
+			(f) => f.saldoFinalMinutos >= 0
+		).length;
+		const funcionariosNegativos = totalFuncionarios - funcionariosPositivos;
+		const totalHorasExtras = funcionariosComDetalhes.reduce((acc, f) => acc + f.horasExtras, 0);
+		const totalDeficit = funcionariosComDetalhes.reduce((acc, f) => acc + f.horasDeficit, 0);
+
+		return {
+			mes: args.mes,
+			totalFuncionarios,
+			funcionariosPositivos,
+			funcionariosNegativos,
+			totalHorasExtras,
+			totalDeficit,
+			funcionarios: funcionariosComDetalhes
+		};
+	}
+});
+
+/**
+ * Lista histórico de alterações no banco de horas (homologações e ajustes)
+ */
+export const listarHistoricoAlteracoesBancoHoras = query({
+	args: {
+		funcionarioId: v.id('funcionarios'),
+		mes: v.optional(v.string()) // YYYY-MM - se fornecido, filtra por mês
+	},
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// Verificar se é o próprio funcionário ou tem permissão
+		if (usuario.funcionarioId !== args.funcionarioId) {
+			// TODO: Verificar permissão de RH
+		}
+
+		// Buscar homologações do funcionário
+		let homologacoes = await ctx.db
+			.query('homologacoesPonto')
+			.withIndex('by_funcionario', (q) => q.eq('funcionarioId', args.funcionarioId))
+			.order('desc')
+			.collect();
+
+		// Filtrar por mês se fornecido
+		if (args.mes) {
+			const mesHomologacao = args.mes;
+			homologacoes = homologacoes.filter((h) => {
+				const dataHomologacao = new Date(h.criadoEm);
+				const mesHomologacaoStr = `${dataHomologacao.getFullYear()}-${String(dataHomologacao.getMonth() + 1).padStart(2, '0')}`;
+				return mesHomologacaoStr === mesHomologacao;
+			});
+		}
+
+		// Buscar informações adicionais
+		const historicoComDetalhes = await Promise.all(
+			homologacoes.map(async (h) => {
+				const gestor = await ctx.db.get(h.gestorId);
+				const registro = h.registroId ? await ctx.db.get(h.registroId) : null;
+
+				// Determinar tipo de alteração
+				let tipoAlteracao: 'edicao_registro' | 'ajuste_banco' | 'outro' = 'outro';
+				if (h.registroId && h.horaAnterior !== undefined) {
+					tipoAlteracao = 'edicao_registro';
+				} else if (h.tipoAjuste) {
+					tipoAlteracao = 'ajuste_banco';
+				}
+
+				// Calcular diferença em minutos (se for edição de registro)
+				let diferencaMinutos: number | undefined = undefined;
+				if (h.horaAnterior !== undefined && h.horaNova !== undefined) {
+					const minutosAnterior = h.horaAnterior * 60 + (h.minutoAnterior || 0);
+					const minutosNovo = h.horaNova * 60 + (h.minutoNova || 0);
+					diferencaMinutos = minutosNovo - minutosAnterior;
+				}
+
+				return {
+					...h,
+					tipoAlteracao,
+					diferencaMinutos,
+					gestor: gestor
+						? {
+								nome: gestor.nome
+							}
+						: null,
+					registro: registro
+						? {
+								data: registro.data,
+								tipo: registro.tipo,
+								horaAnterior: `${String(h.horaAnterior || 0).padStart(2, '0')}:${String(h.minutoAnterior || 0).padStart(2, '0')}`,
+								horaNova: `${String(h.horaNova || 0).padStart(2, '0')}:${String(h.minutoNova || 0).padStart(2, '0')}`
+							}
+						: null,
+					dataFormatada: new Date(h.criadoEm).toLocaleDateString('pt-BR', {
+						day: '2-digit',
+						month: '2-digit',
+						year: 'numeric',
+						hour: '2-digit',
+						minute: '2-digit'
+					})
+				};
+			})
+		);
+
+		return historicoComDetalhes;
+	}
+});
+
 /**
  * Verifica se funcionário está dispensado de registrar ponto em uma data/hora específica
  */
@@ -2004,3 +3150,1255 @@ export const verificarDispensaAtiva = query({
 		};
 	}
 });
+
+// ========== QUERIES E MUTATIONS DO SISTEMA AVANÇADO DE BANCO DE HORAS ==========
+
+/**
+ * Obtém banco de horas completo com todos os detalhes e ajustes
+ */
+export const obterBancoHorasCompleto = query({
+	args: {
+		funcionarioId: v.id('funcionarios'),
+		data: v.string() // YYYY-MM-DD
+	},
+	returns: v.object({
+		bancoHoras: v.union(
+			v.object({
+				_id: v.id('bancoHoras'),
+				funcionarioId: v.id('funcionarios'),
+				data: v.string(),
+				cargaHorariaDiaria: v.number(),
+				horasTrabalhadas: v.number(),
+				saldoMinutos: v.number(),
+				tipoDia: v.optional(
+					v.union(
+						v.literal('normal'),
+						v.literal('atestado'),
+						v.literal('licenca'),
+						v.literal('ausencia'),
+						v.literal('abonado'),
+						v.literal('descontado')
+					)
+				),
+				motivoAbono: v.optional(v.string()),
+				ajustes: v.array(
+					v.object({
+						_id: v.id('ajustesBancoHoras'),
+						tipo: v.union(v.literal('abonar'), v.literal('descontar'), v.literal('compensar')),
+						valorMinutos: v.number(),
+						motivoDescricao: v.optional(v.string()),
+						motivoTipo: v.optional(
+							v.union(
+								v.literal('atestado'),
+								v.literal('licenca'),
+								v.literal('ausencia'),
+								v.literal('manual')
+							)
+						)
+					})
+				),
+				inconsistencias: v.array(
+					v.object({
+						_id: v.id('inconsistenciasBancoHoras'),
+						tipo: v.union(
+							v.literal('ponto_com_atestado'),
+							v.literal('ponto_com_licenca'),
+							v.literal('ponto_com_ausencia'),
+							v.literal('registro_duplicado'),
+							v.literal('sequencia_invalida'),
+							v.literal('saldo_inconsistente')
+						),
+						descricao: v.string(),
+						status: v.union(v.literal('pendente'), v.literal('resolvida'), v.literal('ignorada'))
+					})
+				)
+			}),
+			v.null()
+		)
+	}),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// Verificar se é o próprio funcionário ou tem permissão
+		if (usuario.funcionarioId !== args.funcionarioId) {
+			// TODO: Verificar permissão de RH
+		}
+
+		const bancoHoras = await ctx.db
+			.query('bancoHoras')
+			.withIndex('by_funcionario_data', (q) =>
+				q.eq('funcionarioId', args.funcionarioId).eq('data', args.data)
+			)
+			.first();
+
+		if (!bancoHoras) {
+			return { bancoHoras: null };
+		}
+
+		// Buscar ajustes
+		const ajustes = bancoHoras.ajustesIds
+			? await Promise.all(bancoHoras.ajustesIds.map((id) => ctx.db.get(id)))
+			: [];
+		const ajustesFiltrados = ajustes.filter((a): a is NonNullable<typeof a> => a !== null);
+
+		// Buscar inconsistências
+		const inconsistencias = bancoHoras.inconsistenciasIds
+			? await Promise.all(bancoHoras.inconsistenciasIds.map((id) => ctx.db.get(id)))
+			: [];
+		const inconsistenciasFiltradas = inconsistencias.filter(
+			(i): i is NonNullable<typeof i> => i !== null
+		);
+
+		return {
+			bancoHoras: {
+				_id: bancoHoras._id,
+				funcionarioId: bancoHoras.funcionarioId,
+				data: bancoHoras.data,
+				cargaHorariaDiaria: bancoHoras.cargaHorariaDiaria,
+				horasTrabalhadas: bancoHoras.horasTrabalhadas,
+				saldoMinutos: bancoHoras.saldoMinutos,
+				tipoDia: bancoHoras.tipoDia,
+				motivoAbono: bancoHoras.motivoAbono,
+				ajustes: ajustesFiltrados.map((a) => ({
+					_id: a._id,
+					tipo: a.tipo,
+					valorMinutos: a.valorMinutos,
+					motivoDescricao: a.motivoDescricao,
+					motivoTipo: a.motivoTipo
+				})),
+				inconsistencias: inconsistenciasFiltradas.map((i) => ({
+					_id: i._id,
+					tipo: i.tipo,
+					descricao: i.descricao,
+					status: i.status
+				}))
+			}
+		};
+	}
+});
+
+/**
+ * Lista ajustes de banco de horas de um funcionário/período
+ */
+export const listarAjustesBancoHoras = query({
+	args: {
+		funcionarioId: v.id('funcionarios'),
+		dataInicio: v.optional(v.string()), // YYYY-MM-DD
+		dataFim: v.optional(v.string()) // YYYY-MM-DD
+	},
+	returns: v.array(
+		v.object({
+			_id: v.id('ajustesBancoHoras'),
+			tipo: v.union(v.literal('abonar'), v.literal('descontar'), v.literal('compensar')),
+			valorMinutos: v.number(),
+			motivoTipo: v.optional(
+				v.union(
+					v.literal('atestado'),
+					v.literal('licenca'),
+					v.literal('ausencia'),
+					v.literal('manual')
+				)
+			),
+			motivoDescricao: v.optional(v.string()),
+			dataAplicacao: v.string(),
+			aplicado: v.boolean(),
+			gestor: v.union(
+				v.object({
+					nome: v.string()
+				}),
+				v.null()
+			)
+		})
+	),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// Verificar se é o próprio funcionário ou tem permissão
+		if (usuario.funcionarioId !== args.funcionarioId) {
+			// TODO: Verificar permissão de RH
+		}
+
+		let query = ctx.db
+			.query('ajustesBancoHoras')
+			.withIndex('by_funcionario', (q) => q.eq('funcionarioId', args.funcionarioId));
+
+		// Filtrar por período se fornecido
+		if (args.dataInicio || args.dataFim) {
+			query = query.filter((q) => {
+				const data = q.field('dataAplicacao');
+				if (args.dataInicio && args.dataFim) {
+					return q.and(q.gte(data, args.dataInicio), q.lte(data, args.dataFim));
+				} else if (args.dataInicio) {
+					return q.gte(data, args.dataInicio);
+				} else if (args.dataFim) {
+					return q.lte(data, args.dataFim);
+				}
+				return true;
+			});
+		}
+
+		const ajustes = await query.order('desc').collect();
+
+		// Buscar informações dos gestores
+		const ajustesComDetalhes = await Promise.all(
+			ajustes.map(async (ajuste) => {
+				const gestor = ajuste.gestorId ? await ctx.db.get(ajuste.gestorId) : null;
+				return {
+					_id: ajuste._id,
+					tipo: ajuste.tipo,
+					valorMinutos: ajuste.valorMinutos,
+					motivoTipo: ajuste.motivoTipo,
+					motivoDescricao: ajuste.motivoDescricao,
+					dataAplicacao: ajuste.dataAplicacao,
+					aplicado: ajuste.aplicado,
+					gestor: gestor ? { nome: gestor.nome } : null
+				};
+			})
+		);
+
+		return ajustesComDetalhes;
+	}
+});
+
+/**
+ * Lista inconsistências detectadas
+ */
+export const listarInconsistenciasBancoHoras = query({
+	args: {
+		funcionarioId: v.optional(v.id('funcionarios')),
+		status: v.optional(
+			v.union(v.literal('pendente'), v.literal('resolvida'), v.literal('ignorada'))
+		)
+	},
+	returns: v.array(
+		v.object({
+			_id: v.id('inconsistenciasBancoHoras'),
+			funcionarioId: v.id('funcionarios'),
+			tipo: v.union(
+				v.literal('ponto_com_atestado'),
+				v.literal('ponto_com_licenca'),
+				v.literal('ponto_com_ausencia'),
+				v.literal('registro_duplicado'),
+				v.literal('sequencia_invalida'),
+				v.literal('saldo_inconsistente')
+			),
+			descricao: v.string(),
+			dataDetectada: v.string(),
+			dataInconsistencia: v.string(),
+			status: v.union(v.literal('pendente'), v.literal('resolvida'), v.literal('ignorada')),
+			funcionario: v.union(
+				v.object({
+					nome: v.string(),
+					matricula: v.optional(v.string())
+				}),
+				v.null()
+			)
+		})
+	),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		let inconsistencias: Doc<'inconsistenciasBancoHoras'>[];
+
+		// Usar índice composto se ambos os filtros estiverem presentes
+		if (args.funcionarioId && args.status) {
+			const funcionarioId = args.funcionarioId;
+			const status = args.status;
+			inconsistencias = await ctx.db
+				.query('inconsistenciasBancoHoras')
+				.withIndex('by_funcionario_status', (q) =>
+					q.eq('funcionarioId', funcionarioId).eq('status', status)
+				)
+				.order('desc')
+				.collect();
+		} else if (args.funcionarioId) {
+			// Filtrar apenas por funcionário
+			const funcionarioId = args.funcionarioId;
+			inconsistencias = await ctx.db
+				.query('inconsistenciasBancoHoras')
+				.withIndex('by_funcionario', (q) => q.eq('funcionarioId', funcionarioId))
+				.order('desc')
+				.collect();
+		} else if (args.status) {
+			// Filtrar apenas por status
+			const status = args.status;
+			inconsistencias = await ctx.db
+				.query('inconsistenciasBancoHoras')
+				.withIndex('by_status', (q) => q.eq('status', status))
+				.order('desc')
+				.collect();
+		} else {
+			// Sem filtros, usar full table scan e ordenar manualmente
+			inconsistencias = await ctx.db.query('inconsistenciasBancoHoras').collect();
+			// Ordenar por data de detecção (mais recente primeiro)
+			inconsistencias = inconsistencias.sort((a, b) => {
+				const dataA = new Date(a.dataDetectada).getTime();
+				const dataB = new Date(b.dataDetectada).getTime();
+				return dataB - dataA; // Descendente
+			});
+		}
+
+		// Buscar informações dos funcionários
+		const inconsistenciasComDetalhes = await Promise.all(
+			inconsistencias.map(async (inconsistencia: Doc<'inconsistenciasBancoHoras'>) => {
+				const funcionario = (await ctx.db.get(
+					inconsistencia.funcionarioId
+				)) as Doc<'funcionarios'> | null;
+				return {
+					_id: inconsistencia._id,
+					funcionarioId: inconsistencia.funcionarioId,
+					tipo: inconsistencia.tipo,
+					descricao: inconsistencia.descricao,
+					dataDetectada: inconsistencia.dataDetectada,
+					dataInconsistencia: inconsistencia.dataInconsistencia,
+					status: inconsistencia.status,
+					funcionario: funcionario
+						? {
+								nome: funcionario.nome,
+								matricula: funcionario.matricula
+							}
+						: null
+				};
+			})
+		);
+
+		return inconsistenciasComDetalhes;
+	}
+});
+
+/**
+ * Obtém configurações do sistema de banco de horas
+ */
+export const obterConfiguracaoBancoHoras = query({
+	args: {},
+	returns: v.union(
+		v.object({
+			limiteSaldoPositivoMinutos: v.optional(v.number()),
+			limiteSaldoNegativoMinutos: v.optional(v.number()),
+			considerarAjustesAutomaticos: v.optional(v.boolean()),
+			periodicidadeVerificacao: v.optional(
+				v.union(v.literal('diario'), v.literal('semanal'), v.literal('mensal'))
+			)
+		}),
+		v.null()
+	),
+	handler: async (ctx) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// TODO: Verificar permissão de TI
+
+		const config = await ctx.db.query('configuracaoBancoHoras').order('desc').first();
+
+		if (!config) {
+			return null;
+		}
+
+		return {
+			limiteSaldoPositivoMinutos: config.limiteSaldoPositivoMinutos,
+			limiteSaldoNegativoMinutos: config.limiteSaldoNegativoMinutos,
+			considerarAjustesAutomaticos: config.considerarAjustesAutomaticos,
+			periodicidadeVerificacao: config.periodicidadeVerificacao
+		};
+	}
+});
+
+/**
+ * Obtém alertas configurados
+ */
+export const obterAlertasConfigurados = query({
+	args: {},
+	returns: v.array(
+		v.object({
+			_id: v.id('alertasBancoHoras'),
+			tipoAlerta: v.union(
+				v.literal('saldo_negativo'),
+				v.literal('saldo_negativo_critico'),
+				v.literal('inconsistencia_detectada'),
+				v.literal('dias_sem_registro'),
+				v.literal('limite_saldo_excedido')
+			),
+			periodicidade: v.union(v.literal('diario'), v.literal('semanal'), v.literal('mensal')),
+			enviarEmail: v.boolean(),
+			enviarChat: v.boolean(),
+			destinatariosEmail: v.optional(v.array(v.id('usuarios'))),
+			destinatariosChat: v.optional(v.array(v.id('usuarios'))),
+			threshold: v.optional(v.number()),
+			limiteMinutos: v.optional(v.number()),
+			ativo: v.boolean()
+		})
+	),
+	handler: async (ctx) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// TODO: Verificar permissão de TI
+
+		// Retornar todos os alertas (ativos e inativos) para permitir edição
+		const alertas = await ctx.db.query('alertasBancoHoras').collect();
+
+		return alertas.map((a) => ({
+			_id: a._id,
+			tipoAlerta: a.tipoAlerta,
+			periodicidade: a.periodicidade,
+			enviarEmail: a.enviarEmail,
+			enviarChat: a.enviarChat,
+			destinatariosEmail: a.destinatariosEmail || [],
+			destinatariosChat: a.destinatariosChat || [],
+			threshold: a.threshold,
+			limiteMinutos: a.limiteMinutos,
+			ativo: a.ativo
+		}));
+	}
+});
+
+/**
+ * Verifica inconsistências para um funcionário/período
+ */
+export const verificarInconsistencias = query({
+	args: {
+		funcionarioId: v.id('funcionarios'),
+		dataInicio: v.optional(v.string()),
+		dataFim: v.optional(v.string())
+	},
+	returns: v.array(
+		v.object({
+			_id: v.id('inconsistenciasBancoHoras'),
+			tipo: v.union(
+				v.literal('ponto_com_atestado'),
+				v.literal('ponto_com_licenca'),
+				v.literal('ponto_com_ausencia'),
+				v.literal('registro_duplicado'),
+				v.literal('sequencia_invalida'),
+				v.literal('saldo_inconsistente')
+			),
+			descricao: v.string(),
+			dataDetectada: v.string(),
+			status: v.union(v.literal('pendente'), v.literal('resolvida'), v.literal('ignorada'))
+		})
+	),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// Verificar se é o próprio funcionário ou tem permissão
+		if (usuario.funcionarioId !== args.funcionarioId) {
+			// TODO: Verificar permissão de RH
+		}
+
+		let query = ctx.db
+			.query('inconsistenciasBancoHoras')
+			.withIndex('by_funcionario', (q) => q.eq('funcionarioId', args.funcionarioId));
+
+		// Filtrar por período se fornecido
+		if (args.dataInicio || args.dataFim) {
+			query = query.filter((q) => {
+				const data = q.field('dataDetectada');
+				if (args.dataInicio && args.dataFim) {
+					return q.and(q.gte(data, args.dataInicio), q.lte(data, args.dataFim));
+				} else if (args.dataInicio) {
+					return q.gte(data, args.dataInicio);
+				} else if (args.dataFim) {
+					return q.lte(data, args.dataFim);
+				}
+				return true;
+			});
+		}
+
+		const inconsistencias = await query.order('desc').collect();
+
+		return inconsistencias.map((i) => ({
+			_id: i._id,
+			tipo: i.tipo,
+			descricao: i.descricao,
+			dataDetectada: i.dataDetectada,
+			status: i.status
+		}));
+	}
+});
+
+/**
+ * Cria ajuste manual de banco de horas (abonar/descontar)
+ */
+export const criarAjusteBancoHoras = mutation({
+	args: {
+		funcionarioId: v.id('funcionarios'),
+		tipo: v.union(v.literal('abonar'), v.literal('descontar'), v.literal('compensar')),
+		valorHoras: v.number(),
+		valorMinutos: v.number(),
+		dataAplicacao: v.string(), // YYYY-MM-DD
+		motivoDescricao: v.string(),
+		observacoes: v.optional(v.string())
+	},
+	returns: v.object({
+		ajusteId: v.id('ajustesBancoHoras'),
+		success: v.boolean()
+	}),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// Verificar se é gestor do funcionário
+		const isGestor = await verificarGestorDoFuncionario(ctx, usuario._id, args.funcionarioId);
+		if (!isGestor) {
+			throw new Error(
+				'Você não tem permissão para criar ajuste de banco de horas para este funcionário'
+			);
+		}
+
+		// Calcular valor total em minutos
+		const valorTotalMinutos = args.valorHoras * 60 + args.valorMinutos;
+		const valorFinal = args.tipo === 'descontar' ? -valorTotalMinutos : valorTotalMinutos;
+
+		// Criar ajuste
+		const ajusteId = await ctx.db.insert('ajustesBancoHoras', {
+			funcionarioId: args.funcionarioId,
+			tipo: args.tipo,
+			motivoTipo: 'manual',
+			motivoDescricao: args.motivoDescricao,
+			valorMinutos: valorFinal,
+			dataAplicacao: args.dataAplicacao,
+			gestorId: usuario._id,
+			observacoes: args.observacoes,
+			aplicado: false, // Será aplicado no próximo recálculo
+			criadoEm: Date.now()
+		});
+
+		// Aplicar ajuste imediatamente
+		const bancoHorasAtual = await ctx.db
+			.query('bancoHoras')
+			.withIndex('by_funcionario_data', (q) =>
+				q.eq('funcionarioId', args.funcionarioId).eq('data', args.dataAplicacao)
+			)
+			.first();
+
+		if (bancoHorasAtual) {
+			// Atualizar saldo do dia
+			await ctx.db.patch(bancoHorasAtual._id, {
+				saldoMinutos: bancoHorasAtual.saldoMinutos + valorFinal,
+				ajustesIds: [...(bancoHorasAtual.ajustesIds || []), ajusteId]
+			});
+		} else {
+			// Criar novo registro de banco de horas para o dia
+			const config = await ctx.db
+				.query('configuracaoPonto')
+				.withIndex('by_ativo', (q) => q.eq('ativo', true))
+				.first();
+
+			if (config) {
+				const cargaHorariaDiaria = calcularCargaHorariaDiaria(config);
+				await ctx.db.insert('bancoHoras', {
+					funcionarioId: args.funcionarioId,
+					data: args.dataAplicacao,
+					cargaHorariaDiaria,
+					horasTrabalhadas: 0,
+					saldoMinutos: valorFinal,
+					registrosPontoIds: [],
+					ajustesIds: [ajusteId],
+					tipoDia: args.tipo === 'abonar' ? 'abonado' : 'descontado',
+					motivoAbono: args.motivoDescricao,
+					calculadoEm: Date.now()
+				});
+			}
+		}
+
+		// Marcar ajuste como aplicado
+		await ctx.db.patch(ajusteId, {
+			aplicado: true,
+			aplicadoEm: Date.now()
+		});
+
+		// Recalcular banco de horas mensal
+		const mes = args.dataAplicacao.substring(0, 7);
+		await calcularBancoHorasMensal(ctx, args.funcionarioId, mes);
+
+		return { ajusteId, success: true };
+	}
+});
+
+/**
+ * Resolve uma inconsistência
+ */
+export const resolverInconsistencia = mutation({
+	args: {
+		inconsistenciaId: v.id('inconsistenciasBancoHoras'),
+		resolucao: v.string()
+	},
+	returns: v.object({
+		success: v.boolean()
+	}),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		const inconsistencia = await ctx.db.get(args.inconsistenciaId);
+		if (!inconsistencia) {
+			throw new Error('Inconsistência não encontrada');
+		}
+
+		// Verificar se é gestor do funcionário
+		const isGestor = await verificarGestorDoFuncionario(
+			ctx,
+			usuario._id,
+			inconsistencia.funcionarioId
+		);
+		if (!isGestor) {
+			throw new Error('Você não tem permissão para resolver esta inconsistência');
+		}
+
+		// Atualizar inconsistência
+		await ctx.db.patch(args.inconsistenciaId, {
+			status: 'resolvida',
+			resolucao: args.resolucao,
+			resolvidoPor: usuario._id,
+			resolvidoEm: Date.now()
+		});
+
+		return { success: true };
+	}
+});
+
+/**
+ * Atualiza configurações gerais do banco de horas
+ */
+export const atualizarConfiguracaoBancoHoras = mutation({
+	args: {
+		limiteSaldoPositivoMinutos: v.optional(v.number()),
+		limiteSaldoNegativoMinutos: v.optional(v.number()),
+		considerarAjustesAutomaticos: v.optional(v.boolean()),
+		periodicidadeVerificacao: v.optional(
+			v.union(v.literal('diario'), v.literal('semanal'), v.literal('mensal'))
+		)
+	},
+	returns: v.object({
+		success: v.boolean(),
+		configId: v.id('configuracaoBancoHoras')
+	}),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// TODO: Verificar permissão de TI
+
+		// Buscar configuração existente ou criar nova
+		const configExistente = await ctx.db.query('configuracaoBancoHoras').order('desc').first();
+
+		if (configExistente) {
+			await ctx.db.patch(configExistente._id, {
+				limiteSaldoPositivoMinutos: args.limiteSaldoPositivoMinutos,
+				limiteSaldoNegativoMinutos: args.limiteSaldoNegativoMinutos,
+				considerarAjustesAutomaticos: args.considerarAjustesAutomaticos,
+				periodicidadeVerificacao: args.periodicidadeVerificacao,
+				atualizadoPor: usuario._id,
+				atualizadoEm: Date.now()
+			});
+			return { success: true, configId: configExistente._id };
+		} else {
+			const configId = await ctx.db.insert('configuracaoBancoHoras', {
+				limiteSaldoPositivoMinutos: args.limiteSaldoPositivoMinutos,
+				limiteSaldoNegativoMinutos: args.limiteSaldoNegativoMinutos,
+				considerarAjustesAutomaticos: args.considerarAjustesAutomaticos ?? true,
+				periodicidadeVerificacao: args.periodicidadeVerificacao,
+				atualizadoPor: usuario._id,
+				atualizadoEm: Date.now()
+			});
+			return { success: true, configId };
+		}
+	}
+});
+
+/**
+ * Atualiza configuração de alerta específico
+ */
+export const criarAlertaBancoHoras = mutation({
+	args: {
+		tipoAlerta: v.union(
+			v.literal('saldo_negativo'),
+			v.literal('saldo_negativo_critico'),
+			v.literal('inconsistencia_detectada'),
+			v.literal('dias_sem_registro'),
+			v.literal('limite_saldo_excedido')
+		),
+		periodicidade: v.union(v.literal('diario'), v.literal('semanal'), v.literal('mensal')),
+		enviarEmail: v.boolean(),
+		enviarChat: v.boolean(),
+		destinatariosEmail: v.optional(v.array(v.id('usuarios'))),
+		destinatariosChat: v.optional(v.array(v.id('usuarios'))),
+		threshold: v.optional(v.number()),
+		limiteMinutos: v.optional(v.number()),
+		ativo: v.boolean()
+	},
+	returns: v.object({
+		success: v.boolean(),
+		alertaId: v.id('alertasBancoHoras')
+	}),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// TODO: Verificar permissão de TI
+
+		// Verificar se já existe alerta do mesmo tipo
+		const alertaExistente = await ctx.db
+			.query('alertasBancoHoras')
+			.withIndex('by_tipo', (q) => q.eq('tipoAlerta', args.tipoAlerta))
+			.first();
+
+		if (alertaExistente) {
+			throw new Error('Já existe um alerta configurado para este tipo');
+		}
+
+		const alertaId = await ctx.db.insert('alertasBancoHoras', {
+			tipoAlerta: args.tipoAlerta,
+			periodicidade: args.periodicidade,
+			enviarEmail: args.enviarEmail,
+			enviarChat: args.enviarChat,
+			destinatariosEmail: args.destinatariosEmail || [],
+			destinatariosChat: args.destinatariosChat || [],
+			threshold: args.threshold,
+			limiteMinutos: args.limiteMinutos,
+			ativo: args.ativo,
+			criadoPor: usuario._id,
+			criadoEm: Date.now()
+		});
+
+		return { success: true, alertaId };
+	}
+});
+
+export const atualizarConfiguracaoAlerta = mutation({
+	args: {
+		alertaId: v.id('alertasBancoHoras'),
+		periodicidade: v.optional(
+			v.union(v.literal('diario'), v.literal('semanal'), v.literal('mensal'))
+		),
+		enviarEmail: v.optional(v.boolean()),
+		enviarChat: v.optional(v.boolean()),
+		destinatariosEmail: v.optional(v.array(v.id('usuarios'))),
+		destinatariosChat: v.optional(v.array(v.id('usuarios'))),
+		threshold: v.optional(v.number()),
+		limiteMinutos: v.optional(v.number()),
+		ativo: v.optional(v.boolean())
+	},
+	returns: v.object({
+		success: v.boolean()
+	}),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// TODO: Verificar permissão de TI
+
+		const alerta = await ctx.db.get(args.alertaId);
+		if (!alerta) {
+			throw new Error('Alerta não encontrado');
+		}
+
+		await ctx.db.patch(args.alertaId, {
+			periodicidade: args.periodicidade ?? alerta.periodicidade,
+			enviarEmail: args.enviarEmail ?? alerta.enviarEmail,
+			enviarChat: args.enviarChat ?? alerta.enviarChat,
+			destinatariosEmail:
+				args.destinatariosEmail !== undefined ? args.destinatariosEmail : alerta.destinatariosEmail,
+			destinatariosChat:
+				args.destinatariosChat !== undefined ? args.destinatariosChat : alerta.destinatariosChat,
+			threshold: args.threshold,
+			limiteMinutos: args.limiteMinutos,
+			ativo: args.ativo ?? alerta.ativo,
+			atualizadoPor: usuario._id,
+			atualizadoEm: Date.now()
+		});
+
+		return { success: true };
+	}
+});
+
+/**
+ * Recalcula banco de horas para um funcionário/período
+ */
+export const recalcularBancoHoras = mutation({
+	args: {
+		funcionarioId: v.id('funcionarios'),
+		dataInicio: v.string(), // YYYY-MM-DD
+		dataFim: v.string() // YYYY-MM-DD
+	},
+	returns: v.object({
+		success: v.boolean(),
+		diasRecalculados: v.number()
+	}),
+	handler: async (ctx, args) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// Verificar se é gestor do funcionário
+		const isGestor = await verificarGestorDoFuncionario(ctx, usuario._id, args.funcionarioId);
+		if (!isGestor) {
+			throw new Error('Você não tem permissão para recalcular banco de horas deste funcionário');
+		}
+
+		// Buscar configuração de ponto
+		const config = await ctx.db
+			.query('configuracaoPonto')
+			.withIndex('by_ativo', (q) => q.eq('ativo', true))
+			.first();
+
+		if (!config) {
+			throw new Error('Configuração de ponto não encontrada');
+		}
+
+		// Gerar todas as datas do período
+		const dataInicioObj = new Date(args.dataInicio);
+		const dataFimObj = new Date(args.dataFim);
+		const datas: string[] = [];
+		const dataAtual = new Date(dataInicioObj);
+
+		while (dataAtual <= dataFimObj) {
+			const ano = dataAtual.getFullYear();
+			const mes = String(dataAtual.getMonth() + 1).padStart(2, '0');
+			const dia = String(dataAtual.getDate()).padStart(2, '0');
+			datas.push(`${ano}-${mes}-${dia}`);
+			dataAtual.setDate(dataAtual.getDate() + 1);
+		}
+
+		// Recalcular para cada data
+		let diasRecalculados = 0;
+		for (const data of datas) {
+			await atualizarBancoHoras(ctx, args.funcionarioId, data, {
+				horarioEntrada: config.horarioEntrada,
+				horarioSaidaAlmoco: config.horarioSaidaAlmoco,
+				horarioRetornoAlmoco: config.horarioRetornoAlmoco,
+				horarioSaida: config.horarioSaida
+			});
+			diasRecalculados++;
+		}
+
+		return { success: true, diasRecalculados };
+	}
+});
+
+/**
+ * Mutation interna para recalcular banco de horas de uma data específica
+ */
+export const recalcularBancoHorasData = internalMutation({
+	args: {
+		funcionarioId: v.id('funcionarios'),
+		data: v.string() // YYYY-MM-DD
+	},
+	returns: v.null(),
+	handler: async (ctx, args) => {
+		// Buscar configuração de ponto
+		const config = await ctx.db
+			.query('configuracaoPonto')
+			.withIndex('by_ativo', (q) => q.eq('ativo', true))
+			.first();
+
+		if (!config) {
+			return null;
+		}
+
+		// Recalcular banco de horas para a data
+		await atualizarBancoHoras(ctx, args.funcionarioId, args.data, {
+			horarioEntrada: config.horarioEntrada,
+			horarioSaidaAlmoco: config.horarioSaidaAlmoco,
+			horarioRetornoAlmoco: config.horarioRetornoAlmoco,
+			horarioSaida: config.horarioSaida
+		});
+
+		return null;
+	}
+});
+
+// ========== SISTEMA DE ALERTAS DE BANCO DE HORAS ==========
+
+/**
+ * Helper: Encontrar gestor do funcionário
+ */
+async function encontrarGestorDoFuncionarioParaAlerta(
+	ctx: QueryCtx | MutationCtx,
+	funcionarioId: Id<'funcionarios'>
+): Promise<Id<'usuarios'> | null> {
+	const funcionario = await ctx.db.get(funcionarioId);
+	if (!funcionario || !funcionario.gestorId) {
+		return null;
+	}
+	return funcionario.gestorId;
+}
+
+/**
+ * Helper: Enviar alerta via chat
+ */
+async function enviarAlertaChat(
+	ctx: MutationCtx,
+	gestorId: Id<'usuarios'>,
+	titulo: string,
+	mensagem: string
+): Promise<void> {
+	// Criar notificação no sistema
+	await ctx.db.insert('notificacoes', {
+		usuarioId: gestorId,
+		tipo: 'nova_mensagem',
+		titulo,
+		descricao: mensagem,
+		lida: false,
+		criadaEm: Date.now()
+	});
+}
+
+/**
+ * Helper: Enviar alerta via email
+ */
+async function enviarAlertaEmail(
+	ctx: MutationCtx,
+	gestorId: Id<'usuarios'>,
+	titulo: string,
+	mensagem: string
+): Promise<void> {
+	const gestor = await ctx.db.get(gestorId);
+	if (!gestor || !gestor.email) {
+		return;
+	}
+
+	// Obter URL do sistema
+	let urlSistema = process.env.SITE_URL || 'http://localhost:5173';
+	if (!urlSistema.match(/^https?:\/\//i)) {
+		urlSistema = `http://${urlSistema}`;
+	}
+
+	// Enviar email usando template
+	await ctx.scheduler.runAfter(0, api.email.enviarEmailComTemplate, {
+		destinatario: gestor.email,
+		destinatarioId: gestorId,
+		templateCodigo: 'banco_horas_alerta',
+		variaveis: {
+			gestorNome: gestor.nome,
+			titulo,
+			mensagem,
+			urlSistema
+		},
+		enviadoPor: gestorId
+	});
+}
+
+/**
+ * Detecta e envia alertas de banco de horas para um funcionário
+ */
+export const detectarEEnviarAlertasBancoHoras = internalMutation({
+	args: {
+		funcionarioId: v.id('funcionarios')
+	},
+	returns: v.object({
+		alertasEnviados: v.number()
+	}),
+	handler: async (ctx, args) => {
+		// Buscar configurações de alertas ativas
+		const alertasConfigurados = await ctx.db
+			.query('alertasBancoHoras')
+			.withIndex('by_ativo', (q) => q.eq('ativo', true))
+			.collect();
+
+		if (alertasConfigurados.length === 0) {
+			return { alertasEnviados: 0 };
+		}
+
+		// Buscar gestor do funcionário
+		const gestorId = await encontrarGestorDoFuncionarioParaAlerta(ctx, args.funcionarioId);
+		if (!gestorId) {
+			return { alertasEnviados: 0 };
+		}
+
+		// Buscar banco de horas mensal atual
+		const hoje = new Date();
+		const mesAtual = `${hoje.getFullYear()}-${String(hoje.getMonth() + 1).padStart(2, '0')}`;
+
+		const bancoMensal = await ctx.db
+			.query('bancoHorasMensal')
+			.withIndex('by_funcionario_mes', (q) =>
+				q.eq('funcionarioId', args.funcionarioId).eq('mes', mesAtual)
+			)
+			.first();
+
+		// Buscar inconsistências pendentes
+		const inconsistenciasPendentes = await ctx.db
+			.query('inconsistenciasBancoHoras')
+			.withIndex('by_funcionario_status', (q) =>
+				q.eq('funcionarioId', args.funcionarioId).eq('status', 'pendente')
+			)
+			.collect();
+
+		let alertasEnviados = 0;
+
+		// Verificar cada tipo de alerta configurado
+		for (const alertaConfig of alertasConfigurados) {
+			let deveEnviar = false;
+			let titulo = '';
+			let mensagem = '';
+
+			switch (alertaConfig.tipoAlerta) {
+				case 'saldo_negativo':
+					if (bancoMensal && bancoMensal.saldoFinalMinutos < 0) {
+						const horasNegativas = Math.abs(bancoMensal.saldoFinalMinutos) / 60;
+						if (
+							!alertaConfig.limiteMinutos ||
+							Math.abs(bancoMensal.saldoFinalMinutos) >= alertaConfig.limiteMinutos
+						) {
+							deveEnviar = true;
+							titulo = '⚠️ Alerta: Saldo Negativo de Banco de Horas';
+							mensagem = `O funcionário possui saldo negativo acumulado de ${Math.floor(horasNegativas)}h ${Math.abs(bancoMensal.saldoFinalMinutos) % 60}min.`;
+						}
+					}
+					break;
+
+				case 'saldo_negativo_critico':
+					if (bancoMensal && bancoMensal.saldoFinalMinutos < 0) {
+						const horasNegativas = Math.abs(bancoMensal.saldoFinalMinutos) / 60;
+						if (horasNegativas >= 8) {
+							deveEnviar = true;
+							titulo = '🚨 Alerta Crítico: Saldo Negativo Crítico de Banco de Horas';
+							mensagem = `O funcionário possui saldo negativo crítico acumulado de ${Math.floor(horasNegativas)}h ${Math.abs(bancoMensal.saldoFinalMinutos) % 60}min. Ação imediata necessária.`;
+						}
+					}
+					break;
+
+				case 'inconsistencia_detectada':
+					if (inconsistenciasPendentes.length > 0) {
+						deveEnviar = true;
+						titulo = '⚠️ Alerta: Inconsistências Detectadas no Banco de Horas';
+						mensagem = `Foram detectadas ${inconsistenciasPendentes.length} inconsistência(s) no banco de horas do funcionário que precisam ser resolvidas.`;
+					}
+					break;
+
+				case 'dias_sem_registro':
+					// Verificar últimos 7 dias
+					const ultimos7Dias: string[] = [];
+					for (let i = 0; i < 7; i++) {
+						const data = new Date();
+						data.setDate(data.getDate() - i);
+						ultimos7Dias.push(data.toISOString().split('T')[0]!);
+					}
+
+					const registrosRecentes = await ctx.db
+						.query('bancoHoras')
+						.withIndex('by_funcionario', (q) => q.eq('funcionarioId', args.funcionarioId))
+						.filter((q) => {
+							const data = q.field('data');
+							return q.or(...ultimos7Dias.map((dia) => q.eq(data, dia)));
+						})
+						.collect();
+
+					const diasComRegistro = new Set(registrosRecentes.map((r) => r.data));
+					const diasSemRegistro = ultimos7Dias.filter((dia) => !diasComRegistro.has(dia));
+
+					if (diasSemRegistro.length >= 3) {
+						deveEnviar = true;
+						titulo = '⚠️ Alerta: Múltiplos Dias Sem Registro de Ponto';
+						mensagem = `O funcionário não possui registro de ponto em ${diasSemRegistro.length} dos últimos 7 dias.`;
+					}
+					break;
+
+				case 'limite_saldo_excedido':
+					if (bancoMensal) {
+						const config = await ctx.db.query('configuracaoBancoHoras').order('desc').first();
+
+						if (config) {
+							if (
+								config.limiteSaldoPositivoMinutos &&
+								bancoMensal.saldoFinalMinutos > config.limiteSaldoPositivoMinutos
+							) {
+								deveEnviar = true;
+								titulo = '⚠️ Alerta: Limite de Saldo Positivo Excedido';
+								mensagem = `O funcionário excedeu o limite de saldo positivo configurado.`;
+							} else if (
+								config.limiteSaldoNegativoMinutos &&
+								Math.abs(bancoMensal.saldoFinalMinutos) > config.limiteSaldoNegativoMinutos
+							) {
+								deveEnviar = true;
+								titulo = '⚠️ Alerta: Limite de Saldo Negativo Excedido';
+								mensagem = `O funcionário excedeu o limite de saldo negativo configurado.`;
+							}
+						}
+					}
+					break;
+			}
+
+			if (deveEnviar && (alertaConfig.enviarChat || alertaConfig.enviarEmail)) {
+				// Determinar destinatários: usar específicos se configurados, senão usar gestor padrão
+				const destinatariosChat =
+					alertaConfig.destinatariosChat && alertaConfig.destinatariosChat.length > 0
+						? alertaConfig.destinatariosChat
+						: gestorId
+							? [gestorId]
+							: [];
+
+				const destinatariosEmail =
+					alertaConfig.destinatariosEmail && alertaConfig.destinatariosEmail.length > 0
+						? alertaConfig.destinatariosEmail
+						: gestorId
+							? [gestorId]
+							: [];
+
+				// Enviar para destinatários de chat
+				if (alertaConfig.enviarChat && destinatariosChat.length > 0) {
+					for (const destinatarioId of destinatariosChat) {
+						await enviarAlertaChat(ctx, destinatarioId, titulo, mensagem);
+					}
+				}
+
+				// Enviar para destinatários de email
+				if (alertaConfig.enviarEmail && destinatariosEmail.length > 0) {
+					for (const destinatarioId of destinatariosEmail) {
+						await enviarAlertaEmail(ctx, destinatarioId, titulo, mensagem);
+					}
+				}
+
+				if (destinatariosChat.length > 0 || destinatariosEmail.length > 0) {
+					alertasEnviados++;
+				}
+			}
+		}
+
+		return { alertasEnviados };
+	}
+});
+
+/**
+ * Action interna para processar alertas de banco de horas (chamada por cron)
+ */
+export const processarAlertasBancoHoras = internalMutation({
+	args: {},
+	returns: v.object({
+		funcionariosProcessados: v.number(),
+		alertasEnviados: v.number()
+	}),
+	handler: async (ctx) => {
+		// Buscar todos os funcionários ativos
+		const funcionarios = await ctx.db
+			.query('funcionarios')
+			.filter((q) => q.eq(q.field('desligamentoData'), undefined))
+			.collect();
+
+		let totalAlertasEnviados = 0;
+
+		for (const funcionario of funcionarios) {
+			const resultado = await ctx.runMutation(internal.pontos.detectarEEnviarAlertasBancoHoras, {
+				funcionarioId: funcionario._id
+			});
+			totalAlertasEnviados += resultado.alertasEnviados;
+		}
+
+		return {
+			funcionariosProcessados: funcionarios.length,
+			alertasEnviados: totalAlertasEnviados
+		};
+	}
+});
+
+/**
+ * Inicializa alertas padrão do sistema (chamada uma vez)
+ */
+export const inicializarAlertasPadrao = mutation({
+	args: {},
+	returns: v.object({
+		success: v.boolean(),
+		alertasCriados: v.number()
+	}),
+	handler: async (ctx) => {
+		const usuario = await getCurrentUserFunction(ctx);
+		if (!usuario) {
+			throw new Error('Usuário não autenticado');
+		}
+
+		// TODO: Verificar permissão de TI
+
+		// Verificar se já existem alertas
+		const alertasExistentes = await ctx.db.query('alertasBancoHoras').collect();
+		if (alertasExistentes.length > 0) {
+			return { success: true, alertasCriados: 0 };
+		}
+
+		// Criar alertas padrão
+		const tiposAlerta: Array<{
+			tipoAlerta:
+				| 'saldo_negativo'
+				| 'saldo_negativo_critico'
+				| 'inconsistencia_detectada'
+				| 'dias_sem_registro'
+				| 'limite_saldo_excedido';
+			periodicidade: 'diario' | 'semanal' | 'mensal';
+			enviarEmail: boolean;
+			enviarChat: boolean;
+			limiteMinutos?: number;
+		}> = [
+			{
+				tipoAlerta: 'saldo_negativo',
+				periodicidade: 'diario',
+				enviarEmail: true,
+				enviarChat: true,
+				limiteMinutos: 60 // 1 hora
+			},
+			{
+				tipoAlerta: 'saldo_negativo_critico',
+				periodicidade: 'diario',
+				enviarEmail: true,
+				enviarChat: true
+			},
+			{
+				tipoAlerta: 'inconsistencia_detectada',
+				periodicidade: 'diario',
+				enviarEmail: true,
+				enviarChat: true
+			},
+			{
+				tipoAlerta: 'dias_sem_registro',
+				periodicidade: 'semanal',
+				enviarEmail: true,
+				enviarChat: true
+			},
+			{
+				tipoAlerta: 'limite_saldo_excedido',
+				periodicidade: 'diario',
+				enviarEmail: true,
+				enviarChat: true
+			}
+		];
+
+		let alertasCriados = 0;
+		for (const tipoAlerta of tiposAlerta) {
+			await ctx.db.insert('alertasBancoHoras', {
+				...tipoAlerta,
+				ativo: true,
+				criadoPor: usuario._id,
+				criadoEm: Date.now()
+			});
+			alertasCriados++;
+		}
+
+		return { success: true, alertasCriados };
+	}
+});
diff --git a/packages/backend/convex/saldoFerias.ts b/packages/backend/convex/saldoFerias.ts
index c27e3a8..ab20fc5 100644
--- a/packages/backend/convex/saldoFerias.ts
+++ b/packages/backend/convex/saldoFerias.ts
@@ -1,7 +1,7 @@
 import { v } from 'convex/values';
-import type { Id } from './_generated/dataModel';
-import type { QueryCtx } from './_generated/server';
 import { query } from './_generated/server';
+import { Id } from './_generated/dataModel';
+import type { QueryCtx } from './_generated/server';
 
 /**
  * SISTEMA DE CÁLCULO DE SALDO DE FÉRIAS
diff --git a/packages/backend/convex/schema.ts b/packages/backend/convex/schema.ts
index 1617930..6607f42 100644
--- a/packages/backend/convex/schema.ts
+++ b/packages/backend/convex/schema.ts
@@ -20,6 +20,7 @@ import { setoresTables } from './tables/setores';
 import { systemTables } from './tables/system';
 import { ticketsTables } from './tables/tickets';
 import { timesTables } from './tables/times';
+import { lgpdTables } from './tables/lgpdTables';
 
 export default defineSchema({
 	...setoresTables,
@@ -42,5 +43,6 @@ export default defineSchema({
 	...pontoTables,
 	...pedidosTables,
 	...objetosTables,
-	...atasTables
+	...atasTables,
+	...lgpdTables
 });
diff --git a/packages/backend/convex/security.ts b/packages/backend/convex/security.ts
index 4e78aa6..e388c97 100644
--- a/packages/backend/convex/security.ts
+++ b/packages/backend/convex/security.ts
@@ -1,9 +1,8 @@
 import { RateLimiter, SECOND } from '@convex-dev/rate-limiter';
 import { v } from 'convex/values';
-import { components, internal } from './_generated/api';
+import { internalMutation, mutation, MutationCtx, query, QueryCtx } from './_generated/server';
+import { internal, api, components } from './_generated/api';
 import type { Id } from './_generated/dataModel';
-import type { MutationCtx, QueryCtx } from './_generated/server';
-import { internalMutation, mutation, query } from './_generated/server';
 import type {
 	AtaqueCiberneticoTipo,
 	SeveridadeSeguranca,
@@ -1435,6 +1434,7 @@ export const listarAlertConfigs = query({
 			severidadeMin: severidadeValidator,
 			tiposAtaque: v.optional(v.array(ataqueValidator)),
 			reenvioMin: v.number(),
+			templateCodigo: v.optional(v.string()),
 			criadoEm: v.number(),
 			atualizadoEm: v.number()
 		})
@@ -1455,6 +1455,7 @@ export const listarAlertConfigs = query({
 			severidadeMin: r.severidadeMin,
 			tiposAtaque: r.tiposAtaque,
 			reenvioMin: r.reenvioMin,
+			templateCodigo: r.templateCodigo,
 			criadoEm: r.criadoEm,
 			atualizadoEm: r.atualizadoEm
 		}));
@@ -1471,6 +1472,7 @@ export const salvarAlertConfig = mutation({
 		severidadeMin: severidadeValidator,
 		tiposAtaque: v.optional(v.array(ataqueValidator)),
 		reenvioMin: v.number(),
+		templateCodigo: v.optional(v.string()), // Template a ser usado
 		criadoPor: v.id('usuarios')
 	},
 	returns: v.object({ _id: v.id('alertConfigs') }),
@@ -1485,6 +1487,7 @@ export const salvarAlertConfig = mutation({
 				severidadeMin: args.severidadeMin,
 				tiposAtaque: args.tiposAtaque,
 				reenvioMin: args.reenvioMin,
+				templateCodigo: args.templateCodigo,
 				atualizadoEm: agora
 			});
 			return { _id: args.configId };
@@ -1497,6 +1500,7 @@ export const salvarAlertConfig = mutation({
 			severidadeMin: args.severidadeMin,
 			tiposAtaque: args.tiposAtaque,
 			reenvioMin: args.reenvioMin,
+			templateCodigo: args.templateCodigo ?? 'incidente_critico', // Padrão
 			criadoPor: args.criadoPor,
 			criadoEm: agora,
 			atualizadoEm: agora
@@ -1522,6 +1526,197 @@ export const dispararAlertasInternos = internalMutation({
 		const evento = await ctx.db.get(args.eventoId);
 		if (!evento) return null;
 
+		// Buscar todas as configurações de alerta ativas
+		const alertConfigs = await ctx.db.query('alertConfigs').collect();
+
+		// Obter URL do sistema
+		let urlSistema = process.env.SITE_URL || 'http://localhost:5173';
+		if (!urlSistema.match(/^https?:\/\//i)) {
+			urlSistema = `http://${urlSistema}`;
+		}
+
+		// Formatar data/hora
+		const dataHora = new Date(evento.timestamp).toLocaleString('pt-BR', {
+			day: '2-digit',
+			month: '2-digit',
+			year: 'numeric',
+			hour: '2-digit',
+			minute: '2-digit'
+		});
+
+		// Mapear severidade para texto legível
+		const severityLabels: Record<SeveridadeSeguranca, string> = {
+			informativo: 'Informativo',
+			baixo: 'Baixo',
+			moderado: 'Moderado',
+			alto: 'Alto',
+			critico: 'Crítico'
+		};
+
+		// Mapear tipo de ataque para texto legível
+		const attackLabels: Record<string, string> = {
+			phishing: 'Phishing',
+			malware: 'Malware',
+			ransomware: 'Ransomware',
+			brute_force: 'Brute Force',
+			credential_stuffing: 'Credential Stuffing',
+			sql_injection: 'SQL Injection',
+			xss: 'XSS',
+			path_traversal: 'Path Traversal',
+			command_injection: 'Command Injection',
+			nosql_injection: 'NoSQL Injection',
+			xxe: 'XXE',
+			man_in_the_middle: 'MITM',
+			ddos: 'DDoS',
+			engenharia_social: 'Engenharia Social',
+			cve_exploit: 'Exploração de CVE',
+			apt: 'APT',
+			zero_day: 'Zero-Day',
+			supply_chain: 'Supply Chain',
+			fileless_malware: 'Fileless Malware',
+			polymorphic_malware: 'Polymorphic',
+			ransomware_lateral: 'Ransomware Lateral',
+			deepfake_phishing: 'Deepfake Phishing',
+			adversarial_ai: 'Ataque IA',
+			side_channel: 'Side-Channel',
+			firmware_bootloader: 'Firmware/Bootloader',
+			bec: 'BEC',
+			botnet: 'Botnet',
+			ot_ics: 'OT/ICS',
+			quantum_attack: 'Quantum'
+		};
+
+		const tipoAtaqueLabel = attackLabels[evento.tipoAtaque] || evento.tipoAtaque.replace(/_/g, ' ');
+		const severidadeLabel = severityLabels[evento.severidade] || evento.severidade;
+
+		// Função auxiliar para verificar se a severidade atende ao mínimo
+		const severidadeAtende = (
+			severidade: SeveridadeSeguranca,
+			min: SeveridadeSeguranca
+		): boolean => {
+			const ordem: SeveridadeSeguranca[] = ['informativo', 'baixo', 'moderado', 'alto', 'critico'];
+			return ordem.indexOf(severidade) >= ordem.indexOf(min);
+		};
+
+		// Processar cada configuração de alerta
+		for (const config of alertConfigs) {
+			// Verificar se a severidade atende ao mínimo
+			if (!severidadeAtende(evento.severidade, config.severidadeMin)) {
+				continue;
+			}
+
+			// Verificar se o tipo de ataque está na lista (se especificado)
+			if (config.tiposAtaque && config.tiposAtaque.length > 0) {
+				if (!config.tiposAtaque.includes(evento.tipoAtaque)) {
+					continue;
+				}
+			}
+
+			// Buscar usuário sistema para enviar emails (ou usar o primeiro usuário TI)
+			const rolesTi = await ctx.db
+				.query('roles')
+				.filter((q) => q.eq(q.field('admin'), true))
+				.collect();
+			let usuarioSistema: Id<'usuarios'> | undefined;
+			if (rolesTi) {
+				const usuarioTi = await ctx.db
+					.query('usuarios')
+					.withIndex('by_role', (q) => q.eq('roleId', rolesTi[0]._id))
+					.first();
+				if (usuarioTi) {
+					usuarioSistema = usuarioTi._id;
+				}
+			}
+
+			if (!usuarioSistema) {
+				console.error('❌ Não foi possível encontrar usuário sistema para enviar alertas');
+				continue;
+			}
+
+			// Preparar variáveis do template
+			const variaveisTemplate = {
+				destinatarioNome: '', // Será preenchido por destinatário
+				tipoAtaque: tipoAtaqueLabel,
+				severidade: severidadeLabel,
+				descricao: evento.descricao,
+				origemIp: evento.origemIp || 'N/A',
+				dataHora,
+				urlSistema
+			};
+
+			// ENVIAR EMAILS
+			if (config.canais.email && config.emails.length > 0) {
+				const templateCodigo = config.templateCodigo || 'incidente_critico';
+
+				for (const emailDestinatario of config.emails) {
+					// Buscar usuário pelo email
+					const usuarioDestinatario = await ctx.db
+						.query('usuarios')
+						.filter((q) => q.eq(q.field('email'), emailDestinatario))
+						.first();
+
+					if (usuarioDestinatario) {
+						variaveisTemplate.destinatarioNome = usuarioDestinatario.nome;
+
+						// Enviar email usando template
+						ctx.scheduler
+							.runAfter(0, api.email.enviarEmailComTemplate, {
+								destinatario: emailDestinatario,
+								destinatarioId: usuarioDestinatario._id,
+								templateCodigo,
+								variaveis: variaveisTemplate,
+								enviadoPor: usuarioSistema
+							})
+							.catch((error) => {
+								console.error(`Erro ao agendar email de alerta para ${emailDestinatario}:`, error);
+							});
+					}
+				}
+			}
+
+			// ENVIAR CHAT
+			if (config.canais.chat && config.chatUsers.length > 0) {
+				const templateCodigo = config.templateCodigo || 'incidente_critico';
+
+				// Buscar template para chat
+				const template = await ctx.runQuery(api.templatesMensagens.obterTemplatePorCodigo, {
+					codigo: templateCodigo
+				});
+
+				if (template) {
+					// Importar função de renderização
+					const { renderizarTemplateChatFromDoc } = await import('./templatesMensagens');
+
+					for (const chatUserEmail of config.chatUsers) {
+						// Buscar usuário pelo email
+						const usuarioDestinatario = await ctx.db
+							.query('usuarios')
+							.filter((q) => q.eq(q.field('email'), chatUserEmail))
+							.first();
+
+						if (usuarioDestinatario && usuarioSistema) {
+							variaveisTemplate.destinatarioNome = usuarioDestinatario.nome;
+
+							// Renderizar mensagem do template
+							const mensagemChat = renderizarTemplateChatFromDoc(template, variaveisTemplate);
+
+							// Usar função interna para criar conversa e enviar mensagem
+							ctx.scheduler
+								.runAfter(0, internal.security.enviarMensagemChatSistema, {
+									usuarioSistemaId: usuarioSistema,
+									usuarioDestinatarioId: usuarioDestinatario._id,
+									mensagem: mensagemChat
+								})
+								.catch((error) => {
+									console.error(`Erro ao agendar mensagem de chat para ${chatUserEmail}:`, error);
+								});
+						}
+					}
+				}
+			}
+		}
+
+		// Manter notificação padrão para usuários TI (compatibilidade)
 		const rolesTi = await ctx.db
 			.query('roles')
 			.filter((q) => q.eq(q.field('admin'), true))
@@ -1546,7 +1741,7 @@ export const dispararAlertasInternos = internalMutation({
 				conversaId: undefined,
 				mensagemId: undefined,
 				remetenteId: undefined,
-				titulo: `🚨 ${evento.severidade.toUpperCase()} - ${evento.tipoAtaque.replace(/_/g, ' ')}`,
+				titulo: `🚨 ${evento.severidade.toUpperCase()} - ${tipoAtaqueLabel}`,
 				descricao: evento.descricao,
 				lida: false,
 				criadaEm: Date.now()
@@ -1557,6 +1752,183 @@ export const dispararAlertasInternos = internalMutation({
 	}
 });
 
+/**
+ * Função interna para enviar mensagem de chat do sistema
+ */
+export const enviarMensagemChatSistema = internalMutation({
+	args: {
+		usuarioSistemaId: v.id('usuarios'),
+		usuarioDestinatarioId: v.id('usuarios'),
+		mensagem: v.string()
+	},
+	returns: v.null(),
+	handler: async (ctx, args) => {
+		// Buscar ou criar conversa individual entre sistema e destinatário
+		const conversasExistentes = await ctx.db
+			.query('conversas')
+			.filter((q) => q.eq(q.field('tipo'), 'individual'))
+			.collect();
+
+		let conversaId: Id<'conversas'> | null = null;
+
+		for (const conversa of conversasExistentes) {
+			if (
+				conversa.participantes.length === 2 &&
+				conversa.participantes.includes(args.usuarioSistemaId) &&
+				conversa.participantes.includes(args.usuarioDestinatarioId)
+			) {
+				conversaId = conversa._id;
+				break;
+			}
+		}
+
+		if (!conversaId) {
+			// Criar nova conversa
+			conversaId = await ctx.db.insert('conversas', {
+				tipo: 'individual',
+				participantes: [args.usuarioSistemaId, args.usuarioDestinatarioId],
+				criadoPor: args.usuarioSistemaId,
+				criadoEm: Date.now()
+			});
+		}
+
+		// Criar mensagem
+		const mensagemId = await ctx.db.insert('mensagens', {
+			conversaId,
+			remetenteId: args.usuarioSistemaId,
+			conteudo: args.mensagem,
+			conteudoBusca: args.mensagem.toLowerCase(),
+			tipo: 'texto',
+			enviadaEm: Date.now()
+		});
+
+		// Atualizar última mensagem da conversa
+		await ctx.db.patch(conversaId, {
+			ultimaMensagem: args.mensagem.substring(0, 100),
+			ultimaMensagemTimestamp: Date.now(),
+			ultimaMensagemRemetenteId: args.usuarioSistemaId
+		});
+
+		// Criar notificação para destinatário
+		await ctx.db.insert('notificacoes', {
+			usuarioId: args.usuarioDestinatarioId,
+			tipo: 'nova_mensagem',
+			conversaId,
+			mensagemId,
+			remetenteId: args.usuarioSistemaId,
+			titulo: '🚨 Alerta de Segurança',
+			descricao: args.mensagem.substring(0, 100),
+			lida: false,
+			criadaEm: Date.now()
+		});
+
+		return null;
+	}
+});
+
+/**
+ * Notificar quando rate limit é excedido
+ */
+export const notificarRateLimitExcedido = internalMutation({
+	args: {
+		configId: v.id('rateLimitConfig'),
+		tipo: v.union(
+			v.literal('ip'),
+			v.literal('usuario'),
+			v.literal('endpoint'),
+			v.literal('global')
+		),
+		identificador: v.string(),
+		endpoint: v.string(),
+		acaoExcedido: v.union(v.literal('bloquear'), v.literal('throttle'), v.literal('alertar')),
+		limite: v.number(),
+		janelaSegundos: v.number()
+	},
+	returns: v.null(),
+	handler: async (ctx, args) => {
+		const config = await ctx.db.get(args.configId);
+		if (!config) return null;
+
+		// Buscar usuários TI para notificar
+		const rolesTi = await ctx.db
+			.query('roles')
+			.filter((q) => q.eq(q.field('admin'), true))
+			.collect();
+
+		const usuariosNotificados: Id<'usuarios'>[] = [];
+
+		for (const role of rolesTi) {
+			const membros = await ctx.db
+				.query('usuarios')
+				.withIndex('by_role', (q) => q.eq('roleId', role._id))
+				.collect();
+			for (const usuario of membros) {
+				usuariosNotificados.push(usuario._id);
+			}
+		}
+
+		// Criar notificações para usuários TI
+		const tipoAcao =
+			args.acaoExcedido === 'bloquear'
+				? 'bloqueado'
+				: args.acaoExcedido === 'alertar'
+					? 'alertado'
+					: 'throttled';
+		const emoji = args.acaoExcedido === 'bloquear' ? '🚫' : '⚠️';
+		const titulo = `${emoji} Rate Limit ${tipoAcao === 'bloqueado' ? 'Bloqueado' : tipoAcao === 'alertado' ? 'Alertado' : 'Throttled'}`;
+		const descricao = `${args.tipo.toUpperCase()}: ${args.identificador} excedeu o limite de ${args.limite} requisições em ${args.janelaSegundos}s no endpoint ${args.endpoint}`;
+
+		for (const usuarioId of usuariosNotificados) {
+			await ctx.db.insert('notificacoes', {
+				usuarioId,
+				tipo: 'alerta_seguranca',
+				conversaId: undefined,
+				mensagemId: undefined,
+				remetenteId: undefined,
+				titulo,
+				descricao,
+				lida: false,
+				criadaEm: Date.now()
+			});
+		}
+
+		// Criar evento de segurança se foi bloqueado
+		if (args.acaoExcedido === 'bloquear') {
+			// Determinar tipo de ataque baseado no contexto
+			let tipoAtaque: AtaqueCiberneticoTipo = 'brute_force';
+			if (args.tipo === 'ip') {
+				tipoAtaque = 'ddos';
+			} else if (args.tipo === 'usuario') {
+				tipoAtaque = 'brute_force';
+			}
+
+			// Criar evento de segurança
+			const eventoId = await ctx.db.insert('securityEvents', {
+				referencia: `rate_limit_${args.tipo}_${args.identificador}_${Date.now()}`,
+				timestamp: Date.now(),
+				tipoAtaque,
+				severidade: 'alto',
+				status: 'detectado',
+				descricao: `Rate limit bloqueado: ${args.identificador} excedeu ${args.limite} requisições em ${args.janelaSegundos}s`,
+				origemIp: args.tipo === 'ip' ? args.identificador : undefined,
+				tags: ['rate_limit', 'bloqueio_automatico'],
+				atualizadoEm: Date.now()
+			});
+
+			// Disparar alertas se configurado
+			ctx.scheduler
+				.runAfter(0, internal.security.dispararAlertasInternos, {
+					eventoId
+				})
+				.catch((error) => {
+					console.error('Erro ao agendar alertas de rate limit:', error);
+				});
+		}
+
+		return null;
+	}
+});
+
 export const expirarBloqueiosIpAutomaticos = internalMutation({
 	args: {},
 	returns: v.null(),
@@ -1692,6 +2064,24 @@ async function aplicarRateLimit(
 	if (!result.ok) {
 		const retryAfter = result.retryAfter ?? periodo;
 
+		// Criar notificações e eventos quando rate limit é excedido
+		// Usar scheduler para não bloquear a requisição
+		if ('runMutation' in ctx) {
+			ctx.scheduler
+				.runAfter(0, internal.security.notificarRateLimitExcedido, {
+					configId: config._id,
+					tipo,
+					identificador,
+					endpoint: endpoint ?? 'default',
+					acaoExcedido: config.acaoExcedido,
+					limite: config.limite,
+					janelaSegundos: config.janelaSegundos
+				})
+				.catch((error) => {
+					console.error('Erro ao agendar notificação de rate limit:', error);
+				});
+		}
+
 		if (config.acaoExcedido === 'bloquear') {
 			return {
 				permitido: false,
diff --git a/packages/backend/convex/tables/ausencias.ts b/packages/backend/convex/tables/ausencias.ts
index 94fc88a..07340cd 100644
--- a/packages/backend/convex/tables/ausencias.ts
+++ b/packages/backend/convex/tables/ausencias.ts
@@ -18,7 +18,16 @@ export const ausenciasTables = {
 		dataReprovacao: v.optional(v.number()),
 		motivoReprovacao: v.optional(v.string()),
 		observacao: v.optional(v.string()),
-		criadoEm: v.number()
+		criadoEm: v.number(),
+		historicoAlteracoes: v.optional(
+			v.array(
+				v.object({
+					data: v.number(),
+					usuarioId: v.id('usuarios'),
+					acao: v.string()
+				})
+			)
+		)
 	})
 		.index('by_funcionario', ['funcionarioId'])
 		.index('by_status', ['status'])
diff --git a/packages/backend/convex/tables/chat.ts b/packages/backend/convex/tables/chat.ts
index 5230eb3..72ee5d2 100644
--- a/packages/backend/convex/tables/chat.ts
+++ b/packages/backend/convex/tables/chat.ts
@@ -23,12 +23,16 @@ export const chatTables = {
 		conversaId: v.id('conversas'),
 		remetenteId: v.id('usuarios'),
 		tipo: v.union(v.literal('texto'), v.literal('arquivo'), v.literal('imagem')),
-		conteudo: v.string(), // texto ou nome do arquivo
-		conteudoBusca: v.optional(v.string()), // versão normalizada para busca
+		conteudo: v.string(), // texto ou nome do arquivo (pode ser criptografado)
+		conteudoBusca: v.optional(v.string()), // versão normalizada para busca (não criptografada se mensagem for E2E)
 		arquivoId: v.optional(v.id('_storage')),
 		arquivoNome: v.optional(v.string()),
 		arquivoTamanho: v.optional(v.number()),
 		arquivoTipo: v.optional(v.string()),
+		// Campos para criptografia E2E
+		criptografado: v.optional(v.boolean()), // Indica se a mensagem está criptografada
+		iv: v.optional(v.string()), // Initialization Vector (base64) para descriptografia
+		keyId: v.optional(v.string()), // Identificador da chave usada para criptografar
 		linkPreview: v.optional(
 			v.object({
 				url: v.string(),
@@ -169,5 +173,17 @@ export const chatTables = {
 		atualizadoEm: v.number()
 	})
 		.index('by_usuario_conversa', ['usuarioId', 'conversaId'])
-		.index('by_conversa', ['conversaId'])
+		.index('by_conversa', ['conversaId']),
+
+	// Chaves de Criptografia E2E por Conversa
+	chavesCriptografia: defineTable({
+		conversaId: v.id('conversas'),
+		chaveCompartilhada: v.string(), // Chave criptografada compartilhada (base64)
+		keyId: v.string(), // Identificador único da chave
+		criadoPor: v.id('usuarios'), // Usuário que criou/compartilhou a chave
+		criadoEm: v.number(),
+		ativo: v.boolean() // Se a chave está ativa (permite rotação de chaves)
+	})
+		.index('by_conversa', ['conversaId', 'ativo'])
+		.index('by_key_id', ['keyId'])
 };
diff --git a/packages/backend/convex/tables/ferias.ts b/packages/backend/convex/tables/ferias.ts
index ccd0c01..45dcc89 100644
--- a/packages/backend/convex/tables/ferias.ts
+++ b/packages/backend/convex/tables/ferias.ts
@@ -45,7 +45,8 @@ export const feriasTables = {
 			v.literal('nova_solicitacao'),
 			v.literal('aprovado'),
 			v.literal('reprovado'),
-			v.literal('data_ajustada')
+			v.literal('data_ajustada'),
+			v.literal('cancelado')
 		),
 		lida: v.boolean(),
 		mensagem: v.string()
diff --git a/packages/backend/convex/tables/funcionarios.ts b/packages/backend/convex/tables/funcionarios.ts
index 1fb9f8b..c8f06d5 100644
--- a/packages/backend/convex/tables/funcionarios.ts
+++ b/packages/backend/convex/tables/funcionarios.ts
@@ -35,7 +35,9 @@ export const funcionariosTables = {
 		simboloId: v.id('simbolos'),
 		simboloTipo: simboloTipo,
 		gestorId: v.optional(v.id('usuarios')),
-		statusFerias: v.optional(v.union(v.literal('ativo'), v.literal('em_ferias'))),
+		statusFerias: v.optional(
+			v.union(v.literal('ativo'), v.literal('em_ferias'), v.literal('em_licenca'))
+		),
 
 		// Regime de trabalho (para cálculo correto de férias)
 		regimeTrabalho: v.optional(
diff --git a/packages/backend/convex/tables/lgpdTables.ts b/packages/backend/convex/tables/lgpdTables.ts
new file mode 100644
index 0000000..7287bcd
--- /dev/null
+++ b/packages/backend/convex/tables/lgpdTables.ts
@@ -0,0 +1,98 @@
+import { defineTable } from 'convex/server';
+import { v } from 'convex/values';
+
+export const lgpdTables = {
+	// ========== LGPD - Lei Geral de Proteção de Dados ==========
+
+	// Solicitações de direitos LGPD
+	solicitacoesLGPD: defineTable({
+		tipo: v.union(
+			v.literal('acesso'),
+			v.literal('correcao'),
+			v.literal('exclusao'),
+			v.literal('portabilidade'),
+			v.literal('revogacao_consentimento'),
+			v.literal('informacao_compartilhamento')
+		),
+		usuarioId: v.id('usuarios'),
+		funcionarioId: v.optional(v.id('funcionarios')),
+		status: v.union(
+			v.literal('pendente'),
+			v.literal('em_analise'),
+			v.literal('concluida'),
+			v.literal('rejeitada'),
+			v.literal('cancelada')
+		),
+		dadosSolicitados: v.optional(v.string()), // JSON com detalhes da solicitação
+		resposta: v.optional(v.string()), // Resposta da solicitação
+		arquivoResposta: v.optional(v.id('_storage')), // Arquivo gerado (ex: exportação de dados)
+		respondidoPor: v.optional(v.id('usuarios')),
+		respondidoEm: v.optional(v.number()),
+		criadoEm: v.number(),
+		prazoResposta: v.number(), // Prazo legal (15 dias) - timestamp
+		observacoes: v.optional(v.string())
+	})
+		.index('by_usuario', ['usuarioId'])
+		.index('by_status', ['status'])
+		.index('by_tipo', ['tipo'])
+		.index('by_prazo', ['prazoResposta'])
+		.index('by_funcionario', ['funcionarioId']),
+
+	// Consentimentos dos usuários
+	consentimentos: defineTable({
+		usuarioId: v.id('usuarios'),
+		tipo: v.union(
+			v.literal('termo_uso'),
+			v.literal('politica_privacidade'),
+			v.literal('comunicacoes'),
+			v.literal('compartilhamento_dados')
+		),
+		aceito: v.boolean(),
+		versao: v.string(), // Versão do documento aceito (ex: "1.0")
+		ipAddress: v.optional(v.string()),
+		userAgent: v.optional(v.string()),
+		aceitoEm: v.number(),
+		revogadoEm: v.optional(v.number()),
+		revogadoPor: v.optional(v.id('usuarios')) // Se revogado pelo próprio usuário ou por TI
+	})
+		.index('by_usuario', ['usuarioId'])
+		.index('by_tipo', ['tipo'])
+		.index('by_usuario_tipo', ['usuarioId', 'tipo'])
+		.index('by_versao', ['versao']),
+
+	// Registro de Operações de Tratamento (ROT)
+	registrosTratamento: defineTable({
+		finalidade: v.string(), // Finalidade do tratamento
+		baseLegal: v.string(), // Base legal (ex: "Art. 7º, II - Execução de políticas públicas")
+		categoriasDados: v.array(v.string()), // ["dados_identificacao", "dados_contato", "dados_profissionais"]
+		categoriasTitulares: v.array(v.string()), // ["funcionarios", "servidores", "colaboradores"]
+		medidasSeguranca: v.array(v.string()), // ["criptografia", "controle_acesso", "logs_auditoria"]
+		prazoRetencao: v.number(), // em dias
+		compartilhamentoTerceiros: v.boolean(),
+		terceiros: v.optional(v.array(v.string())), // Lista de terceiros com quem compartilha
+		responsavel: v.id('usuarios'), // Responsável pelo tratamento
+		criadoEm: v.number(),
+		atualizadoEm: v.number(),
+		ativo: v.boolean(),
+		descricao: v.optional(v.string()) // Descrição detalhada
+	})
+		.index('by_finalidade', ['finalidade'])
+		.index('by_ativo', ['ativo'])
+		.index('by_responsavel', ['responsavel']),
+
+	// Configurações LGPD
+	configuracaoLGPD: defineTable({
+		encarregadoNome: v.optional(v.string()),
+		encarregadoEmail: v.optional(v.string()),
+		encarregadoTelefone: v.optional(v.string()),
+		encarregadoHorarioAtendimento: v.optional(v.string()), // Ex: "Segunda a Sexta, das 8h às 17h"
+		prazoRespostaPadrao: v.number(), // em dias (padrão: 15)
+		diasAlertaVencimento: v.number(), // dias antes do prazo para alertar (padrão: 3)
+		termoObrigatorio: v.boolean(), // Se o termo de consentimento é obrigatório
+		versaoTermoAtual: v.string(), // Versão atual do termo (ex: "1.0")
+		politicaRetencao: v.optional(v.string()), // JSON com política de retenção por tipo de dado
+		ativo: v.boolean(),
+		atualizadoPor: v.id('usuarios'),
+		atualizadoEm: v.number()
+	}).index('by_ativo', ['ativo'])
+};
diff --git a/packages/backend/convex/tables/ponto.ts b/packages/backend/convex/tables/ponto.ts
index 4233db6..d206f32 100644
--- a/packages/backend/convex/tables/ponto.ts
+++ b/packages/backend/convex/tables/ponto.ts
@@ -204,11 +204,48 @@ export const pontoTables = {
 		horasTrabalhadas: v.number(), // Horas realmente trabalhadas (em minutos)
 		saldoMinutos: v.number(), // Saldo do dia (positivo = horas extras, negativo = déficit)
 		registrosPontoIds: v.array(v.id('registrosPonto')), // IDs dos registros do dia
+		// Novos campos para sistema avançado
+		ajustesIds: v.optional(v.array(v.id('ajustesBancoHoras'))), // IDs dos ajustes aplicados no dia
+		motivoAbono: v.optional(v.string()), // Motivo do abono (atestado, licença, ausência, etc.)
+		tipoDia: v.optional(
+			v.union(
+				v.literal('normal'),
+				v.literal('atestado'),
+				v.literal('licenca'),
+				v.literal('ausencia'),
+				v.literal('abonado'),
+				v.literal('descontado')
+			)
+		), // Tipo do dia
+		inconsistenciasIds: v.optional(v.array(v.id('inconsistenciasBancoHoras'))), // IDs de inconsistências detectadas
 		calculadoEm: v.number()
 	})
 		.index('by_funcionario_data', ['funcionarioId', 'data'])
 		.index('by_funcionario', ['funcionarioId'])
-		.index('by_data', ['data']),
+		.index('by_data', ['data'])
+		.index('by_tipo_dia', ['tipoDia']),
+
+	// Banco de Horas Mensal - Agregação mensal do banco de horas
+	bancoHorasMensal: defineTable({
+		funcionarioId: v.id('funcionarios'),
+		mes: v.string(), // YYYY-MM (ex: "2024-01")
+		saldoInicialMinutos: v.number(), // Saldo acumulado do mês anterior (pode ser negativo)
+		saldoFinalMinutos: v.number(), // Saldo acumulado ao final do mês
+		saldoMesMinutos: v.number(), // Saldo apenas do mês atual (sem acumular)
+		diasTrabalhados: v.number(), // Quantidade de dias com registros no mês
+		horasExtras: v.number(), // Total de minutos positivos do mês
+		horasDeficit: v.number(), // Total de minutos negativos do mês (valor absoluto)
+		// Novos campos para sistema avançado
+		totalAjustes: v.optional(v.number()), // Total de ajustes aplicados no mês (em minutos)
+		totalAbonos: v.optional(v.number()), // Total de abonos no mês (em minutos)
+		totalDescontos: v.optional(v.number()), // Total de descontos no mês (em minutos)
+		inconsistenciasResolvidas: v.optional(v.number()), // Quantidade de inconsistências resolvidas
+		calculadoEm: v.number(),
+		atualizadoEm: v.number()
+	})
+		.index('by_funcionario_mes', ['funcionarioId', 'mes'])
+		.index('by_funcionario', ['funcionarioId'])
+		.index('by_mes', ['mes']),
 
 	// Homologações de Ponto - Edições e ajustes realizados pelo gestor
 	homologacoesPonto: defineTable({
@@ -262,5 +299,119 @@ export const pontoTables = {
 		.index('by_gestor', ['gestorId'])
 		.index('by_ativo', ['ativo'])
 		.index('by_data_inicio', ['dataInicio'])
-		.index('by_data_fim', ['dataFim'])
+		.index('by_data_fim', ['dataFim']),
+
+	// Configuração de Banco de Horas - Configurações gerais do sistema
+	configuracaoBancoHoras: defineTable({
+		// Limites de saldo
+		limiteSaldoPositivoMinutos: v.optional(v.number()), // Limite máximo de saldo positivo (em minutos)
+		limiteSaldoNegativoMinutos: v.optional(v.number()), // Limite máximo de saldo negativo (em minutos)
+		// Regras de cálculo
+		considerarAjustesAutomaticos: v.optional(v.boolean()), // Se deve considerar ajustes automáticos (atestados, licenças, ausências)
+		// Periodicidade de verificação
+		periodicidadeVerificacao: v.optional(
+			v.union(v.literal('diario'), v.literal('semanal'), v.literal('mensal'))
+		),
+		// Metadados
+		atualizadoPor: v.id('usuarios'),
+		atualizadoEm: v.number()
+	}).index('by_ativo', ['atualizadoEm']),
+
+	// Alertas de Banco de Horas - Configuração de alertas por tipo
+	alertasBancoHoras: defineTable({
+		tipoAlerta: v.union(
+			v.literal('saldo_negativo'),
+			v.literal('saldo_negativo_critico'),
+			v.literal('inconsistencia_detectada'),
+			v.literal('dias_sem_registro'),
+			v.literal('limite_saldo_excedido')
+		),
+		// Periodicidade
+		periodicidade: v.union(v.literal('diario'), v.literal('semanal'), v.literal('mensal')),
+		// Canais de envio
+		enviarEmail: v.boolean(),
+		enviarChat: v.boolean(),
+		// Destinatários específicos (opcional - se vazio, envia para gestor padrão)
+		destinatariosEmail: v.optional(v.array(v.id('usuarios'))), // IDs de usuários que receberão email
+		destinatariosChat: v.optional(v.array(v.id('usuarios'))), // IDs de usuários que receberão chat
+		// Thresholds e limites
+		threshold: v.optional(v.number()), // Valor limite para disparar alerta
+		limiteMinutos: v.optional(v.number()), // Limite em minutos (para saldo negativo)
+		// Status
+		ativo: v.boolean(),
+		// Metadados
+		criadoPor: v.id('usuarios'),
+		criadoEm: v.number(),
+		atualizadoPor: v.optional(v.id('usuarios')),
+		atualizadoEm: v.optional(v.number())
+	})
+		.index('by_tipo', ['tipoAlerta'])
+		.index('by_ativo', ['ativo'])
+		.index('by_tipo_ativo', ['tipoAlerta', 'ativo']),
+
+	// Ajustes de Banco de Horas - Registro de ajustes manuais e automáticos
+	ajustesBancoHoras: defineTable({
+		funcionarioId: v.id('funcionarios'),
+		tipo: v.union(v.literal('abonar'), v.literal('descontar'), v.literal('compensar')),
+		// Motivo vinculado
+		motivoTipo: v.optional(
+			v.union(
+				v.literal('atestado'),
+				v.literal('licenca'),
+				v.literal('ausencia'),
+				v.literal('manual')
+			)
+		),
+		motivoId: v.optional(v.string()), // ID do atestado, licença, ausência ou null para manual
+		motivoDescricao: v.optional(v.string()), // Descrição do motivo
+		// Valor do ajuste
+		valorMinutos: v.number(), // Valor em minutos (positivo para abonar, negativo para descontar)
+		// Data de aplicação
+		dataAplicacao: v.string(), // YYYY-MM-DD
+		// Gestor responsável (null se automático)
+		gestorId: v.optional(v.id('usuarios')),
+		// Observações
+		observacoes: v.optional(v.string()),
+		// Status
+		aplicado: v.boolean(), // Se já foi aplicado ao banco de horas
+		// Metadados
+		criadoEm: v.number(),
+		aplicadoEm: v.optional(v.number())
+	})
+		.index('by_funcionario', ['funcionarioId'])
+		.index('by_data_aplicacao', ['dataAplicacao'])
+		.index('by_funcionario_data', ['funcionarioId', 'dataAplicacao'])
+		.index('by_tipo', ['tipo'])
+		.index('by_aplicado', ['aplicado'])
+		.index('by_gestor', ['gestorId']),
+
+	// Inconsistências de Banco de Horas - Registro de inconsistências detectadas
+	inconsistenciasBancoHoras: defineTable({
+		funcionarioId: v.id('funcionarios'),
+		tipo: v.union(
+			v.literal('ponto_com_atestado'),
+			v.literal('ponto_com_licenca'),
+			v.literal('ponto_com_ausencia'),
+			v.literal('registro_duplicado'),
+			v.literal('sequencia_invalida'),
+			v.literal('saldo_inconsistente')
+		),
+		descricao: v.string(), // Descrição detalhada da inconsistência
+		dataDetectada: v.string(), // YYYY-MM-DD
+		dataInconsistencia: v.string(), // YYYY-MM-DD (data do dia com inconsistência)
+		// Status
+		status: v.union(v.literal('pendente'), v.literal('resolvida'), v.literal('ignorada')),
+		// Resolução
+		resolucao: v.optional(v.string()), // Descrição da resolução
+		resolvidoPor: v.optional(v.id('usuarios')), // Usuário que resolveu
+		resolvidoEm: v.optional(v.number()), // Timestamp da resolução
+		// Metadados
+		criadoEm: v.number()
+	})
+		.index('by_funcionario', ['funcionarioId'])
+		.index('by_status', ['status'])
+		.index('by_funcionario_status', ['funcionarioId', 'status'])
+		.index('by_data_detectada', ['dataDetectada'])
+		.index('by_tipo', ['tipo'])
+		.index('by_data_inconsistencia', ['dataInconsistencia'])
 };
diff --git a/packages/backend/convex/tables/system.ts b/packages/backend/convex/tables/system.ts
index 193b6b2..37147c4 100644
--- a/packages/backend/convex/tables/system.ts
+++ b/packages/backend/convex/tables/system.ts
@@ -164,6 +164,7 @@ export const systemTables = {
 		severidadeMin: severidadeSeguranca,
 		tiposAtaque: v.optional(v.array(ataqueCiberneticoTipo)),
 		reenvioMin: v.number(),
+		templateCodigo: v.optional(v.string()), // Template a ser usado para email/chat
 		criadoPor: v.id('usuarios'),
 		criadoEm: v.number(),
 		atualizadoEm: v.number()
@@ -222,5 +223,24 @@ export const systemTables = {
 		sshUsername: v.optional(v.string()), // Usuário SSH para acesso ao servidor
 		sshPasswordHash: v.optional(v.string()), // Hash da senha SSH (criptografada)
 		sshPort: v.optional(v.number()) // Porta SSH (padrão: 22)
-	}).index('by_ativo', ['ativo'])
+	}).index('by_ativo', ['ativo']),
+
+	// Logs de Erros do Servidor (500, etc)
+	errosServidor: defineTable({
+		statusCode: v.number(), // Código HTTP do erro (500, 502, etc)
+		mensagem: v.string(), // Mensagem do erro
+		stack: v.optional(v.string()), // Stack trace do erro
+		url: v.optional(v.string()), // URL onde ocorreu o erro
+		method: v.optional(v.string()), // Método HTTP (GET, POST, etc)
+		ipAddress: v.optional(v.string()), // IP do cliente
+		userAgent: v.optional(v.string()), // User agent do navegador
+		usuarioId: v.optional(v.id('usuarios')), // Usuário autenticado (se houver)
+		notificado: v.boolean(), // Se a equipe técnica já foi notificada
+		notificadoEm: v.optional(v.number()), // Timestamp da notificação
+		criadoEm: v.number() // Timestamp do erro
+	})
+		.index('by_status_code', ['statusCode'])
+		.index('by_notificado', ['notificado'])
+		.index('by_criado_em', ['criadoEm'])
+		.index('by_usuario', ['usuarioId'])
 };
diff --git a/packages/backend/convex/templatesMensagens.ts b/packages/backend/convex/templatesMensagens.ts
index c8aa350..9b45ec0 100644
--- a/packages/backend/convex/templatesMensagens.ts
+++ b/packages/backend/convex/templatesMensagens.ts
@@ -1,8 +1,8 @@
 import { v } from 'convex/values';
-import type { Doc } from './_generated/dataModel';
 import { mutation, query } from './_generated/server';
 import { registrarAtividade } from './logsAtividades';
-import { textToHTML, wrapEmailHTML } from './utils/emailTemplateWrapper';
+import { Doc } from './_generated/dataModel';
+import { wrapEmailHTML, textToHTML } from './utils/emailTemplateWrapper';
 
 /**
  * Listar todos os templates
@@ -61,10 +61,7 @@ export const criarTemplate = mutation({
 		criadoPorId: v.id('usuarios')
 	},
 	returns: v.union(
-		v.object({
-			sucesso: v.literal(true),
-			templateId: v.id('templatesMensagens')
-		}),
+		v.object({ sucesso: v.literal(true), templateId: v.id('templatesMensagens') }),
 		v.object({ sucesso: v.literal(false), erro: v.string() })
 	),
 	handler: async (ctx, args) => {
@@ -146,10 +143,7 @@ export const editarTemplate = mutation({
 
 		// Não permite editar templates do sistema
 		if (template.tipo === 'sistema') {
-			return {
-				sucesso: false as const,
-				erro: 'Templates do sistema não podem ser editados'
-			};
+			return { sucesso: false as const, erro: 'Templates do sistema não podem ser editados' };
 		}
 
 		// Atualizar template
@@ -209,10 +203,7 @@ export const excluirTemplate = mutation({
 
 		// Não permite excluir templates do sistema
 		if (template.tipo === 'sistema') {
-			return {
-				sucesso: false as const,
-				erro: 'Templates do sistema não podem ser excluídos'
-			};
+			return { sucesso: false as const, erro: 'Templates do sistema não podem ser excluídos' };
 		}
 
 		// Excluir template
@@ -361,8 +352,27 @@ export const criarTemplatesPadrao = mutation({
 				nome: 'Boas-vindas',
 				titulo: 'Bem-vindo ao SGSE',
 				corpo:
-					'Olá {{nome}},\n\nSeja bem-vindo ao SGSE - Sistema de Gerenciamento de Secretaria!\n\nSuas credenciais de acesso:\nMatrícula: {{matricula}}\nSenha temporária: {{senha}}\n\nPor favor, altere sua senha no primeiro acesso.\n\nEquipe de TI',
-				variaveis: ['nome', 'matricula', 'senha']
+					"<html><body style='font-family: Arial, sans-serif; line-height: 1.6; color: #333;'>" +
+					"<div style='max-width: 600px; margin: 0 auto; padding: 20px;'>" +
+					"<h2 style='color: #2563EB;'>Bem-vindo ao SGSE</h2>" +
+					'<p>Olá <strong>{{nome}}</strong>,</p>' +
+					'<p>Seja bem-vindo ao <strong>SGSE - Sistema de Gerenciamento de Secretaria</strong>!</p>' +
+					'<p>Seu cadastro foi realizado com sucesso.</p>' +
+					"<div style='background-color: #F3F4F6; border-left: 4px solid #2563EB; padding: 15px; border-radius: 8px; margin: 20px 0;'>" +
+					"<p style='margin: 0 0 10px 0;'><strong>Suas credenciais de acesso:</strong></p>" +
+					"<ul style='margin: 0; padding-left: 20px;'>" +
+					'<li><strong>E-mail:</strong> {{email}}</li>' +
+					'{{credenciaisAdicionais}}' +
+					'<li><strong>Senha temporária:</strong> {{senha}}</li>' +
+					'</ul>' +
+					'</div>' +
+					'<p><strong>⚠️ Importante:</strong> Por favor, altere sua senha no primeiro acesso ao sistema.</p>' +
+					"<p>Acesse o sistema através do link: <a href='{{urlSistema}}' style='color: #2563EB;'>{{urlSistema}}</a></p>" +
+					"<p style='margin-top: 30px; color: #6B7280; font-size: 14px;'>Equipe de TI - Secretaria de Esportes</p>" +
+					'</div></body></html>',
+				variaveis: ['nome', 'email', 'credenciaisAdicionais', 'senha', 'urlSistema'],
+				categoria: 'email' as const,
+				tags: ['boas_vindas', 'cadastro', 'credenciais']
 			},
 			{
 				codigo: 'chat_mensagem',
@@ -554,10 +564,138 @@ export const criarTemplatesPadrao = mutation({
 					'Recomenda-se verificar o painel de monitoramento do SGSE para detalhes adicionais e, se necessário, ' +
 					'executar ações corretivas.\n\n' +
 					'Esta é uma notificação automática do sistema de monitoramento SGSE.',
+				htmlCorpo:
+					'<div style="max-width: 600px; margin: 0 auto; padding: 20px;">' +
+					'<div style="background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%); border-radius: 8px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);">' +
+					'<h2 style="color: #FFFFFF; margin: 0 0 10px 0; font-size: 24px; font-weight: bold;">⚠️ Alerta de Sistema</h2>' +
+					'<p style="color: #FFFFFF; margin: 0; font-size: 16px; font-weight: 500;">Métrica: <strong>{{metricName}}</strong></p>' +
+					'</div>' +
+					'<p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 0 0 20px 0;">Olá <strong>{{destinatarioNome}}</strong>,</p>' +
+					'<div style="background-color: #FFF3CD; border-left: 4px solid #FFC107; padding: 15px; border-radius: 4px; margin: 20px 0;">' +
+					'<p style="margin: 0 0 10px 0; color: #856404; font-weight: bold; font-size: 14px;">📊 Detalhes do Alerta:</p>' +
+					'<ul style="margin: 0; padding-left: 20px; color: #856404; font-size: 14px; line-height: 1.8;">' +
+					'<li><strong>Métrica:</strong> {{metricName}}</li>' +
+					'<li><strong>Valor Atual:</strong> <span style="color: #DC3545; font-weight: bold;">{{metricValue}}</span></li>' +
+					'<li><strong>Limite Configurado:</strong> {{threshold}}</li>' +
+					'</ul>' +
+					'</div>' +
+					'<p style="color: #333333; font-size: 14px; line-height: 1.6; margin: 20px 0;">' +
+					'Recomenda-se verificar o <strong>painel de monitoramento do SGSE</strong> para detalhes adicionais e, se necessário, executar ações corretivas.' +
+					'</p>' +
+					'<div style="background-color: #E7F3FF; border-left: 4px solid #0052A5; padding: 15px; border-radius: 4px; margin: 20px 0;">' +
+					'<p style="margin: 0; color: #004085; font-size: 14px; line-height: 1.6;">' +
+					'<strong>💡 Dica:</strong> Acesse o painel de monitoramento para visualizar gráficos e histórico detalhado desta métrica.' +
+					'</p>' +
+					'</div>' +
+					'<p style="color: #666666; font-size: 12px; margin-top: 30px; padding-top: 20px; border-top: 1px solid #E0E0E0;">' +
+					'Esta é uma notificação automática do sistema de monitoramento SGSE.' +
+					'</p>' +
+					'</div>',
 				variaveis: ['destinatarioNome', 'metricName', 'metricValue', 'threshold'],
 				categoria: 'email' as const,
 				tags: ['monitoramento', 'alerta', 'sistema', 'ti']
 			},
+			// ===================== LGPD =====================
+			{
+				codigo: 'lgpd_solicitacao_criada',
+				nome: 'LGPD - Solicitação Criada',
+				titulo: 'Recebemos sua solicitação LGPD ({{tipoSolicitacaoLabel}})',
+				corpo:
+					'Olá {{nomeTitular}},\n\n' +
+					'Recebemos sua solicitação LGPD do tipo "{{tipoSolicitacaoLabel}}".\n\n' +
+					'Prazo estimado para resposta: até {{prazoResposta}}.\n\n' +
+					'Você pode acompanhar o andamento acessando: {{urlPortalLGPD}}.\n\n' +
+					'Equipe de Proteção de Dados / TI.',
+				variaveis: ['nomeTitular', 'tipoSolicitacaoLabel', 'prazoResposta', 'urlPortalLGPD'],
+				categoria: 'email' as const,
+				tags: ['lgpd', 'solicitacao', 'dados_pessoais']
+			},
+			{
+				codigo: 'lgpd_resposta_acesso',
+				nome: 'LGPD - Resposta Acesso',
+				titulo: 'Resposta à sua solicitação LGPD - Acesso aos Dados',
+				corpo:
+					'Olá {{nomeTitular}},\n\n' +
+					'Sua solicitação LGPD de Acesso aos Dados foi marcada como {{statusLabel}}.\n\n' +
+					'Resumo da resposta:\n{{resumoResposta}}\n\n' +
+					'Para mais detalhes, acesse: {{urlPortalLGPD}}.\n\n' +
+					'Equipe de Proteção de Dados / TI.',
+				variaveis: ['nomeTitular', 'statusLabel', 'resumoResposta', 'urlPortalLGPD'],
+				categoria: 'email' as const,
+				tags: ['lgpd', 'acesso', 'dados_pessoais']
+			},
+			{
+				codigo: 'lgpd_resposta_correcao',
+				nome: 'LGPD - Resposta Correção',
+				titulo: 'Resposta à sua solicitação LGPD - Correção de Dados',
+				corpo:
+					'Olá {{nomeTitular}},\n\n' +
+					'Sua solicitação LGPD de Correção de Dados foi marcada como {{statusLabel}}.\n\n' +
+					'Resumo da resposta:\n{{resumoResposta}}\n\n' +
+					'Para mais detalhes, acesse: {{urlPortalLGPD}}.\n\n' +
+					'Equipe de Proteção de Dados / TI.',
+				variaveis: ['nomeTitular', 'statusLabel', 'resumoResposta', 'urlPortalLGPD'],
+				categoria: 'email' as const,
+				tags: ['lgpd', 'correcao', 'dados_pessoais']
+			},
+			{
+				codigo: 'lgpd_resposta_exclusao',
+				nome: 'LGPD - Resposta Exclusão',
+				titulo: 'Resposta à sua solicitação LGPD - Exclusão de Dados',
+				corpo:
+					'Olá {{nomeTitular}},\n\n' +
+					'Sua solicitação LGPD de Exclusão de Dados foi marcada como {{statusLabel}}.\n\n' +
+					'Resumo da resposta:\n{{resumoResposta}}\n\n' +
+					'Para mais detalhes, acesse: {{urlPortalLGPD}}.\n\n' +
+					'Equipe de Proteção de Dados / TI.',
+				variaveis: ['nomeTitular', 'statusLabel', 'resumoResposta', 'urlPortalLGPD'],
+				categoria: 'email' as const,
+				tags: ['lgpd', 'exclusao', 'dados_pessoais']
+			},
+			{
+				codigo: 'lgpd_resposta_portabilidade',
+				nome: 'LGPD - Resposta Portabilidade',
+				titulo: 'Resposta à sua solicitação LGPD - Portabilidade dos Dados',
+				corpo:
+					'Olá {{nomeTitular}},\n\n' +
+					'Sua solicitação LGPD de Portabilidade dos Dados foi marcada como {{statusLabel}}.\n\n' +
+					'Resumo da resposta:\n{{resumoResposta}}\n\n' +
+					'Caso tenha recebido um arquivo anexo, ele contém os dados em formato portável.\n\n' +
+					'Para mais detalhes, acesse: {{urlPortalLGPD}}.\n\n' +
+					'Equipe de Proteção de Dados / TI.',
+				variaveis: ['nomeTitular', 'statusLabel', 'resumoResposta', 'urlPortalLGPD'],
+				categoria: 'email' as const,
+				tags: ['lgpd', 'portabilidade', 'dados_pessoais']
+			},
+			{
+				codigo: 'lgpd_resposta_revogacao_consentimento',
+				nome: 'LGPD - Resposta Revogação de Consentimento',
+				titulo: 'Confirmação de Revogação de Consentimento',
+				corpo:
+					'Olá {{nomeTitular}},\n\n' +
+					'Sua solicitação LGPD de Revogação de Consentimento foi marcada como {{statusLabel}}.\n\n' +
+					'Resumo da resposta:\n{{resumoResposta}}\n\n' +
+					'Todos os consentimentos ativos associados à sua conta foram marcados como revogados a partir desta data.\n\n' +
+					'Para mais detalhes, acesse: {{urlPortalLGPD}}.\n\n' +
+					'Equipe de Proteção de Dados / TI.',
+				variaveis: ['nomeTitular', 'statusLabel', 'resumoResposta', 'urlPortalLGPD'],
+				categoria: 'email' as const,
+				tags: ['lgpd', 'revogacao_consentimento', 'dados_pessoais']
+			},
+			{
+				codigo: 'lgpd_resposta_informacao_compartilhamento',
+				nome: 'LGPD - Resposta Informação sobre Compartilhamento',
+				titulo: 'Resposta à sua solicitação LGPD - Informação sobre Compartilhamento',
+				corpo:
+					'Olá {{nomeTitular}},\n\n' +
+					'Sua solicitação LGPD de Informação sobre Compartilhamento foi marcada como {{statusLabel}}.\n\n' +
+					'Resumo da resposta:\n{{resumoResposta}}\n\n' +
+					'Para mais detalhes, acesse: {{urlPortalLGPD}}.\n\n' +
+					'Equipe de Proteção de Dados / TI.',
+				variaveis: ['nomeTitular', 'statusLabel', 'resumoResposta', 'urlPortalLGPD'],
+				categoria: 'email' as const,
+				tags: ['lgpd', 'informacao_compartilhamento', 'dados_pessoais']
+			},
 			{
 				codigo: 'ausencia_solicitada',
 				nome: 'Ausência Solicitada',
@@ -609,6 +747,264 @@ export const criarTemplatesPadrao = mutation({
 				],
 				categoria: 'email' as const,
 				tags: ['ausencia', 'reprovacao', 'gestao']
+			},
+			{
+				codigo: 'ferias_aprovada',
+				nome: 'Férias Aprovada',
+				titulo: 'Solicitação de Férias Aprovada',
+				corpo:
+					'Olá {{funcionarioNome}},\n\nSua solicitação de férias foi <strong>aprovada</strong> pelo gestor {{gestorNome}}:\n\n<ul><li><strong>Período:</strong> {{dataInicio}} até {{dataFim}}</li><li><strong>Dias:</strong> {{diasFerias}} dias</li></ul>',
+				variaveis: [
+					'funcionarioNome',
+					'gestorNome',
+					'dataInicio',
+					'dataFim',
+					'diasFerias',
+					'urlSistema'
+				],
+				categoria: 'email' as const,
+				tags: ['ferias', 'aprovacao', 'gestao']
+			},
+			{
+				codigo: 'ferias_cancelada_rh',
+				nome: 'Férias Cancelada pelo RH',
+				titulo: 'Solicitação de Férias Cancelada',
+				corpo:
+					'Olá {{funcionarioNome}},\n\nSua solicitação de férias foi <strong>cancelada</strong> pelo setor de Recursos Humanos:\n\n<ul><li><strong>Período:</strong> {{dataInicio}} até {{dataFim}}</li><li><strong>Dias:</strong> {{diasFerias}} dias</li></ul>\n\nPara mais informações, entre em contato com o setor de Recursos Humanos.',
+				variaveis: ['funcionarioNome', 'dataInicio', 'dataFim', 'diasFerias', 'urlSistema'],
+				categoria: 'email' as const,
+				tags: ['ferias', 'cancelamento', 'recursos_humanos']
+			},
+			// ===================== ALERTAS DE SEGURANÇA CIBERNÉTICA =====================
+			{
+				codigo: 'incidente_critico',
+				nome: 'Incidente Crítico - Ação Imediata',
+				titulo: '🚨 ALERTA CRÍTICO: {{tipoAtaque}}',
+				corpo:
+					"<html><body style='font-family: Arial, sans-serif; line-height: 1.6; color: #333;'>" +
+					"<div style='max-width: 600px; margin: 0 auto; padding: 20px;'>" +
+					"<h2 style='color: #DC2626;'>🚨 ALERTA CRÍTICO DE SEGURANÇA</h2>" +
+					'<p>Olá <strong>{{destinatarioNome}}</strong>,</p>' +
+					'<p>Um <strong>incidente crítico de segurança</strong> foi detectado no sistema:</p>' +
+					"<div style='background-color: #FEF2F2; border-left: 4px solid #DC2626; padding: 15px; border-radius: 8px; margin: 20px 0;'>" +
+					"<p style='margin: 0;'><strong>Tipo de Ataque:</strong> {{tipoAtaque}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Severidade:</strong> <span style='color: #DC2626; font-weight: bold;'>{{severidade}}</span></p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Descrição:</strong> {{descricao}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>IP de Origem:</strong> {{origemIp}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Data/Hora:</strong> {{dataHora}}</p>" +
+					'</div>' +
+					"<p style='color: #DC2626; font-weight: bold;'>⚠️ AÇÃO IMEDIATA NECESSÁRIA</p>" +
+					"<p style='margin-top: 30px;'>" +
+					"<a href='{{urlSistema}}/ti/cybersecurity' " +
+					"style='background-color: #DC2626; color: white; padding: 12px 24px; " +
+					"text-decoration: none; border-radius: 6px; display: inline-block;'>" +
+					'Ver Detalhes do Incidente' +
+					'</a>' +
+					'</p>' +
+					"<p style='color: #6B7280; font-size: 12px; margin-top: 30px;'>" +
+					'SGSE - Sistema de Gerenciamento de Secretaria - Equipe de Segurança' +
+					'</p>' +
+					'</div></body></html>',
+				variaveis: [
+					'destinatarioNome',
+					'tipoAtaque',
+					'severidade',
+					'descricao',
+					'origemIp',
+					'dataHora',
+					'urlSistema'
+				],
+				categoria: 'email' as const,
+				tags: ['seguranca', 'alerta', 'critico', 'cybersecurity']
+			},
+			{
+				codigo: 'bloqueio_automatico',
+				nome: 'Bloqueio Automático',
+				titulo: '🔒 Bloqueio Automático: {{tipoAtaque}}',
+				corpo:
+					"<html><body style='font-family: Arial, sans-serif; line-height: 1.6; color: #333;'>" +
+					"<div style='max-width: 600px; margin: 0 auto; padding: 20px;'>" +
+					"<h2 style='color: #F59E0B;'>🔒 Bloqueio Automático Aplicado</h2>" +
+					'<p>Olá <strong>{{destinatarioNome}}</strong>,</p>' +
+					'<p>O sistema aplicou um <strong>bloqueio automático</strong> devido a uma tentativa de ataque detectada:</p>' +
+					"<div style='background-color: #FFFBEB; border-left: 4px solid #F59E0B; padding: 15px; border-radius: 8px; margin: 20px 0;'>" +
+					"<p style='margin: 0;'><strong>Tipo de Ataque:</strong> {{tipoAtaque}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>IP Bloqueado:</strong> {{origemIp}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Descrição:</strong> {{descricao}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Data/Hora:</strong> {{dataHora}}</p>" +
+					'</div>' +
+					"<p style='margin-top: 30px;'>" +
+					"<a href='{{urlSistema}}/ti/cybersecurity' " +
+					"style='background-color: #F59E0B; color: white; padding: 12px 24px; " +
+					"text-decoration: none; border-radius: 6px; display: inline-block;'>" +
+					'Ver Detalhes do Bloqueio' +
+					'</a>' +
+					'</p>' +
+					"<p style='color: #6B7280; font-size: 12px; margin-top: 30px;'>" +
+					'SGSE - Sistema de Gerenciamento de Secretaria - Equipe de Segurança' +
+					'</p>' +
+					'</div></body></html>',
+				variaveis: [
+					'destinatarioNome',
+					'tipoAtaque',
+					'origemIp',
+					'descricao',
+					'dataHora',
+					'urlSistema'
+				],
+				categoria: 'email' as const,
+				tags: ['seguranca', 'bloqueio', 'automatico', 'cybersecurity']
+			},
+			{
+				codigo: 'sumario_30min',
+				nome: 'Sumário 30 Min',
+				titulo: '📊 Sumário de Segurança - Últimos 30 minutos',
+				corpo:
+					"<html><body style='font-family: Arial, sans-serif; line-height: 1.6; color: #333;'>" +
+					"<div style='max-width: 600px; margin: 0 auto; padding: 20px;'>" +
+					"<h2 style='color: #2563EB;'>📊 Sumário de Segurança</h2>" +
+					'<p>Olá <strong>{{destinatarioNome}}</strong>,</p>' +
+					'<p>Resumo dos eventos de segurança dos últimos 30 minutos:</p>' +
+					"<div style='background-color: #EFF6FF; border-left: 4px solid #2563EB; padding: 15px; border-radius: 8px; margin: 20px 0;'>" +
+					"<p style='margin: 0;'><strong>Total de Eventos:</strong> {{totalEventos}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Eventos Críticos:</strong> {{eventosCriticos}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Eventos Altos:</strong> {{eventosAltos}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>IPs Bloqueados:</strong> {{ipsBloqueados}}</p>" +
+					'</div>' +
+					"<p style='margin-top: 30px;'>" +
+					"<a href='{{urlSistema}}/ti/cybersecurity' " +
+					"style='background-color: #2563EB; color: white; padding: 12px 24px; " +
+					"text-decoration: none; border-radius: 6px; display: inline-block;'>" +
+					'Ver Relatório Completo' +
+					'</a>' +
+					'</p>' +
+					"<p style='color: #6B7280; font-size: 12px; margin-top: 30px;'>" +
+					'SGSE - Sistema de Gerenciamento de Secretaria - Equipe de Segurança' +
+					'</p>' +
+					'</div></body></html>',
+				variaveis: [
+					'destinatarioNome',
+					'totalEventos',
+					'eventosCriticos',
+					'eventosAltos',
+					'ipsBloqueados',
+					'urlSistema'
+				],
+				categoria: 'email' as const,
+				tags: ['seguranca', 'sumario', 'relatorio', 'cybersecurity']
+			},
+			{
+				codigo: 'anormalidade',
+				nome: 'Anomalia Detectada',
+				titulo: '⚠️ Anomalia Detectada: {{tipoAtaque}}',
+				corpo:
+					"<html><body style='font-family: Arial, sans-serif; line-height: 1.6; color: #333;'>" +
+					"<div style='max-width: 600px; margin: 0 auto; padding: 20px;'>" +
+					"<h2 style='color: #F59E0B;'>⚠️ Anomalia Detectada</h2>" +
+					'<p>Olá <strong>{{destinatarioNome}}</strong>,</p>' +
+					'<p>O sistema detectou uma <strong>anomalia de segurança</strong> que requer atenção:</p>' +
+					"<div style='background-color: #FFFBEB; border-left: 4px solid #F59E0B; padding: 15px; border-radius: 8px; margin: 20px 0;'>" +
+					"<p style='margin: 0;'><strong>Tipo de Ataque:</strong> {{tipoAtaque}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Severidade:</strong> {{severidade}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Descrição:</strong> {{descricao}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>IP de Origem:</strong> {{origemIp}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Data/Hora:</strong> {{dataHora}}</p>" +
+					'</div>' +
+					"<p style='margin-top: 30px;'>" +
+					"<a href='{{urlSistema}}/ti/cybersecurity' " +
+					"style='background-color: #F59E0B; color: white; padding: 12px 24px; " +
+					"text-decoration: none; border-radius: 6px; display: inline-block;'>" +
+					'Ver Detalhes da Anomalia' +
+					'</a>' +
+					'</p>' +
+					"<p style='color: #6B7280; font-size: 12px; margin-top: 30px;'>" +
+					'SGSE - Sistema de Gerenciamento de Secretaria - Equipe de Segurança' +
+					'</p>' +
+					'</div></body></html>',
+				variaveis: [
+					'destinatarioNome',
+					'tipoAtaque',
+					'severidade',
+					'descricao',
+					'origemIp',
+					'dataHora',
+					'urlSistema'
+				],
+				categoria: 'email' as const,
+				tags: ['seguranca', 'anomalia', 'alerta', 'cybersecurity']
+			},
+			// ===================== NOTIFICAÇÕES DE ERROS DO SERVIDOR =====================
+			{
+				codigo: 'ERRO_SERVIDOR_404',
+				nome: 'Erro 404 - Página Não Encontrada',
+				titulo: '⚠️ Erro 404 - Página não encontrada',
+				corpo:
+					"<html><body style='font-family: Arial, sans-serif; line-height: 1.6; color: #333;'>" +
+					"<div style='max-width: 600px; margin: 0 auto; padding: 20px;'>" +
+					"<h2 style='color: #F59E0B;'>⚠️ Erro 404 - Página Não Encontrada</h2>" +
+					'<p>Olá <strong>{{destinatarioNome}}</strong>,</p>' +
+					'<p>O sistema detectou uma tentativa de acesso a uma página que não existe:</p>' +
+					"<div style='background-color: #FFFBEB; border-left: 4px solid #F59E0B; padding: 15px; border-radius: 8px; margin: 20px 0;'>" +
+					"<p style='margin: 0;'><strong>URL:</strong> {{url}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Método HTTP:</strong> {{method}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Mensagem:</strong> {{mensagem}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Data/Hora:</strong> {{timestamp}}</p>" +
+					'</div>' +
+					"<p style='color: #6B7280; font-size: 14px; margin-top: 20px;'>" +
+					'<strong>Possíveis causas:</strong><br>' +
+					'• Link quebrado ou desatualizado<br>' +
+					'• URL digitada incorretamente<br>' +
+					'• Página movida ou removida<br>' +
+					'• Tentativa de acesso a recurso inexistente' +
+					'</p>' +
+					"<p style='color: #6B7280; font-size: 12px; margin-top: 30px;'>" +
+					'SGSE - Sistema de Gerenciamento de Secretaria - Equipe de TI' +
+					'</p>' +
+					'</div></body></html>',
+				variaveis: ['destinatarioNome', 'url', 'method', 'mensagem', 'timestamp'],
+				categoria: 'email' as const,
+				tags: ['erro', '404', 'servidor', 'notificacao', 'ti']
+			},
+			{
+				codigo: 'ERRO_SERVIDOR_500',
+				nome: 'Erro 500 - Erro Interno do Servidor',
+				titulo: '🚨 Erro 500 - Erro Interno do Servidor',
+				corpo:
+					"<html><body style='font-family: Arial, sans-serif; line-height: 1.6; color: #333;'>" +
+					"<div style='max-width: 600px; margin: 0 auto; padding: 20px;'>" +
+					"<h2 style='color: #DC2626;'>🚨 Erro 500 - Erro Interno do Servidor</h2>" +
+					'<p>Olá <strong>{{destinatarioNome}}</strong>,</p>' +
+					'<p>O sistema detectou um <strong>erro interno do servidor</strong> que requer atenção imediata:</p>' +
+					"<div style='background-color: #FEF2F2; border-left: 4px solid #DC2626; padding: 15px; border-radius: 8px; margin: 20px 0;'>" +
+					"<p style='margin: 0;'><strong>Código HTTP:</strong> {{statusCode}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>URL:</strong> {{url}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Método HTTP:</strong> {{method}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Mensagem:</strong> {{mensagem}}</p>" +
+					"<p style='margin: 5px 0 0 0;'><strong>Data/Hora:</strong> {{timestamp}}</p>" +
+					'</div>' +
+					"<div style='background-color: #F9FAFB; border: 1px solid #E5E7EB; padding: 15px; border-radius: 8px; margin: 20px 0;'>" +
+					"<p style='margin: 0; font-size: 12px; color: #6B7280;'><strong>Stack Trace:</strong></p>" +
+					"<pre style='margin: 10px 0 0 0; padding: 10px; background-color: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 4px; font-size: 11px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto;'>{{stack}}</pre>" +
+					'</div>' +
+					"<p style='color: #DC2626; font-weight: bold; margin-top: 20px;'>" +
+					'⚠️ AÇÃO IMEDIATA NECESSÁRIA' +
+					'</p>' +
+					"<p style='color: #6B7280; font-size: 12px; margin-top: 30px;'>" +
+					'SGSE - Sistema de Gerenciamento de Secretaria - Equipe de TI<br>' +
+					'Este é um alerta automático do sistema de monitoramento de erros.' +
+					'</p>' +
+					'</div></body></html>',
+				variaveis: [
+					'destinatarioNome',
+					'statusCode',
+					'url',
+					'method',
+					'mensagem',
+					'stack',
+					'timestamp'
+				],
+				categoria: 'email' as const,
+				tags: ['erro', '500', 'servidor', 'critico', 'notificacao', 'ti']
 			}
 		];
 
@@ -653,10 +1049,7 @@ export const atualizarTemplateHTML = mutation({
 
 		// Não permite editar templates do sistema
 		if (template.tipo === 'sistema') {
-			return {
-				sucesso: false as const,
-				erro: 'Templates do sistema não podem ser editados'
-			};
+			return { sucesso: false as const, erro: 'Templates do sistema não podem ser editados' };
 		}
 
 		await ctx.db.patch(args.templateId, {
@@ -746,7 +1139,7 @@ export const previewTemplate = query({
  * Função auxiliar para obter URL base
  */
 function getBaseUrl(): string {
-	const url = process.env.FRONTEND_URL || 'http://localhost:5173';
+	const url = process.env.SITE_URL || 'http://localhost:5173';
 	if (!url.match(/^https?:\/\//i)) {
 		return `http://${url}`;
 	}
@@ -907,10 +1300,7 @@ export const duplicarTemplate = mutation({
 		criadoPorId: v.id('usuarios')
 	},
 	returns: v.union(
-		v.object({
-			sucesso: v.literal(true),
-			templateId: v.id('templatesMensagens')
-		}),
+		v.object({ sucesso: v.literal(true), templateId: v.id('templatesMensagens') }),
 		v.object({ sucesso: v.literal(false), erro: v.string() })
 	),
 	handler: async (ctx, args) => {
@@ -948,11 +1338,7 @@ export const duplicarTemplate = mutation({
 			args.criadoPorId,
 			'duplicar',
 			'templates',
-			JSON.stringify({
-				templateId,
-				codigo: args.novoCodigo,
-				originalId: args.templateId
-			}),
+			JSON.stringify({ templateId, codigo: args.novoCodigo, originalId: args.templateId }),
 			templateId
 		);
 
diff --git a/packages/backend/convex/times.ts b/packages/backend/convex/times.ts
index 16d1d84..a1e1d9e 100644
--- a/packages/backend/convex/times.ts
+++ b/packages/backend/convex/times.ts
@@ -163,9 +163,22 @@ export const listarSubordinadosDoGestorAtual = query({
 			for (const rel of membrosRelacoes) {
 				const funcionario = await ctx.db.get(rel.funcionarioId);
 				if (funcionario) {
+					// Buscar foto do perfil do funcionário através do usuário associado
+					let fotoPerfilUrl: string | null = null;
+					const usuario = await ctx.db
+						.query('usuarios')
+						.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionario._id))
+						.first();
+					if (usuario?.fotoPerfil) {
+						fotoPerfilUrl = await ctx.storage.getUrl(usuario.fotoPerfil);
+					}
+
 					membros.push({
 						relacaoId: rel._id,
-						funcionario,
+						funcionario: {
+							...funcionario,
+							fotoPerfilUrl
+						},
 						dataEntrada: rel.dataEntrada
 					});
 				}
diff --git a/packages/backend/convex/usuarios.ts b/packages/backend/convex/usuarios.ts
index 121191b..d848c2c 100644
--- a/packages/backend/convex/usuarios.ts
+++ b/packages/backend/convex/usuarios.ts
@@ -4,6 +4,7 @@ import type { QueryCtx } from './_generated/server';
 import { mutation, query } from './_generated/server';
 import { createAuthUser, getCurrentUserFunction } from './auth';
 import { registrarAtividade } from './logsAtividades';
+import { api } from './_generated/api';
 
 /**
  * Helper para obter a matrícula do usuário (do funcionário se houver)
@@ -123,6 +124,116 @@ export const criar = mutation({
 			atualizadoEm: Date.now()
 		});
 
+		// Obter usuário que está criando (para enviar email e chat)
+		const usuarioCriador = await getCurrentUserFunction(ctx);
+		if (!usuarioCriador) {
+			// Se não conseguir obter o criador, retornar sucesso mesmo assim
+			return { sucesso: true as const, usuarioId };
+		}
+
+		// Buscar funcionário para obter matrícula se houver
+		let matricula = '';
+		if (args.funcionarioId) {
+			const funcionario = await ctx.db.get(args.funcionarioId);
+			if (funcionario?.matricula) {
+				matricula = funcionario.matricula;
+			}
+		}
+
+		// Preparar credenciais adicionais (matrícula se houver)
+		const credenciaisAdicionais = matricula
+			? `<li><strong>Matrícula:</strong> ${matricula}</li>`
+			: '';
+
+		// Obter URL do sistema
+		let urlSistema = process.env.SITE_URL || 'http://localhost:5173';
+		if (!urlSistema.match(/^https?:\/\//i)) {
+			urlSistema = `http://${urlSistema}`;
+		}
+
+		// Enviar email de boas-vindas usando template (agendado via scheduler)
+		try {
+			await ctx.scheduler.runAfter(0, api.email.enviarEmailComTemplate, {
+				destinatario: args.email,
+				destinatarioId: usuarioId,
+				templateCodigo: 'BEM_VINDO',
+				variaveis: {
+					nome: args.nome,
+					email: args.email,
+					credenciaisAdicionais,
+					senha: senhaTemporaria,
+					urlSistema
+				},
+				enviadoPor: usuarioCriador._id
+			});
+		} catch (error) {
+			// Fallback para envio direto se houver erro ao agendar ou processar o template
+			console.warn(
+				'Erro ao agendar envio de email com template BEM_VINDO, usando envio direto:',
+				error
+			);
+			await ctx.runMutation(api.email.enfileirarEmail, {
+				destinatario: args.email,
+				destinatarioId: usuarioId,
+				assunto: 'Bem-vindo ao SGSE',
+				corpo: `<p>Olá <strong>${args.nome}</strong>,</p>
+              <p>Seja bem-vindo ao <strong>SGSE - Sistema de Gerenciamento de Secretaria</strong>!</p>
+              <p>Seu cadastro foi realizado com sucesso.</p>
+              <div style='background-color: #F3F4F6; border-left: 4px solid #2563EB; padding: 15px; border-radius: 8px; margin: 20px 0;'>
+                <p style='margin: 0 0 10px 0;'><strong>Suas credenciais de acesso:</strong></p>
+                <ul style='margin: 0; padding-left: 20px;'>
+                  <li><strong>E-mail:</strong> ${args.email}</li>
+                  ${credenciaisAdicionais}
+                  <li><strong>Senha temporária:</strong> ${senhaTemporaria}</li>
+                </ul>
+              </div>
+              <p><strong>⚠️ Importante:</strong> Por favor, altere sua senha no primeiro acesso ao sistema.</p>
+              <p>Acesse o sistema através do link: <a href='${urlSistema}' style='color: #2563EB;'>${urlSistema}</a></p>
+              <p style='margin-top: 30px; color: #6B7280; font-size: 14px;'>Equipe de TI - Secretaria de Esportes</p>`,
+				enviadoPor: usuarioCriador._id
+			});
+		}
+
+		// Criar ou obter conversa entre criador e novo usuário
+		const conversasExistentes = await ctx.db
+			.query('conversas')
+			.filter((q) => q.eq(q.field('tipo'), 'individual'))
+			.collect();
+
+		let conversaId: Id<'conversas'> | null = null;
+		for (const conversa of conversasExistentes) {
+			if (
+				conversa.participantes.length === 2 &&
+				conversa.participantes.includes(usuarioCriador._id) &&
+				conversa.participantes.includes(usuarioId)
+			) {
+				conversaId = conversa._id;
+				break;
+			}
+		}
+
+		if (!conversaId) {
+			conversaId = await ctx.db.insert('conversas', {
+				tipo: 'individual',
+				participantes: [usuarioCriador._id, usuarioId],
+				criadoPor: usuarioCriador._id,
+				criadoEm: Date.now()
+			});
+		}
+
+		// Criar mensagem de chat (texto simples)
+		const mensagemChat = matricula
+			? `Bem-vindo ao SGSE! Seu cadastro foi realizado com sucesso. Suas credenciais de acesso: E-mail: ${args.email}, Matrícula: ${matricula}, Senha temporária: ${senhaTemporaria}. Por favor, altere sua senha no primeiro acesso.`
+			: `Bem-vindo ao SGSE! Seu cadastro foi realizado com sucesso. Suas credenciais de acesso: E-mail: ${args.email}, Senha temporária: ${senhaTemporaria}. Por favor, altere sua senha no primeiro acesso.`;
+
+		await ctx.db.insert('mensagens', {
+			conversaId,
+			remetenteId: usuarioCriador._id,
+			tipo: 'texto',
+			conteudo: mensagemChat,
+			enviadaEm: Date.now()
+		});
+
 		return { sucesso: true as const, usuarioId };
 	}
 });
@@ -827,48 +938,108 @@ export const desbloquearUsuario = mutation({
 /**
  * Resetar senha de usuário (apenas TI_MASTER)
  */
-// export const resetarSenhaUsuario = mutation({
-//   args: {
-//     usuarioId: v.id("usuarios"),
-//     resetadoPorId: v.id("usuarios"),
-//     novaSenhaTemporaria: v.optional(v.string()), // Se não fornecer, gera automática
-//   },
-//   returns: v.union(
-//     v.object({ sucesso: v.literal(true), senhaTemporaria: v.string() }),
-//     v.object({ sucesso: v.literal(false), erro: v.string() })
-//   ),
-//   handler: async (ctx, args) => {
-//     const usuario = await ctx.db.get(args.usuarioId);
-//     if (!usuario) {
-//       return { sucesso: false as const, erro: "Usuário não encontrado" };
-//     }
+export const resetarSenhaUsuario = mutation({
+	args: {
+		usuarioId: v.id('usuarios'),
+		resetadoPorId: v.id('usuarios'),
+		novaSenhaTemporaria: v.optional(v.string()) // Se não fornecer, gera automática
+	},
+	returns: v.union(
+		v.object({ sucesso: v.literal(true), senhaTemporaria: v.string() }),
+		v.object({ sucesso: v.literal(false), erro: v.string() })
+	),
+	handler: async (ctx, args) => {
+		const usuario = await ctx.db.get(args.usuarioId);
+		if (!usuario) {
+			return { sucesso: false as const, erro: 'Usuário não encontrado' };
+		}
 
-//     // Gerar senha temporária se não foi fornecida
-//     const senhaTemporaria = args.novaSenhaTemporaria || gerarSenhaTemporaria();
-//     const senhaHash = await hashPassword(senhaTemporaria);
+		// Verificar permissão (apenas TI_MASTER)
+		const resetadoPor = await ctx.db.get(args.resetadoPorId);
+		if (!resetadoPor) {
+			return { sucesso: false as const, erro: 'Usuário que está resetando não encontrado' };
+		}
 
-//     // Atualizar usuário
-//     await ctx.db.patch(args.usuarioId, {
-//       senhaHash,
-//       primeiroAcesso: true, // Força mudança de senha no próximo login
-//       tentativasLogin: 0,
-//       ultimaTentativaLogin: undefined,
-//       atualizadoEm: Date.now(),
-//     });
+		// Buscar a role do usuário
+		if (!resetadoPor.roleId) {
+			return { sucesso: false as const, erro: 'Usuário não possui role definida' };
+		}
 
-//     // Log de atividade
-//     await registrarAtividade(
-//       ctx,
-//       args.resetadoPorId,
-//       "resetar_senha",
-//       "usuarios",
-//       JSON.stringify({ usuarioId: args.usuarioId }),
-//       args.usuarioId
-//     );
+		const role = await ctx.db.get(resetadoPor.roleId);
+		if (!role) {
+			return { sucesso: false as const, erro: 'Role do usuário não encontrada' };
+		}
 
-//     return { sucesso: true as const, senhaTemporaria };
-//   },
-// });
+		// Permitir TI_MASTER, TI_USUARIO e ADMIN
+		const rolesPermitidas = ['ti_master', 'ti_usuario', 'admin'];
+		if (!rolesPermitidas.includes(role.nome)) {
+			return {
+				sucesso: false as const,
+				erro: 'Apenas usuários de TI ou administradores podem resetar senhas'
+			};
+		}
+
+		// Gerar senha temporária se não foi fornecida
+		const senhaTemporaria = args.novaSenhaTemporaria || gerarSenhaTemporaria();
+
+		try {
+			// Nota: Better Auth gerencia senhas através do sistema de autenticação.
+			// A senha não é armazenada diretamente na tabela usuarios.
+			// Para resetar a senha, seria necessário usar a API do Better Auth,
+			// mas isso requer uma implementação adicional.
+			// Por enquanto, atualizamos apenas os campos do usuário que podemos modificar.
+
+			// Atualizar usuário (sem senhaHash, pois não existe no schema)
+			await ctx.db.patch(args.usuarioId, {
+				primeiroAcesso: true, // Força mudança de senha no próximo login
+				tentativasLogin: 0,
+				ultimaTentativaLogin: undefined,
+				atualizadoEm: Date.now()
+			});
+
+			// Desativar todas as sessões ativas
+			const sessoes = await ctx.db
+				.query('sessoes')
+				.withIndex('by_usuario', (q) => q.eq('usuarioId', args.usuarioId))
+				.collect();
+
+			for (const sessao of sessoes) {
+				await ctx.db.patch(sessao._id, { ativo: false });
+			}
+
+			// Enviar email com a nova senha usando template
+			try {
+				await ctx.scheduler.runAfter(0, api.email.enviarEmailComTemplate, {
+					destinatario: usuario.email,
+					destinatarioId: args.usuarioId,
+					templateCodigo: 'SENHA_RESETADA',
+					variaveis: {
+						senha: senhaTemporaria
+					},
+					enviadoPor: args.resetadoPorId
+				});
+			} catch (emailError) {
+				console.error('Erro ao agendar envio de email:', emailError);
+				// Não falhar a mutation se o email falhar, apenas logar o erro
+			}
+
+			// Log de atividade
+			await registrarAtividade(
+				ctx,
+				args.resetadoPorId,
+				'resetar_senha',
+				'usuarios',
+				JSON.stringify({ usuarioId: args.usuarioId }),
+				args.usuarioId
+			);
+
+			return { sucesso: true as const, senhaTemporaria };
+		} catch (error) {
+			const errorMessage = error instanceof Error ? error.message : String(error);
+			return { sucesso: false as const, erro: `Erro ao resetar senha: ${errorMessage}` };
+		}
+	}
+});
 
 // Helper para gerar senha temporária
 function gerarSenhaTemporaria(): string {
diff --git a/packages/backend/convex/utils/datas.ts b/packages/backend/convex/utils/datas.ts
new file mode 100644
index 0000000..62515ea
--- /dev/null
+++ b/packages/backend/convex/utils/datas.ts
@@ -0,0 +1,65 @@
+/**
+ * Utilitários para manipulação de datas no backend
+ * Resolve problemas de timezone ao trabalhar com datas no formato YYYY-MM-DD
+ */
+
+/**
+ * Converte uma string de data no formato YYYY-MM-DD para um objeto Date local
+ * No ambiente Convex, as datas são tratadas como UTC, então precisamos garantir
+ * que a data seja interpretada corretamente.
+ * 
+ * @param dateString - String no formato YYYY-MM-DD
+ * @returns Date objeto representando a data
+ * 
+ * @example
+ * parseLocalDate('2024-01-15') // Retorna Date para 15/01/2024
+ */
+export function parseLocalDate(dateString: string): Date {
+	if (!dateString || typeof dateString !== 'string') {
+		throw new Error('dateString deve ser uma string válida');
+	}
+
+	// Validar formato YYYY-MM-DD
+	const dateRegex = /^\d{4}-\d{2}-\d{2}$/;
+	if (!dateRegex.test(dateString)) {
+		throw new Error('dateString deve estar no formato YYYY-MM-DD');
+	}
+
+	// Extrair ano, mês e dia
+	const [year, month, day] = dateString.split('-').map(Number);
+
+	// No Convex, criar a data usando UTC para evitar problemas de timezone
+	// Usamos UTC para garantir consistência, mas mantemos a data correta
+	const date = new Date(Date.UTC(year, month - 1, day, 0, 0, 0, 0));
+
+	// Validar se a data é válida
+	if (isNaN(date.getTime())) {
+		throw new Error(`Data inválida: ${dateString}`);
+	}
+
+	return date;
+}
+
+/**
+ * Formata uma data para o formato brasileiro (DD/MM/YYYY)
+ * 
+ * @param date - Date objeto ou string no formato YYYY-MM-DD
+ * @returns String formatada no formato DD/MM/YYYY
+ */
+export function formatarDataBR(date: Date | string): string {
+	let dateObj: Date;
+	
+	if (typeof date === 'string') {
+		dateObj = parseLocalDate(date);
+	} else {
+		dateObj = date;
+	}
+
+	// Usar UTC para garantir consistência
+	const day = dateObj.getUTCDate().toString().padStart(2, '0');
+	const month = (dateObj.getUTCMonth() + 1).toString().padStart(2, '0');
+	const year = dateObj.getUTCFullYear();
+
+	return `${day}/${month}/${year}`;
+}
+
diff --git a/packages/backend/convex/utils/emailTemplateWrapper.ts b/packages/backend/convex/utils/emailTemplateWrapper.ts
index 601e92f..787f3f2 100644
--- a/packages/backend/convex/utils/emailTemplateWrapper.ts
+++ b/packages/backend/convex/utils/emailTemplateWrapper.ts
@@ -8,7 +8,7 @@
  */
 function getBaseUrl(): string {
 	// Em produção, usar variável de ambiente
-	const url = process.env.FRONTEND_URL || 'http://localhost:5173';
+	const url = process.env.SITE_URL || 'http://localhost:5173';
 	// Garantir que tenha protocolo
 	if (!url.match(/^https?:\/\//i)) {
 		return `http://${url}`;
@@ -18,17 +18,20 @@ function getBaseUrl(): string {
 
 /**
  * Gera o HTML do header com logo do Governo de PE
+ * Usa URL estática do SvelteKit para servir a logo
  */
 function generateHeader(): string {
 	const baseUrl = getBaseUrl();
+	// URL da logo na pasta static do SvelteKit
+	const logoUrl = `${baseUrl}/logo_governo_PE.png`;
 	return `
-    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #1a3a52; padding: 20px 0;">
+    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #0052A5; padding: 20px 0;">
       <tr>
         <td align="center">
           <table width="600" cellpadding="0" cellspacing="0" border="0">
             <tr>
               <td style="text-align: center; padding: 20px 0;">
-                <img src="${baseUrl}/logo_governo_PE.png" alt="Governo de Pernambuco" style="max-width: 200px; height: auto;" />
+                <img src="${logoUrl}" alt="Governo de Pernambuco" style="max-width: 200px; height: auto; display: block; margin: 0 auto;" />
               </td>
             </tr>
           </table>
@@ -46,13 +49,13 @@ function generateFooter(): string {
 	const currentYear = new Date().getFullYear();
 
 	return `
-    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #f5f5f5; border-top: 3px solid #1a3a52; margin-top: 30px;">
+    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #f5f5f5; border-top: 3px solid #0052A5; margin-top: 30px;">
       <tr>
         <td align="center">
           <table width="600" cellpadding="0" cellspacing="0" border="0" style="padding: 30px 20px;">
             <tr>
               <td style="text-align: center; font-family: Arial, sans-serif; color: #333333; font-size: 14px; line-height: 1.6;">
-                <p style="margin: 0 0 10px 0; font-weight: bold; color: #1a3a52; font-size: 16px;">
+                <p style="margin: 0 0 10px 0; font-weight: bold; color: #0052A5; font-size: 16px;">
                   SGSE - Sistema de Gerenciamento de Secretaria
                 </p>
                 <p style="margin: 0 0 10px 0; color: #666666;">
@@ -66,8 +69,8 @@ function generateFooter(): string {
                   © ${currentYear} Secretaria de Esportes - Governo de Pernambuco. Todos os direitos reservados.
                 </p>
                 <p style="margin: 5px 0 0 0; color: #999999; font-size: 11px;">
-                  <a href="${baseUrl}" style="color: #1a3a52; text-decoration: none;">Acessar Sistema</a> | 
-                  <a href="${baseUrl}/ti/notificacoes" style="color: #1a3a52; text-decoration: none;">Central de Notificações</a>
+                  <a href="${baseUrl}" style="color: #0052A5; text-decoration: none;">Acessar Sistema</a> | 
+                  <a href="${baseUrl}/ti/notificacoes" style="color: #0052A5; text-decoration: none;">Central de Notificações</a>
                 </p>
               </td>
             </tr>
@@ -178,7 +181,7 @@ export function textToHTML(texto: string): string {
 			const linkRegex = /(https?:\/\/[^\s]+)/g;
 			const linhaComLinks = linhaTrim.replace(
 				linkRegex,
-				'<a href="$1" style="color: #1a3a52; text-decoration: underline;">$1</a>'
+				'<a href="$1" style="color: #0052A5; text-decoration: underline;">$1</a>'
 			);
 			return `<p style="margin: 0 0 15px 0;">${linhaComLinks}</p>`;
 		})
diff --git a/packages/backend/convex/verificarMatriculas.ts b/packages/backend/convex/verificarMatriculas.ts
index ac40fd2..1e882e2 100644
--- a/packages/backend/convex/verificarMatriculas.ts
+++ b/packages/backend/convex/verificarMatriculas.ts
@@ -1,6 +1,6 @@
-import { v } from 'convex/values';
-import type { Doc, Id } from './_generated/dataModel';
 import { internalMutation, query } from './_generated/server';
+import { v } from 'convex/values';
+import { Id, Doc } from './_generated/dataModel';
 
 /**
  * Verificar duplicatas de matrícula (agora busca do funcionário associado)
@@ -30,7 +30,7 @@ export const verificarDuplicatas = query({
 		> = {};
 
 		for (const usuario of usuarios) {
-			let matricula: string | undefined;
+			let matricula: string | undefined = undefined;
 			if (usuario.funcionarioId) {
 				const funcionario = await ctx.db.get(usuario.funcionarioId);
 				matricula = funcionario?.matricula;
@@ -77,7 +77,7 @@ export const removerDuplicatas = internalMutation({
 		const gruposPorMatricula: Record<string, Doc<'usuarios'>[]> = {};
 
 		for (const usuario of usuarios) {
-			let matricula: string | undefined;
+			let matricula: string | undefined = undefined;
 			if (usuario.funcionarioId) {
 				const funcionario = await ctx.db.get(usuario.funcionarioId);
 				matricula = funcionario?.matricula;
diff --git a/scripts/README_TESTE_SEGURANCA.md b/scripts/README_TESTE_SEGURANCA.md
index bbae33e..3740294 100644
--- a/scripts/README_TESTE_SEGURANCA.md
+++ b/scripts/README_TESTE_SEGURANCA.md
@@ -172,8 +172,8 @@ O script pode ser personalizado editando `teste_seguranca.py`:
    - Indica que o sistema está protegido
 
 4. **Execute com o sistema SGSE rodando**
-   - Certifique-se de que o frontend e backend estão ativos
-   - URLs padrão: http://localhost:5173 (frontend) e http://127.0.0.1:3210 (backend)
+   - Certifique-se de que o SITE e backend estão ativos
+   - URLs padrão: http://localhost:5173 (SITE) e http://127.0.0.1:3210 (backend)
 
 ## 📝 Exemplo de Saída
 
@@ -231,4 +231,3 @@ Para adicionar novos testes de segurança:
 ## 📄 Licença
 
 Este script é parte do projeto SGSE e deve ser usado apenas para fins de teste e validação de segurança.
-