diff --git a/.cursor/rules/typescript_rules.mdc b/.cursor/rules/typescript_rules.mdc
new file mode 100644
index 0000000..2eafacb
--- /dev/null
+++ b/.cursor/rules/typescript_rules.mdc
@@ -0,0 +1,107 @@
+---
+description: Guidelines for TypeScript usage, including type safety rules and Convex query typing
+globs: **/*.ts,**/*.tsx,**/*.svelte
+---
+
+# TypeScript Guidelines
+
+## Type Safety Rules
+
+### Avoid `any` Type
+- **NEVER** use the `any` type in production code
+- The only exception is in test files (files matching `*.test.ts`, `*.test.tsx`, `*.spec.ts`, `*.spec.tsx`)
+- Instead of `any`, use:
+  - Proper type definitions
+  - `unknown` for truly unknown types (with type guards)
+  - Generic types (`<T>`) when appropriate
+  - Union types when multiple types are possible
+  - `Record<string, unknown>` for objects with unknown structure
+
+### Examples
+
+**❌ Bad:**
+```typescript
+function processData(data: any) {
+  return data.value;
+}
+```
+
+**✅ Good:**
+```typescript
+function processData(data: { value: string }) {
+  return data.value;
+}
+
+// Or with generics
+function processData<T extends { value: unknown }>(data: T) {
+  return data.value;
+}
+
+// Or with unknown and type guards
+function processData(data: unknown) {
+  if (typeof data === 'object' && data !== null && 'value' in data) {
+    return (data as { value: string }).value;
+  }
+  throw new Error('Invalid data');
+}
+```
+
+**✅ Exception (tests only):**
+```typescript
+// test.ts or *.spec.ts
+it('should handle any input', () => {
+  const input: any = getMockData();
+  expect(process(input)).toBeDefined();
+});
+```
+
+## Convex Query Typing
+
+### Frontend Query Usage
+- **DO NOT** create manual type definitions for Convex query results in the frontend
+- Convex queries already return properly typed results based on their `returns` validator
+- The TypeScript types are automatically inferred from the query's return validator
+- Simply use the query result directly - TypeScript will infer the correct type
+
+### Examples
+
+**❌ Bad:**
+```typescript
+// Don't manually type the result
+type UserListResult = Array<{
+  _id: Id<"users">;
+  name: string;
+}>;
+
+const users: UserListResult = useQuery(api.users.list);
+```
+
+**✅ Good:**
+```typescript
+// Let TypeScript infer the type from the query
+const users = useQuery(api.users.list);
+// TypeScript automatically knows the type based on the query's returns validator
+
+// You can still use it with type inference
+if (users !== undefined) {
+  users.forEach(user => {
+    // TypeScript knows user._id is Id<"users"> and user.name is string
+    console.log(user.name);
+  });
+}
+```
+
+**✅ Good (with explicit type if needed for clarity):**
+```typescript
+// Only if you need to export or explicitly annotate for documentation
+import type { FunctionReturnType } from "convex/server";
+import type { api } from "./convex/_generated/api";
+
+type UserListResult = FunctionReturnType<typeof api.users.list>;
+const users = useQuery(api.users.list);
+```
+
+### Best Practices
+- Trust Convex's type inference - it's based on your schema and validators
+- If you need type annotations, use `FunctionReturnType` from Convex's type utilities
+- Only create manual types if you're doing complex transformations that need intermediate types
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..ebe51d3
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,12 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = false
+insert_final_newline = false
\ No newline at end of file
diff --git a/.tool-versions b/.tool-versions
index 18964c8..668b21d 100644
--- a/.tool-versions
+++ b/.tool-versions
@@ -1 +1 @@
-nodejs 25.0.0
+nodejs 22.21.1
diff --git a/README.md b/README.md
index 9e865c6..553ae3d 100644
--- a/README.md
+++ b/README.md
@@ -126,8 +126,8 @@ npx convex dev
 ### **Banco vazio:**
 ```powershell
 cd packages\backend
-npx convex run seed:clearDatabase
-npx convex run seed:seedDatabase
+npx convex run seed:limparBanco
+npx convex run seed:popularBanco
 ```
 
 **Mais soluções:** Veja `TESTAR_SISTEMA_COMPLETO.md` seção "Problemas Comuns"
diff --git a/apps/web/package.json b/apps/web/package.json
index 7edd571..d5ac91d 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -23,7 +23,7 @@
     "svelte": "^5.38.1",
     "svelte-check": "^4.3.1",
     "tailwindcss": "^4.1.12",
-    "typescript": "^5.9.2",
+    "typescript": "catalog:",
     "vite": "^7.1.2"
   },
   "dependencies": {
@@ -38,7 +38,7 @@
     "@sgse-app/backend": "*",
     "@tanstack/svelte-form": "^1.19.2",
     "@types/papaparse": "^5.3.14",
-    "convex": "^1.28.0",
+    "convex": "catalog:",
     "convex-svelte": "^0.0.11",
     "date-fns": "^4.1.0",
     "emoji-picker-element": "^1.27.0",
diff --git a/apps/web/src/app.css b/apps/web/src/app.css
index 5e25b7b..7d3fb0f 100644
--- a/apps/web/src/app.css
+++ b/apps/web/src/app.css
@@ -17,4 +17,59 @@
 
 .btn-error {
   @apply font-medium flex items-center justify-center gap-2 text-center px-4 py-2 rounded-xl border border-error bg-base-100 hover:bg-error/60 active:bg-error text-error hover:text-white active:text-white transition-colors;
+}
+
+:where(.card, .card-hover) {
+  position: relative;
+  overflow: hidden;
+  transform: translateY(0);
+  transition: transform 220ms ease, box-shadow 220ms ease;
+}
+
+:where(.card, .card-hover)::before {
+  content: "";
+  position: absolute;
+  inset: -2px;
+  border-radius: 1.15rem;
+  box-shadow:
+    0 0 0 1px rgba(15, 23, 42, 0.04),
+    0 14px 32px -22px rgba(15, 23, 42, 0.45),
+    0 6px 18px -16px rgba(102, 126, 234, 0.35);
+  opacity: 0.55;
+  transition: opacity 220ms ease, transform 220ms ease;
+  pointer-events: none;
+  z-index: 0;
+}
+
+:where(.card, .card-hover)::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: 1rem;
+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.12), rgba(118, 75, 162, 0.12));
+  opacity: 0;
+  transform: scale(0.96);
+  transition: opacity 220ms ease, transform 220ms ease;
+  pointer-events: none;
+  z-index: 1;
+}
+
+:where(.card, .card-hover):hover {
+  transform: translateY(-6px);
+  box-shadow: 0 20px 45px -20px rgba(15, 23, 42, 0.35);
+}
+
+:where(.card, .card-hover):hover::before {
+  opacity: 0.9;
+  transform: scale(1);
+}
+
+:where(.card, .card-hover):hover::after {
+  opacity: 1;
+  transform: scale(1);
+}
+
+:where(.card, .card-hover) > * {
+  position: relative;
+  z-index: 2;
 }
\ No newline at end of file
diff --git a/apps/web/src/lib/auth.ts b/apps/web/src/lib/auth.ts
new file mode 100644
index 0000000..6de9cf0
--- /dev/null
+++ b/apps/web/src/lib/auth.ts
@@ -0,0 +1,7 @@
+import { createAuthClient } from "better-auth/client";
+import { convexClient } from "@convex-dev/better-auth/client/plugins";
+
+export const authClient = createAuthClient({
+  baseURL: "http://localhost:5173",
+  plugins: [convexClient()],
+});
diff --git a/apps/web/src/lib/components/AprovarFerias.svelte b/apps/web/src/lib/components/AprovarFerias.svelte
index 18f45e3..f15afe9 100644
--- a/apps/web/src/lib/components/AprovarFerias.svelte
+++ b/apps/web/src/lib/components/AprovarFerias.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { useConvexClient } from "convex-svelte";
   import { api } from "@sgse-app/backend/convex/_generated/api";
+  import type { Id, Doc } from "@sgse-app/backend/convex/_generated/dataModel";
   
   interface Periodo {
     dataInicio: string;
@@ -8,9 +9,14 @@
     diasCorridos: number;
   }
   
+  type SolicitacaoFerias = Doc<"solicitacoesFerias"> & {
+    funcionario?: Doc<"funcionarios"> | null;
+    gestor?: Doc<"usuarios"> | null;
+  };
+  
   interface Props {
-    solicitacao: any;
-    gestorId: string;
+    solicitacao: SolicitacaoFerias;
+    gestorId: Id<"usuarios">;
     onSucesso?: () => void;
     onCancelar?: () => void;
   }
@@ -27,7 +33,7 @@
   
   $effect(() => {
     if (modoAjuste && periodos.length === 0) {
-      periodos = solicitacao.periodos.map((p: any) => ({...p}));
+      periodos = solicitacao.periodos.map((p) => ({...p}));
     }
   });
   
@@ -59,12 +65,12 @@
       
       await client.mutation(api.ferias.aprovar, {
         solicitacaoId: solicitacao._id,
-        gestorId: gestorId as any,
+        gestorId: gestorId,
       });
       
       if (onSucesso) onSucesso();
-    } catch (e: any) {
-      erro = e.message || "Erro ao aprovar solicitação";
+    } catch (e) {
+      erro = e instanceof Error ? e.message : String(e);
     } finally {
       processando = false;
     }
@@ -82,13 +88,13 @@
       
       await client.mutation(api.ferias.reprovar, {
         solicitacaoId: solicitacao._id,
-        gestorId: gestorId as any,
+        gestorId: gestorId,
         motivoReprovacao,
       });
       
       if (onSucesso) onSucesso();
-    } catch (e: any) {
-      erro = e.message || "Erro ao reprovar solicitação";
+    } catch (e) {
+      erro = e instanceof Error ? e.message : String(e);
     } finally {
       processando = false;
     }
@@ -101,13 +107,13 @@
       
       await client.mutation(api.ferias.ajustarEAprovar, {
         solicitacaoId: solicitacao._id,
-        gestorId: gestorId as any,
+        gestorId: gestorId,
         novosPeriodos: periodos,
       });
       
       if (onSucesso) onSucesso();
-    } catch (e: any) {
-      erro = e.message || "Erro ao ajustar e aprovar solicitação";
+    } catch (e) {
+      erro = e instanceof Error ? e.message : String(e);
     } finally {
       processando = false;
     }
diff --git a/apps/web/src/lib/components/CalendarioAfastamentos.svelte b/apps/web/src/lib/components/CalendarioAfastamentos.svelte
new file mode 100644
index 0000000..fc72de1
--- /dev/null
+++ b/apps/web/src/lib/components/CalendarioAfastamentos.svelte
@@ -0,0 +1,517 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+  import { Calendar } from "@fullcalendar/core";
+  import dayGridPlugin from "@fullcalendar/daygrid";
+  import interactionPlugin from "@fullcalendar/interaction";
+  import ptBrLocale from "@fullcalendar/core/locales/pt-br";
+  import type { EventInput } from "@fullcalendar/core/index.js";
+
+  interface Props {
+    eventos: Array<{
+      id: string;
+      title: string;
+      start: string;
+      end: string;
+      color: string;
+      tipo: string;
+      funcionarioNome: string;
+      funcionarioId: string;
+    }>;
+    tipoFiltro?: string;
+  }
+
+  let { eventos, tipoFiltro = "todos" }: Props = $props();
+
+  let calendarEl: HTMLDivElement;
+  let calendar: Calendar | null = null;
+  let filtroAtivo = $state<string>(tipoFiltro);
+  let showModal = $state(false);
+  let eventoSelecionado = $state<{
+    title: string;
+    start: string;
+    end: string;
+    tipo: string;
+    funcionarioNome: string;
+  } | null>(null);
+
+  // Eventos filtrados
+  const eventosFiltrados = $derived.by(() => {
+    if (filtroAtivo === "todos") return eventos;
+    return eventos.filter((e) => e.tipo === filtroAtivo);
+  });
+
+  // Converter eventos para formato FullCalendar
+  const eventosFullCalendar = $derived.by(() => {
+    return eventosFiltrados.map((evento) => ({
+      id: evento.id,
+      title: evento.title,
+      start: evento.start,
+      end: evento.end,
+      backgroundColor: evento.color,
+      borderColor: evento.color,
+      textColor: "#ffffff",
+      extendedProps: {
+        tipo: evento.tipo,
+        funcionarioNome: evento.funcionarioNome,
+        funcionarioId: evento.funcionarioId,
+      },
+    })) as EventInput[];
+  });
+
+  onMount(() => {
+    if (!calendarEl) return;
+
+    calendar = new Calendar(calendarEl, {
+      plugins: [dayGridPlugin, interactionPlugin],
+      initialView: "dayGridMonth",
+      locale: ptBrLocale,
+      firstDay: 0, // Domingo
+      headerToolbar: {
+        left: "prev,next today",
+        center: "title",
+        right: "dayGridMonth",
+      },
+      buttonText: {
+        today: "Hoje",
+        month: "Mês",
+        week: "Semana",
+        day: "Dia",
+      },
+      events: eventosFullCalendar,
+      eventClick: (info) => {
+        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,
+        };
+        showModal = true;
+      },
+      eventDisplay: "block",
+      dayMaxEvents: 3,
+      moreLinkClick: "popover",
+      height: "auto",
+      contentHeight: "auto",
+      aspectRatio: 1.8,
+      eventMouseEnter: (info) => {
+        info.el.style.cursor = "pointer";
+        info.el.style.opacity = "0.9";
+      },
+      eventMouseLeave: (info) => {
+        info.el.style.opacity = "1";
+      },
+    });
+
+    calendar.render();
+
+    return () => {
+      if (calendar) {
+        calendar.destroy();
+      }
+    };
+  });
+
+  // Atualizar eventos quando mudarem
+  $effect(() => {
+    if (calendar) {
+      calendar.removeAllEvents();
+      calendar.addEventSource(eventosFullCalendar);
+      calendar.refetchEvents();
+    }
+  });
+
+  function formatarData(data: string): string {
+    return new Date(data).toLocaleDateString("pt-BR", {
+      day: "2-digit",
+      month: "long",
+      year: "numeric",
+    });
+  }
+
+  function getTipoNome(tipo: string): string {
+    const nomes: Record<string, string> = {
+      atestado_medico: "Atestado Médico",
+      declaracao_comparecimento: "Declaração de Comparecimento",
+      maternidade: "Licença Maternidade",
+      paternidade: "Licença Paternidade",
+      ferias: "Férias",
+    };
+    return nomes[tipo] || tipo;
+  }
+
+  function getTipoCor(tipo: string): string {
+    const cores: Record<string, string> = {
+      atestado_medico: "text-error",
+      declaracao_comparecimento: "text-warning",
+      maternidade: "text-secondary",
+      paternidade: "text-info",
+      ferias: "text-success",
+    };
+    return cores[tipo] || "text-base-content";
+  }
+</script>
+
+<div class="card bg-base-100 shadow-xl">
+  <div class="card-body">
+    <!-- Header com filtros -->
+    <div class="flex flex-col md:flex-row items-start md:items-center justify-between gap-4 mb-6">
+      <h2 class="card-title text-2xl">Calendário de Afastamentos</h2>
+      
+      <!-- Filtros -->
+      <div class="flex flex-wrap items-center gap-2">
+        <span class="text-sm font-medium text-base-content/70">Filtrar:</span>
+        <div class="join">
+          <button
+            class="join-item btn btn-sm {filtroAtivo === 'todos' ? 'btn-active btn-primary' : 'btn-ghost'}"
+            onclick={() => (filtroAtivo = "todos")}
+          >
+            Todos
+          </button>
+          <button
+            class="join-item btn btn-sm {filtroAtivo === 'atestado_medico' ? 'btn-active btn-error' : 'btn-ghost'}"
+            onclick={() => (filtroAtivo = "atestado_medico")}
+          >
+            Atestados
+          </button>
+          <button
+            class="join-item btn btn-sm {filtroAtivo === 'declaracao_comparecimento' ? 'btn-active btn-warning' : 'btn-ghost'}"
+            onclick={() => (filtroAtivo = "declaracao_comparecimento")}
+          >
+            Declarações
+          </button>
+          <button
+            class="join-item btn btn-sm {filtroAtivo === 'maternidade' ? 'btn-active btn-secondary' : 'btn-ghost'}"
+            onclick={() => (filtroAtivo = "maternidade")}
+          >
+            Maternidade
+          </button>
+          <button
+            class="join-item btn btn-sm {filtroAtivo === 'paternidade' ? 'btn-active btn-info' : 'btn-ghost'}"
+            onclick={() => (filtroAtivo = "paternidade")}
+          >
+            Paternidade
+          </button>
+          <button
+            class="join-item btn btn-sm {filtroAtivo === 'ferias' ? 'btn-active btn-success' : 'btn-ghost'}"
+            onclick={() => (filtroAtivo = "ferias")}
+          >
+            Férias
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <!-- Legenda -->
+    <div class="flex flex-wrap gap-4 mb-4 p-4 bg-base-200/50 rounded-lg">
+      <div class="flex items-center gap-2">
+        <div class="w-4 h-4 rounded bg-error"></div>
+        <span class="text-sm">Atestado Médico</span>
+      </div>
+      <div class="flex items-center gap-2">
+        <div class="w-4 h-4 rounded bg-warning"></div>
+        <span class="text-sm">Declaração</span>
+      </div>
+      <div class="flex items-center gap-2">
+        <div class="w-4 h-4 rounded bg-secondary"></div>
+        <span class="text-sm">Licença Maternidade</span>
+      </div>
+      <div class="flex items-center gap-2">
+        <div class="w-4 h-4 rounded bg-info"></div>
+        <span class="text-sm">Licença Paternidade</span>
+      </div>
+      <div class="flex items-center gap-2">
+        <div class="w-4 h-4 rounded bg-success"></div>
+        <span class="text-sm">Férias</span>
+      </div>
+    </div>
+
+    <!-- Calendário -->
+    <div class="w-full overflow-x-auto">
+      <div bind:this={calendarEl} class="calendar-container"></div>
+    </div>
+
+    <!-- Modal de Detalhes -->
+    {#if showModal && eventoSelecionado}
+      <!-- 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={() => (showModal = false)}
+        role="dialog"
+        aria-modal="true"
+      >
+        <!-- svelte-ignore a11y_no_static_element_interactions -->
+        <div
+          class="bg-base-100 rounded-2xl shadow-2xl w-full max-w-md mx-4 transform transition-all"
+          onclick={(e) => e.stopPropagation()}
+        >
+          <!-- Header do Modal -->
+          <div class="p-6 border-b border-base-300 bg-gradient-to-r from-primary/10 to-secondary/10">
+            <div class="flex items-start justify-between">
+              <div class="flex-1">
+                <h3 class="text-xl font-bold text-base-content mb-2">
+                  {eventoSelecionado.funcionarioNome}
+                </h3>
+                <p class="text-sm {getTipoCor(eventoSelecionado.tipo)} font-medium">
+                  {getTipoNome(eventoSelecionado.tipo)}
+                </p>
+              </div>
+              <button
+                class="btn btn-sm btn-circle btn-ghost"
+                onclick={() => (showModal = false)}
+                aria-label="Fechar"
+              >
+                <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>
+            </div>
+          </div>
+
+          <!-- Conteúdo do Modal -->
+          <div class="p-6 space-y-4">
+            <div class="flex items-center gap-3 p-4 bg-base-200/50 rounded-lg">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                class="h-6 w-6 text-primary"
+                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>
+                <p class="text-sm text-base-content/60">Data Início</p>
+                <p class="font-semibold">{formatarData(eventoSelecionado.start)}</p>
+              </div>
+            </div>
+
+            <div class="flex items-center gap-3 p-4 bg-base-200/50 rounded-lg">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                class="h-6 w-6 text-secondary"
+                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>
+                <p class="text-sm text-base-content/60">Data Fim</p>
+                <p class="font-semibold">{formatarData(eventoSelecionado.end)}</p>
+              </div>
+            </div>
+
+            <div class="flex items-center gap-3 p-4 bg-base-200/50 rounded-lg">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                class="h-6 w-6 text-accent"
+                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>
+              <div>
+                <p class="text-sm text-base-content/60">Duração</p>
+                <p class="font-semibold">
+                  {(() => {
+                    const inicio = new Date(eventoSelecionado.start);
+                    const fim = new Date(eventoSelecionado.end);
+                    const diffTime = Math.abs(fim.getTime() - inicio.getTime());
+                    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1;
+                    return `${diffDays} ${diffDays === 1 ? "dia" : "dias"}`;
+                  })()}
+                </p>
+              </div>
+            </div>
+          </div>
+
+          <!-- Footer do Modal -->
+          <div class="p-6 border-t border-base-300 flex justify-end">
+            <button
+              class="btn btn-primary"
+              onclick={() => (showModal = false)}
+            >
+              Fechar
+            </button>
+          </div>
+        </div>
+      </div>
+    {/if}
+  </div>
+</div>
+
+<style>
+  :global(.calendar-container) {
+    font-family: inherit;
+  }
+
+  :global(.fc) {
+    font-family: inherit;
+  }
+
+  :global(.fc-header-toolbar) {
+    margin-bottom: 1.5rem;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+  }
+
+  :global(.fc-button) {
+    background-color: hsl(var(--p));
+    border-color: hsl(var(--p));
+    color: hsl(var(--pc));
+    padding: 0.5rem 1rem;
+    border-radius: 0.5rem;
+    font-weight: 500;
+    transition: all 0.2s;
+  }
+
+  :global(.fc-button:hover) {
+    background-color: hsl(var(--pf));
+    border-color: hsl(var(--pf));
+    transform: translateY(-1px);
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
+  }
+
+  :global(.fc-button:active) {
+    transform: translateY(0);
+  }
+
+  :global(.fc-button-active) {
+    background-color: hsl(var(--a));
+    border-color: hsl(var(--a));
+    color: hsl(var(--ac));
+  }
+
+  :global(.fc-today-button) {
+    background-color: hsl(var(--s));
+    border-color: hsl(var(--s));
+  }
+
+  :global(.fc-daygrid-day-number) {
+    padding: 0.5rem;
+    font-weight: 500;
+  }
+
+  :global(.fc-day-today) {
+    background-color: hsl(var(--p) / 0.1) !important;
+  }
+
+  :global(.fc-day-today .fc-daygrid-day-number) {
+    background-color: hsl(var(--p));
+    color: hsl(var(--pc));
+    border-radius: 50%;
+    width: 2rem;
+    height: 2rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 700;
+  }
+
+  :global(.fc-event) {
+    border-radius: 0.375rem;
+    padding: 0.25rem 0.5rem;
+    font-size: 0.875rem;
+    font-weight: 500;
+    border: none;
+    cursor: pointer;
+    transition: all 0.2s;
+    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
+  }
+
+  :global(.fc-event:hover) {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
+    opacity: 0.9;
+  }
+
+  :global(.fc-event-title) {
+    font-weight: 600;
+    padding: 0;
+  }
+
+  :global(.fc-daygrid-event) {
+    margin: 0.125rem 0;
+  }
+
+  :global(.fc-daygrid-day-frame) {
+    min-height: 100px;
+  }
+
+  :global(.fc-col-header-cell) {
+    padding: 0.75rem 0;
+    background-color: hsl(var(--b2));
+    font-weight: 600;
+    text-transform: uppercase;
+    font-size: 0.875rem;
+    color: hsl(var(--bc));
+  }
+
+  :global(.fc-daygrid-day) {
+    border-color: hsl(var(--b3));
+  }
+
+  :global(.fc-scrollgrid) {
+    border-color: hsl(var(--b3));
+  }
+
+  :global(.fc-daygrid-day-frame) {
+    padding: 0.25rem;
+  }
+
+  :global(.fc-more-link) {
+    font-weight: 600;
+    color: hsl(var(--p));
+    background-color: hsl(var(--p) / 0.1);
+    padding: 0.25rem 0.5rem;
+    border-radius: 0.375rem;
+    margin-top: 0.25rem;
+  }
+
+  :global(.fc-popover) {
+    background-color: hsl(var(--b1));
+    border-color: hsl(var(--b3));
+    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
+    border-radius: 0.5rem;
+  }
+
+  :global(.fc-popover-header) {
+    background-color: hsl(var(--b2));
+    border-color: hsl(var(--b3));
+    padding: 0.75rem;
+    font-weight: 600;
+  }
+
+  :global(.fc-popover-body) {
+    padding: 0.5rem;
+  }
+</style>
diff --git a/apps/web/src/lib/components/ErrorModal.svelte b/apps/web/src/lib/components/ErrorModal.svelte
new file mode 100644
index 0000000..9684a28
--- /dev/null
+++ b/apps/web/src/lib/components/ErrorModal.svelte
@@ -0,0 +1,54 @@
+<script lang="ts">
+  interface Props {
+    open: boolean;
+    title?: string;
+    message: string;
+    details?: string;
+    onClose: () => void;
+  }
+
+  let {
+    open = $bindable(false),
+    title = "Erro",
+    message,
+    details,
+    onClose,
+  }: Props = $props();
+</script>
+
+{#if open}
+  <div class="modal modal-open">
+    <div class="modal-box">
+      <h3 class="font-bold text-lg text-error mb-4 flex items-center gap-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="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+          />
+        </svg>
+        {title}
+      </h3>
+      <p class="py-4 text-base-content">{message}</p>
+      {#if details}
+        <div class="bg-base-200 rounded-lg p-3 mb-4">
+          <p class="text-sm text-base-content/70 font-mono">{details}</p>
+        </div>
+      {/if}
+      <div class="modal-action">
+        <button class="btn btn-primary" onclick={() => { open = false; onClose(); }}>
+          Fechar
+        </button>
+      </div>
+    </div>
+    <div class="modal-backdrop" onclick={() => { open = false; onClose(); }}></div>
+  </div>
+{/if}
+
diff --git a/apps/web/src/lib/components/FileUpload.svelte b/apps/web/src/lib/components/FileUpload.svelte
index f6d62c0..60e9e77 100644
--- a/apps/web/src/lib/components/FileUpload.svelte
+++ b/apps/web/src/lib/components/FileUpload.svelte
@@ -1,274 +1,279 @@
-<script lang="ts">
-  import { useConvexClient } from "convex-svelte";
-  
-  interface Props {
-    label: string;
-    helpUrl?: string;
-    value?: string; // storageId
-    disabled?: boolean;
-    onUpload: (file: File) => Promise<void>;
-    onRemove: () => Promise<void>;
-  }
-  
-  let {
-    label,
-    helpUrl,
-    value = $bindable(),
-    disabled = false,
-    onUpload,
-    onRemove,
-  }: Props = $props();
-  
-  const client = useConvexClient();
-  
-  let fileInput: HTMLInputElement;
-  let uploading = $state(false);
-  let error = $state<string | null>(null);
-  let fileName = $state<string>("");
-  let fileType = $state<string>("");
-  let previewUrl = $state<string | null>(null);
-  let fileUrl = $state<string | null>(null);
-  
-  const MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB
-  const ALLOWED_TYPES = [
-    "application/pdf",
-    "image/jpeg",
-    "image/jpg",
-    "image/png",
-  ];
-  
-  // Buscar URL do arquivo quando houver um storageId
-  $effect(() => {
-    if (value && !fileName) {
-      // Tem storageId mas não é um upload recente
-      loadExistingFile(value);
-    }
-  });
-  
-  async function loadExistingFile(storageId: string) {
-    try {
-      const url = await client.storage.getUrl(storageId as any);
-      if (url) {
-        fileUrl = url;
-        fileName = "Documento anexado";
-        // Detectar tipo pelo URL ou assumir PDF
-        if (url.includes(".pdf") || url.includes("application/pdf")) {
-          fileType = "application/pdf";
-        } else {
-          fileType = "image/jpeg";
-          previewUrl = url; // Para imagens, a URL serve como preview
-        }
-      }
-    } catch (err) {
-      console.error("Erro ao carregar arquivo existente:", err);
-    }
-  }
-  
-  async function handleFileSelect(event: Event) {
-    const target = event.target as HTMLInputElement;
-    const file = target.files?.[0];
-    
-    if (!file) return;
-    
-    error = null;
-    
-    // Validate file size
-    if (file.size > MAX_FILE_SIZE) {
-      error = "Arquivo muito grande. Tamanho máximo: 10MB";
-      target.value = "";
-      return;
-    }
-    
-    // Validate file type
-    if (!ALLOWED_TYPES.includes(file.type)) {
-      error = "Tipo de arquivo não permitido. Use PDF ou imagens (JPG, PNG)";
-      target.value = "";
-      return;
-    }
-    
-    try {
-      uploading = true;
-      fileName = file.name;
-      fileType = file.type;
-      
-      // Create preview for images
-      if (file.type.startsWith("image/")) {
-        const reader = new FileReader();
-        reader.onload = (e) => {
-          previewUrl = e.target?.result as string;
-        };
-        reader.readAsDataURL(file);
-      }
-      
-      await onUpload(file);
-      
-    } catch (err: any) {
-      error = err?.message || "Erro ao fazer upload do arquivo";
-      previewUrl = null;
-    } finally {
-      uploading = false;
-      target.value = "";
-    }
-  }
-  
-  async function handleRemove() {
-    if (!confirm("Tem certeza que deseja remover este arquivo?")) {
-      return;
-    }
-    
-    try {
-      uploading = true;
-      await onRemove();
-      fileName = "";
-      fileType = "";
-      previewUrl = null;
-      fileUrl = null;
-    } catch (err: any) {
-      error = err?.message || "Erro ao remover arquivo";
-    } finally {
-      uploading = false;
-    }
-  }
-  
-  function handleView() {
-    if (fileUrl) {
-      window.open(fileUrl, '_blank');
-    }
-  }
-  
-  function openFileDialog() {
-    fileInput?.click();
-  }
-</script>
-
-<div class="form-control w-full">
-  <label class="label" for="file-upload-input">
-    <span class="label-text font-medium flex items-center gap-2">
-      {label}
-      {#if helpUrl}
-        <div class="tooltip tooltip-right" data-tip="Clique para acessar o link">
-          <a 
-            href={helpUrl} 
-            target="_blank" 
-            rel="noopener noreferrer"
-            class="text-primary hover:text-primary-focus transition-colors"
-            aria-label="Acessar link"
-          >
-            <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>
-          </a>
-        </div>
-      {/if}
-    </span>
-  </label>
-  
-  <input
-    id="file-upload-input"
-    type="file"
-    bind:this={fileInput}
-    onchange={handleFileSelect}
-    accept=".pdf,.jpg,.jpeg,.png"
-    class="hidden"
-    {disabled}
-  />
-  
-  {#if value || fileName}
-    <div class="flex items-center gap-2 p-3 border border-base-300 rounded-lg bg-base-100">
-      <!-- Preview -->
-      <div class="flex-shrink-0">
-        {#if previewUrl}
-          <img src={previewUrl} alt="Preview" class="w-12 h-12 object-cover rounded" />
-        {:else if fileType === "application/pdf" || fileName.endsWith(".pdf")}
-          <div class="w-12 h-12 bg-error/10 rounded flex items-center justify-center">
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-error" 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>
-          </div>
-        {:else}
-          <div class="w-12 h-12 bg-success/10 rounded flex items-center justify-center">
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-success" 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>
-        {/if}
-      </div>
-      
-      <!-- File info -->
-      <div class="flex-1 min-w-0">
-        <p class="text-sm font-medium truncate">{fileName || "Arquivo anexado"}</p>
-        <p class="text-xs text-base-content/60">
-          {#if uploading}
-            Carregando...
-          {:else}
-            Enviado com sucesso
-          {/if}
-        </p>
-      </div>
-      
-      <!-- Actions -->
-      <div class="flex gap-2">
-        {#if fileUrl}
-          <button
-            type="button"
-            onclick={handleView}
-            class="btn btn-sm btn-ghost text-info"
-            disabled={uploading || disabled}
-            title="Visualizar arquivo"
-          >
-            <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>
-          </button>
-        {/if}
-        <button
-          type="button"
-          onclick={openFileDialog}
-          class="btn btn-sm btn-ghost"
-          disabled={uploading || disabled}
-          title="Substituir arquivo"
-        >
-          <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-8l-4-4m0 0L8 8m4-4v12" />
-          </svg>
-        </button>
-        <button
-          type="button"
-          onclick={handleRemove}
-          class="btn btn-sm btn-ghost text-error"
-          disabled={uploading || disabled}
-          title="Remover arquivo"
-        >
-          <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>
-      </div>
-    </div>
-  {:else}
-    <button
-      type="button"
-      onclick={openFileDialog}
-      class="btn btn-outline btn-block justify-start gap-2"
-      disabled={uploading || disabled}
-    >
-      {#if uploading}
-        <span class="loading loading-spinner loading-sm"></span>
-        Carregando...
-      {: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 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>
-        Selecionar arquivo (PDF ou imagem, máx. 10MB)
-      {/if}
-    </button>
-  {/if}
-  
-  {#if error}
-    <div class="label">
-      <span class="label-text-alt text-error">{error}</span>
-    </div>
-  {/if}
-</div>
-
+<script lang="ts">
+  import { useConvexClient } from "convex-svelte";
+  
+  interface Props {
+    label: string;
+    helpUrl?: string;
+    value?: string; // storageId
+    disabled?: boolean;
+    required?: boolean;
+    onUpload: (file: File) => Promise<void>;
+    onRemove: () => Promise<void>;
+  }
+
+  let {
+    label,
+    helpUrl,
+    value = $bindable(),
+    disabled = false,
+    required = false,
+    onUpload,
+    onRemove,
+  }: Props = $props();
+  
+  const client = useConvexClient();
+  
+  let fileInput: HTMLInputElement;
+  let uploading = $state(false);
+  let error = $state<string | null>(null);
+  let fileName = $state<string>("");
+  let fileType = $state<string>("");
+  let previewUrl = $state<string | null>(null);
+  let fileUrl = $state<string | null>(null);
+  
+  const MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB
+  const ALLOWED_TYPES = [
+    "application/pdf",
+    "image/jpeg",
+    "image/jpg",
+    "image/png",
+  ];
+  
+  // Buscar URL do arquivo quando houver um storageId
+  $effect(() => {
+    if (value && !fileName) {
+      // Tem storageId mas não é um upload recente
+      loadExistingFile(value);
+    }
+  });
+  
+  async function loadExistingFile(storageId: string) {
+    try {
+      const url = await client.storage.getUrl(storageId as any);
+      if (url) {
+        fileUrl = url;
+        fileName = "Documento anexado";
+        // Detectar tipo pelo URL ou assumir PDF
+        if (url.includes(".pdf") || url.includes("application/pdf")) {
+          fileType = "application/pdf";
+        } else {
+          fileType = "image/jpeg";
+          previewUrl = url; // Para imagens, a URL serve como preview
+        }
+      }
+    } catch (err) {
+      console.error("Erro ao carregar arquivo existente:", err);
+    }
+  }
+  
+  async function handleFileSelect(event: Event) {
+    const target = event.target as HTMLInputElement;
+    const file = target.files?.[0];
+    
+    if (!file) return;
+    
+    error = null;
+    
+    // Validate file size
+    if (file.size > MAX_FILE_SIZE) {
+      error = "Arquivo muito grande. Tamanho máximo: 10MB";
+      target.value = "";
+      return;
+    }
+    
+    // Validate file type
+    if (!ALLOWED_TYPES.includes(file.type)) {
+      error = "Tipo de arquivo não permitido. Use PDF ou imagens (JPG, PNG)";
+      target.value = "";
+      return;
+    }
+    
+    try {
+      uploading = true;
+      fileName = file.name;
+      fileType = file.type;
+      
+      // Create preview for images
+      if (file.type.startsWith("image/")) {
+        const reader = new FileReader();
+        reader.onload = (e) => {
+          previewUrl = e.target?.result as string;
+        };
+        reader.readAsDataURL(file);
+      }
+      
+      await onUpload(file);
+      
+    } catch (err: any) {
+      error = err?.message || "Erro ao fazer upload do arquivo";
+      previewUrl = null;
+    } finally {
+      uploading = false;
+      target.value = "";
+    }
+  }
+  
+  async function handleRemove() {
+    if (!confirm("Tem certeza que deseja remover este arquivo?")) {
+      return;
+    }
+    
+    try {
+      uploading = true;
+      await onRemove();
+      fileName = "";
+      fileType = "";
+      previewUrl = null;
+      fileUrl = null;
+    } catch (err: any) {
+      error = err?.message || "Erro ao remover arquivo";
+    } finally {
+      uploading = false;
+    }
+  }
+  
+  function handleView() {
+    if (fileUrl) {
+      window.open(fileUrl, '_blank');
+    }
+  }
+  
+  function openFileDialog() {
+    fileInput?.click();
+  }
+</script>
+
+<div class="form-control w-full">
+  <label class="label" for="file-upload-input">
+    <span class="label-text font-medium flex items-center gap-2">
+      {label}
+      {#if required}
+        <span class="text-error">*</span>
+      {/if}
+      {#if helpUrl}
+        <div class="tooltip tooltip-right" data-tip="Clique para acessar o link">
+          <a 
+            href={helpUrl} 
+            target="_blank" 
+            rel="noopener noreferrer"
+            class="text-primary hover:text-primary-focus transition-colors"
+            aria-label="Acessar link"
+          >
+            <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>
+          </a>
+        </div>
+      {/if}
+    </span>
+  </label>
+  
+  <input
+    id="file-upload-input"
+    type="file"
+    bind:this={fileInput}
+    onchange={handleFileSelect}
+    accept=".pdf,.jpg,.jpeg,.png"
+    class="hidden"
+    {disabled}
+  />
+  
+  {#if value || fileName}
+    <div class="flex items-center gap-2 p-3 border border-base-300 rounded-lg bg-base-100">
+      <!-- Preview -->
+      <div class="flex-shrink-0">
+        {#if previewUrl}
+          <img src={previewUrl} alt="Preview" class="w-12 h-12 object-cover rounded" />
+        {:else if fileType === "application/pdf" || fileName.endsWith(".pdf")}
+          <div class="w-12 h-12 bg-error/10 rounded flex items-center justify-center">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-error" 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>
+          </div>
+        {:else}
+          <div class="w-12 h-12 bg-success/10 rounded flex items-center justify-center">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-success" 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>
+        {/if}
+      </div>
+      
+      <!-- File info -->
+      <div class="flex-1 min-w-0">
+        <p class="text-sm font-medium truncate">{fileName || "Arquivo anexado"}</p>
+        <p class="text-xs text-base-content/60">
+          {#if uploading}
+            Carregando...
+          {:else}
+            Enviado com sucesso
+          {/if}
+        </p>
+      </div>
+      
+      <!-- Actions -->
+      <div class="flex gap-2">
+        {#if fileUrl}
+          <button
+            type="button"
+            onclick={handleView}
+            class="btn btn-sm btn-ghost text-info"
+            disabled={uploading || disabled}
+            title="Visualizar arquivo"
+          >
+            <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>
+          </button>
+        {/if}
+        <button
+          type="button"
+          onclick={openFileDialog}
+          class="btn btn-sm btn-ghost"
+          disabled={uploading || disabled}
+          title="Substituir arquivo"
+        >
+          <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-8l-4-4m0 0L8 8m4-4v12" />
+          </svg>
+        </button>
+        <button
+          type="button"
+          onclick={handleRemove}
+          class="btn btn-sm btn-ghost text-error"
+          disabled={uploading || disabled}
+          title="Remover arquivo"
+        >
+          <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>
+      </div>
+    </div>
+  {:else}
+    <button
+      type="button"
+      onclick={openFileDialog}
+      class="btn btn-outline btn-block justify-start gap-2"
+      disabled={uploading || disabled}
+    >
+      {#if uploading}
+        <span class="loading loading-spinner loading-sm"></span>
+        Carregando...
+      {: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 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>
+        Selecionar arquivo (PDF ou imagem, máx. 10MB)
+      {/if}
+    </button>
+  {/if}
+  
+  {#if error}
+    <div class="label">
+      <span class="label-text-alt text-error">{error}</span>
+    </div>
+  {/if}
+</div>
+
diff --git a/apps/web/src/lib/components/FuncionarioSelect.svelte b/apps/web/src/lib/components/FuncionarioSelect.svelte
new file mode 100644
index 0000000..544dcd4
--- /dev/null
+++ b/apps/web/src/lib/components/FuncionarioSelect.svelte
@@ -0,0 +1,189 @@
+<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";
+
+  interface Props {
+    value?: string; // Id do funcionário selecionado
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+  }
+
+  let {
+    value = $bindable(),
+    placeholder = "Selecione um funcionário",
+    disabled = false,
+    required = false,
+  }: Props = $props();
+
+  let busca = $state("");
+  let mostrarDropdown = $state(false);
+
+  // Buscar funcionários
+  const funcionariosQuery = useQuery(api.funcionarios.getAll, {});
+
+  const funcionarios = $derived(
+    funcionariosQuery?.data?.filter((f) => !f.desligamentoData) || []
+  );
+
+  // Filtrar funcionários baseado na busca
+  const funcionariosFiltrados = $derived.by(() => {
+    if (!busca.trim()) return funcionarios;
+
+    const termo = busca.toLowerCase().trim();
+    return funcionarios.filter((f) => {
+      const nomeMatch = f.nome?.toLowerCase().includes(termo);
+      const matriculaMatch = f.matricula?.toLowerCase().includes(termo);
+      const cpfMatch = f.cpf?.replace(/\D/g, "").includes(termo.replace(/\D/g, ""));
+      return nomeMatch || matriculaMatch || cpfMatch;
+    });
+  });
+
+  // Funcionário selecionado
+  const funcionarioSelecionado = $derived.by(() => {
+    if (!value) return null;
+    return funcionarios.find((f) => f._id === value);
+  });
+
+  function selecionarFuncionario(funcionarioId: string) {
+    value = funcionarioId;
+    const funcionario = funcionarios.find((f) => f._id === funcionarioId);
+    busca = funcionario?.nome || "";
+    mostrarDropdown = false;
+  }
+
+  function limpar() {
+    value = undefined;
+    busca = "";
+    mostrarDropdown = false;
+  }
+
+  // Atualizar busca quando funcionário selecionado mudar externamente
+  $effect(() => {
+    if (value && !busca) {
+      const funcionario = funcionarios.find((f) => f._id === value);
+      busca = funcionario?.nome || "";
+    }
+  });
+
+  function handleFocus() {
+    if (!disabled) {
+      mostrarDropdown = true;
+    }
+  }
+
+  function handleBlur() {
+    // Delay para permitir click no dropdown
+    setTimeout(() => {
+      mostrarDropdown = false;
+    }, 200);
+  }
+</script>
+
+<div class="form-control w-full relative">
+  <label class="label">
+    <span class="label-text font-medium">
+      Funcionário
+      {#if required}
+        <span class="text-error">*</span>
+      {/if}
+    </span>
+  </label>
+
+  <div class="relative">
+    <input
+      type="text"
+      bind:value={busca}
+      {placeholder}
+      {disabled}
+      onfocus={handleFocus}
+      onblur={handleBlur}
+      class="input input-bordered w-full pr-10"
+      autocomplete="off"
+    />
+
+    {#if value}
+      <button
+        type="button"
+        onclick={limpar}
+        class="absolute right-2 top-1/2 -translate-y-1/2 btn btn-ghost btn-xs btn-circle"
+        disabled={disabled}
+      >
+        <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>
+    {:else}
+      <div class="absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-5 w-5 text-base-content/40"
+          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>
+      </div>
+    {/if}
+
+    {#if mostrarDropdown && funcionariosFiltrados.length > 0}
+      <div
+        class="absolute z-50 w-full mt-1 bg-base-100 border border-base-300 rounded-lg shadow-lg max-h-60 overflow-auto"
+      >
+        {#each funcionariosFiltrados as funcionario}
+          <button
+            type="button"
+            onclick={() => selecionarFuncionario(funcionario._id)}
+            class="w-full text-left px-4 py-3 hover:bg-base-200 transition-colors border-b border-base-200 last:border-b-0"
+          >
+            <div class="font-medium">{funcionario.nome}</div>
+            <div class="text-sm text-base-content/60">
+              {#if funcionario.matricula}
+                Matrícula: {funcionario.matricula}
+              {/if}
+              {#if funcionario.descricaoCargo}
+                {funcionario.matricula ? " • " : ""}
+                {funcionario.descricaoCargo}
+              {/if}
+            </div>
+          </button>
+        {/each}
+      </div>
+    {/if}
+
+    {#if mostrarDropdown && busca && funcionariosFiltrados.length === 0}
+      <div
+        class="absolute z-50 w-full mt-1 bg-base-100 border border-base-300 rounded-lg shadow-lg p-4 text-center text-base-content/60"
+      >
+        Nenhum funcionário encontrado
+      </div>
+    {/if}
+  </div>
+
+  {#if funcionarioSelecionado}
+    <div class="text-xs text-base-content/60 mt-1">
+      Selecionado: {funcionarioSelecionado.nome}
+      {#if funcionarioSelecionado.matricula}
+        - {funcionarioSelecionado.matricula}
+      {/if}
+    </div>
+  {/if}
+</div>
diff --git a/apps/web/src/lib/components/Sidebar.svelte b/apps/web/src/lib/components/Sidebar.svelte
index 7c1b6aa..7ef45b5 100644
--- a/apps/web/src/lib/components/Sidebar.svelte
+++ b/apps/web/src/lib/components/Sidebar.svelte
@@ -10,6 +10,7 @@
   import NotificationBell from "$lib/components/chat/NotificationBell.svelte";
   import ChatWidget from "$lib/components/chat/ChatWidget.svelte";
   import PresenceManager from "$lib/components/chat/PresenceManager.svelte";
+  import { getBrowserInfo } from "$lib/utils/browserInfo";
 
   let { children }: { children: Snippet } = $props();
 
@@ -100,9 +101,15 @@
     carregandoLogin = true;
 
     try {
+      // Usar mutation normal com WebRTC para capturar IP
+      // getBrowserInfo() tenta obter o IP local via WebRTC
+      const browserInfo = await getBrowserInfo();
+      
       const resultado = await convex.mutation(api.autenticacao.login, {
         matriculaOuEmail: matricula.trim(),
         senha: senha,
+        userAgent: browserInfo.userAgent || undefined,
+        ipAddress: browserInfo.ipAddress,
       });
 
       if (resultado.sucesso) {
diff --git a/apps/web/src/lib/components/chat/NotificationBell.svelte b/apps/web/src/lib/components/chat/NotificationBell.svelte
index b86c35c..b7056b4 100644
--- a/apps/web/src/lib/components/chat/NotificationBell.svelte
+++ b/apps/web/src/lib/components/chat/NotificationBell.svelte
@@ -5,18 +5,27 @@
   import { formatDistanceToNow } from "date-fns";
   import { ptBR } from "date-fns/locale";
   import { onMount } from "svelte";
+  import { authStore } from "$lib/stores/auth.svelte";
 
   // Queries e Client
   const client = useConvexClient();
-  const notificacoesQuery = useQuery(api.chat.obterNotificacoes, { apenasPendentes: true });
+  const notificacoesQuery = useQuery(api.chat.obterNotificacoes, {
+    apenasPendentes: true,
+  });
   const countQuery = useQuery(api.chat.contarNotificacoesNaoLidas, {});
 
   let dropdownOpen = $state(false);
   let notificacoesFerias = $state<any[]>([]);
 
   // Helpers para obter valores das queries
-  const count = $derived((typeof countQuery === 'number' ? countQuery : countQuery?.data) ?? 0);
-  const notificacoes = $derived((Array.isArray(notificacoesQuery) ? notificacoesQuery : notificacoesQuery?.data) ?? []);
+  const count = $derived(
+    (typeof countQuery === "number" ? countQuery : countQuery?.data) ?? 0
+  );
+  const notificacoes = $derived(
+    (Array.isArray(notificacoesQuery)
+      ? notificacoesQuery
+      : notificacoesQuery?.data) ?? []
+  );
 
   // Atualizar contador no store
   $effect(() => {
@@ -27,11 +36,15 @@
   // Buscar notificações de férias
   async function buscarNotificacoesFerias() {
     try {
-      const usuarioStore = await import("$lib/stores/auth.svelte").then(m => m.authStore);
+      const usuarioStore = authStore;
+
       if (usuarioStore.usuario?._id) {
-        const notifsFerias = await client.query(api.ferias.obterNotificacoesNaoLidas, {
-          usuarioId: usuarioStore.usuario._id as any,
-        });
+        const notifsFerias = await client.query(
+          api.ferias.obterNotificacoesNaoLidas,
+          {
+            usuarioId: usuarioStore.usuario._id as any,
+          }
+        );
         notificacoesFerias = notifsFerias || [];
       }
     } catch (e) {
@@ -61,19 +74,25 @@
     await client.mutation(api.chat.marcarTodasNotificacoesLidas, {});
     // Marcar todas as notificações de férias como lidas
     for (const notif of notificacoesFerias) {
-      await client.mutation(api.ferias.marcarComoLida, { notificacaoId: notif._id });
+      await client.mutation(api.ferias.marcarComoLida, {
+        notificacaoId: notif._id,
+      });
     }
     dropdownOpen = false;
     await buscarNotificacoesFerias();
   }
 
   async function handleClickNotificacao(notificacaoId: string) {
-    await client.mutation(api.chat.marcarNotificacaoLida, { notificacaoId: notificacaoId as any });
+    await client.mutation(api.chat.marcarNotificacaoLida, {
+      notificacaoId: notificacaoId as any,
+    });
     dropdownOpen = false;
   }
 
   async function handleClickNotificacaoFerias(notificacaoId: string) {
-    await client.mutation(api.ferias.marcarComoLida, { notificacaoId: notificacaoId as any });
+    await client.mutation(api.ferias.marcarComoLida, {
+      notificacaoId: notificacaoId as any,
+    });
     await buscarNotificacoesFerias();
     dropdownOpen = false;
     // Redirecionar para a página de férias
@@ -98,43 +117,6 @@
   });
 </script>
 
-<style>
-  @keyframes badge-bounce {
-    0%, 100% {
-      transform: scale(1);
-    }
-    50% {
-      transform: scale(1.1);
-    }
-  }
-
-  @keyframes pulse-ring-subtle {
-    0%, 100% {
-      opacity: 0.1;
-      transform: scale(1);
-    }
-    50% {
-      opacity: 0.3;
-      transform: scale(1.05);
-    }
-  }
-
-  @keyframes bell-ring {
-    0%, 100% {
-      transform: rotate(0deg);
-    }
-    10%, 30% {
-      transform: rotate(-10deg);
-    }
-    20%, 40% {
-      transform: rotate(10deg);
-    }
-    50% {
-      transform: rotate(0deg);
-    }
-  }
-</style>
-
 <div class="dropdown dropdown-end notification-bell">
   <!-- Botão de Notificação ULTRA MODERNO (igual ao perfil) -->
   <button
@@ -146,25 +128,39 @@
     aria-label="Notificações"
   >
     <!-- Efeito de brilho no hover -->
-    <div class="absolute inset-0 bg-gradient-to-br from-white/0 to-white/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
-    
+    <div
+      class="absolute inset-0 bg-gradient-to-br from-white/0 to-white/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300"
+    ></div>
+
     <!-- Anel de pulso sutil -->
-    <div class="absolute inset-0 rounded-2xl" style="animation: pulse-ring-subtle 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;"></div>
-    
+    <div
+      class="absolute inset-0 rounded-2xl"
+      style="animation: pulse-ring-subtle 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;"
+    ></div>
+
     <!-- Glow effect quando tem notificações -->
     {#if count && count > 0}
-      <div class="absolute inset-0 rounded-2xl bg-error/30 blur-lg animate-pulse"></div>
+      <div
+        class="absolute inset-0 rounded-2xl bg-error/30 blur-lg animate-pulse"
+      ></div>
     {/if}
-    
+
     <!-- Ícone do sino PREENCHIDO moderno -->
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 24 24"
       fill="currentColor"
       class="w-7 h-7 text-white relative z-10 transition-all duration-300 group-hover:scale-110"
-      style="filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3)); animation: {count && count > 0 ? 'bell-ring 2s ease-in-out infinite' : 'none'};"
+      style="filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3)); animation: {count &&
+      count > 0
+        ? 'bell-ring 2s ease-in-out infinite'
+        : 'none'};"
     >
-      <path fill-rule="evenodd" d="M5.25 9a6.75 6.75 0 0113.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 01-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 11-7.48 0 24.585 24.585 0 01-4.831-1.244.75.75 0 01-.298-1.205A8.217 8.217 0 005.25 9.75V9zm4.502 8.9a2.25 2.25 0 104.496 0 25.057 25.057 0 01-4.496 0z" clip-rule="evenodd" />
+      <path
+        fill-rule="evenodd"
+        d="M5.25 9a6.75 6.75 0 0113.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 01-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 11-7.48 0 24.585 24.585 0 01-4.831-1.244.75.75 0 01-.298-1.205A8.217 8.217 0 005.25 9.75V9zm4.502 8.9a2.25 2.25 0 104.496 0 25.057 25.057 0 01-4.496 0z"
+        clip-rule="evenodd"
+      />
     </svg>
 
     <!-- Badge premium MODERNO com gradiente -->
@@ -186,7 +182,9 @@
       class="dropdown-content z-50 mt-3 w-80 max-h-96 overflow-auto rounded-box bg-base-100 p-2 shadow-2xl border border-base-300"
     >
       <!-- Header -->
-      <div class="flex items-center justify-between px-4 py-2 border-b border-base-300">
+      <div
+        class="flex items-center justify-between px-4 py-2 border-b border-base-300"
+      >
         <h3 class="text-lg font-semibold">Notificações</h3>
         {#if count > 0}
           <button
@@ -297,11 +295,22 @@
               <div class="flex items-start gap-3">
                 <!-- Ícone -->
                 <div class="flex-shrink-0 mt-1">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 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
+                    xmlns="http://www.w3.org/2000/svg"
+                    class="w-5 h-5 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>
                 </div>
-                
+
                 <!-- Conteúdo -->
                 <div class="flex-1 min-w-0">
                   <p class="text-sm font-medium text-base-content">
@@ -311,7 +320,7 @@
                     {formatarTempo(notificacao._creationTime)}
                   </p>
                 </div>
-                
+
                 <!-- Badge -->
                 <div class="flex-shrink-0">
                   <div class="badge badge-primary badge-xs"></div>
@@ -346,3 +355,44 @@
   {/if}
 </div>
 
+<style>
+  @keyframes badge-bounce {
+    0%,
+    100% {
+      transform: scale(1);
+    }
+    50% {
+      transform: scale(1.1);
+    }
+  }
+
+  @keyframes pulse-ring-subtle {
+    0%,
+    100% {
+      opacity: 0.1;
+      transform: scale(1);
+    }
+    50% {
+      opacity: 0.3;
+      transform: scale(1.05);
+    }
+  }
+
+  @keyframes bell-ring {
+    0%,
+    100% {
+      transform: rotate(0deg);
+    }
+    10%,
+    30% {
+      transform: rotate(-10deg);
+    }
+    20%,
+    40% {
+      transform: rotate(10deg);
+    }
+    50% {
+      transform: rotate(0deg);
+    }
+  }
+</style>
diff --git a/apps/web/src/lib/components/ti/AlertConfigModal.svelte b/apps/web/src/lib/components/ti/AlertConfigModal.svelte
index 1ae2a77..da4cb68 100644
--- a/apps/web/src/lib/components/ti/AlertConfigModal.svelte
+++ b/apps/web/src/lib/components/ti/AlertConfigModal.svelte
@@ -6,7 +6,13 @@
   let { onClose }: { onClose: () => void } = $props();
 
   const client = useConvexClient();
-  const alertas = useQuery(api.monitoramento.listarAlertas, {});
+  const alertasQuery = useQuery(api.monitoramento.listarAlertas, {});
+  const 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 ?? [];
+  });
 
   // Estado para novo alerta
   let editingAlertId = $state<Id<"alertConfigurations"> | null>(null);
@@ -278,7 +284,7 @@
     <!-- Lista de Alertas -->
     <div class="divider">Alertas Configurados</div>
     
-    {#if alertas && alertas.length > 0}
+    {#if alertas.length > 0}
       <div class="overflow-x-auto">
         <table class="table table-zebra">
           <thead>
diff --git a/apps/web/src/lib/stores/auth.svelte.ts b/apps/web/src/lib/stores/auth.svelte.ts
index e403fe4..3ee7d00 100644
--- a/apps/web/src/lib/stores/auth.svelte.ts
+++ b/apps/web/src/lib/stores/auth.svelte.ts
@@ -1,12 +1,13 @@
 import { browser } from "$app/environment";
 import { goto } from "$app/navigation";
+import type { Id } from "@sgse-app/backend/convex/betterAuth/_generated/dataModel";
 
 interface Usuario {
   _id: string;
   matricula: string;
   nome: string;
   email: string;
-  funcionarioId?: string;
+  funcionarioId?: Id<"funcionarios">;
   role: {
     _id: string;
     nome: string;
@@ -100,19 +101,31 @@ class AuthStore {
       // Importação dinâmica do convex para evitar problemas de SSR
       const { ConvexHttpClient } = await import("convex/browser");
       const { api } = await import("@sgse-app/backend/convex/_generated/api");
-      
+
       const client = new ConvexHttpClient(import.meta.env.VITE_CONVEX_URL);
       client.setAuth(this.state.token);
-      
-      const usuarioAtualizado = await client.query(api.usuarios.obterPerfil, {});
-      
-      if (usuarioAtualizado && this.state.usuario) {
+
+      const usuarioAtualizado = await client.query(
+        api.usuarios.obterPerfil,
+        {}
+      );
+
+      if (usuarioAtualizado) {
+        // Preservar role e primeiroAcesso do estado atual
         this.state.usuario = {
-          ...this.state.usuario,
           ...usuarioAtualizado,
+          role: this.state.usuario?.role || {
+            _id: "",
+            nome: "Usuário",
+            nivel: 999,
+          },
+          primeiroAcesso: this.state.usuario?.primeiroAcesso ?? false,
         };
-        
-        localStorage.setItem("auth_usuario", JSON.stringify(this.state.usuario));
+
+        localStorage.setItem(
+          "auth_usuario",
+          JSON.stringify(this.state.usuario)
+        );
       }
     } catch (error) {
       console.error("Erro ao atualizar perfil:", error);
@@ -139,4 +152,3 @@ class AuthStore {
 }
 
 export const authStore = new AuthStore();
-
diff --git a/apps/web/src/lib/utils/browserInfo.ts b/apps/web/src/lib/utils/browserInfo.ts
new file mode 100644
index 0000000..86fe840
--- /dev/null
+++ b/apps/web/src/lib/utils/browserInfo.ts
@@ -0,0 +1,212 @@
+/**
+ * Função utilitária para obter informações do navegador
+ * Sem usar APIs externas
+ */
+
+/**
+ * Obtém o User-Agent do navegador
+ */
+export function getUserAgent(): string {
+  if (typeof window === 'undefined' || !window.navigator) {
+    return '';
+  }
+  return window.navigator.userAgent || '';
+}
+
+/**
+ * Valida se uma string tem formato de IP válido
+ */
+function isValidIPFormat(ip: string): boolean {
+  if (!ip || ip.length < 7) return false; // IP mínimo: "1.1.1.1" = 7 chars
+  
+  // Validar IPv4
+  const ipv4Regex = /^(\d{1,3}\.){3}\d{1,3}$/;
+  if (ipv4Regex.test(ip)) {
+    const parts = ip.split('.');
+    return parts.length === 4 && parts.every(part => {
+      const num = parseInt(part, 10);
+      return !isNaN(num) && num >= 0 && num <= 255;
+    });
+  }
+  
+  // Validar IPv6 básico (formato simplificado)
+  const ipv6Regex = /^([0-9a-fA-F]{0,4}:){2,7}[0-9a-fA-F]{0,4}$|^::[0-9a-fA-F]{0,4}(:[0-9a-fA-F]{0,4}){0,6}$|^[0-9a-fA-F]{0,4}::[0-9a-fA-F]{0,4}(:[0-9a-fA-F]{0,4}){0,5}$/;
+  if (ipv6Regex.test(ip)) {
+    return true;
+  }
+  
+  return false;
+}
+
+/**
+ * Verifica se um IP é local/privado
+ */
+function isLocalIP(ip: string): boolean {
+  // IPs locais/privados
+  return (
+    ip.startsWith('127.') ||
+    ip.startsWith('192.168.') ||
+    ip.startsWith('10.') ||
+    ip.startsWith('172.16.') ||
+    ip.startsWith('172.17.') ||
+    ip.startsWith('172.18.') ||
+    ip.startsWith('172.19.') ||
+    ip.startsWith('172.20.') ||
+    ip.startsWith('172.21.') ||
+    ip.startsWith('172.22.') ||
+    ip.startsWith('172.23.') ||
+    ip.startsWith('172.24.') ||
+    ip.startsWith('172.25.') ||
+    ip.startsWith('172.26.') ||
+    ip.startsWith('172.27.') ||
+    ip.startsWith('172.28.') ||
+    ip.startsWith('172.29.') ||
+    ip.startsWith('172.30.') ||
+    ip.startsWith('172.31.') ||
+    ip.startsWith('169.254.') || // Link-local
+    ip === '::1' ||
+    ip.startsWith('fe80:') // IPv6 link-local
+  );
+}
+
+/**
+ * Tenta obter o IP usando WebRTC
+ * Prioriza IP público, mas retorna IP local se não encontrar
+ * Esta função não usa API externa, mas pode falhar em alguns navegadores
+ * Retorna undefined se não conseguir obter
+ */
+export async function getLocalIP(): Promise<string | undefined> {
+  return new Promise((resolve) => {
+    // Verificar se está em ambiente browser
+    if (typeof window === 'undefined' || typeof RTCPeerConnection === 'undefined') {
+      resolve(undefined);
+      return;
+    }
+
+    try {
+      const pc = new RTCPeerConnection({
+        iceServers: []
+      });
+
+      let resolved = false;
+      let foundIPs: string[] = [];
+      let publicIP: string | undefined = undefined;
+      let localIP: string | undefined = undefined;
+
+      const timeout = setTimeout(() => {
+        if (!resolved) {
+          resolved = true;
+          pc.close();
+          // Priorizar IP público, mas retornar local se não houver
+          resolve(publicIP || localIP || undefined);
+        }
+      }, 5000); // Aumentar timeout para 5 segundos
+
+      pc.onicecandidate = (event) => {
+        if (event.candidate && !resolved) {
+          const candidate = event.candidate.candidate;
+          
+          // Regex mais rigorosa para IPv4 - deve ser um IP completo e válido
+          // Formato: X.X.X.X onde X é 0-255
+          const ipv4Match = candidate.match(/\b([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3})\b/);
+          
+          // Regex para IPv6 - mais específica
+          const ipv6Match = candidate.match(/\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 = undefined;
+          
+          if (ipv4Match && ipv4Match[1]) {
+            const candidateIP = ipv4Match[1];
+            // Validar se cada octeto está entre 0-255
+            const parts = candidateIP.split('.');
+            if (parts.length === 4 && parts.every(part => {
+              const num = parseInt(part, 10);
+              return !isNaN(num) && num >= 0 && num <= 255;
+            })) {
+              ip = candidateIP;
+            }
+          } else if (ipv6Match && ipv6Match[1]) {
+            // Validar formato básico de IPv6
+            const candidateIP = ipv6Match[1];
+            if (candidateIP.includes(':') && candidateIP.length >= 3) {
+              ip = candidateIP;
+            }
+          }
+          
+          // Validar se o IP é válido antes de processar
+          if (ip && isValidIPFormat(ip) && !foundIPs.includes(ip)) {
+            foundIPs.push(ip);
+            
+            // Ignorar localhost
+            if (ip.startsWith('127.') || ip === '::1') {
+              return;
+            }
+            
+            // Separar IPs públicos e locais
+            if (isLocalIP(ip)) {
+              if (!localIP) {
+                localIP = ip;
+              }
+            } else {
+              // IP público encontrado!
+              if (!publicIP) {
+                publicIP = ip;
+                // Se encontrou IP público, podemos resolver mais cedo
+                if (!resolved) {
+                  resolved = true;
+                  clearTimeout(timeout);
+                  pc.close();
+                  resolve(publicIP);
+                }
+              }
+            }
+          }
+        } else if (event.candidate === null) {
+          // No more candidates
+          if (!resolved) {
+            resolved = true;
+            clearTimeout(timeout);
+            pc.close();
+            // Retornar IP público se encontrou, senão local
+            resolve(publicIP || localIP || undefined);
+          }
+        }
+      };
+
+      // Criar um data channel para forçar a criação de candidatos
+      pc.createDataChannel('');
+      pc.createOffer()
+        .then((offer) => pc.setLocalDescription(offer))
+        .catch(() => {
+          if (!resolved) {
+            resolved = true;
+            clearTimeout(timeout);
+            pc.close();
+            resolve(publicIP || localIP || undefined);
+          }
+        });
+    } catch (error) {
+      console.warn("Erro ao obter IP via WebRTC:", error);
+      resolve(undefined);
+    }
+  });
+}
+
+/**
+ * Obtém informações completas do navegador
+ */
+export interface BrowserInfo {
+  userAgent: string;
+  ipAddress?: string;
+}
+
+export async function getBrowserInfo(): Promise<BrowserInfo> {
+  const userAgent = getUserAgent();
+  const ipAddress = await getLocalIP();
+  
+  return {
+    userAgent,
+    ipAddress,
+  };
+}
+
diff --git a/apps/web/src/routes/(dashboard)/perfil/+page.svelte b/apps/web/src/routes/(dashboard)/perfil/+page.svelte
index 7e3857c..d9d5d09 100644
--- a/apps/web/src/routes/(dashboard)/perfil/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/perfil/+page.svelte
@@ -2,15 +2,17 @@
   import { useConvexClient, useQuery } from "convex-svelte";
   import { api } from "@sgse-app/backend/convex/_generated/api";
   import { authStore } from "$lib/stores/auth.svelte";
-  import WizardSolicitacaoFerias from "$lib/components/ferias/WizardSolicitacaoFerias.svelte";
-  import DashboardFerias from "$lib/components/ferias/DashboardFerias.svelte";
   import AprovarFerias from "$lib/components/AprovarFerias.svelte";
+  import WizardSolicitacaoFerias from "$lib/components/ferias/WizardSolicitacaoFerias.svelte";
   import { generateAvatarGallery, type Avatar } from "$lib/utils/avatars";
+  import type { Id } from "@sgse-app/backend/convex/_generated/dataModel";
+  import { page } from "$app/stores";
 
   const client = useConvexClient();
-  
-  let abaAtiva = $state<"meu-perfil" | "minhas-ferias" | "aprovar-ferias">("meu-perfil");
-  let mostrarFormSolicitar = $state(false);
+
+  let abaAtiva = $state<"meu-perfil" | "minhas-ferias" | "aprovar-ferias">(
+    "meu-perfil"
+  );
   let solicitacaoSelecionada = $state<any>(null);
   let mostrarModalFoto = $state(false);
   let uploadandoFoto = $state(false);
@@ -18,14 +20,18 @@
   let modoFoto = $state<"upload" | "avatar">("avatar");
   let avatarSelecionado = $state<string>("");
   let mostrarBotaoCamera = $state(false);
-  
+
   // Estados locais para atualização imediata
   let fotoPerfilLocal = $state<string | null>(null);
   let avatarLocal = $state<string | null>(null);
-  
+
+  // Estados para Minhas Férias
+  let mostrarWizard = $state(false);
+  let filtroStatusFerias = $state<string>("todos");
+
   // Galeria de avatares (30 avatares profissionais 3D realistas)
   const avatarGallery = generateAvatarGallery(30);
-  
+
   // Sincronizar com authStore
   $effect(() => {
     if (authStore.usuario?.fotoPerfilUrl !== undefined) {
@@ -35,59 +41,93 @@
       avatarLocal = authStore.usuario.avatar;
     }
   });
-  
+
+  // Debug: Verificar funcionarioId
+  $effect(() => {
+    console.log("🔍 [Perfil] funcionarioId:", authStore.usuario?.funcionarioId);
+    console.log("🔍 [Perfil] Usuário completo:", authStore.usuario);
+  });
+
   // Queries
   const funcionarioQuery = $derived(
     authStore.usuario?.funcionarioId
-      ? useQuery(api.funcionarios.getById, { id: authStore.usuario.funcionarioId as any })
+      ? useQuery(api.funcionarios.getById, {
+          id: authStore.usuario.funcionarioId,
+        })
       : { data: null }
   );
-  
-  const minhasSolicitacoesQuery = $derived(
-    funcionarioQuery.data
-      ? useQuery(api.ferias.listarMinhasSolicitacoes, { funcionarioId: funcionarioQuery.data._id })
-      : { data: [] }
-  );
-  
+
   const solicitacoesSubordinadosQuery = $derived(
     authStore.usuario?._id
-      ? useQuery(api.ferias.listarSolicitacoesSubordinados, { gestorId: authStore.usuario._id as any })
+      ? useQuery(api.ferias.listarSolicitacoesSubordinados, {
+          gestorId: authStore.usuario._id as Id<"usuarios">,
+        })
       : { data: [] }
   );
-  
+
+  const minhasSolicitacoesQuery = $derived(
+    funcionarioQuery.data
+      ? useQuery(api.ferias.listarMinhasSolicitacoes, {
+          funcionarioId: funcionarioQuery.data._id,
+        })
+      : { data: [] }
+  );
+
   const meuTimeQuery = $derived(
     funcionarioQuery.data
-      ? useQuery(api.times.obterTimeFuncionario, { funcionarioId: funcionarioQuery.data._id })
+      ? useQuery(api.times.obterTimeFuncionario, {
+          funcionarioId: funcionarioQuery.data._id,
+        })
       : { data: null }
   );
-  
+
   const meusTimesGestorQuery = $derived(
     authStore.usuario?._id
-      ? useQuery(api.times.listarPorGestor, { gestorId: authStore.usuario._id as any })
+      ? useQuery(api.times.listarPorGestor, {
+          gestorId: authStore.usuario._id as Id<"usuarios">,
+        })
       : { data: [] }
   );
-  
+
   const funcionario = $derived(funcionarioQuery.data);
+  const solicitacoesSubordinados = $derived(
+    solicitacoesSubordinadosQuery?.data || []
+  );
   const minhasSolicitacoes = $derived(minhasSolicitacoesQuery?.data || []);
-  const solicitacoesSubordinados = $derived(solicitacoesSubordinadosQuery?.data || []);
   const meuTime = $derived(meuTimeQuery?.data);
   const meusTimesGestor = $derived(meusTimesGestorQuery?.data || []);
-  
+
   // Verificar se é gestor
   const ehGestor = $derived((meusTimesGestor || []).length > 0);
-  
+
+  // Filtrar minhas solicitações
+  const solicitacoesFiltradas = $derived(
+    minhasSolicitacoes.filter((s) => {
+      if (filtroStatusFerias !== "todos" && s.status !== filtroStatusFerias) return false;
+      return true;
+    })
+  );
+
+  // Estatísticas das minhas férias
+  const statsMinhasFerias = $derived({
+    total: minhasSolicitacoes.length,
+    aguardando: minhasSolicitacoes.filter((s) => s.status === "aguardando_aprovacao").length,
+    aprovadas: minhasSolicitacoes.filter((s) => s.status === "aprovado" || s.status === "data_ajustada_aprovada").length,
+    reprovadas: minhasSolicitacoes.filter((s) => s.status === "reprovado").length,
+    emFerias: funcionario?.statusFerias === "em_ferias" ? 1 : 0,
+  });
+
   async function recarregar() {
-    mostrarFormSolicitar = false;
     solicitacaoSelecionada = null;
   }
-  
+
   async function selecionarSolicitacao(solicitacaoId: string) {
     const detalhes = await client.query(api.ferias.obterDetalhes, {
-      solicitacaoId: solicitacaoId as any,
+      solicitacaoId: solicitacaoId as Id<"solicitacoesFerias">,
     });
     solicitacaoSelecionada = detalhes;
   }
-  
+
   function getStatusBadge(status: string) {
     const badges: Record<string, string> = {
       aguardando_aprovacao: "badge-warning",
@@ -97,7 +137,7 @@
     };
     return badges[status] || "badge-neutral";
   }
-  
+
   function getStatusTexto(status: string) {
     const textos: Record<string, string> = {
       aguardando_aprovacao: "Aguardando",
@@ -107,11 +147,11 @@
     };
     return textos[status] || status;
   }
-  
+
   async function handleUploadFoto(event: Event) {
     const input = event.target as HTMLInputElement;
     const file = input.files?.[0];
-    
+
     if (!file) return;
 
     // Validar tipo de arquivo
@@ -125,13 +165,16 @@
       erroUpload = "A imagem deve ter no máximo 5MB";
       return;
     }
-    
+
     uploadandoFoto = true;
     erroUpload = "";
 
     try {
       // 1. Gerar URL de upload (NOME CORRETO DA FUNÇÃO!)
-      const uploadUrl = await client.mutation(api.usuarios.uploadFotoPerfil, {});
+      const uploadUrl = await client.mutation(
+        api.usuarios.uploadFotoPerfil,
+        {}
+      );
 
       // 2. Upload do arquivo
       const response = await fetch(uploadUrl, {
@@ -151,21 +194,21 @@
         fotoPerfil: storageId,
         avatar: undefined, // Remove avatar se colocar foto
       });
-      
+
       // 4. Atualizar authStore para obter a URL da foto
       await authStore.refresh();
-      
+
       // 5. Atualizar localmente IMEDIATAMENTE com a URL do authStore
       if (authStore.usuario?.fotoPerfilUrl) {
         fotoPerfilLocal = authStore.usuario.fotoPerfilUrl;
         avatarLocal = null;
       }
-      
+
       mostrarModalFoto = false;
-      
+
       // Toast de sucesso
-      const toast = document.createElement('div');
-      toast.className = 'toast toast-top toast-end';
+      const toast = document.createElement("div");
+      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">
@@ -182,30 +225,30 @@
       uploadandoFoto = false;
     }
   }
-  
+
   async function handleSelecionarAvatar(avatarUrl: string) {
     uploadandoFoto = true;
     erroUpload = "";
-    
+
     try {
       // 1. Atualizar localmente IMEDIATAMENTE (antes mesmo da API)
       avatarLocal = avatarUrl;
       fotoPerfilLocal = null;
-      
+
       // 2. Salvar avatar selecionado no backend
       await client.mutation(api.usuarios.atualizarPerfil, {
         avatar: avatarUrl,
         fotoPerfil: undefined, // Remove foto se colocar avatar
       });
-      
+
       // 3. Atualizar authStore em background
       authStore.refresh();
-      
+
       mostrarModalFoto = false;
-      
+
       // Toast de sucesso mais discreto
-      const toast = document.createElement('div');
-      toast.className = 'toast toast-top toast-end';
+      const toast = document.createElement("div");
+      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">
@@ -225,7 +268,7 @@
       uploadandoFoto = false;
     }
   }
-  
+
   function abrirModalFoto() {
     erroUpload = "";
     modoFoto = "avatar";
@@ -234,121 +277,180 @@
   }
 </script>
 
-<style>
-  @keyframes gradient-shift {
-    0%, 100% { background-position: 0% 50%; }
-    50% { background-position: 100% 50%; }
-  }
-  
-  @keyframes float {
-    0%, 100% { transform: translateY(0px); }
-    50% { transform: translateY(-10px); }
-  }
-  
-  .animate-gradient {
-    background-size: 200% 200%;
-    animation: gradient-shift 15s ease infinite;
-  }
-  
-  .animate-float {
-    animation: float 6s ease-in-out infinite;
-  }
-</style>
-
 <main class="min-h-screen pb-12">
   <!-- BANNER HERO PREMIUM -->
   <div class="relative overflow-hidden mb-8">
     <!-- Background com gradiente animado -->
-    <div class="absolute inset-0 bg-gradient-to-br from-purple-600 via-blue-600 to-indigo-700 animate-gradient"></div>
-    
+    <div
+      class="absolute inset-0 bg-gradient-to-br from-purple-600 via-blue-600 to-indigo-700 animate-gradient"
+    ></div>
+
     <!-- Overlay pattern -->
-    <div class="absolute inset-0 opacity-10" style="background-image: url('data:image/svg+xml,%3Csvg width=&quot;60&quot; height=&quot;60&quot; viewBox=&quot;0 0 60 60&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;%3E%3Cg fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;%3E%3Cg fill=&quot;%23ffffff&quot; fill-opacity=&quot;1&quot;%3E%3Cpath d=&quot;M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z&quot;/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');"></div>
-    
+    <div
+      class="absolute inset-0 opacity-10"
+      style="background-image: url('data:image/svg+xml,%3Csvg width=&quot;60&quot; height=&quot;60&quot; viewBox=&quot;0 0 60 60&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;%3E%3Cg fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;%3E%3Cg fill=&quot;%23ffffff&quot; fill-opacity=&quot;1&quot;%3E%3Cpath d=&quot;M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z&quot;/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');"
+    ></div>
+
     <!-- Conteúdo do Banner -->
     <div class="relative container mx-auto px-6 py-16">
       <div class="flex flex-col md:flex-row items-center gap-8">
         <!-- Avatar PREMIUM -->
-        <div 
+        <div
           class="relative group"
           role="button"
           tabindex="0"
-          onmouseenter={() => mostrarBotaoCamera = true}
-          onmouseleave={() => mostrarBotaoCamera = false}
+          onmouseenter={() => (mostrarBotaoCamera = true)}
+          onmouseleave={() => (mostrarBotaoCamera = false)}
         >
-          <button 
-            type="button" 
-            class="avatar cursor-pointer p-0 border-0 bg-transparent" 
+          <button
+            type="button"
+            class="avatar cursor-pointer p-0 border-0 bg-transparent"
             onclick={abrirModalFoto}
           >
-            <div class="w-40 h-40 rounded-full ring-4 ring-white ring-offset-4 ring-offset-transparent shadow-2xl transition-all duration-300 hover:scale-105 hover:ring-8 animate-float">
+            <div
+              class="w-40 h-40 rounded-full ring-4 ring-white ring-offset-4 ring-offset-transparent shadow-2xl transition-all duration-300 hover:scale-105 hover:ring-8 animate-float"
+            >
               {#if fotoPerfilLocal}
-                <img src={fotoPerfilLocal} alt="Foto de perfil" class="object-cover" />
+                <img
+                  src={fotoPerfilLocal}
+                  alt="Foto de perfil"
+                  class="object-cover"
+                />
               {:else if avatarLocal}
                 <img src={avatarLocal} alt="Avatar" class="object-cover" />
               {:else}
-                <div class="bg-white text-purple-700 flex items-center justify-center">
-                  <span class="text-5xl font-black">{authStore.usuario?.nome.substring(0, 2).toUpperCase()}</span>
+                <div
+                  class="bg-white text-purple-700 flex items-center justify-center"
+                >
+                  <span class="text-5xl font-black"
+                    >{authStore.usuario?.nome
+                      .substring(0, 2)
+                      .toUpperCase()}</span
+                  >
                 </div>
               {/if}
             </div>
           </button>
-          
+
           <!-- Botão de editar MODERNO -->
           <button
             type="button"
-            class={`absolute bottom-2 right-2 flex items-center justify-center w-12 h-12 rounded-full bg-white text-purple-600 shadow-2xl transition-all duration-300 hover:scale-110 ${mostrarBotaoCamera ? 'opacity-100 scale-100' : 'opacity-0 scale-50'}`}
+            class={`absolute bottom-2 right-2 flex items-center justify-center w-12 h-12 rounded-full bg-white text-purple-600 shadow-2xl transition-all duration-300 hover:scale-110 ${mostrarBotaoCamera ? "opacity-100 scale-100" : "opacity-0 scale-50"}`}
             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
+              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>
           </button>
         </div>
-        
+
         <!-- Informações do Usuário PREMIUM -->
         <div class="flex-1 text-white text-center md:text-left">
           <h1 class="text-5xl font-black mb-3 drop-shadow-lg">
             {authStore.usuario?.nome}
           </h1>
-          
+
           {#if funcionario?.descricaoCargo}
-            <p class="text-2xl font-semibold text-white/90 mb-3 flex items-center justify-center md:justify-start gap-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="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" />
+            <p
+              class="text-2xl font-semibold text-white/90 mb-3 flex items-center justify-center md:justify-start gap-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="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>
               {funcionario.descricaoCargo}
             </p>
           {/if}
-          
-          <p class="text-lg text-white/80 mb-4 flex items-center justify-center md:justify-start 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="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" />
+
+          <p
+            class="text-lg text-white/80 mb-4 flex items-center justify-center md:justify-start 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="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>
             {authStore.usuario?.email}
           </p>
-          
-          <div class="flex items-center gap-3 flex-wrap justify-center md:justify-start">
-            <div class="badge badge-lg bg-white/90 text-purple-700 border-0 font-bold shadow-lg px-4">
+
+          <div
+            class="flex items-center gap-3 flex-wrap justify-center md:justify-start"
+          >
+            <div
+              class="badge badge-lg bg-white/90 text-purple-700 border-0 font-bold shadow-lg px-4"
+            >
               {authStore.usuario?.role?.nome || "Usuário"}
             </div>
-            
+
             {#if meuTime}
-              <div class="badge badge-lg bg-white/80 border-0 font-semibold shadow-lg px-4" style="color: {meuTime.cor}">
-                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2" 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" />
+              <div
+                class="badge badge-lg bg-white/80 border-0 font-semibold shadow-lg px-4"
+                style="color: {meuTime.cor}"
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  class="h-4 w-4 mr-2"
+                  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>
                 {meuTime.nome}
               </div>
             {/if}
-            
+
             {#if funcionario?.statusFerias === "em_ferias"}
-              <div class="badge badge-lg bg-yellow-400 text-yellow-900 border-0 font-bold shadow-lg px-4 animate-pulse">
+              <div
+                class="badge badge-lg bg-yellow-400 text-yellow-900 border-0 font-bold shadow-lg px-4 animate-pulse"
+              >
                 🏖️ Em Férias
               </div>
             {:else}
-              <div class="badge badge-lg bg-green-400 text-green-900 border-0 font-bold shadow-lg px-4">
+              <div
+                class="badge badge-lg bg-green-400 text-green-900 border-0 font-bold shadow-lg px-4"
+              >
                 ✅ Ativo
               </div>
             {/if}
@@ -360,45 +462,83 @@
 
   <div class="container mx-auto px-6 max-w-7xl">
     <!-- Tabs PREMIUM -->
-    <div role="tablist" class="tabs tabs-boxed mb-8 bg-gradient-to-r from-base-200 to-base-300 shadow-xl p-2">
+    <div
+      role="tablist"
+      class="tabs tabs-boxed mb-8 bg-gradient-to-r from-base-200 to-base-300 shadow-xl p-2"
+    >
       <button
         type="button"
         role="tab"
         class={`tab tab-lg font-semibold transition-all duration-300 ${abaAtiva === "meu-perfil" ? "tab-active bg-gradient-to-r from-purple-600 to-blue-600 text-white shadow-lg scale-105" : "hover:bg-base-100"}`}
-        onclick={() => abaAtiva = "meu-perfil"}
+        onclick={() => (abaAtiva = "meu-perfil")}
       >
-        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-          <path stroke-linecap="round" stroke-linejoin="round" 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
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-5 w-5 mr-2"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+          stroke-width="2"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            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>
         Meu Perfil
       </button>
-      
+
       <button
         type="button"
         role="tab"
         class={`tab tab-lg font-semibold transition-all duration-300 ${abaAtiva === "minhas-ferias" ? "tab-active bg-gradient-to-r from-purple-600 to-blue-600 text-white shadow-lg scale-105" : "hover:bg-base-100"}`}
-        onclick={() => abaAtiva = "minhas-ferias"}
+        onclick={() => (abaAtiva = "minhas-ferias")}
       >
-        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-          <path stroke-linecap="round" stroke-linejoin="round" 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
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-5 w-5 mr-2"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+          stroke-width="2"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            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>
         Minhas Férias
       </button>
-      
+
       {#if ehGestor}
         <button
           type="button"
           role="tab"
           class={`tab tab-lg font-semibold transition-all duration-300 ${abaAtiva === "aprovar-ferias" ? "tab-active bg-gradient-to-r from-purple-600 to-blue-600 text-white shadow-lg scale-105" : "hover:bg-base-100"}`}
-          onclick={() => abaAtiva = "aprovar-ferias"}
+          onclick={() => (abaAtiva = "aprovar-ferias")}
         >
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-            <path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
-      </svg>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="h-5 w-5 mr-2"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+            stroke-width="2"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+            />
+          </svg>
           Aprovar Férias
           {#if (solicitacoesSubordinados || []).filter((s: any) => s.status === "aguardando_aprovacao").length > 0}
             <span class="badge badge-error badge-sm ml-2 animate-pulse">
-              {(solicitacoesSubordinados || []).filter((s: any) => s.status === "aguardando_aprovacao").length}
+              {(solicitacoesSubordinados || []).filter(
+                (s: any) => s.status === "aguardando_aprovacao"
+              ).length}
             </span>
           {/if}
         </button>
@@ -412,60 +552,122 @@
         <!-- STATS CARDS -->
         <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
           <!-- Stat 1: Perfil -->
-          <div class="card bg-gradient-to-br from-purple-500 to-purple-700 text-white shadow-2xl hover:scale-105 transition-transform">
+          <div
+            class="card bg-gradient-to-br from-purple-500 to-purple-700 text-white shadow-2xl hover:scale-105 transition-transform"
+          >
             <div class="card-body">
               <div class="flex items-center justify-between">
                 <div>
                   <p class="text-white/80 text-sm font-medium">Seu Perfil</p>
-                  <p class="text-2xl font-black">{authStore.usuario?.role?.nome || "Usuário"}</p>
+                  <p class="text-2xl font-black">
+                    {authStore.usuario?.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
+                  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>
               </div>
             </div>
           </div>
 
           <!-- Stat 2: Time -->
-          <div class="card bg-gradient-to-br from-blue-500 to-blue-700 text-white shadow-2xl hover:scale-105 transition-transform">
+          <div
+            class="card bg-gradient-to-br from-blue-500 to-blue-700 text-white shadow-2xl hover:scale-105 transition-transform"
+          >
             <div class="card-body">
               <div class="flex items-center justify-between">
                 <div>
                   <p class="text-white/80 text-sm font-medium">Seu Time</p>
-                  <p class="text-2xl font-black truncate">{meuTime?.nome || "Sem time"}</p>
+                  <p class="text-2xl font-black truncate">
+                    {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
+                  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>
               </div>
             </div>
           </div>
 
           <!-- Stat 3: Status -->
-          <div class="card bg-gradient-to-br from-green-500 to-green-700 text-white shadow-2xl hover:scale-105 transition-transform">
+          <div
+            class="card bg-gradient-to-br from-green-500 to-green-700 text-white shadow-2xl hover:scale-105 transition-transform"
+          >
             <div class="card-body">
               <div class="flex items-center justify-between">
                 <div>
                   <p class="text-white/80 text-sm font-medium">Status</p>
-                  <p class="text-2xl font-black">{funcionario?.statusFerias === "em_ferias" ? "Em Férias" : "Ativo"}</p>
+                  <p class="text-2xl font-black">
+                    {funcionario?.statusFerias === "em_ferias"
+                      ? "Em Férias"
+                      : "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
+                  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>
               </div>
             </div>
           </div>
 
           <!-- Stat 4: Matrícula -->
-          <div class="card bg-gradient-to-br from-indigo-500 to-indigo-700 text-white shadow-2xl hover:scale-105 transition-transform">
+          <div
+            class="card bg-gradient-to-br from-indigo-500 to-indigo-700 text-white shadow-2xl hover:scale-105 transition-transform"
+          >
             <div class="card-body">
               <div class="flex items-center justify-between">
                 <div>
                   <p class="text-white/80 text-sm font-medium">Matrícula</p>
-                  <p class="text-2xl font-black">{funcionario?.matricula || "---"}</p>
+                  <p class="text-2xl font-black">
+                    {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
+                  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>
               </div>
             </div>
@@ -475,46 +677,115 @@
         <!-- CARDS PRINCIPAIS -->
         <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
           <!-- Informações Pessoais PREMIUM -->
-          <div class="card bg-base-100 shadow-2xl hover:shadow-3xl transition-shadow border-t-4 border-purple-500">
-        <div class="card-body">
+          <div
+            class="card bg-base-100 shadow-2xl hover:shadow-3xl transition-shadow border-t-4 border-purple-500"
+          >
+            <div class="card-body">
               <h2 class="card-title text-2xl mb-6 flex items-center gap-2">
-                <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7 text-purple-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
+                  xmlns="http://www.w3.org/2000/svg"
+                  class="h-7 w-7 text-purple-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>
                 Informações Pessoais
               </h2>
               <div class="space-y-4">
-                <div class="flex items-start gap-3 p-3 rounded-lg hover:bg-base-200 transition-colors">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary mt-1" 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" />
+                <div
+                  class="flex items-start gap-3 p-3 rounded-lg hover:bg-base-200 transition-colors"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    class="h-6 w-6 text-primary mt-1"
+                    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="flex-1">
-                    <span class="label-text font-bold text-base-content/70 text-sm">Nome Completo</span>
-                    <p class="text-base-content font-semibold text-lg">{authStore.usuario?.nome}</p>
+                    <span
+                      class="label-text font-bold text-base-content/70 text-sm"
+                      >Nome Completo</span
+                    >
+                    <p class="text-base-content font-semibold text-lg">
+                      {authStore.usuario?.nome}
+                    </p>
                   </div>
                 </div>
-                
+
                 <div class="divider my-1"></div>
-                
-                <div class="flex items-start gap-3 p-3 rounded-lg hover:bg-base-200 transition-colors">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary mt-1" 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" />
+
+                <div
+                  class="flex items-start gap-3 p-3 rounded-lg hover:bg-base-200 transition-colors"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    class="h-6 w-6 text-primary mt-1"
+                    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>
                   <div class="flex-1">
-                    <span class="label-text font-bold text-base-content/70 text-sm">E-mail Institucional</span>
-                    <p class="text-base-content font-semibold text-lg break-all">{authStore.usuario?.email}</p>
+                    <span
+                      class="label-text font-bold text-base-content/70 text-sm"
+                      >E-mail Institucional</span
+                    >
+                    <p
+                      class="text-base-content font-semibold text-lg break-all"
+                    >
+                      {authStore.usuario?.email}
+                    </p>
                   </div>
                 </div>
-                
+
                 <div class="divider my-1"></div>
-                
-                <div class="flex items-start gap-3 p-3 rounded-lg hover:bg-base-200 transition-colors">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary mt-1" 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" />
+
+                <div
+                  class="flex items-start gap-3 p-3 rounded-lg hover:bg-base-200 transition-colors"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    class="h-6 w-6 text-primary mt-1"
+                    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>
                   <div class="flex-1">
-                    <span class="label-text font-bold text-base-content/70 text-sm">Perfil de Acesso</span>
-                    <div class="badge badge-primary badge-lg mt-1 font-bold">{authStore.usuario?.role?.nome || "Usuário"}</div>
+                    <span
+                      class="label-text font-bold text-base-content/70 text-sm"
+                      >Perfil de Acesso</span
+                    >
+                    <div class="badge badge-primary badge-lg mt-1 font-bold">
+                      {authStore.usuario?.role?.nome || "Usuário"}
+                    </div>
                   </div>
                 </div>
               </div>
@@ -523,70 +794,168 @@
 
           <!-- Dados Funcionais PREMIUM -->
           {#if funcionario}
-            <div class="card bg-base-100 shadow-2xl hover:shadow-3xl transition-shadow border-t-4 border-blue-500">
+            <div
+              class="card bg-base-100 shadow-2xl hover:shadow-3xl transition-shadow border-t-4 border-blue-500"
+            >
               <div class="card-body">
                 <h2 class="card-title text-2xl mb-6 flex items-center gap-2">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7 text-blue-600" 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
+                    xmlns="http://www.w3.org/2000/svg"
+                    class="h-7 w-7 text-blue-600"
+                    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>
                   Dados Funcionais
                 </h2>
                 <div class="space-y-4">
-                  <div class="flex items-start gap-3 p-3 rounded-lg hover:bg-base-200 transition-colors">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary mt-1" 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" />
+                  <div
+                    class="flex items-start gap-3 p-3 rounded-lg hover:bg-base-200 transition-colors"
+                  >
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      class="h-6 w-6 text-primary mt-1"
+                      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>
                     <div class="flex-1">
-                      <span class="label-text font-bold text-base-content/70 text-sm">Matrícula</span>
-                      <p class="text-base-content font-semibold text-lg">{funcionario.matricula || "Não informada"}</p>
+                      <span
+                        class="label-text font-bold text-base-content/70 text-sm"
+                        >Matrícula</span
+                      >
+                      <p class="text-base-content font-semibold text-lg">
+                        {funcionario.matricula || "Não informada"}
+                      </p>
                     </div>
                   </div>
-                  
+
                   <div class="divider my-1"></div>
-                  
-                  <div class="flex items-start gap-3 p-3 rounded-lg hover:bg-base-200 transition-colors">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary mt-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01" />
+
+                  <div
+                    class="flex items-start gap-3 p-3 rounded-lg hover:bg-base-200 transition-colors"
+                  >
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      class="h-6 w-6 text-primary mt-1"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      stroke="currentColor"
+                    >
+                      <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"
+                      />
                     </svg>
                     <div class="flex-1">
-                      <span class="label-text font-bold text-base-content/70 text-sm">CPF</span>
-                      <p class="text-base-content font-semibold text-lg">{funcionario.cpf}</p>
+                      <span
+                        class="label-text font-bold text-base-content/70 text-sm"
+                        >CPF</span
+                      >
+                      <p class="text-base-content font-semibold text-lg">
+                        {funcionario.cpf}
+                      </p>
                     </div>
                   </div>
-                  
+
                   <div class="divider my-1"></div>
-                  
-                  <div class="flex items-start gap-3 p-3 rounded-lg hover:bg-base-200 transition-colors">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary mt-1" 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" />
+
+                  <div
+                    class="flex items-start gap-3 p-3 rounded-lg hover:bg-base-200 transition-colors"
+                  >
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      class="h-6 w-6 text-primary mt-1"
+                      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>
                     <div class="flex-1">
-                      <span class="label-text font-bold text-base-content/70 text-sm">Time</span>
+                      <span
+                        class="label-text font-bold text-base-content/70 text-sm"
+                        >Time</span
+                      >
                       {#if meuTime}
                         <div class="flex items-center gap-2 mt-1">
-                          <div class="badge badge-lg font-semibold" style="background-color: {meuTime.cor}20; border-color: {meuTime.cor}; color: {meuTime.cor}">
+                          <div
+                            class="badge badge-lg font-semibold"
+                            style="background-color: {meuTime.cor}20; border-color: {meuTime.cor}; color: {meuTime.cor}"
+                          >
                             {meuTime.nome}
                           </div>
                         </div>
-                        <p class="text-xs text-base-content/60 mt-1">Gestor: <span class="font-semibold">{meuTime.gestor?.nome}</span></p>
-              {:else}
-                        <p class="text-base-content/50 text-sm mt-1">Não atribuído a um time</p>
+                        <p class="text-xs text-base-content/60 mt-1">
+                          Gestor: <span class="font-semibold"
+                            >{meuTime.gestor?.nome}</span
+                          >
+                        </p>
+                      {:else}
+                        <p class="text-base-content/50 text-sm mt-1">
+                          Não atribuído a um time
+                        </p>
                       {/if}
                     </div>
                   </div>
-                  
+
                   <div class="divider my-1"></div>
-                  
-                  <div class="flex items-start gap-3 p-3 rounded-lg hover:bg-base-200 transition-colors">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary mt-1" 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" />
+
+                  <div
+                    class="flex items-start gap-3 p-3 rounded-lg hover:bg-base-200 transition-colors"
+                  >
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      class="h-6 w-6 text-primary mt-1"
+                      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>
                     <div class="flex-1">
-                      <span class="label-text font-bold text-base-content/70 text-sm">Status Atual</span>
+                      <span
+                        class="label-text font-bold text-base-content/70 text-sm"
+                        >Status Atual</span
+                      >
                       {#if funcionario.statusFerias === "em_ferias"}
-                        <div class="badge badge-warning badge-lg mt-1 font-bold">🏖️ Em Férias</div>
+                        <div
+                          class="badge badge-warning badge-lg mt-1 font-bold"
+                        >
+                          🏖️ Em Férias
+                        </div>
                       {:else}
-                        <div class="badge badge-success badge-lg mt-1 font-bold">✅ Ativo</div>
+                        <div
+                          class="badge badge-success badge-lg mt-1 font-bold"
+                        >
+                          ✅ Ativo
+                        </div>
                       {/if}
                     </div>
                   </div>
@@ -598,46 +967,105 @@
 
         <!-- Times Gerenciados PREMIUM -->
         {#if ehGestor}
-          <div class="card bg-gradient-to-br from-amber-50 to-orange-50 dark:from-amber-950 dark:to-orange-950 shadow-2xl border-t-4 border-amber-500">
+          <div
+            class="card bg-gradient-to-br from-amber-50 to-orange-50 dark:from-amber-950 dark:to-orange-950 shadow-2xl border-t-4 border-amber-500"
+          >
             <div class="card-body">
-              <h2 class="card-title text-2xl mb-6 flex items-center gap-2 text-amber-700 dark:text-amber-400">
-                <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" />
+              <h2
+                class="card-title text-2xl mb-6 flex items-center gap-2 text-amber-700 dark:text-amber-400"
+              >
+                <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>
                 Times que Você Gerencia
-                <div class="badge badge-warning badge-lg ml-2">{meusTimesGestor.length}</div>
+                <div class="badge badge-warning badge-lg ml-2">
+                  {meusTimesGestor.length}
+                </div>
               </h2>
-              
+
               {#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="stroke-current shrink-0 w-6 h-6">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    class="stroke-current shrink-0 w-6 h-6"
+                  >
+                    <path
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                    ></path>
                   </svg>
                   <span>Você não gerencia nenhum time no momento.</span>
                 </div>
               {:else}
-                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+                <div
+                  class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"
+                >
                   {#each meusTimesGestor as time}
-                    <div class="card bg-white dark:bg-base-100 shadow-xl hover:shadow-2xl hover:scale-105 transition-all border-l-4" style="border-color: {time.cor}">
+                    <div
+                      class="card bg-white dark:bg-base-100 shadow-xl hover:shadow-2xl hover:scale-105 transition-all border-l-4"
+                      style="border-color: {time.cor}"
+                    >
                       <div class="card-body">
                         <div class="flex items-start gap-2">
                           <div class="flex-1">
-                            <h3 class="font-black text-xl mb-2" style="color: {time.cor}">{time.nome}</h3>
-                            <p class="text-sm text-base-content/70 mb-4 line-clamp-2">{time.descricao || "Sem descrição"}</p>
-            </div>
-          </div>
+                            <h3
+                              class="font-black text-xl mb-2"
+                              style="color: {time.cor}"
+                            >
+                              {time.nome}
+                            </h3>
+                            <p
+                              class="text-sm text-base-content/70 mb-4 line-clamp-2"
+                            >
+                              {time.descricao || "Sem descrição"}
+                            </p>
+                          </div>
+                        </div>
 
                         <div class="divider my-2"></div>
-                        
+
                         <div class="flex items-center justify-between">
                           <div class="flex items-center gap-2">
-                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary" 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>
-                            <span class="font-bold text-lg">{time.membros?.length || 0}</span>
-                            <span class="text-sm text-base-content/70">membros</span>
+                            <svg
+                              xmlns="http://www.w3.org/2000/svg"
+                              class="h-5 w-5 text-primary"
+                              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>
+                            <span class="font-bold text-lg"
+                              >{time.membros?.length || 0}</span
+                            >
+                            <span class="text-sm text-base-content/70"
+                              >membros</span
+                            >
                           </div>
-                          <div class="badge badge-lg font-semibold" style="background-color: {time.cor}20; border-color: {time.cor}; color: {time.cor}">
+                          <div
+                            class="badge badge-lg font-semibold"
+                            style="background-color: {time.cor}20; border-color: {time.cor}; color: {time.cor}"
+                          >
                             Gestor
                           </div>
                         </div>
@@ -650,70 +1078,192 @@
           </div>
         {/if}
       </div>
-
     {:else if abaAtiva === "minhas-ferias"}
-      <!-- Minhas Férias MODERNO -->
-      <div class="space-y-8">
-        {#if !mostrarFormSolicitar}
-          <!-- Dashboard de Férias -->
-          {#if funcionario}
-            <DashboardFerias funcionarioId={funcionario._id} />
-            
-            <!-- Botão para solicitar -->
-            <div class="flex justify-center">
-              <button
-                type="button"
-                class="btn btn-lg gap-3 shadow-2xl hover:shadow-3xl transition-all hover:scale-105"
-                style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none;"
-                onclick={() => mostrarFormSolicitar = true}
-              >
-                <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="M12 4v16m8-8H4" />
-                    </svg>
-                Solicitar Novas Férias
-              </button>
-            </div>
-          {:else}
-            <div class="alert alert-warning shadow-xl">
-              <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="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" />
+      <!-- Minhas Férias -->
+      <div class="space-y-6">
+        <!-- Estatísticas -->
+        <div class="grid grid-cols-1 md:grid-cols-5 gap-4">
+          <div class="stat bg-base-100 shadow-lg rounded-box border border-base-300">
+            <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>
-              <div>
-                <h3 class="font-bold">Perfil de funcionário não encontrado</h3>
-                <div class="text-xs">Seu usuário ainda não está associado a um cadastro de funcionário. Entre em contato com o RH.</div>
+            </div>
+            <div class="stat-title">Total</div>
+            <div class="stat-value text-primary">{statsMinhasFerias.total}</div>
+            <div class="stat-desc">Solicitações</div>
+          </div>
+
+          <div class="stat bg-base-100 shadow-lg rounded-box border border-warning/30">
+            <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>
+            </div>
+            <div class="stat-title">Aguardando</div>
+            <div class="stat-value text-warning">{statsMinhasFerias.aguardando}</div>
+            <div class="stat-desc">Pendentes</div>
+          </div>
+
+          <div class="stat bg-base-100 shadow-lg rounded-box border border-success/30">
+            <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>
+            </div>
+            <div class="stat-title">Aprovadas</div>
+            <div class="stat-value text-success">{statsMinhasFerias.aprovadas}</div>
+            <div class="stat-desc">Deferidas</div>
+          </div>
+
+          <div class="stat bg-base-100 shadow-lg rounded-box border border-error/30">
+            <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>
+            </div>
+            <div class="stat-title">Reprovadas</div>
+            <div class="stat-value text-error">{statsMinhasFerias.reprovadas}</div>
+            <div class="stat-desc">Indeferidas</div>
+          </div>
+
+          <div class="stat bg-gradient-to-br from-purple-500/10 to-purple-600/20 shadow-lg rounded-box border-2 border-purple-500/30">
+            <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>
+            <div class="stat-title">Em Férias</div>
+            <div class="stat-value text-purple-600">{statsMinhasFerias.emFerias}</div>
+            <div class="stat-desc">Agora</div>
           </div>
         </div>
-          {/if}
-        {:else}
-          <!-- Wizard de Solicitação de Férias -->
-          {#if funcionario}
-            <WizardSolicitacaoFerias 
-              funcionarioId={funcionario._id} 
-              onSucesso={recarregar} 
-              onCancelar={() => mostrarFormSolicitar = false}
-            />
-          {/if}
-        {/if}
-      </div>
 
+        <!-- Filtros e Botão Nova Solicitação -->
+        <div class="card bg-base-100 shadow-lg">
+          <div class="card-body">
+            <div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
+              <h2 class="card-title text-lg">Filtros</h2>
+              {#if funcionario}
+                <button
+                  type="button"
+                  class="btn btn-primary gap-2"
+                  onclick={() => (mostrarWizard = 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="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>
+                  Agendar Férias
+                </button>
+              {/if}
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-1 gap-4 mt-4">
+              <div class="form-control">
+                <label class="label" for="status">
+                  <span class="label-text">Status</span>
+                </label>
+                <select id="status" class="select select-bordered" bind:value={filtroStatusFerias}>
+                  <option value="todos">Todos</option>
+                  <option value="aguardando_aprovacao">Aguardando Aprovação</option>
+                  <option value="aprovado">Aprovado</option>
+                  <option value="reprovado">Reprovado</option>
+                  <option value="data_ajustada_aprovada">Data Ajustada</option>
+                </select>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Lista de Solicitações -->
+        <div class="card bg-base-100 shadow-lg">
+          <div class="card-body">
+            <h2 class="card-title text-lg mb-4">
+              Minhas Solicitações ({solicitacoesFiltradas.length})
+            </h2>
+
+            {#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 shrink-0 w-6 h-6">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                </svg>
+                <span>Nenhuma solicitação encontrada com os filtros aplicados.</span>
+              </div>
+            {:else}
+              <div class="overflow-x-auto">
+                <table class="table table-zebra">
+                  <thead>
+                    <tr>
+                      <th>Ano</th>
+                      <th>Períodos</th>
+                      <th>Total Dias</th>
+                      <th>Status</th>
+                      <th>Solicitado em</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {#each solicitacoesFiltradas as solicitacao}
+                      <tr>
+                        <td>{solicitacao.anoReferencia}</td>
+                        <td>{solicitacao.periodos.length} período(s)</td>
+                        <td class="font-bold">{solicitacao.periodos.reduce((acc: number, p: any) => acc + p.diasCorridos, 0)} dias</td>
+                        <td>
+                          <div class={`badge ${getStatusBadge(solicitacao.status)}`}>
+                            {getStatusTexto(solicitacao.status)}
+                          </div>
+                        </td>
+                        <td class="text-xs">{new Date(solicitacao._creationTime).toLocaleDateString("pt-BR")}</td>
+                      </tr>
+                    {/each}
+                  </tbody>
+                </table>
+              </div>
+            {/if}
+          </div>
+        </div>
+      </div>
     {:else if abaAtiva === "aprovar-ferias"}
       <!-- Aprovar Férias (Gestores) PREMIUM -->
       <div class="card bg-base-100 shadow-2xl border-t-4 border-green-500">
         <div class="card-body">
           <h2 class="card-title text-2xl mb-6 flex items-center gap-2">
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7 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
+              xmlns="http://www.w3.org/2000/svg"
+              class="h-7 w-7 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>
             Solicitações da Equipe
-            <div class="badge badge-lg badge-primary ml-2">{solicitacoesSubordinados.length}</div>
+            <div class="badge badge-lg badge-primary ml-2">
+              {solicitacoesSubordinados.length}
+            </div>
           </h2>
 
           {#if solicitacoesSubordinados.length === 0}
             <div class="alert alert-success">
-              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                class="stroke-current shrink-0 w-6 h-6"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+                ></path>
               </svg>
-              <span class="font-semibold">Nenhuma solicitação pendente no momento.</span>
+              <span class="font-semibold"
+                >Nenhuma solicitação pendente no momento.</span
+              >
             </div>
           {:else}
             <div class="overflow-x-auto">
@@ -733,20 +1283,36 @@
                   {#each solicitacoesSubordinados as solicitacao}
                     <tr class="hover:bg-base-200 transition-colors">
                       <td>
-                        <div class="font-bold">{solicitacao.funcionario?.nome}</div>
+                        <div class="font-bold">
+                          {solicitacao.funcionario?.nome}
+                        </div>
                       </td>
                       <td>
                         {#if solicitacao.time}
-                          <div class="badge badge-lg font-semibold" style="background-color: {solicitacao.time.cor}20; border-color: {solicitacao.time.cor}; color: {solicitacao.time.cor}">
+                          <div
+                            class="badge badge-lg font-semibold"
+                            style="background-color: {solicitacao.time
+                              .cor}20; border-color: {solicitacao.time
+                              .cor}; color: {solicitacao.time.cor}"
+                          >
                             {solicitacao.time.nome}
                           </div>
                         {/if}
                       </td>
                       <td class="font-semibold">{solicitacao.anoReferencia}</td>
-                      <td class="font-semibold">{solicitacao.periodos.length}</td>
-                      <td class="font-bold text-lg">{solicitacao.periodos.reduce((acc: number, p: any) => acc + p.diasCorridos, 0)}</td>
+                      <td class="font-semibold"
+                        >{solicitacao.periodos.length}</td
+                      >
+                      <td class="font-bold text-lg"
+                        >{solicitacao.periodos.reduce(
+                          (acc: number, p: any) => acc + p.diasCorridos,
+                          0
+                        )}</td
+                      >
                       <td>
-                        <div class={`badge badge-lg font-semibold ${getStatusBadge(solicitacao.status)}`}>
+                        <div
+                          class={`badge badge-lg font-semibold ${getStatusBadge(solicitacao.status)}`}
+                        >
                           {getStatusTexto(solicitacao.status)}
                         </div>
                       </td>
@@ -755,10 +1321,22 @@
                           <button
                             type="button"
                             class="btn btn-primary btn-sm gap-2 shadow-lg hover:scale-105 transition-transform"
-                            onclick={() => selecionarSolicitacao(solicitacao._id)}
+                            onclick={() =>
+                              selecionarSolicitacao(solicitacao._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="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
+                              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 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>
                             Analisar
                           </button>
@@ -766,11 +1344,28 @@
                           <button
                             type="button"
                             class="btn btn-ghost btn-sm gap-2"
-                            onclick={() => selecionarSolicitacao(solicitacao._id)}
+                            onclick={() =>
+                              selecionarSolicitacao(solicitacao._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
+                              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>
                             Detalhes
                           </button>
@@ -785,7 +1380,7 @@
         </div>
       </div>
     {/if}
-            </div>
+  </div>
 
   <!-- Modal de Aprovação -->
   {#if solicitacaoSelecionada}
@@ -796,12 +1391,16 @@
             solicitacao={solicitacaoSelecionada}
             gestorId={authStore.usuario._id}
             onSucesso={recarregar}
-            onCancelar={() => solicitacaoSelecionada = null}
+            onCancelar={() => (solicitacaoSelecionada = null)}
           />
         {/if}
       </div>
       <form method="dialog" class="modal-backdrop">
-        <button type="button" onclick={() => solicitacaoSelecionada = null} aria-label="Fechar modal">Fechar</button>
+        <button
+          type="button"
+          onclick={() => (solicitacaoSelecionada = null)}
+          aria-label="Fechar modal">Fechar</button
+        >
       </form>
     </dialog>
   {/if}
@@ -810,21 +1409,39 @@
   {#if mostrarModalFoto}
     <dialog class="modal modal-open">
       <div class="modal-box max-w-4xl max-h-[90vh] overflow-y-auto">
-        <h3 class="font-black text-3xl mb-8 text-center bg-gradient-to-r from-purple-600 to-blue-600 bg-clip-text text-transparent">
+        <h3
+          class="font-black text-3xl mb-8 text-center bg-gradient-to-r from-purple-600 to-blue-600 bg-clip-text text-transparent"
+        >
           Alterar Foto de Perfil
         </h3>
-        
+
         <!-- Preview da foto atual -->
         <div class="flex justify-center mb-8">
           <div class="avatar">
-            <div class="w-32 h-32 rounded-full ring-4 ring-primary ring-offset-base-100 ring-offset-4 shadow-2xl">
+            <div
+              class="w-32 h-32 rounded-full ring-4 ring-primary ring-offset-base-100 ring-offset-4 shadow-2xl"
+            >
               {#if fotoPerfilLocal}
-                <img src={fotoPerfilLocal} alt="Foto atual" class="object-cover" />
+                <img
+                  src={fotoPerfilLocal}
+                  alt="Foto atual"
+                  class="object-cover"
+                />
               {:else if avatarLocal}
-                <img src={avatarLocal} alt="Avatar atual" class="object-cover" />
+                <img
+                  src={avatarLocal}
+                  alt="Avatar atual"
+                  class="object-cover"
+                />
               {:else}
-                <div class="bg-primary text-primary-content flex items-center justify-center">
-                  <span class="text-4xl font-bold">{authStore.usuario?.nome.substring(0, 2).toUpperCase()}</span>
+                <div
+                  class="bg-primary text-primary-content flex items-center justify-center"
+                >
+                  <span class="text-4xl font-bold"
+                    >{authStore.usuario?.nome
+                      .substring(0, 2)
+                      .toUpperCase()}</span
+                  >
                 </div>
               {/if}
             </div>
@@ -832,16 +1449,30 @@
         </div>
 
         <!-- Tabs: Avatar ou Upload -->
-        <div role="tablist" class="tabs tabs-boxed mb-8 bg-gradient-to-r from-base-200 to-base-300 p-2 shadow-xl">
+        <div
+          role="tablist"
+          class="tabs tabs-boxed mb-8 bg-gradient-to-r from-base-200 to-base-300 p-2 shadow-xl"
+        >
           <button
             type="button"
             role="tab"
             class={`tab tab-lg font-semibold transition-all ${modoFoto === "avatar" ? "tab-active bg-gradient-to-r from-purple-600 to-blue-600 text-white" : ""}`}
-            onclick={() => modoFoto = "avatar"}
+            onclick={() => (modoFoto = "avatar")}
             disabled={uploadandoFoto}
           >
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" 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
+              xmlns="http://www.w3.org/2000/svg"
+              class="h-5 w-5 mr-2"
+              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>
             Escolher Avatar
           </button>
@@ -849,30 +1480,45 @@
             type="button"
             role="tab"
             class={`tab tab-lg font-semibold transition-all ${modoFoto === "upload" ? "tab-active bg-gradient-to-r from-purple-600 to-blue-600 text-white" : ""}`}
-            onclick={() => modoFoto = "upload"}
+            onclick={() => (modoFoto = "upload")}
             disabled={uploadandoFoto}
           >
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" 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
+              xmlns="http://www.w3.org/2000/svg"
+              class="h-5 w-5 mr-2"
+              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>
             Enviar Foto
           </button>
-      </div>
+        </div>
 
         <!-- Conteúdo das Tabs -->
         {#if modoFoto === "avatar"}
           <!-- Galeria de Avatares -->
           <div class="mb-4">
             <p class="text-center text-base-content/70 mb-6 text-lg">
-              Escolha um dos <strong class="text-primary">30 avatares profissionais</strong> para seu perfil
+              Escolha um dos <strong class="text-primary"
+                >30 avatares profissionais</strong
+              > para seu perfil
             </p>
-            
-            <div class="grid grid-cols-3 md:grid-cols-5 lg:grid-cols-6 gap-4 p-6 bg-base-200 rounded-2xl max-h-[500px] overflow-y-auto shadow-inner">
+
+            <div
+              class="grid grid-cols-3 md:grid-cols-5 lg:grid-cols-6 gap-4 p-6 bg-base-200 rounded-2xl max-h-[500px] overflow-y-auto shadow-inner"
+            >
               {#each avatarGallery as avatar}
                 <button
                   type="button"
-                  class={`flex flex-col items-center cursor-pointer transition-all hover:scale-110 p-2 rounded-xl ${avatarSelecionado === avatar.url ? 'ring-4 ring-primary bg-primary/10 scale-105' : 'hover:ring-2 hover:ring-primary/50 hover:bg-base-100'}`}
-                  onclick={() => avatarSelecionado = avatar.url}
+                  class={`flex flex-col items-center cursor-pointer transition-all hover:scale-110 p-2 rounded-xl ${avatarSelecionado === avatar.url ? "ring-4 ring-primary bg-primary/10 scale-105" : "hover:ring-2 hover:ring-primary/50 hover:bg-base-100"}`}
+                  onclick={() => (avatarSelecionado = avatar.url)}
                   ondblclick={() => handleSelecionarAvatar(avatar.url)}
                   disabled={uploadandoFoto}
                   aria-label="Selecionar avatar {avatar.name}"
@@ -882,26 +1528,41 @@
                       <img src={avatar.url} alt={avatar.name} loading="lazy" />
                     </div>
                   </div>
-                  <div class="text-[10px] text-center mt-2 truncate w-full font-semibold">{avatar.name}</div>
+                  <div
+                    class="text-[10px] text-center mt-2 truncate w-full font-semibold"
+                  >
+                    {avatar.name}
+                  </div>
                 </button>
               {/each}
-          </div>
+            </div>
 
             <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="stroke-current shrink-0 w-6 h-6">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                class="stroke-current shrink-0 w-6 h-6"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                ></path>
               </svg>
               <span>
-                <strong>Dica:</strong> Clique uma vez para selecionar, clique duas vezes para aplicar imediatamente!
+                <strong>Dica:</strong> Clique uma vez para selecionar, clique duas
+                vezes para aplicar imediatamente!
               </span>
-              </div>
+            </div>
           </div>
 
           {#if avatarSelecionado}
             <div class="flex justify-center gap-3 mt-6">
-              <button 
+              <button
                 type="button"
-                class="btn btn-lg gap-2 shadow-xl hover:scale-105 transition-all" 
+                class="btn btn-lg gap-2 shadow-xl hover:scale-105 transition-all"
                 style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none;"
                 onclick={() => handleSelecionarAvatar(avatarSelecionado)}
                 disabled={uploadandoFoto}
@@ -909,20 +1570,32 @@
                 {#if uploadandoFoto}
                   <span class="loading loading-spinner"></span>
                 {:else}
-                  <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="M5 13l4 4L19 7" />
-              </svg>
+                  <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="M5 13l4 4L19 7"
+                    />
+                  </svg>
                 {/if}
                 {uploadandoFoto ? "Salvando..." : "Confirmar Avatar"}
               </button>
             </div>
           {/if}
-
         {:else}
           <!-- Upload de nova foto -->
           <div class="form-control">
             <label class="label" for="foto-upload">
-              <span class="label-text font-bold text-lg">Selecionar nova foto</span>
+              <span class="label-text font-bold text-lg"
+                >Selecionar nova foto</span
+              >
             </label>
             <input
               id="foto-upload"
@@ -933,15 +1606,27 @@
               disabled={uploadandoFoto}
             />
             <div class="label">
-              <span class="label-text-alt text-base-content/70">Formatos aceitos: JPG, PNG, GIF. Tamanho máximo: 5MB</span>
+              <span class="label-text-alt text-base-content/70"
+                >Formatos aceitos: JPG, PNG, GIF. Tamanho máximo: 5MB</span
+              >
             </div>
           </div>
         {/if}
 
         {#if erroUpload}
           <div class="alert alert-error mt-6 shadow-lg">
-            <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              class="stroke-current shrink-0 h-6 w-6"
+              fill="none"
+              viewBox="0 0 24 24"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+              />
             </svg>
             <span class="font-semibold">{erroUpload}</span>
           </div>
@@ -949,25 +1634,85 @@
 
         {#if uploadandoFoto && modoFoto === "upload"}
           <div class="flex justify-center items-center gap-3 mt-6">
-            <span class="loading loading-spinner loading-lg text-primary"></span>
+            <span class="loading loading-spinner loading-lg text-primary"
+            ></span>
             <span class="font-semibold text-lg">Enviando foto...</span>
           </div>
         {/if}
 
         <div class="modal-action mt-8">
-            <button
-              type="button"
-            class="btn btn-lg" 
-            onclick={() => mostrarModalFoto = false}
+          <button
+            type="button"
+            class="btn btn-lg"
+            onclick={() => (mostrarModalFoto = false)}
             disabled={uploadandoFoto}
           >
             Cancelar
-            </button>
+          </button>
         </div>
       </div>
       <form method="dialog" class="modal-backdrop">
-        <button type="button" onclick={() => mostrarModalFoto = false} aria-label="Fechar modal" disabled={uploadandoFoto}>Fechar</button>
+        <button
+          type="button"
+          onclick={() => (mostrarModalFoto = false)}
+          aria-label="Fechar modal"
+          disabled={uploadandoFoto}>Fechar</button
+        >
       </form>
     </dialog>
   {/if}
 </main>
+
+<style>
+  @keyframes gradient-shift {
+    0%,
+    100% {
+      background-position: 0% 50%;
+    }
+    50% {
+      background-position: 100% 50%;
+    }
+  }
+
+  @keyframes float {
+    0%,
+    100% {
+      transform: translateY(0px);
+    }
+    50% {
+      transform: translateY(-10px);
+    }
+  }
+
+  .animate-gradient {
+    background-size: 200% 200%;
+    animation: gradient-shift 15s ease infinite;
+  }
+
+  .animate-float {
+    animation: float 6s ease-in-out infinite;
+  }
+</style>
+
+<!-- Modal Wizard Solicitação de Férias -->
+{#if mostrarWizard && funcionario}
+  <dialog class="modal modal-open">
+    <div class="modal-box max-w-4xl max-h-[90vh] overflow-hidden">
+      <h3 class="font-bold text-2xl mb-6 text-center">
+        Nova Solicitação de Férias
+      </h3>
+      <div class="max-h-[80vh] overflow-y-auto">
+        <WizardSolicitacaoFerias
+          funcionarioId={funcionario._id}
+          onSucesso={() => {
+            mostrarWizard = false;
+          }}
+          onCancelar={() => (mostrarWizard = false)}
+        />
+      </div>
+    </div>
+    <!-- svelte-ignore a11y_click_events_have_key_events -->
+    <!-- svelte-ignore a11y_no_static_element_interactions -->
+    <div class="modal-backdrop" onclick={() => (mostrarWizard = false)}></div>
+  </dialog>
+{/if}
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 9b7d77c..a3ff1ad 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,91 +1,1657 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
+  import { useQuery, useConvexClient } from "convex-svelte";
+  import { api } from "@sgse-app/backend/convex/_generated/api";
+  import { toast } from "svelte-sonner";
+  import FuncionarioSelect from "$lib/components/FuncionarioSelect.svelte";
+  import FileUpload from "$lib/components/FileUpload.svelte";
+  import ErrorModal from "$lib/components/ErrorModal.svelte";
+  import CalendarioAfastamentos from "$lib/components/CalendarioAfastamentos.svelte";
+  import type { Id } from "@sgse-app/backend/convex/_generated/dataModel";
+
+  const client = useConvexClient();
+
+  // Estado da aba ativa
+  let abaAtiva = $state<"dashboard" | "atestado" | "declaracao" | "maternidade" | "paternidade">("dashboard");
+
+  // Queries
+  const dadosQuery = useQuery(api.atestadosLicencas.listarTodos, {});
+  const statsQuery = useQuery(api.atestadosLicencas.obterEstatisticas, {});
+  const graficosQuery = useQuery(api.atestadosLicencas.obterDadosGraficos, {
+    periodo: 30,
+  });
+  const eventosQuery = useQuery(api.atestadosLicencas.obterEventosCalendario, {
+    tipoFiltro: "todos",
+  });
+
+  // Estados dos formulários
+  // Atestado Médico
+  let atestadoMedico = $state({
+    funcionarioId: "" as string | undefined,
+    dataInicio: "",
+    dataFim: "",
+    cid: "",
+    observacoes: "",
+    documentoId: "" as string | undefined,
+  });
+
+  // Declaração
+  let declaracao = $state({
+    funcionarioId: "" as string | undefined,
+    dataInicio: "",
+    dataFim: "",
+    observacoes: "",
+    documentoId: "" as string | undefined,
+  });
+
+  // Licença Maternidade
+  let licencaMaternidade = $state({
+    funcionarioId: "" as string | undefined,
+    dataInicio: "",
+    dataFim: "",
+    observacoes: "",
+    documentoId: "" as string | undefined,
+    ehProrrogacao: false,
+    licencaOriginalId: undefined as string | undefined,
+  });
+
+  // Licença Paternidade
+  let licencaPaternidade = $state({
+    funcionarioId: "" as string | undefined,
+    dataInicio: "",
+    dataFim: "",
+    observacoes: "",
+    documentoId: "" as string | undefined,
+  });
+
+  // Filtros
+  let filtroTipo = $state<string>("todos");
+  let filtroFuncionario = $state<string>("");
+  let filtroDataInicio = $state<string>("");
+  let filtroDataFim = $state<string>("");
+
+  // Estados de loading
+  let salvandoAtestado = $state(false);
+  let salvandoDeclaracao = $state(false);
+  let salvandoMaternidade = $state(false);
+  let salvandoPaternidade = $state(false);
+
+  // Modal de erro
+  let erroModal = $state({
+    aberto: false,
+    titulo: "",
+    mensagem: "",
+    detalhes: "",
+  });
+
+  // Licenças maternidade para prorrogação (derivar dos dados já carregados)
+  const licencasMaternidade = $derived.by(() => {
+    const dados = dadosQuery?.data;
+    if (!dados) return [];
+    return dados.licencas.filter(
+      (l) => l.tipo === "maternidade" && !l.ehProrrogacao
+    );
+  });
+
+  // Funções auxiliares
+  function formatarData(data: string) {
+    return new Date(data).toLocaleDateString("pt-BR");
+  }
+
+  function calcularDias(dataInicio: string, dataFim: string): number {
+    const inicio = new Date(dataInicio);
+    const fim = new Date(dataFim);
+    const diffTime = Math.abs(fim.getTime() - inicio.getTime());
+    return Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1;
+  }
+
+  // Upload de documento
+  async function handleDocumentoUpload(
+    file: File
+  ): Promise<string | undefined> {
+    try {
+      const uploadUrl = await client.mutation(api.atestadosLicencas.generateUploadUrl, {});
+      const response = await fetch(uploadUrl, {
+        method: "POST",
+        headers: { "Content-Type": file.type },
+        body: file,
+      });
+      const result = await response.json();
+      return result.storageId;
+    } catch (error) {
+      console.error("Erro no upload:", error);
+      throw error;
+    }
+  }
+
+  // Função para mostrar erro em modal
+  function mostrarErro(titulo: string, mensagem: string, detalhes?: string) {
+    erroModal = {
+      aberto: true,
+      titulo,
+      mensagem,
+      detalhes: detalhes || "",
+    };
+  }
+
+  // Salvar Atestado Médico
+  async function salvarAtestadoMedico() {
+    if (!atestadoMedico.funcionarioId || !atestadoMedico.dataInicio || !atestadoMedico.dataFim || !atestadoMedico.cid) {
+      mostrarErro(
+        "Campos obrigatórios",
+        "Preencha todos os campos obrigatórios antes de salvar.",
+        "Campos obrigatórios: Funcionário, Data Início, Data Fim e CID"
+      );
+      return;
+    }
+
+    if (!atestadoMedico.documentoId) {
+      mostrarErro(
+        "Documento obrigatório",
+        "É necessário anexar o documento do atestado médico.",
+        "Por favor, faça o upload do arquivo PDF ou imagem do atestado antes de salvar."
+      );
+      return;
+    }
+
+    try {
+      salvandoAtestado = true;
+      await client.mutation(api.atestadosLicencas.criarAtestadoMedico, {
+        funcionarioId: atestadoMedico.funcionarioId as Id<"funcionarios">,
+        dataInicio: atestadoMedico.dataInicio,
+        dataFim: atestadoMedico.dataFim,
+        cid: atestadoMedico.cid,
+        observacoes: atestadoMedico.observacoes || undefined,
+        documentoId: atestadoMedico.documentoId as Id<"_storage">,
+      });
+
+      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() || "";
+      mostrarErro("Erro ao registrar", mensagemErro, detalhesErro);
+    } finally {
+      salvandoAtestado = false;
+    }
+  }
+
+  // Salvar Declaração
+  async function salvarDeclaracao() {
+    if (!declaracao.funcionarioId || !declaracao.dataInicio || !declaracao.dataFim) {
+      mostrarErro(
+        "Campos obrigatórios",
+        "Preencha todos os campos obrigatórios antes de salvar.",
+        "Campos obrigatórios: Funcionário, Data Início e Data Fim"
+      );
+      return;
+    }
+
+    if (!declaracao.documentoId) {
+      mostrarErro(
+        "Documento obrigatório",
+        "É necessário anexar o documento da declaração.",
+        "Por favor, faça o upload do arquivo PDF ou imagem da declaração antes de salvar."
+      );
+      return;
+    }
+
+    try {
+      salvandoDeclaracao = true;
+      await client.mutation(api.atestadosLicencas.criarDeclaracaoComparecimento, {
+        funcionarioId: declaracao.funcionarioId as Id<"funcionarios">,
+        dataInicio: declaracao.dataInicio,
+        dataFim: declaracao.dataFim,
+        observacoes: declaracao.observacoes || undefined,
+        documentoId: declaracao.documentoId as Id<"_storage">,
+      });
+
+      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() || "";
+      mostrarErro("Erro ao registrar", mensagemErro, detalhesErro);
+    } finally {
+      salvandoDeclaracao = false;
+    }
+  }
+
+  // Salvar Licença Maternidade
+  async function salvarLicencaMaternidade() {
+    if (!licencaMaternidade.funcionarioId || !licencaMaternidade.dataInicio || !licencaMaternidade.dataFim) {
+      mostrarErro(
+        "Campos obrigatórios",
+        "Preencha todos os campos obrigatórios antes de salvar.",
+        "Campos obrigatórios: Funcionário, Data Início e Data Fim"
+      );
+      return;
+    }
+
+    if (licencaMaternidade.ehProrrogacao && !licencaMaternidade.licencaOriginalId) {
+      mostrarErro(
+        "Licença original obrigatória",
+        "Para prorrogações, é necessário selecionar a licença original.",
+        "Selecione a licença de maternidade original no campo 'Licença Original'."
+      );
+      return;
+    }
+
+    if (!licencaMaternidade.documentoId) {
+      mostrarErro(
+        "Documento obrigatório",
+        "É necessário anexar o documento da licença de maternidade.",
+        "Por favor, faça o upload do arquivo PDF ou imagem da licença antes de salvar."
+      );
+      return;
+    }
+
+    try {
+      salvandoMaternidade = true;
+      
+      // Garantir que licencaOriginalId seja undefined quando não é prorrogação
+      const licencaOriginalId = licencaMaternidade.ehProrrogacao && licencaMaternidade.licencaOriginalId
+        ? (licencaMaternidade.licencaOriginalId as Id<"licencas">)
+        : undefined;
+      
+      await client.mutation(api.atestadosLicencas.criarLicencaMaternidade, {
+        funcionarioId: licencaMaternidade.funcionarioId as Id<"funcionarios">,
+        dataInicio: licencaMaternidade.dataInicio,
+        dataFim: licencaMaternidade.dataFim,
+        observacoes: licencaMaternidade.observacoes || undefined,
+        documentoId: licencaMaternidade.documentoId as Id<"_storage">,
+        licencaOriginalId,
+      });
+
+      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() || "";
+      mostrarErro("Erro ao registrar", mensagemErro, detalhesErro);
+    } finally {
+      salvandoMaternidade = false;
+    }
+  }
+
+  // Salvar Licença Paternidade
+  async function salvarLicencaPaternidade() {
+    if (!licencaPaternidade.funcionarioId || !licencaPaternidade.dataInicio || !licencaPaternidade.dataFim) {
+      mostrarErro(
+        "Campos obrigatórios",
+        "Preencha todos os campos obrigatórios antes de salvar.",
+        "Campos obrigatórios: Funcionário, Data Início e Data Fim"
+      );
+      return;
+    }
+
+    if (!licencaPaternidade.documentoId) {
+      mostrarErro(
+        "Documento obrigatório",
+        "É necessário anexar o documento da licença de paternidade.",
+        "Por favor, faça o upload do arquivo PDF ou imagem da licença antes de salvar."
+      );
+      return;
+    }
+
+    try {
+      salvandoPaternidade = true;
+      await client.mutation(api.atestadosLicencas.criarLicencaPaternidade, {
+        funcionarioId: licencaPaternidade.funcionarioId as Id<"funcionarios">,
+        dataInicio: licencaPaternidade.dataInicio,
+        dataFim: licencaPaternidade.dataFim,
+        observacoes: licencaPaternidade.observacoes || undefined,
+        documentoId: licencaPaternidade.documentoId as Id<"_storage">,
+      });
+
+      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() || "";
+      mostrarErro("Erro ao registrar", mensagemErro, detalhesErro);
+    } finally {
+      salvandoPaternidade = false;
+    }
+  }
+
+  // Resetar formulários
+  function resetarFormularioAtestado() {
+    atestadoMedico = {
+      funcionarioId: undefined,
+      dataInicio: "",
+      dataFim: "",
+      cid: "",
+      observacoes: "",
+      documentoId: undefined,
+    };
+  }
+
+  function resetarFormularioDeclaracao() {
+    declaracao = {
+      funcionarioId: undefined,
+      dataInicio: "",
+      dataFim: "",
+      observacoes: "",
+      documentoId: undefined,
+    };
+  }
+
+  function resetarFormularioMaternidade() {
+    licencaMaternidade = {
+      funcionarioId: undefined,
+      dataInicio: "",
+      dataFim: "",
+      observacoes: "",
+      documentoId: undefined,
+      ehProrrogacao: false,
+      licencaOriginalId: undefined,
+    };
+  }
+
+  function resetarFormularioPaternidade() {
+    licencaPaternidade = {
+      funcionarioId: undefined,
+      dataInicio: "",
+      dataFim: "",
+      observacoes: "",
+      documentoId: undefined,
+    };
+  }
+
+  // Limpar licencaOriginalId quando não é prorrogação
+  $effect(() => {
+    if (abaAtiva === "maternidade" && !licencaMaternidade.ehProrrogacao) {
+      licencaMaternidade.licencaOriginalId = undefined;
+    }
+  });
+
+  // Calcular data fim automaticamente para licenças
+  $effect(() => {
+    if (abaAtiva === "maternidade" && licencaMaternidade.dataInicio && !licencaMaternidade.ehProrrogacao && !licencaMaternidade.dataFim) {
+      const inicio = new Date(licencaMaternidade.dataInicio);
+      if (!isNaN(inicio.getTime())) {
+        inicio.setDate(inicio.getDate() + 120); // 120 dias
+        licencaMaternidade.dataFim = inicio.toISOString().split("T")[0];
+      }
+    }
+  });
+
+  $effect(() => {
+    if (abaAtiva === "paternidade" && licencaPaternidade.dataInicio && !licencaPaternidade.dataFim) {
+      const inicio = new Date(licencaPaternidade.dataInicio);
+      if (!isNaN(inicio.getTime())) {
+        inicio.setDate(inicio.getDate() + 20); // 20 dias
+        licencaPaternidade.dataFim = inicio.toISOString().split("T")[0];
+      }
+    }
+  });
+
+  // Excluir registro
+  async function excluirRegistro(tipo: "atestado" | "licenca", id: string) {
+    if (!confirm(`Tem certeza que deseja excluir este ${tipo}?`)) return;
+
+    try {
+      if (tipo === "atestado") {
+        await client.mutation(api.atestadosLicencas.excluirAtestado, { id: id as Id<"atestados"> });
+      } else {
+        await client.mutation(api.atestadosLicencas.excluirLicenca, { id: id as Id<"licencas"> });
+      }
+      toast.success("Registro excluído com sucesso!");
+    } catch (error: any) {
+      toast.error(error?.message || "Erro ao excluir registro");
+    }
+  }
+
+  // Filtrar registros
+  const registrosFiltrados = $derived.by(() => {
+    const dados = dadosQuery?.data;
+    if (!dados) return { atestados: [], licencas: [] };
+
+    let atestados = dados.atestados;
+    let licencas = dados.licencas;
+
+    // Filtro por tipo
+    if (filtroTipo !== "todos") {
+      if (filtroTipo === "atestado_medico" || filtroTipo === "declaracao_comparecimento") {
+        atestados = atestados.filter((a) => a.tipo === filtroTipo);
+        licencas = [];
+      } else if (filtroTipo === "maternidade" || filtroTipo === "paternidade") {
+        atestados = [];
+        licencas = licencas.filter((l) => l.tipo === filtroTipo);
+      }
+    }
+
+    // Filtro por funcionário
+    if (filtroFuncionario) {
+      const termo = filtroFuncionario.toLowerCase();
+      atestados = atestados.filter((a) =>
+        a.funcionario?.nome?.toLowerCase().includes(termo)
+      );
+      licencas = licencas.filter((l) =>
+        l.funcionario?.nome?.toLowerCase().includes(termo)
+      );
+    }
+
+    // Filtro por período
+    if (filtroDataInicio && filtroDataFim) {
+      const inicio = new Date(filtroDataInicio);
+      const fim = new Date(filtroDataFim);
+      atestados = atestados.filter((a) => {
+        const aInicio = new Date(a.dataInicio);
+        const aFim = new Date(a.dataFim);
+        return (
+          (aInicio >= inicio && aInicio <= fim) ||
+          (aFim >= inicio && aFim <= fim) ||
+          (aInicio <= inicio && aFim >= fim)
+        );
+      });
+      licencas = licencas.filter((l) => {
+        const lInicio = new Date(l.dataInicio);
+        const lFim = new Date(l.dataFim);
+        return (
+          (lInicio >= inicio && lInicio <= fim) ||
+          (lFim >= inicio && lFim <= fim) ||
+          (lInicio <= inicio && lFim >= fim)
+        );
+      });
+    }
+
+    return { atestados, licencas };
+  });
+
+  // Limpar filtros
+  function limparFiltros() {
+    filtroTipo = "todos";
+    filtroFuncionario = "";
+    filtroDataInicio = "";
+    filtroDataFim = "";
+  }
 </script>
 
+<svelte:head>
+  <title>Atestados & Licenças - Recursos Humanos</title>
+</svelte:head>
+
 <main class="container mx-auto px-4 py-6 max-w-7xl">
   <!-- Breadcrumb -->
   <div class="text-sm breadcrumbs mb-4">
     <ul>
-      <li><a href="/recursos-humanos" class="text-primary hover:underline">Recursos Humanos</a></li>
+      <li>
+        <a href="/recursos-humanos" class="text-primary hover:underline"
+          >Recursos Humanos</a
+        >
+      </li>
       <li>Atestados & Licenças</li>
     </ul>
   </div>
 
   <!-- Header -->
   <div class="mb-6">
-    <div class="flex items-center justify-between">
+    <div class="flex items-center justify-between flex-wrap gap-4">
       <div class="flex items-center gap-4">
         <div class="p-3 bg-purple-500/20 rounded-xl">
-          <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
+            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>
         </div>
         <div>
           <h1 class="text-3xl font-bold text-primary">Atestados & Licenças</h1>
-          <p class="text-base-content/70">Registro de atestados médicos e licenças</p>
+          <p class="text-base-content/70">
+            Registro de atestados médicos e licenças
+          </p>
         </div>
       </div>
-      <button class="btn btn-ghost gap-2" onclick={() => goto("/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" />
+      <button
+        class="btn btn-ghost gap-2"
+        onclick={() => goto("/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>
         Voltar
       </button>
     </div>
   </div>
 
-  <!-- Alert de desenvolvimento -->
-  <div class="alert alert-info shadow-lg">
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6">
-      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-    </svg>
-    <div>
-      <h3 class="font-bold">Módulo em Desenvolvimento</h3>
-      <div class="text-sm">Esta funcionalidade está em desenvolvimento e estará disponível em breve.</div>
-    </div>
+  <!-- Tabs -->
+  <div class="tabs tabs-boxed mb-6 bg-base-100 shadow-lg p-2">
+    <button
+      class="tab {abaAtiva === 'dashboard' ? 'tab-active' : ''}"
+      onclick={() => (abaAtiva = "dashboard")}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="h-5 w-5 mr-2"
+        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>
+      Dashboard
+    </button>
+    <button
+      class="tab {abaAtiva === 'atestado' ? 'tab-active' : ''}"
+      onclick={() => (abaAtiva = "atestado")}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="h-5 w-5 mr-2"
+        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>
+      Atestado Médico
+    </button>
+    <button
+      class="tab {abaAtiva === 'declaracao' ? 'tab-active' : ''}"
+      onclick={() => (abaAtiva = "declaracao")}
+    >
+      Declaração
+    </button>
+    <button
+      class="tab {abaAtiva === 'maternidade' ? 'tab-active' : ''}"
+      onclick={() => (abaAtiva = "maternidade")}
+    >
+      Licença Maternidade
+    </button>
+    <button
+      class="tab {abaAtiva === 'paternidade' ? 'tab-active' : ''}"
+      onclick={() => (abaAtiva = "paternidade")}
+    >
+      Licença Paternidade
+    </button>
   </div>
 
-  <!-- Preview do que virá -->
-  <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-6 opacity-60">
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body">
-        <h2 class="card-title">Registrar Atestado</h2>
-        <p class="text-sm text-base-content/70">Cadastre atestados médicos</p>
-        <div class="card-actions justify-end mt-4">
-          <button class="btn btn-sm btn-disabled">Em breve</button>
+  <!-- Conteúdo das Abas -->
+  {#if abaAtiva === "dashboard"}
+    <!-- Dashboard -->
+    <!-- Estatísticas -->
+    {#if statsQuery?.data}
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
+        <div class="stat bg-base-100 shadow-lg rounded-box border border-base-300">
+          <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>
+          </div>
+          <div class="stat-title">Atestados Ativos</div>
+          <div class="stat-value text-error">
+            {statsQuery.data.totalAtestadosAtivos}
+          </div>
+        </div>
+
+        <div class="stat bg-base-100 shadow-lg rounded-box border border-base-300">
+          <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>
+          </div>
+          <div class="stat-title">Licenças Ativas</div>
+          <div class="stat-value text-secondary">
+            {statsQuery.data.totalLicencasAtivas}
+          </div>
+        </div>
+
+        <div class="stat bg-base-100 shadow-lg rounded-box border border-base-300">
+          <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>
+          </div>
+          <div class="stat-title">Afastados Hoje</div>
+          <div class="stat-value text-warning">
+            {statsQuery.data.funcionariosAfastadosHoje}
+          </div>
+        </div>
+
+        <div class="stat bg-base-100 shadow-lg rounded-box border border-base-300">
+          <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>
+          </div>
+          <div class="stat-title">Dias no Mês</div>
+          <div class="stat-value text-info">
+            {statsQuery.data.totalDiasAfastamentoMes}
+          </div>
         </div>
       </div>
-    </div>
+    {/if}
 
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body">
-        <h2 class="card-title">Registrar Licença</h2>
-        <p class="text-sm text-base-content/70">Cadastre licenças e afastamentos</p>
-        <div class="card-actions justify-end mt-4">
-          <button class="btn btn-sm btn-disabled">Em breve</button>
+  <!-- Filtros -->
+  <div class="card bg-base-100 shadow-xl mb-6">
+    <div class="card-body">
+      <h2 class="card-title mb-4">Filtros</h2>
+      <div class="grid grid-cols-1 md:grid-cols-5 gap-4 items-end">
+        <div class="form-control">
+          <label class="label cursor-pointer flex flex-col gap-2" for="filtro-tipo">
+            <span class="label-text">Tipo</span>
+            <select id="filtro-tipo" class="select select-bordered" bind:value={filtroTipo}>
+              <option value="todos">Todos</option>
+              <option value="atestado_medico">Atestado Médico</option>
+              <option value="declaracao_comparecimento">Declaração</option>
+              <option value="maternidade">Licença Maternidade</option>
+              <option value="paternidade">Licença Paternidade</option>
+            </select>
+          </label>
         </div>
-      </div>
-    </div>
 
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body">
-        <h2 class="card-title">Histórico</h2>
-        <p class="text-sm text-base-content/70">Consulte histórico de atestados e licenças</p>
-        <div class="card-actions justify-end mt-4">
-          <button class="btn btn-sm btn-disabled">Em breve</button>
+        <div class="form-control">
+          <label class="label cursor-pointer flex flex-col gap-2" for="filtro-funcionario">
+            <span class="label-text">Funcionário</span>
+            <input id="filtro-funcionario" class="input input-bordered" type="text" bind:value={filtroFuncionario} placeholder="Nome do colaborador" />
+          </label>
         </div>
-      </div>
-    </div>
 
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body">
-        <h2 class="card-title">Estatísticas</h2>
-        <p class="text-sm text-base-content/70">Visualize estatísticas e relatórios</p>
-        <div class="card-actions justify-end mt-4">
-          <button class="btn btn-sm btn-disabled">Em breve</button>
+        <div class="form-control">
+          <label class="label cursor-pointer flex flex-col gap-2" for="filtro-data-inicio">
+            <span class="label-text">Data Início</span>
+            <input id="filtro-data-inicio" class="input input-bordered" type="date" bind:value={filtroDataInicio} />
+          </label>
+        </div>
+
+        <div class="form-control">
+          <label class="label cursor-pointer flex flex-col gap-2" for="filtro-data-fim">
+            <span class="label-text">Data Fim</span>
+            <input id="filtro-data-fim" class="input input-bordered" type="date" bind:value={filtroDataFim} />
+          </label>
+        </div>
+
+        <div class="flex gap-2 justify-end">
+          <button class="btn btn-outline" onclick={limparFiltros}>Limpar</button>
         </div>
       </div>
     </div>
   </div>
+
+    <!-- Calendário Interativo -->
+    {#if eventosQuery?.data}
+      <CalendarioAfastamentos eventos={eventosQuery.data} tipoFiltro={filtroTipo} />
+    {/if}
+
+    <!-- Gráficos -->
+    {#if graficosQuery?.data}
+      {@const dados = graficosQuery.data.totalDiasPorTipo}
+      {@const maxDias = Math.max(...dados.map((d) => d.dias), 1)}
+      {@const chartWidth = 800}
+      {@const chartHeight = 350}
+      {@const padding = { top: 20, right: 40, bottom: 80, left: 70 }}
+      {@const barWidth = (chartWidth - padding.left - padding.right) / dados.length - 10}
+      {@const innerHeight = chartHeight - padding.top - padding.bottom}
+      {@const tendencias = graficosQuery.data.tendenciasMensais}
+      {@const tipos = ["atestado_medico", "declaracao_comparecimento", "maternidade", "paternidade", "ferias"]}
+      {@const cores = ["#ef4444", "#f97316", "#ec4899", "#3b82f6", "#10b981"]}
+      {@const nomes = ["Atestado Médico", "Declaração", "Maternidade", "Paternidade", "Férias"]}
+      {@const maxValor = Math.max(
+        ...tendencias.flatMap((t) =>
+          tipos.map((tipo) => t[tipo as keyof typeof t] as number)
+        ),
+        1
+      )}
+      {@const chartWidth2 = 900}
+      {@const chartHeight2 = 400}
+      {@const padding2 = { top: 20, right: 40, bottom: 80, left: 70 }}
+      {@const innerWidth = chartWidth2 - padding2.left - padding2.right}
+      {@const innerHeight2 = chartHeight2 - padding2.top - padding2.bottom}
+      <!-- Gráfico 1: Total de Dias por Tipo (Gráfico de Barras) -->
+      <div class="card bg-base-100 shadow-xl mb-6">
+        <div class="card-body">
+          <h2 class="card-title mb-4">Total de Dias por Tipo</h2>
+          <div class="w-full overflow-x-auto bg-base-200/30 rounded-xl p-4">
+
+            <svg width={chartWidth} height={chartHeight} class="w-full" viewBox={`0 0 ${chartWidth} ${chartHeight}`}>
+              <!-- Grid lines -->
+              {#each [0, 1, 2, 3, 4, 5] as t}
+                {@const val = Math.round((maxDias / 5) * t)}
+                {@const y = chartHeight - padding.bottom - (val / maxDias) * innerHeight}
+                <line
+                  x1={padding.left}
+                  y1={y}
+                  x2={chartWidth - padding.right}
+                  y2={y}
+                  stroke="currentColor"
+                  stroke-opacity="0.1"
+                  stroke-dasharray="4,4"
+                />
+                <text
+                  x={padding.left - 8}
+                  y={y + 4}
+                  text-anchor="end"
+                  class="text-xs opacity-70"
+                >
+                  {val}
+                </text>
+              {/each}
+
+              <!-- Eixos -->
+              <line
+                x1={padding.left}
+                y1={chartHeight - padding.bottom}
+                x2={chartWidth - padding.right}
+                y2={chartHeight - padding.bottom}
+                stroke="currentColor"
+                stroke-opacity="0.3"
+                stroke-width="2"
+              />
+              <line
+                x1={padding.left}
+                y1={padding.top}
+                x2={padding.left}
+                y2={chartHeight - padding.bottom}
+                stroke="currentColor"
+                stroke-opacity="0.3"
+                stroke-width="2"
+              />
+
+              <!-- Barras -->
+              {#each dados as item, i}
+                {@const x = padding.left + i * (barWidth + 10) + 5}
+                {@const height = (item.dias / maxDias) * innerHeight}
+                {@const y = chartHeight - padding.bottom - height}
+                {@const colors = ["#ef4444", "#f97316", "#ec4899", "#3b82f6", "#10b981"]}
+
+                <!-- Gradiente da barra -->
+                <defs>
+                  <linearGradient id="gradient-{i}" x1="0%" y1="0%" x2="0%" y2="100%">
+                    <stop offset="0%" style="stop-color:{colors[i % colors.length]};stop-opacity:0.9" />
+                    <stop offset="100%" style="stop-color:{colors[i % colors.length]};stop-opacity:0.5" />
+                  </linearGradient>
+                </defs>
+
+                <!-- Barra -->
+                <rect
+                  x={x}
+                  y={y}
+                  width={barWidth}
+                  height={height}
+                  fill="url(#gradient-{i})"
+                  rx="4"
+                  class="hover:opacity-80 transition-opacity cursor-pointer"
+                />
+
+                <!-- Valor no topo da barra -->
+                {#if item.dias > 0}
+                  <text
+                    x={x + barWidth / 2}
+                    y={y - 8}
+                    text-anchor="middle"
+                    class="text-xs font-semibold fill-base-content"
+                  >
+                    {item.dias}
+                  </text>
+                {/if}
+
+                <!-- Label do eixo X -->
+                <foreignObject
+                  x={x - 30}
+                  y={chartHeight - padding.bottom + 15}
+                  width="80"
+                  height="60"
+                >
+                  <div class="flex items-center justify-center text-center">
+                    <span
+                      class="text-xs font-medium text-base-content/80 leading-tight"
+                      style="word-wrap: break-word; hyphens: auto;"
+                    >
+                      {item.tipo}
+                    </span>
+                  </div>
+                </foreignObject>
+              {/each}
+            </svg>
+          </div>
+        </div>
+      </div>
+
+      <!-- Gráfico 2: Tendências Mensais (Gráfico de Linha em Camadas) -->
+      <div class="card bg-base-100 shadow-xl mb-6">
+        <div class="card-body">
+          <h2 class="card-title mb-4">Tendências Mensais (Últimos 6 Meses)</h2>
+          <div class="w-full overflow-x-auto bg-base-200/30 rounded-xl p-4">
+            <svg width={chartWidth2} height={chartHeight2} class="w-full" viewBox={`0 0 ${chartWidth2} ${chartHeight2}`}>
+              <!-- Grid lines -->
+              {#each [0, 1, 2, 3, 4, 5] as t}
+                {@const val = Math.round((maxValor / 5) * t)}
+                {@const y = chartHeight2 - padding2.bottom - (val / maxValor) * innerHeight2}
+                <line
+                  x1={padding2.left}
+                  y1={y}
+                  x2={chartWidth2 - padding2.right}
+                  y2={y}
+                  stroke="currentColor"
+                  stroke-opacity="0.1"
+                  stroke-dasharray="4,4"
+                />
+                <text
+                  x={padding2.left - 8}
+                  y={y + 4}
+                  text-anchor="end"
+                  class="text-xs opacity-70"
+                >
+                  {val}
+                </text>
+              {/each}
+
+              <!-- Eixos -->
+              <line
+                x1={padding2.left}
+                y1={chartHeight2 - padding2.bottom}
+                x2={chartWidth2 - padding2.right}
+                y2={chartHeight2 - padding2.bottom}
+                stroke="currentColor"
+                stroke-opacity="0.3"
+                stroke-width="2"
+              />
+              <line
+                x1={padding2.left}
+                y1={padding2.top}
+                x2={padding2.left}
+                y2={chartHeight2 - padding2.bottom}
+                stroke="currentColor"
+                stroke-opacity="0.3"
+                stroke-width="2"
+              />
+
+              <!-- Linhas para cada tipo (em camadas) -->
+              {#each tipos as tipo, tipoIdx}
+                {@const cor = cores[tipoIdx]}
+                
+                <!-- Área preenchida (camada) -->
+                <defs>
+                  <linearGradient id="gradient-{tipo}" x1="0%" y1="0%" x2="0%" y2="100%">
+                    <stop offset="0%" style="stop-color:{cor};stop-opacity:0.4" />
+                    <stop offset="100%" style="stop-color:{cor};stop-opacity:0.05" />
+                  </linearGradient>
+                </defs>
+
+                {@const pontos = tendencias.map((t, i) => {
+                  const x = padding2.left + (i / (tendencias.length - 1 || 1)) * innerWidth;
+                  const valor = t[tipo as keyof typeof t] as number;
+                  const y = chartHeight2 - padding2.bottom - (valor / maxValor) * innerHeight2;
+                  return { x, y, valor };
+                })}
+
+                <!-- Área -->
+                {#if pontos.length > 0}
+                  {@const pathArea = `M ${pontos[0].x} ${chartHeight2 - padding2.bottom} ` + pontos.map(p => `L ${p.x} ${p.y}`).join(' ') + ` L ${pontos[pontos.length - 1].x} ${chartHeight2 - padding2.bottom} Z`}
+                  <path
+                    d={pathArea}
+                    fill="url(#gradient-{tipo})"
+                  />
+                {/if}
+
+                <!-- Linha -->
+                {#if pontos.length > 1}
+                  <polyline
+                    points={pontos.map((p) => `${p.x},${p.y}`).join(' ')}
+                    fill="none"
+                    stroke={cor}
+                    stroke-width="3"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                {/if}
+
+                <!-- Pontos -->
+                {#each pontos as ponto, pontoIdx}
+                  <circle
+                    cx={ponto.x}
+                    cy={ponto.y}
+                    r="5"
+                    fill={cor}
+                    stroke="white"
+                    stroke-width="2"
+                    class="hover:r-7 transition-all cursor-pointer"
+                  />
+                  <!-- Tooltip no hover -->
+                  <title>{nomes[tipoIdx]}: {ponto.valor} dias em {tendencias[pontoIdx]?.mes || ""}</title>
+                {/each}
+              {/each}
+
+              <!-- Labels do eixo X -->
+              {#each tendencias as t, i}
+                {@const x = padding2.left + (i / (tendencias.length - 1 || 1)) * innerWidth}
+                <foreignObject
+                  x={x - 40}
+                  y={chartHeight2 - padding2.bottom + 15}
+                  width="80"
+                  height="60"
+                >
+                  <div class="flex items-center justify-center text-center">
+                    <span class="text-xs font-medium text-base-content/80">
+                      {t.mes}
+                    </span>
+                  </div>
+                </foreignObject>
+              {/each}
+            </svg>
+
+            <!-- Legenda -->
+            <div class="flex flex-wrap justify-center gap-4 mt-4 pt-4 border-t border-base-300">
+              {#each tipos as tipo, idx}
+                <div class="flex items-center gap-2">
+                  <div
+                    class="w-4 h-4 rounded"
+                    style="background-color: {cores[idx]}"
+                  ></div>
+                  <span class="text-sm text-base-content/70">{nomes[idx]}</span>
+                </div>
+              {/each}
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Lista de Funcionários Afastados -->
+      <div class="card bg-base-100 shadow-xl mb-6">
+        <div class="card-body">
+          <h2 class="card-title mb-4">Funcionários Atualmente Afastados</h2>
+          {#if graficosQuery.data.funcionariosAfastados.length > 0}
+            <div class="overflow-x-auto">
+              <table class="table table-zebra">
+                <thead>
+                  <tr>
+                    <th>Funcionário</th>
+                    <th>Tipo</th>
+                    <th>Data Início</th>
+                    <th>Data Fim</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {#each graficosQuery.data.funcionariosAfastados as item}
+                    <tr>
+                      <td>{item.funcionarioNome}</td>
+                      <td>
+                        <span
+                          class="badge {
+                            item.tipo === 'atestado_medico'
+                              ? 'badge-error'
+                              : item.tipo === 'declaracao_comparecimento'
+                              ? 'badge-warning'
+                              : item.tipo === 'maternidade'
+                              ? 'badge-secondary'
+                              : item.tipo === 'paternidade'
+                              ? 'badge-info'
+                              : 'badge-success'
+                          }"
+                        >
+                          {item.tipo === "atestado_medico"
+                            ? "Atestado Médico"
+                            : item.tipo === "declaracao_comparecimento"
+                            ? "Declaração"
+                            : item.tipo === "maternidade"
+                            ? "Licença Maternidade"
+                            : item.tipo === "paternidade"
+                            ? "Licença Paternidade"
+                            : item.tipo}
+                        </span>
+                      </td>
+                      <td>{formatarData(item.dataInicio)}</td>
+                      <td>{formatarData(item.dataFim)}</td>
+                    </tr>
+                  {/each}
+                </tbody>
+              </table>
+            </div>
+          {:else}
+            <div class="text-center py-10 text-base-content/60">
+              Nenhum funcionário afastado no momento
+            </div>
+          {/if}
+        </div>
+      </div>
+    {/if}
+
+    <!-- Tabela de Registros -->
+    <div class="card bg-base-100 shadow-xl">
+      <div class="card-body">
+        <h2 class="card-title mb-4">Registros</h2>
+        <div class="overflow-x-auto">
+          <table class="table table-zebra">
+            <thead>
+              <tr>
+                <th>Funcionário</th>
+                <th>Tipo</th>
+                <th>Data Início</th>
+                <th>Data Fim</th>
+                <th>Dias</th>
+                <th>Status</th>
+                <th>Ações</th>
+              </tr>
+            </thead>
+            <tbody>
+              {#each registrosFiltrados.atestados as atestado}
+                <tr>
+                  <td>{atestado.funcionario?.nome || "-"}</td>
+                  <td>
+                    <span
+                      class="badge {atestado.tipo === 'atestado_medico' ? 'badge-error' : 'badge-warning'}"
+                    >
+                      {atestado.tipo === "atestado_medico"
+                        ? "Atestado Médico"
+                        : "Declaração"}
+                    </span>
+                  </td>
+                  <td class="whitespace-nowrap font-mono text-xs">{formatarData(atestado.dataInicio)}</td>
+                  <td class="whitespace-nowrap font-mono text-xs">{formatarData(atestado.dataFim)}</td>
+                  <td>{atestado.dias}</td>
+                  <td>
+                    <span
+                      class="badge {atestado.status === 'ativo' ? 'badge-success' : 'badge-neutral'}"
+                    >
+                      {atestado.status === "ativo" ? "Ativo" : "Finalizado"}
+                    </span>
+                  </td>
+                  <td>
+                    <div class="flex gap-2">
+                      {#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"
+                              );
+                            }
+                          }}
+                        >
+                          Ver Doc
+                        </button>
+                      {/if}
+                      <button
+                        class="btn btn-xs btn-error"
+                        onclick={() =>
+                          excluirRegistro("atestado", atestado._id)}
+                      >
+                        Excluir
+                      </button>
+                    </div>
+                  </td>
+                </tr>
+              {/each}
+              {#each registrosFiltrados.licencas as licenca}
+                <tr>
+                  <td>{licenca.funcionario?.nome || "-"}</td>
+                  <td>
+                    <span
+                      class="badge {licenca.tipo === 'maternidade' ? 'badge-secondary' : 'badge-info'}"
+                    >
+                      Licença{" "}
+                      {licenca.tipo === "maternidade"
+                        ? "Maternidade"
+                        : "Paternidade"}
+                      {licenca.ehProrrogacao ? " (Prorrogação)" : ""}
+                    </span>
+                  </td>
+                  <td class="whitespace-nowrap font-mono text-xs">{formatarData(licenca.dataInicio)}</td>
+                  <td class="whitespace-nowrap font-mono text-xs">{formatarData(licenca.dataFim)}</td>
+                  <td>{licenca.dias}</td>
+                  <td>
+                    <span
+                      class="badge {licenca.status === 'ativo' ? 'badge-success' : 'badge-neutral'}"
+                    >
+                      {licenca.status === "ativo" ? "Ativo" : "Finalizado"}
+                    </span>
+                  </td>
+                  <td>
+                    <div class="flex gap-2">
+                      {#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"
+                              );
+                            }
+                          }}
+                        >
+                          Ver Doc
+                        </button>
+                      {/if}
+                      <button
+                        class="btn btn-xs btn-error"
+                        onclick={() =>
+                          excluirRegistro("licenca", licenca._id)}
+                      >
+                        Excluir
+                      </button>
+                    </div>
+                  </td>
+                </tr>
+              {/each}
+            </tbody>
+          </table>
+          {#if registrosFiltrados.atestados.length === 0 && registrosFiltrados.licencas.length === 0}
+            <div class="text-center py-10 text-base-content/60">
+              Nenhum registro encontrado
+            </div>
+          {/if}
+        </div>
+      </div>
+    </div>
+  {:else if abaAtiva === "atestado"}
+    <!-- Formulário Atestado Médico -->
+    <div class="card bg-base-100 shadow-xl">
+      <div class="card-body">
+        <h2 class="card-title mb-4">Registrar Atestado Médico</h2>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+          <FuncionarioSelect
+            bind:value={atestadoMedico.funcionarioId}
+            required={true}
+          />
+
+          <div class="form-control">
+            <div class="label">
+              <span class="label-text font-medium">Data Início <span class="text-error">*</span></span>
+            </div>
+            <input
+              type="date"
+              bind:value={atestadoMedico.dataInicio}
+              class="input input-bordered"
+              required
+            />
+          </div>
+
+          <div class="form-control">
+            <div class="label">
+              <span class="label-text font-medium">Data Fim <span class="text-error">*</span></span>
+            </div>
+            <input
+              type="date"
+              bind:value={atestadoMedico.dataFim}
+              class="input input-bordered"
+              required
+            />
+          </div>
+
+          <div class="form-control">
+            <div class="label">
+              <span class="label-text font-medium">CID <span class="text-error">*</span></span>
+            </div>
+            <input
+              type="text"
+              bind:value={atestadoMedico.cid}
+              placeholder="Ex: A00.0"
+              class="input input-bordered"
+              maxlength="10"
+              required
+            />
+          </div>
+
+          <div class="form-control md:col-span-2">
+            <FileUpload
+              label="Anexar Atestado (PDF ou Imagem)"
+              bind:value={atestadoMedico.documentoId}
+              required={true}
+              onUpload={async (file) => {
+                atestadoMedico.documentoId = await handleDocumentoUpload(
+                  file
+                );
+              }}
+              onRemove={async () => {
+                atestadoMedico.documentoId = undefined;
+              }}
+            />
+          </div>
+
+          <div class="form-control md:col-span-2">
+            <div class="label">
+              <span class="label-text font-medium">Observações</span>
+            </div>
+            <textarea
+              bind:value={atestadoMedico.observacoes}
+              class="textarea textarea-bordered h-24"
+              placeholder="Observações adicionais..."
+            ></textarea>
+          </div>
+        </div>
+
+        <div class="card-actions justify-end mt-6">
+          <button
+            class="btn btn-ghost"
+            onclick={resetarFormularioAtestado}
+          >
+            Cancelar
+          </button>
+          <button
+            class="btn btn-primary"
+            onclick={salvarAtestadoMedico}
+            disabled={salvandoAtestado}
+          >
+            {#if salvandoAtestado}
+              <span class="loading loading-spinner loading-sm"></span>
+              Salvando...
+            {:else}
+              Salvar
+            {/if}
+          </button>
+        </div>
+      </div>
+    </div>
+  {:else if abaAtiva === "declaracao"}
+    <!-- Formulário Declaração -->
+    <div class="card bg-base-100 shadow-xl">
+      <div class="card-body">
+        <h2 class="card-title mb-4">Registrar Declaração de Comparecimento</h2>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+          <FuncionarioSelect
+            bind:value={declaracao.funcionarioId}
+            required={true}
+          />
+
+          <div class="form-control">
+            <div class="label">
+              <span class="label-text font-medium">Data Início <span class="text-error">*</span></span>
+            </div>
+            <input
+              type="date"
+              bind:value={declaracao.dataInicio}
+              class="input input-bordered"
+              required
+            />
+          </div>
+
+          <div class="form-control">
+            <div class="label">
+              <span class="label-text font-medium">Data Fim <span class="text-error">*</span></span>
+            </div>
+            <input
+              type="date"
+              bind:value={declaracao.dataFim}
+              class="input input-bordered"
+              required
+            />
+          </div>
+
+          <div class="form-control md:col-span-2">
+            <FileUpload
+              label="Anexar Documento (PDF ou Imagem)"
+              bind:value={declaracao.documentoId}
+              required={true}
+              onUpload={async (file) => {
+                declaracao.documentoId = await handleDocumentoUpload(file);
+              }}
+              onRemove={async () => {
+                declaracao.documentoId = undefined;
+              }}
+            />
+          </div>
+
+          <div class="form-control md:col-span-2">
+            <div class="label">
+              <span class="label-text font-medium">Observações</span>
+            </div>
+            <textarea
+              bind:value={declaracao.observacoes}
+              class="textarea textarea-bordered h-24"
+              placeholder="Observações adicionais..."
+            ></textarea>
+          </div>
+        </div>
+
+        <div class="card-actions justify-end mt-6">
+          <button
+            class="btn btn-ghost"
+            onclick={resetarFormularioDeclaracao}
+          >
+            Cancelar
+          </button>
+          <button
+            class="btn btn-primary"
+            onclick={salvarDeclaracao}
+            disabled={salvandoDeclaracao}
+          >
+            {#if salvandoDeclaracao}
+              <span class="loading loading-spinner loading-sm"></span>
+              Salvando...
+            {:else}
+              Salvar
+            {/if}
+          </button>
+        </div>
+      </div>
+    </div>
+  {:else if abaAtiva === "maternidade"}
+    <!-- Formulário Licença Maternidade -->
+    <div class="card bg-base-100 shadow-xl">
+      <div class="card-body">
+        <h2 class="card-title mb-4">Registrar Licença Maternidade</h2>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+          <FuncionarioSelect
+            bind:value={licencaMaternidade.funcionarioId}
+            required={true}
+          />
+
+          <div class="form-control">
+            <div class="label">
+              <span class="label-text font-medium">Data Início <span class="text-error">*</span></span>
+            </div>
+            <input
+              type="date"
+              bind:value={licencaMaternidade.dataInicio}
+              class="input input-bordered"
+              required
+            />
+          </div>
+
+          <div class="form-control">
+            <div class="label">
+              <span class="label-text font-medium">Data Fim <span class="text-error">*</span></span>
+            </div>
+            <input
+              type="date"
+              bind:value={licencaMaternidade.dataFim}
+              class="input input-bordered"
+              required
+            />
+            <div class="label">
+              <span class="label-text-alt">Calculado automaticamente (120 dias)</span>
+            </div>
+          </div>
+
+          <div class="form-control md:col-span-2">
+            <label class="label cursor-pointer">
+              <span class="label-text font-medium">Esta é uma prorrogação?</span>
+              <input
+                type="checkbox"
+                bind:checked={licencaMaternidade.ehProrrogacao}
+                class="checkbox checkbox-primary"
+              />
+            </label>
+          </div>
+
+          {#if licencaMaternidade.ehProrrogacao}
+            <div class="form-control md:col-span-2">
+              <div class="label">
+                <span class="label-text font-medium">Licença Original <span class="text-error">*</span></span>
+              </div>
+              <select
+                bind:value={licencaMaternidade.licencaOriginalId}
+                class="select select-bordered"
+                required
+              >
+                <option value="">Selecione a licença original</option>
+                {#each licencasMaternidade as licenca}
+                  <option value={licenca._id}>
+                    {licenca.funcionario?.nome} -{" "}
+                    {formatarData(licenca.dataInicio)} até{" "}
+                    {formatarData(licenca.dataFim)}
+                  </option>
+                {/each}
+              </select>
+            </div>
+          {/if}
+
+          <div class="form-control md:col-span-2">
+            <FileUpload
+              label="Anexar Documento (PDF ou Imagem)"
+              bind:value={licencaMaternidade.documentoId}
+              required={true}
+              onUpload={async (file) => {
+                licencaMaternidade.documentoId = await handleDocumentoUpload(
+                  file
+                );
+              }}
+              onRemove={async () => {
+                licencaMaternidade.documentoId = undefined;
+              }}
+            />
+          </div>
+
+          <div class="form-control md:col-span-2">
+            <div class="label">
+              <span class="label-text font-medium">Observações</span>
+            </div>
+            <textarea
+              bind:value={licencaMaternidade.observacoes}
+              class="textarea textarea-bordered h-24"
+              placeholder="Observações adicionais..."
+            ></textarea>
+          </div>
+        </div>
+
+        <div class="card-actions justify-end mt-6">
+          <button
+            class="btn btn-ghost"
+            onclick={resetarFormularioMaternidade}
+          >
+            Cancelar
+          </button>
+          <button
+            class="btn btn-primary"
+            onclick={salvarLicencaMaternidade}
+            disabled={salvandoMaternidade}
+          >
+            {#if salvandoMaternidade}
+              <span class="loading loading-spinner loading-sm"></span>
+              Salvando...
+            {:else}
+              Salvar
+            {/if}
+          </button>
+        </div>
+      </div>
+    </div>
+  {:else if abaAtiva === "paternidade"}
+    <!-- Formulário Licença Paternidade -->
+    <div class="card bg-base-100 shadow-xl">
+      <div class="card-body">
+        <h2 class="card-title mb-4">Registrar Licença Paternidade</h2>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+          <FuncionarioSelect
+            bind:value={licencaPaternidade.funcionarioId}
+            required={true}
+          />
+
+          <div class="form-control">
+            <div class="label">
+              <span class="label-text font-medium">Data Início <span class="text-error">*</span></span>
+            </div>
+            <input
+              type="date"
+              bind:value={licencaPaternidade.dataInicio}
+              class="input input-bordered"
+              required
+            />
+          </div>
+
+          <div class="form-control">
+            <div class="label">
+              <span class="label-text font-medium">Data Fim <span class="text-error">*</span></span>
+            </div>
+            <input
+              type="date"
+              bind:value={licencaPaternidade.dataFim}
+              class="input input-bordered"
+              required
+            />
+            <div class="label">
+              <span class="label-text-alt">Calculado automaticamente (20 dias)</span>
+            </div>
+          </div>
+
+          <div class="form-control md:col-span-2">
+            <FileUpload
+              label="Anexar Documento (PDF ou Imagem)"
+              bind:value={licencaPaternidade.documentoId}
+              required={true}
+              onUpload={async (file) => {
+                licencaPaternidade.documentoId = await handleDocumentoUpload(
+                  file
+                );
+              }}
+              onRemove={async () => {
+                licencaPaternidade.documentoId = undefined;
+              }}
+            />
+          </div>
+
+          <div class="form-control md:col-span-2">
+            <div class="label">
+              <span class="label-text font-medium">Observações</span>
+            </div>
+            <textarea
+              bind:value={licencaPaternidade.observacoes}
+              class="textarea textarea-bordered h-24"
+              placeholder="Observações adicionais..."
+            ></textarea>
+          </div>
+        </div>
+
+        <div class="card-actions justify-end mt-6">
+          <button
+            class="btn btn-ghost"
+            onclick={resetarFormularioPaternidade}
+          >
+            Cancelar
+          </button>
+          <button
+            class="btn btn-primary"
+            onclick={salvarLicencaPaternidade}
+            disabled={salvandoPaternidade}
+          >
+            {#if salvandoPaternidade}
+              <span class="loading loading-spinner loading-sm"></span>
+              Salvando...
+            {:else}
+              Salvar
+            {/if}
+          </button>
+        </div>
+      </div>
+    </div>
+  {/if}
 </main>
 
+<!-- Modal de Erro -->
+<ErrorModal
+  bind:open={erroModal.aberto}
+  title={erroModal.titulo}
+  message={erroModal.mensagem}
+  details={erroModal.detalhes}
+  onClose={() => {
+    erroModal.aberto = false;
+  }}
+/>
+
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 8b95711..73a9dd1 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/ferias/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/ferias/+page.svelte
@@ -3,49 +3,30 @@
   import { useQuery } from "convex-svelte";
   import { api } from "@sgse-app/backend/convex/_generated/api";
   
-  // Buscar todas as solicitações (RH vê tudo)
+  // Buscar TODAS as solicitações de férias (Dashboard RH)
   const todasSolicitacoesQuery = useQuery(api.ferias.listarTodas, {});
-  const todosFuncionariosQuery = useQuery(api.funcionarios.getAll, {});
   
   let filtroStatus = $state<string>("todos");
-  let filtroTime = $state<string>("todos");
-  let filtroBusca = $state("");
   
   const solicitacoes = $derived(todasSolicitacoesQuery?.data || []);
-  const funcionarios = $derived(todosFuncionariosQuery?.data || []);
   
   // Filtrar solicitações
   const solicitacoesFiltradas = $derived(
     solicitacoes.filter((s: any) => {
       // Filtro de status
       if (filtroStatus !== "todos" && s.status !== filtroStatus) return false;
-      
-      // Filtro de time
-      if (filtroTime !== "todos" && s.time?._id !== filtroTime) return false;
-      
-      // Filtro de busca
-      if (filtroBusca && !s.funcionario?.nome.toLowerCase().includes(filtroBusca.toLowerCase())) {
-        return false;
-      }
-      
       return true;
     })
   );
   
-  // Estatísticas
+  // Estatísticas gerais
   const stats = $derived({
     total: solicitacoes.length,
     aguardando: solicitacoes.filter((s: any) => s.status === "aguardando_aprovacao").length,
     aprovadas: solicitacoes.filter((s: any) => s.status === "aprovado" || s.status === "data_ajustada_aprovada").length,
     reprovadas: solicitacoes.filter((s: any) => s.status === "reprovado").length,
-    emFerias: funcionarios.filter((f: any) => f.statusFerias === "em_ferias").length,
   });
   
-  // Times únicos para filtro
-  const timesDisponiveis = $derived(
-    Array.from(new Set(solicitacoes.map((s: any) => s.time).filter(Boolean)))
-  );
-  
   function getStatusBadge(status: string) {
     const badges: Record<string, string> = {
       aguardando_aprovacao: "badge-warning",
@@ -104,7 +85,7 @@
   </div>
 
   <!-- Estatísticas -->
-  <div class="grid grid-cols-1 md:grid-cols-5 gap-4 mb-6">
+  <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
     <div class="stat bg-base-100 shadow-lg rounded-box border border-base-300">
       <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">
@@ -148,38 +129,13 @@
       <div class="stat-value text-error">{stats.reprovadas}</div>
       <div class="stat-desc">Indeferidas</div>
     </div>
-
-    <div class="stat bg-gradient-to-br from-purple-500/10 to-purple-600/20 shadow-lg rounded-box border-2 border-purple-500/30">
-      <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>
-      <div class="stat-title">Em Férias</div>
-      <div class="stat-value text-purple-600">{stats.emFerias}</div>
-      <div class="stat-desc">Agora</div>
-    </div>
   </div>
 
   <!-- Filtros -->
   <div class="card bg-base-100 shadow-lg mb-6">
     <div class="card-body">
       <h2 class="card-title text-lg mb-4">Filtros</h2>
-      <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-        <!-- Busca -->
-        <div class="form-control">
-          <label class="label" for="busca">
-            <span class="label-text">Buscar Funcionário</span>
-          </label>
-          <input
-            id="busca"
-            type="text"
-            placeholder="Digite o nome..."
-            class="input input-bordered"
-            bind:value={filtroBusca}
-          />
-        </div>
-
+      <div class="grid grid-cols-1 md:grid-cols-1 gap-4">
         <!-- Filtro Status -->
         <div class="form-control">
           <label class="label" for="status">
@@ -193,21 +149,6 @@
             <option value="data_ajustada_aprovada">Data Ajustada</option>
           </select>
         </div>
-
-        <!-- Filtro Time -->
-        <div class="form-control">
-          <label class="label" for="time">
-            <span class="label-text">Time</span>
-          </label>
-          <select id="time" class="select select-bordered" bind:value={filtroTime}>
-            <option value="todos">Todos os Times</option>
-            {#each timesDisponiveis as time}
-              {#if time}
-                <option value={time._id}>{time.nome}</option>
-              {/if}
-            {/each}
-          </select>
-        </div>
       </div>
     </div>
   </div>
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 90dda4c..d7cde28 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
@@ -99,6 +99,20 @@
   let mostrarFormularioCurso = $state(false);
   let cursoAtual = $state({ descricao: "", data: "", arquivo: null as File | null });
 
+  // Dependentes
+  let dependentes = $state<Array<{ id: string; parentesco: string; nome: string; cpf: string; nascimento: string; documentoId?: string; salarioFamilia?: boolean; impostoRenda?: boolean }>>([]);
+  let mostrarFormularioDependente = $state(false);
+  let dependenteAtual = $state<{ parentesco: string; nome: string; cpf: string; nascimento: string; arquivo: File | null; documentoId?: string; salarioFamilia?: boolean; impostoRenda?: boolean }>({
+    parentesco: "",
+    nome: "",
+    cpf: "",
+    nascimento: "",
+    arquivo: null,
+    documentoId: undefined,
+    salarioFamilia: false,
+    impostoRenda: false,
+  });
+
   function adicionarCurso() {
     if (!cursoAtual.descricao.trim() || !cursoAtual.data.trim()) {
       alert("Preencha a descrição e a data do curso");
@@ -129,6 +143,51 @@
     return result.storageId;
   }
 
+  async function uploadDocumentoDependente(file: File): Promise<string> {
+    const uploadUrl = await client.mutation(api.documentos.generateUploadUrl, {});
+    const response = await fetch(uploadUrl, {
+      method: "POST",
+      headers: { "Content-Type": file.type },
+      body: file,
+    });
+    const result = await response.json();
+    return result.storageId as string;
+  }
+
+  function adicionarDependente() {
+    if (dependentes.length >= 10) {
+      alert("Limite de 10 dependentes atingido");
+      return;
+    }
+    if (!dependenteAtual.parentesco || !dependenteAtual.nome.trim() || !dependenteAtual.cpf.trim() || !dependenteAtual.nascimento.trim()) {
+      alert("Preencha Parentesco, Nome, CPF e Data de Nascimento do dependente");
+      return;
+    }
+    if (!validateCPF(dependenteAtual.cpf)) {
+      alert("CPF do dependente inválido");
+      return;
+    }
+    if (!validateDate(dependenteAtual.nascimento)) {
+      alert("Data de nascimento do dependente inválida");
+      return;
+    }
+    dependentes.push({
+      id: crypto.randomUUID(),
+      parentesco: dependenteAtual.parentesco,
+      nome: dependenteAtual.nome.trim(),
+      cpf: onlyDigits(dependenteAtual.cpf),
+      nascimento: dependenteAtual.nascimento,
+      documentoId: dependenteAtual.documentoId,
+      salarioFamilia: !!dependenteAtual.salarioFamilia,
+      impostoRenda: !!dependenteAtual.impostoRenda,
+    });
+    dependenteAtual = { parentesco: "", nome: "", cpf: "", nascimento: "", arquivo: null, documentoId: undefined, salarioFamilia: false, impostoRenda: false };
+  }
+
+  function removerDependente(id: string) {
+    dependentes = dependentes.filter((d) => d.id !== id);
+  }
+
   async function loadSimbolos() {
     const list = await client.query(api.simbolos.getAll, {} as any);
     simbolos = list.map((s: any) => ({ 
@@ -267,6 +326,18 @@
         ...Object.fromEntries(
           Object.entries(documentosStorage).map(([key, value]) => [key, value as any])
         ),
+        // Dependentes (opcional)
+        dependentes: dependentes.length
+          ? dependentes.map((d) => ({
+              parentesco: d.parentesco,
+              nome: d.nome,
+              cpf: d.cpf,
+              nascimento: d.nascimento,
+              documentoId: d.documentoId as any,
+              salarioFamilia: !!d.salarioFamilia,
+              impostoRenda: !!d.impostoRenda,
+            }))
+          : undefined,
       };
 
       const novoFuncionarioId = await client.mutation(api.funcionarios.create, payload as any);
@@ -358,7 +429,7 @@
   {/if}
 
   <!-- Formulário -->
-  <form class="space-y-6" onsubmit={(e) => { e.preventDefault(); handleSubmit(); }}>
+  <form class="space-y-6" onsubmit={(e) => { e.preventDefault(); }}>
     
     <!-- Card 1: Informações Pessoais -->
     <div class="card bg-base-100 shadow-xl">
@@ -955,7 +1026,7 @@
           Endereço e Contato
         </h2>
 
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+        <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
           <!-- CEP -->
           <div class="form-control">
             <label class="label" for="cep">
@@ -1010,7 +1081,7 @@
           </div>
 
           <!-- Endereço -->
-          <div class="form-control lg:col-span-4">
+          <div class="form-control md:col-span-2">
             <label class="label" for="endereco">
               <span class="label-text font-medium">Endereço <span class="text-error">*</span></span>
             </label>
@@ -1060,6 +1131,120 @@
       </div>
     </div>
 
+    <!-- Card 4.5: Dependentes -->
+    <div class="card bg-base-100 shadow-xl">
+      <div class="card-body space-y-4">
+        <h2 class="card-title text-xl border-b pb-3">
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2a3 3 0 00-5.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2a3 3 0 015.356-1.857M15 7a3 3 0 11-6 0 3 3 0 016 0z" />
+          </svg>
+          Dependentes
+        </h2>
+
+        {#if dependentes.length > 0}
+          <div class="space-y-2">
+            <h3 class="font-semibold text-sm">Dependentes adicionados ({dependentes.length}/10)</h3>
+            {#each dependentes as dep}
+              <div class="flex items-center gap-3 p-3 bg-base-200 rounded-lg">
+                <div class="flex-1 text-sm">
+                  <p class="font-semibold">{dep.nome} — {dep.parentesco}</p>
+                  <p class="text-xs text-base-content/70">CPF: {dep.cpf} • Nasc.: {dep.nascimento}</p>
+                  <div class="flex flex-wrap gap-4 mt-2">
+                    <label class="label cursor-pointer gap-2">
+                      <input type="checkbox" class="checkbox checkbox-xs checkbox-primary" bind:checked={dep.salarioFamilia} />
+                      <span class="label-text text-xs">Salário Família</span>
+                    </label>
+                    <label class="label cursor-pointer gap-2">
+                      <input type="checkbox" class="checkbox checkbox-xs checkbox-primary" bind:checked={dep.impostoRenda} />
+                      <span class="label-text text-xs">Imposto de Renda</span>
+                    </label>
+                  </div>
+                </div>
+                <button type="button" class="btn btn-sm btn-error btn-square" aria-label="Remover dependente" onclick={() => removerDependente(dep.id)}>
+                  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>
+                </button>
+              </div>
+            {/each}
+          </div>
+        {/if}
+
+        {#if dependentes.length < 10}
+          <div class="collapse collapse-arrow border border-base-300 bg-base-200">
+            <input type="checkbox" bind:checked={mostrarFormularioDependente} />
+            <div class="collapse-title font-medium">Adicionar Dependente</div>
+            <div class="collapse-content">
+              <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 pt-2">
+                <div class="form-control">
+                  <label class="label" for="dep-parentesco">
+                    <span class="label-text font-medium">Grau de Parentesco</span>
+                  </label>
+                  <select id="dep-parentesco" class="select select-bordered w-full" bind:value={dependenteAtual.parentesco}>
+                    <option value="">Selecione...</option>
+                    <option value="filho">Filho</option>
+                    <option value="filha">Filha</option>
+                    <option value="conjuge">Cônjuge</option>
+                    <option value="outro">Outros</option>
+                  </select>
+                </div>
+
+                <div class="form-control lg:col-span-2">
+                  <label class="label" for="dep-nome">
+                    <span class="label-text font-medium">Nome do Dependente</span>
+                  </label>
+                  <input id="dep-nome" type="text" class="input input-bordered w-full" bind:value={dependenteAtual.nome} />
+                </div>
+
+                <div class="form-control">
+                  <label class="label" for="dep-cpf">
+                    <span class="label-text font-medium">CPF do Dependente</span>
+                  </label>
+                  <input id="dep-cpf" type="text" inputmode="numeric" class="input input-bordered w-full" value={dependenteAtual.cpf}
+                    oninput={(e) => { const t = e.target as HTMLInputElement; dependenteAtual.cpf = maskCPF(t.value); t.value = dependenteAtual.cpf; }} />
+                </div>
+
+                <div class="form-control">
+                  <label class="label" for="dep-nascimento">
+                    <span class="label-text font-medium">Data de Nascimento</span>
+                  </label>
+                  <input id="dep-nascimento" type="text" inputmode="numeric" placeholder="dd/mm/aaaa" class="input input-bordered w-full" value={dependenteAtual.nascimento}
+                    oninput={(e) => { const t = e.target as HTMLInputElement; dependenteAtual.nascimento = maskDate(t.value); t.value = dependenteAtual.nascimento; }} />
+                </div>
+
+                <div class="form-control lg:col-span-3">
+                  <label class="label" for="dep-doc">
+                    <span class="label-text font-medium">Certidão de Nascimento/Casamento ou Outros (opcional)</span>
+                  </label>
+                  <input id="dep-doc" type="file" class="file-input file-input-bordered w-full" accept=".pdf,.jpg,.jpeg,.png"
+                    onchange={async (e) => { const file = e.currentTarget.files?.[0]; dependenteAtual.arquivo = file || null; if (file) { try { dependenteAtual.documentoId = await uploadDocumentoDependente(file); } catch { alert("Falha no upload do documento do dependente"); } } }} />
+                </div>
+
+              <!-- Checkboxes de benefícios por dependente -->
+              <div class="form-control">
+                <label class="label cursor-pointer justify-start gap-3">
+                  <input type="checkbox" class="checkbox checkbox-primary" bind:checked={dependenteAtual.salarioFamilia} />
+                  <span class="label-text">Salário Família</span>
+                </label>
+              </div>
+              <div class="form-control">
+                <label class="label cursor-pointer justify-start gap-3">
+                  <input type="checkbox" class="checkbox checkbox-primary" bind:checked={dependenteAtual.impostoRenda} />
+                  <span class="label-text">Imposto de Renda</span>
+                </label>
+              </div>
+
+                <div class="lg:col-span-3">
+                  <button type="button" class="btn btn-primary btn-sm gap-2" onclick={adicionarDependente}>
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" /></svg>
+                    Adicionar Dependente
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        {/if}
+      </div>
+    </div>
+
     <!-- Card 5: Cargo e Vínculo -->
     <div class="card bg-base-100 shadow-xl">
       <div class="card-body space-y-4">
@@ -1345,9 +1530,10 @@
             Cancelar
           </button>
           <button 
-            type="submit" 
+            type="button" 
             class="btn btn-primary btn-lg" 
             disabled={loading}
+            onclick={() => (document.getElementById('confirmar_cadastro_func') as HTMLDialogElement)?.showModal()}
           >
             {#if loading}
               <span class="loading loading-spinner"></span>
@@ -1362,5 +1548,23 @@
         </div>
       </div>
     </div>
+    
+    <!-- Modal de Confirmação Legal -->
+    <dialog id="confirmar_cadastro_func" class="modal">
+      <div class="modal-box max-w-3xl">
+        <h3 class="font-bold text-lg mb-3">Declaração de Veracidade</h3>
+        <div class="prose text-sm max-w-none">
+          <p>
+            Declaro, sob as penas da lei (art. 299 do Código Penal Brasileiro, que trata do crime de falsidade ideológica, e demais cominações legais aplicáveis), a veracidade e autenticidade de todas as informações e documentos por mim prestados/enviados neste ato. Tenho ciência de que a falsidade das informações implicará nas penalidades cabíveis, podendo resultar na nulidade do ato.
+          </p>
+        </div>
+        <div class="modal-action">
+          <div class="flex gap-2">
+            <button type="button" class="btn" onclick={() => (document.getElementById('confirmar_cadastro_func') as HTMLDialogElement)?.close()}>Cancelar</button>
+            <button type="button" class="btn btn-primary" onclick={() => { (document.getElementById('confirmar_cadastro_func') as HTMLDialogElement)?.close(); handleSubmit(); }}>Ciente</button>
+          </div>
+        </div>
+      </div>
+    </dialog>
   </form>
 </main>
diff --git a/apps/web/src/routes/(dashboard)/solicitar-acesso/+page.svelte b/apps/web/src/routes/(dashboard)/solicitar-acesso/+page.svelte
index 4801dd4..3cdd9c3 100644
--- a/apps/web/src/routes/(dashboard)/solicitar-acesso/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/solicitar-acesso/+page.svelte
@@ -72,17 +72,28 @@
   }
 </script>
 
-<main class="container mx-auto px-4 py-4 max-w-4xl">
-  <div class="mb-6">
-    <h1 class="text-3xl font-bold text-primary mb-2">Solicitar Acesso ao SGSE</h1>
-    <p class="text-base-content/70">
-      Preencha o formulário abaixo para solicitar acesso ao Sistema de Gerenciamento da Secretaria de Esportes.
-      Sua solicitação será analisada pela equipe de Tecnologia da Informação.
-    </p>
-  </div>
+<main class="mx-auto w-full max-w-4xl space-y-8 px-4 py-10">
+  <!-- Cabeçalho Estilizado -->
+  <section class="relative overflow-hidden rounded-3xl border border-primary/25 bg-gradient-to-br from-primary/10 via-base-100 to-secondary/20 p-8 shadow-2xl">
+    <div class="absolute -left-10 top-10 h-40 w-40 rounded-full bg-primary/20 blur-3xl"></div>
+    <div class="absolute -bottom-16 right-0 h-56 w-56 rounded-full bg-secondary/20 blur-3xl"></div>
+    <div class="relative z-10 space-y-4">
+      <span class="inline-flex w-fit items-center gap-2 rounded-full border border-primary/40 bg-primary/10 px-4 py-1 text-xs font-semibold uppercase tracking-[0.28em] text-primary">
+        Acesso ao Sistema
+      </span>
+      <h1 class="text-4xl font-black leading-tight text-base-content sm:text-5xl">
+        Solicitar Acesso ao SGSE
+      </h1>
+      <p class="text-base leading-relaxed text-base-content/70 sm:text-lg">
+        Preencha o formulário abaixo para solicitar acesso ao Sistema de Gerenciamento da Secretaria de Esportes.
+        Sua solicitação será analisada pela equipe de Tecnologia da Informação.
+      </p>
+    </div>
+  </section>
 
+  <!-- Alertas -->
   {#if notice}
-    <div class="alert {notice.type === 'success' ? 'alert-success' : 'alert-error'} mb-6">
+    <div class="alert {notice.type === 'success' ? 'alert-success' : 'alert-error'} shadow-xl">
       <svg
         xmlns="http://www.w3.org/2000/svg"
         class="stroke-current shrink-0 h-6 w-6"
@@ -105,12 +116,14 @@
           />
         {/if}
       </svg>
-      <span>{notice.message}</span>
+      <span class="font-semibold">{notice.message}</span>
     </div>
   {/if}
 
-  <div class="card bg-base-100 shadow-xl">
-    <div class="card-body">
+  <!-- Formulário -->
+  <section class="relative overflow-hidden rounded-3xl border border-base-200 bg-base-100/90 p-8 shadow-2xl">
+    <div class="absolute inset-x-6 top-0 h-24 rounded-b-full bg-gradient-to-b from-base-200/40 to-transparent opacity-50"></div>
+    <div class="relative z-10">
       <form
         onsubmit={(e) => {
           e.preventDefault();
@@ -118,25 +131,28 @@
           form.handleSubmit();
         }}
       >
-        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
           <!-- Nome -->
           <form.Field name="nome" validators={{ onChange: formSchema.shape.nome }}>
             {#snippet children(field)}
               <div class="form-control md:col-span-2">
                 <label class="label" for="nome">
-                  <span class="label-text">Nome Completo *</span>
+                  <span class="label-text font-semibold">Nome Completo</span>
+                  <span class="text-error">*</span>
                 </label>
                 <input
                   id="nome"
                   type="text"
                   placeholder="Digite seu nome completo"
-                  class="input input-bordered w-full"
+                  class="input input-bordered w-full focus:input-primary transition-colors duration-300"
                   value={field.state.value}
                   onblur={field.handleBlur}
                   oninput={(e) => field.handleChange(e.currentTarget.value)}
                 />
                 {#if field.state.meta.errors.length > 0}
-                  <span class="text-error text-sm mt-1">{field.state.meta.errors[0]}</span>
+                  <label class="label">
+                    <span class="text-error text-sm mt-1">{field.state.meta.errors[0]}</span>
+                  </label>
                 {/if}
               </div>
             {/snippet}
@@ -147,19 +163,22 @@
             {#snippet children(field)}
               <div class="form-control">
                 <label class="label" for="matricula">
-                  <span class="label-text">Matrícula *</span>
+                  <span class="label-text font-semibold">Matrícula</span>
+                  <span class="text-error">*</span>
                 </label>
                 <input
                   id="matricula"
                   type="text"
                   placeholder="Digite sua matrícula"
-                  class="input input-bordered w-full"
+                  class="input input-bordered w-full focus:input-primary transition-colors duration-300"
                   value={field.state.value}
                   onblur={field.handleBlur}
                   oninput={(e) => field.handleChange(e.currentTarget.value)}
                 />
                 {#if field.state.meta.errors.length > 0}
-                  <span class="text-error text-sm mt-1">{field.state.meta.errors[0]}</span>
+                  <label class="label">
+                    <span class="text-error text-sm mt-1">{field.state.meta.errors[0]}</span>
+                  </label>
                 {/if}
               </div>
             {/snippet}
@@ -170,19 +189,22 @@
             {#snippet children(field)}
               <div class="form-control">
                 <label class="label" for="email">
-                  <span class="label-text">E-mail *</span>
+                  <span class="label-text font-semibold">E-mail</span>
+                  <span class="text-error">*</span>
                 </label>
                 <input
                   id="email"
                   type="email"
                   placeholder="seu@email.com"
-                  class="input input-bordered w-full"
+                  class="input input-bordered w-full focus:input-primary transition-colors duration-300"
                   value={field.state.value}
                   onblur={field.handleBlur}
                   oninput={(e) => field.handleChange(e.currentTarget.value)}
                 />
                 {#if field.state.meta.errors.length > 0}
-                  <span class="text-error text-sm mt-1">{field.state.meta.errors[0]}</span>
+                  <label class="label">
+                    <span class="text-error text-sm mt-1">{field.state.meta.errors[0]}</span>
+                  </label>
                 {/if}
               </div>
             {/snippet}
@@ -193,13 +215,14 @@
             {#snippet children(field)}
               <div class="form-control md:col-span-2">
                 <label class="label" for="telefone">
-                  <span class="label-text">Telefone *</span>
+                  <span class="label-text font-semibold">Telefone</span>
+                  <span class="text-error">*</span>
                 </label>
                 <input
                   id="telefone"
                   type="text"
                   placeholder="(00) 00000-0000"
-                  class="input input-bordered w-full"
+                  class="input input-bordered w-full focus:input-primary transition-colors duration-300"
                   value={field.state.value}
                   onblur={field.handleBlur}
                   oninput={(e) => {
@@ -210,26 +233,36 @@
                   maxlength="15"
                 />
                 {#if field.state.meta.errors.length > 0}
-                  <span class="text-error text-sm mt-1">{field.state.meta.errors[0]}</span>
+                  <label class="label">
+                    <span class="text-error text-sm mt-1">{field.state.meta.errors[0]}</span>
+                  </label>
                 {/if}
               </div>
             {/snippet}
           </form.Field>
         </div>
 
-        <div class="card-actions justify-end mt-6 gap-2">
-          <button type="button" class="btn btn-ghost" onclick={handleCancel}>
+        <!-- Botões de Ação -->
+        <div class="flex justify-end gap-4 mt-8 pt-6 border-t border-base-300">
+          <button type="button" class="btn btn-ghost btn-md" onclick={handleCancel}>
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
             Cancelar
           </button>
-          <button type="submit" class="btn btn-primary">
+          <button type="submit" class="btn btn-primary btn-md shadow-md transition-all duration-200 hover:shadow-primary/40">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" 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>
             Solicitar Acesso
           </button>
         </div>
       </form>
     </div>
-  </div>
+  </section>
 
-  <div class="alert alert-info mt-6">
+  <!-- Informações Importantes -->
+  <div class="alert alert-info shadow-xl border border-info/30">
     <svg
       xmlns="http://www.w3.org/2000/svg"
       fill="none"
@@ -244,16 +277,42 @@
       ></path>
     </svg>
     <div>
-      <h3 class="font-bold">Informações Importantes</h3>
-      <div class="text-sm">
-        <ul class="list-disc list-inside mt-2">
-          <li>Todos os campos marcados com * são obrigatórios</li>
-          <li>Sua solicitação será analisada pela equipe de TI em até 48 horas úteis</li>
-          <li>Você receberá um e-mail com o resultado da análise</li>
-          <li>Em caso de dúvidas, entre em contato com o suporte técnico</li>
-        </ul>
+      <h3 class="font-bold text-lg mb-2">Informações Importantes</h3>
+      <div class="text-sm space-y-1">
+        <div class="flex items-start gap-2">
+          <span class="text-info font-bold">•</span>
+          <span>Todos os campos marcados com * são obrigatórios</span>
+        </div>
+        <div class="flex items-start gap-2">
+          <span class="text-info font-bold">•</span>
+          <span>Sua solicitação será analisada pela equipe de TI em até 48 horas úteis</span>
+        </div>
+        <div class="flex items-start gap-2">
+          <span class="text-info font-bold">•</span>
+          <span>Você receberá um e-mail com o resultado da análise</span>
+        </div>
+        <div class="flex items-start gap-2">
+          <span class="text-info font-bold">•</span>
+          <span>Em caso de dúvidas, entre em contato com o suporte técnico</span>
+        </div>
       </div>
     </div>
   </div>
 </main>
 
+<style>
+  @keyframes fadeInUp {
+    from {
+      opacity: 0;
+      transform: translateY(20px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  section {
+    animation: fadeInUp 0.5s ease-out;
+  }
+</style>
diff --git a/apps/web/src/routes/(dashboard)/ti/+page.svelte b/apps/web/src/routes/(dashboard)/ti/+page.svelte
index ade7b7f..b59a15e 100644
--- a/apps/web/src/routes/(dashboard)/ti/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/+page.svelte
@@ -1,337 +1,410 @@
 <script lang="ts">
-  import { goto } from "$app/navigation";
+  type HighlightVariant = "solid" | "outline";
+  type FeatureIcon =
+    | "control"
+    | "support"
+    | "shieldCheck"
+    | "envelope"
+    | "users"
+    | "bell"
+    | "monitor"
+    | "document"
+    | "teams"
+    | "userPlus";
+  type PaletteKey = "primary" | "success" | "secondary" | "accent" | "info" | "error" | "warning";
+
+  type FeatureCard = {
+    title: string;
+    description: string;
+    ctaLabel: string;
+    href?: string;
+    disabled?: boolean;
+    palette: PaletteKey;
+    icon: FeatureIcon;
+    highlightBadges?: Array<{ label: string; variant: HighlightVariant }>;
+  };
+
+  type IconPath = {
+    d: string;
+    strokeLinecap?: "butt" | "round" | "square";
+    strokeLinejoin?: "miter" | "round" | "bevel";
+    strokeWidth?: number;
+  };
+
+  const paletteStyles: Record<
+    PaletteKey,
+    {
+      cardBorder: string;
+      iconBg: string;
+      iconRing: string;
+      iconColor: string;
+      button: string;
+      badgeSolid: string;
+      badgeOutline: string;
+    }
+  > = {
+    primary: {
+      cardBorder: "border-primary/25",
+      iconBg: "bg-primary/15",
+      iconRing: "ring-1 ring-primary/30",
+      iconColor: "text-primary",
+      button: "btn-primary",
+      badgeSolid: "badge-primary text-primary-content",
+      badgeOutline: "badge-outline border-primary/30",
+    },
+    success: {
+      cardBorder: "border-success/25",
+      iconBg: "bg-success/15",
+      iconRing: "ring-1 ring-success/25",
+      iconColor: "text-success",
+      button: "btn-success",
+      badgeSolid: "badge-success text-success-content",
+      badgeOutline: "badge-outline border-success/30",
+    },
+    secondary: {
+      cardBorder: "border-secondary/25",
+      iconBg: "bg-secondary/15",
+      iconRing: "ring-1 ring-secondary/25",
+      iconColor: "text-secondary",
+      button: "btn-secondary",
+      badgeSolid: "badge-secondary text-secondary-content",
+      badgeOutline: "badge-outline border-secondary/30",
+    },
+    accent: {
+      cardBorder: "border-accent/25",
+      iconBg: "bg-accent/15",
+      iconRing: "ring-1 ring-accent/20",
+      iconColor: "text-accent",
+      button: "btn-accent",
+      badgeSolid: "badge-accent text-accent-content",
+      badgeOutline: "badge-outline border-accent/30",
+    },
+    info: {
+      cardBorder: "border-info/25",
+      iconBg: "bg-info/15",
+      iconRing: "ring-1 ring-info/25",
+      iconColor: "text-info",
+      button: "btn-info",
+      badgeSolid: "badge-info text-info-content",
+      badgeOutline: "badge-outline border-info/30",
+    },
+    error: {
+      cardBorder: "border-error/20",
+      iconBg: "bg-error/15",
+      iconRing: "ring-1 ring-error/25",
+      iconColor: "text-error",
+      button: "btn-error",
+      badgeSolid: "badge-error text-error-content",
+      badgeOutline: "badge-outline border-error/30",
+    },
+    warning: {
+      cardBorder: "border-warning/25",
+      iconBg: "bg-warning/15",
+      iconRing: "ring-1 ring-warning/25",
+      iconColor: "text-warning",
+      button: "btn-warning",
+      badgeSolid: "badge-warning text-warning-content",
+      badgeOutline: "badge-outline border-warning/30",
+    },
+  };
+
+  const iconPaths = {
+    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",
+      },
+    ],
+  } satisfies Record<FeatureIcon, IconPath[]>;
+
+  const featureCards: Array<FeatureCard> = [
+    {
+      title: "Painel Administrativo",
+      description:
+        "Acesso restrito para gerenciamento de solicitações de acesso ao sistema e outras configurações administrativas.",
+      ctaLabel: "Acessar Painel",
+      href: "/ti/painel-administrativo",
+      palette: "primary",
+      icon: "control",
+    },
+    {
+      title: "Suporte Técnico",
+      description:
+        "Central de atendimento para resolução de problemas técnicos e dúvidas sobre o sistema.",
+      ctaLabel: "Em breve",
+      palette: "info",
+      icon: "support",
+      disabled: true,
+    },
+    {
+      title: "Gerenciar Permissões",
+      description:
+        "Configure as permissões de acesso aos menus do sistema por função. Controle quem pode acessar, consultar e gravar dados.",
+      ctaLabel: "Configurar Permissões",
+      href: "/ti/painel-permissoes",
+      palette: "success",
+      icon: "shieldCheck",
+    },
+    {
+      title: "Configuração de Email",
+      description:
+        "Configure o servidor SMTP para envio automático de notificações e emails do sistema.",
+      ctaLabel: "Configurar SMTP",
+      href: "/ti/configuracoes-email",
+      palette: "secondary",
+      icon: "envelope",
+    },
+    {
+      title: "Gerenciar Usuários",
+      description:
+        "Criar, editar, bloquear e gerenciar usuários do sistema. Controle total sobre contas de acesso.",
+      ctaLabel: "Gerenciar Usuários",
+      href: "/ti/usuarios",
+      palette: "accent",
+      icon: "users",
+    },
+    {
+      title: "Solicitações de Acesso",
+      description:
+        "Gerencie e analise solicitações de acesso ao sistema. Aprove ou rejeite novas solicitações de forma eficiente.",
+      ctaLabel: "Gerenciar Solicitações",
+      href: "/ti/solicitacoes-acesso",
+      palette: "warning",
+      icon: "userPlus",
+    },
+    {
+      title: "Gestão de Times",
+      description:
+        "Organize funcionários em equipes e defina gestores. Gerencie membros e estrutura organizacional do sistema.",
+      ctaLabel: "Gerenciar Times",
+      href: "/ti/times",
+      palette: "success",
+      icon: "teams",
+    },
+    {
+      title: "Notificações e Mensagens",
+      description:
+        "Envie notificações para usuários do sistema via chat ou email. Configure templates de mensagens reutilizáveis.",
+      ctaLabel: "Acessar Painel",
+      href: "/ti/notificacoes",
+      palette: "info",
+      icon: "bell",
+    },
+    {
+      title: "Monitorar SGSE",
+      description:
+        "Monitore em tempo real as métricas técnicas do sistema e configure alertas inteligentes para a equipe de TI.",
+      ctaLabel: "Monitorar Sistema",
+      href: "/ti/monitoramento",
+      palette: "error",
+      icon: "monitor",
+      highlightBadges: [
+        { label: "Tempo Real", variant: "solid" },
+        { label: "Alertas", variant: "outline" },
+        { label: "Relatórios", variant: "outline" },
+      ],
+    },
+    {
+      title: "Documentação",
+      description:
+        "Manuais, guias e documentação técnica do sistema para usuários e administradores.",
+      ctaLabel: "Em breve",
+      palette: "primary",
+      icon: "document",
+      disabled: true,
+    },
+  ];
 </script>
 
-<main class="container mx-auto px-4 py-4">
-  <h1 class="text-3xl font-bold text-primary mb-6">Tecnologia da Informação</h1>
-
-  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-    <!-- Card Painel Administrativo -->
-    <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
-      <div class="card-body">
-        <div class="flex items-center gap-4 mb-4">
-          <div class="p-3 bg-primary/20 rounded-lg">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              class="h-8 w-8 text-primary"
-              fill="none"
-              viewBox="0 0 24 24"
-              stroke="currentColor"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
-                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"
-              />
-            </svg>
-          </div>
-          <h2 class="card-title text-xl">Painel Administrativo</h2>
-        </div>
-        <p class="text-base-content/70 mb-4">
-          Acesso restrito para gerenciamento de solicitações de acesso ao sistema e outras configurações administrativas.
+<main class="mx-auto w-full max-w-7xl space-y-12 px-4 py-10">
+  <section class="relative overflow-hidden rounded-3xl border border-primary/25 bg-gradient-to-br from-primary/10 via-base-100 to-secondary/20 p-8 shadow-2xl">
+    <div class="absolute -left-10 top-10 h-40 w-40 rounded-full bg-primary/20 blur-3xl"></div>
+    <div class="absolute -bottom-16 right-0 h-56 w-56 rounded-full bg-secondary/20 blur-3xl"></div>
+    <div class="relative z-10 flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between">
+      <div class="max-w-3xl space-y-4">
+        <span class="inline-flex w-fit items-center gap-2 rounded-full border border-primary/40 bg-primary/10 px-4 py-1 text-xs font-semibold uppercase tracking-[0.28em] text-primary">
+          Tecnologia da Informação
+        </span>
+        <h1 class="text-4xl font-black leading-tight text-base-content sm:text-5xl">
+          Sistemas de Informação
+        </h1>
+        <p class="text-base leading-relaxed text-base-content/70 sm:text-lg">
+          Acesso restrito para gerenciamento de solicitações de acesso ao sistema, configuração de permissões e monitoramento técnico das operações do SGSE.
         </p>
-        <div class="card-actions justify-end">
-          <a href="/ti/painel-administrativo" class="btn btn-primary">
-            Acessar Painel
-          </a>
+      </div>
+      <div class="grid grid-cols-2 gap-4 rounded-2xl border border-base-200/60 bg-base-100/70 p-6 shadow-lg backdrop-blur sm:max-w-sm">
+        <div>
+          <p class="text-sm font-semibold text-base-content/60">Status</p>
+          <p class="mt-2 text-2xl font-bold text-base-content">Operacional</p>
+    </div>
+        <div class="text-right">
+          <p class="text-sm font-semibold text-base-content/60">Última atualização</p>
+          <p class="mt-2 text-xl font-bold text-base-content">Agora mesmo</p>
+        </div>
+        <div class="col-span-2 h-px bg-gradient-to-r from-transparent via-base-300 to-transparent"></div>
+        <div class="col-span-2 flex items-center justify-between text-sm text-base-content/70">
+          <span>Monitoramento em tempo real.</span>
+          <span class="badge badge-primary badge-sm">SGSE</span>
         </div>
       </div>
     </div>
+  </section>
 
-    <!-- Card Suporte Técnico -->
-    <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
-      <div class="card-body">
-        <div class="flex items-center gap-4 mb-4">
-          <div class="p-3 bg-primary/20 rounded-lg">
+  <section class="grid grid-cols-1 gap-6 md:grid-cols-2 xl:grid-cols-3">
+    {#each featureCards as card (card.title)}
+      <article
+        class={`card-hover group relative overflow-hidden rounded-2xl border ${paletteStyles[card.palette].cardBorder} bg-base-100/90 p-6 shadow-lg transition-all duration-300`}
+      >
+        <div class="absolute inset-x-6 top-0 h-24 rounded-b-full bg-gradient-to-b from-base-200/40 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div>
+        <div class="relative flex items-start gap-4">
+          <div
+            class={`flex h-14 w-14 items-center justify-center rounded-2xl ${paletteStyles[card.palette].iconBg} ${paletteStyles[card.palette].iconRing}`}
+          >
             <svg
               xmlns="http://www.w3.org/2000/svg"
-              class="h-8 w-8 text-primary"
-              fill="none"
               viewBox="0 0 24 24"
+              fill="none"
               stroke="currentColor"
+              class={`h-7 w-7 ${paletteStyles[card.palette].iconColor}`}
             >
+              {#each iconPaths[card.icon] as path (path.d)}
               <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
-                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"
-              />
+                  d={path.d}
+                  stroke-linecap={path.strokeLinecap ?? "round"}
+                  stroke-linejoin={path.strokeLinejoin ?? "round"}
+                  stroke-width={path.strokeWidth ?? 2}
+                />
+              {/each}
             </svg>
           </div>
-          <h2 class="card-title text-xl">Suporte Técnico</h2>
-        </div>
-        <p class="text-base-content/70 mb-4">
-          Central de atendimento para resolução de problemas técnicos e dúvidas sobre o sistema.
-        </p>
-        <div class="card-actions justify-end">
-          <button class="btn btn-primary" disabled>
-            Em breve
+          <div class="relative flex-1">
+            <h2 class="text-xl font-semibold text-base-content">{card.title}</h2>
+            <p class="mt-2 text-sm leading-relaxed text-base-content/70">{card.description}</p>
+      </div>
+    </div>
+
+        {#if card.highlightBadges}
+          <div class="mt-4 flex flex-wrap gap-2">
+            {#each card.highlightBadges as badge (badge.label)}
+              {#if badge.variant === "solid"}
+                <span class={`badge ${paletteStyles[card.palette].badgeSolid}`}>{badge.label}</span>
+              {:else}
+                <span
+                  class={`badge ${paletteStyles[card.palette].badgeOutline} ${paletteStyles[card.palette].iconColor}`}
+                >
+                  {badge.label}
+                </span>
+              {/if}
+            {/each}
+          </div>
+        {/if}
+
+        <div class="mt-6 flex justify-end">
+          {#if card.href && !card.disabled}
+            <a
+              class={`btn ${paletteStyles[card.palette].button} btn-sm sm:btn-md shadow-md transition-all duration-200 hover:shadow-lg`}
+              href={card.href}
+            >
+              {card.ctaLabel}
+            </a>
+          {:else}
+            <button
+              type="button"
+              class={`btn ${paletteStyles[card.palette].button} btn-sm sm:btn-md shadow-md`}
+              disabled
+            >
+              {card.ctaLabel}
           </button>
+          {/if}
         </div>
-      </div>
-    </div>
+      </article>
+    {/each}
+  </section>
 
-    <!-- Card Gerenciar Permissões -->
-    <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
-      <div class="card-body">
-        <div class="flex items-center gap-4 mb-4">
-          <div class="p-3 bg-success/20 rounded-lg">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              class="h-8 w-8 text-success"
-              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>
-          </div>
-          <h2 class="card-title text-xl">Gerenciar Permissões</h2>
-        </div>
-        <p class="text-base-content/70 mb-4">
-          Configure as permissões de acesso aos menus do sistema por função. Controle quem pode acessar, consultar e gravar dados.
-        </p>
-        <div class="card-actions justify-end">
-          <a href="/ti/painel-permissoes" class="btn btn-success">
-            Configurar Permissões
-          </a>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card Configuração de Email -->
-    <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
-      <div class="card-body">
-        <div class="flex items-center gap-4 mb-4">
-          <div class="p-3 bg-secondary/20 rounded-lg">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              class="h-8 w-8 text-secondary"
-              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>
-          </div>
-          <h2 class="card-title text-xl">Configuração de Email</h2>
-        </div>
-        <p class="text-base-content/70 mb-4">
-          Configure o servidor SMTP para envio automático de notificações e emails do sistema.
-        </p>
-        <div class="card-actions justify-end">
-          <a href="/ti/configuracoes-email" class="btn btn-secondary">
-            Configurar SMTP
-          </a>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card Gerenciar Usuários -->
-    <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
-      <div class="card-body">
-        <div class="flex items-center gap-4 mb-4">
-          <div class="p-3 bg-accent/20 rounded-lg">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              class="h-8 w-8 text-accent"
-              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>
-          </div>
-          <h2 class="card-title text-xl">Gerenciar Usuários</h2>
-        </div>
-        <p class="text-base-content/70 mb-4">
-          Criar, editar, bloquear e gerenciar usuários do sistema. Controle total sobre contas de acesso.
-        </p>
-        <div class="card-actions justify-end">
-          <a href="/ti/usuarios" class="btn btn-accent">
-            Gerenciar Usuários
-          </a>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card Gerenciar Perfis -->
-    <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
-      <div class="card-body">
-        <div class="flex items-center gap-4 mb-4">
-          <div class="p-3 bg-warning/20 rounded-lg">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              class="h-8 w-8 text-warning"
-              fill="none"
-              viewBox="0 0 24 24"
-              stroke="currentColor"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
-                d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
-              />
-            </svg>
-          </div>
-          <h2 class="card-title text-xl">Gerenciar Perfis</h2>
-        </div>
-        <p class="text-base-content/70 mb-4">
-          Crie e gerencie perfis de acesso personalizados com permissões específicas para grupos de usuários.
-        </p>
-        <div class="card-actions justify-end">
-          <a href="/ti/perfis" class="btn btn-warning">
-            Gerenciar Perfis
-          </a>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card Notificações e Mensagens -->
-    <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
-      <div class="card-body">
-        <div class="flex items-center gap-4 mb-4">
-          <div class="p-3 bg-info/20 rounded-lg">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              class="h-8 w-8 text-info"
-              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>
-          </div>
-          <h2 class="card-title text-xl">Notificações e Mensagens</h2>
-        </div>
-        <p class="text-base-content/70 mb-4">
-          Envie notificações para usuários do sistema via chat ou email. Configure templates de mensagens reutilizáveis.
-        </p>
-        <div class="card-actions justify-end">
-          <a href="/ti/notificacoes" class="btn btn-info">
-            Acessar Painel
-          </a>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card Monitorar SGSE -->
-    <div class="card bg-gradient-to-br from-error/10 to-error/5 shadow-xl hover:shadow-2xl transition-all duration-300 hover:scale-105 border-2 border-error/20">
-      <div class="card-body">
-        <div class="flex items-center gap-4 mb-4">
-          <div class="p-3 bg-gradient-to-br from-error/30 to-error/20 rounded-2xl shadow-lg">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              class="h-10 w-10 text-error"
-              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>
-          </div>
-          <h2 class="card-title text-xl text-error">Monitorar SGSE</h2>
-        </div>
-        <p class="text-base-content/70 mb-4">
-          Monitore em tempo real as métricas técnicas do sistema: CPU, memória, rede, usuários online e muito mais. Configure alertas personalizados.
-        </p>
-        <div class="flex items-center gap-2 mb-4">
-          <div class="badge badge-error badge-sm">Tempo Real</div>
-          <div class="badge badge-outline badge-sm">Alertas</div>
-          <div class="badge badge-outline badge-sm">Relatórios</div>
-        </div>
-        <div class="card-actions justify-end">
-          <a href="/ti/monitoramento" class="btn btn-error shadow-lg hover:shadow-error/30">
-            <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="M13 10V3L4 14h7v7l9-11h-7z" />
-            </svg>
-            Monitorar Sistema
-          </a>
-        </div>
-      </div>
-    </div>
-
-    <!-- Card Documentação -->
-    <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
-      <div class="card-body">
-        <div class="flex items-center gap-4 mb-4">
-          <div class="p-3 bg-primary/20 rounded-lg">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              class="h-8 w-8 text-primary"
-              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>
-          <h2 class="card-title text-xl">Documentação</h2>
-        </div>
-        <p class="text-base-content/70 mb-4">
-          Manuais, guias e documentação técnica do sistema para usuários e administradores.
-        </p>
-        <div class="card-actions justify-end">
-          <button type="button" class="btn btn-primary" disabled>
-            Em breve
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div class="alert alert-info mt-8">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 24 24"
-      class="stroke-current shrink-0 w-6 h-6"
-    >
+  <section class="relative overflow-hidden rounded-2xl border border-warning/30 bg-gradient-to-br from-warning/15 via-warning/10 to-warning/5 p-6 shadow-lg">
+    <div class="absolute -top-10 right-0 h-32 w-32 rounded-full bg-warning/30 blur-3xl"></div>
+    <div class="relative z-10 flex items-start gap-4">
+      <div class="flex h-12 w-12 items-center justify-center rounded-full bg-warning/25 text-warning">
+        <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"
-      ></path>
+          />
     </svg>
+      </div>
     <div>
-      <h3 class="font-bold">Área Restrita</h3>
-      <div class="text-sm">
-        Esta é uma área de acesso restrito. Apenas usuários autorizados pela equipe de TI podem acessar o Painel Administrativo.
+        <h3 class="text-lg font-bold text-base-content">Área Restrita</h3>
+        <p class="mt-2 text-sm leading-relaxed text-base-content/70">
+          Esta área é exclusiva da equipe de Tecnologia da Informação. Garanta que apenas usuários autorizados acessem o Painel Administrativo e mantenha suas credenciais em segurança.
+        </p>
       </div>
     </div>
-  </div>
+  </section>
 </main>
 
diff --git a/apps/web/src/routes/(dashboard)/ti/auditoria/+page.svelte b/apps/web/src/routes/(dashboard)/ti/auditoria/+page.svelte
index f39ac55..85ccaa2 100644
--- a/apps/web/src/routes/(dashboard)/ti/auditoria/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/auditoria/+page.svelte
@@ -15,7 +15,8 @@
       month: '2-digit',
       year: 'numeric',
       hour: '2-digit',
-      minute: '2-digit'
+      minute: '2-digit',
+      second: '2-digit'
     });
   }
 
@@ -30,55 +31,128 @@
     };
     return colors[acao] || "badge-neutral";
   }
+
+  function getAcaoLabel(acao: string) {
+    const labels: Record<string, string> = {
+      criar: "Criar",
+      editar: "Editar",
+      excluir: "Excluir",
+      bloquear: "Bloquear",
+      desbloquear: "Desbloquear",
+      resetar_senha: "Resetar Senha"
+    };
+    return labels[acao] || acao;
+  }
+
+  // Estatísticas
+  const totalAtividades = $derived(atividades?.data?.length || 0);
+  const totalLogins = $derived(logins?.data?.length || 0);
+  const loginsSucesso = $derived(logins?.data?.filter(l => l.sucesso).length || 0);
+  const loginsFalha = $derived(logins?.data?.filter(l => !l.sucesso).length || 0);
 </script>
 
-<div class="container mx-auto px-4 py-6 max-w-7xl">
+<main class="container mx-auto px-4 py-6 max-w-7xl">
+  <!-- Breadcrumb -->
+  <div class="text-sm breadcrumbs mb-4">
+    <ul>
+      <li><a href="/ti" class="text-primary hover:underline">TI</a></li>
+      <li>Auditoria e Logs</li>
+    </ul>
+  </div>
+
   <!-- Header -->
-  <div class="flex items-center justify-between mb-6">
-    <div class="flex items-center gap-4">
-      <div class="p-3 bg-accent/10 rounded-xl">
-        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+  <div class="mb-6">
+    <div class="flex items-center gap-4 mb-2">
+      <div class="p-3 bg-blue-500/20 rounded-xl">
+        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="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>
       <div>
-        <h1 class="text-3xl font-bold text-base-content">Auditoria e Logs</h1>
-        <p class="text-base-content/60 mt-1">Histórico completo de atividades e acessos</p>
+        <h1 class="text-3xl font-bold text-primary">Auditoria e Logs</h1>
+        <p class="text-base-content/70">Monitoramento completo de atividades e acessos do sistema</p>
       </div>
     </div>
   </div>
 
+  <!-- Cards de Estatísticas -->
+  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6">
+    <div class="stat bg-base-100 shadow-lg rounded-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>
+      </div>
+      <div class="stat-title text-xs">Atividades</div>
+      <div class="stat-value text-2xl">{totalAtividades}</div>
+      <div class="stat-desc">Registros exibidos</div>
+    </div>
+
+    <div class="stat bg-base-100 shadow-lg rounded-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>
+      </div>
+      <div class="stat-title text-xs">Logins Totais</div>
+      <div class="stat-value text-2xl">{totalLogins}</div>
+      <div class="stat-desc">Tentativas de acesso</div>
+    </div>
+
+    <div class="stat bg-base-100 shadow-lg rounded-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>
+      </div>
+      <div class="stat-title text-xs">Logins Bem-sucedidos</div>
+      <div class="stat-value text-2xl text-success">{loginsSucesso}</div>
+      <div class="stat-desc">{totalLogins > 0 ? Math.round((loginsSucesso / totalLogins) * 100) : 0}% de sucesso</div>
+    </div>
+
+    <div class="stat bg-base-100 shadow-lg rounded-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>
+      </div>
+      <div class="stat-title text-xs">Logins Falhados</div>
+      <div class="stat-value text-2xl text-error">{loginsFalha}</div>
+      <div class="stat-desc">{totalLogins > 0 ? Math.round((loginsFalha / totalLogins) * 100) : 0}% de falhas</div>
+    </div>
+  </div>
+
   <!-- Tabs -->
-  <div class="tabs tabs-boxed mb-6 bg-base-100 shadow-lg p-2">
+  <div class="tabs tabs-boxed mb-6 bg-base-100 shadow-lg p-1">
     <button 
-      class="tab {abaAtiva === 'atividades' ? 'tab-active' : ''}"
+      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 mr-2" 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 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>
-      Atividades no Sistema
+      <span class="font-medium">Atividades no Sistema</span>
     </button>
     <button 
-      class="tab {abaAtiva === 'logins' ? 'tab-active' : ''}"
+      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 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+      <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>
-      Histórico de Logins
+      <span class="font-medium">Histórico de Logins</span>
     </button>
   </div>
 
   <!-- Controles -->
   <div class="card bg-base-100 shadow-xl mb-6">
-    <div class="card-body">
+    <div class="card-body py-4">
       <div class="flex flex-wrap items-center justify-between gap-4">
         <div class="form-control">
-          <label class="label">
-            <span class="label-text">Quantidade de registros</span>
+          <label class="label py-1">
+            <span class="label-text font-medium">Quantidade de registros</span>
           </label>
-          <select bind:value={limite} class="select select-bordered">
+          <select bind:value={limite} class="select select-bordered select-sm w-full max-w-xs">
             <option value={20}>20 registros</option>
             <option value={50}>50 registros</option>
             <option value={100}>100 registros</option>
@@ -87,14 +161,14 @@
         </div>
         
         <div class="flex gap-2">
-          <button class="btn btn-outline btn-primary">
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <button class="btn btn-outline 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="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
             </svg>
             Exportar CSV
           </button>
-          <button class="btn btn-outline btn-secondary">
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <button class="btn btn-outline btn-secondary 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="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>
             Filtros Avançados
@@ -108,45 +182,79 @@
   {#if abaAtiva === "atividades"}
     <div class="card bg-base-100 shadow-xl">
       <div class="card-body">
-        <h2 class="card-title mb-4">Atividades Recentes</h2>
+        <div class="flex items-center justify-between mb-4">
+          <h2 class="card-title text-xl">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" 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>
+            Atividades Recentes
+          </h2>
+          {#if atividades?.data}
+            <div class="badge badge-outline badge-lg">{atividades.data.length} registro{atividades.data.length !== 1 ? 's' : ''}</div>
+          {/if}
+        </div>
         
         {#if !atividades?.data}
-          <div class="flex justify-center py-10">
-            <span class="loading loading-spinner loading-lg text-primary"></span>
+          <div class="flex flex-col items-center justify-center py-16">
+            <span class="loading loading-spinner loading-lg text-primary mb-4"></span>
+            <p class="text-base-content/60">Carregando atividades...</p>
           </div>
         {:else if atividades.data.length === 0}
-          <div class="text-center py-10 text-base-content/60">
-            Nenhuma atividade registrada
+          <div class="flex flex-col items-center justify-center py-16 text-base-content/60">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 mb-4 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>
+            <p class="text-lg font-medium">Nenhuma atividade registrada</p>
+            <p class="text-sm mt-1">As atividades do sistema aparecerão aqui</p>
           </div>
         {:else}
-          <div class="overflow-x-auto">
-            <table class="table table-sm">
-              <thead>
+          <div class="overflow-x-auto rounded-lg">
+            <table class="table table-zebra">
+              <thead class="bg-base-200">
                 <tr>
-                  <th>Data/Hora</th>
-                  <th>Usuário</th>
-                  <th>Ação</th>
-                  <th>Recurso</th>
-                  <th>Detalhes</th>
+                  <th class="font-semibold">Data/Hora</th>
+                  <th class="font-semibold">Usuário</th>
+                  <th class="font-semibold">Ação</th>
+                  <th class="font-semibold">Recurso</th>
+                  <th class="font-semibold">Detalhes</th>
                 </tr>
               </thead>
               <tbody>
                 {#each atividades.data as atividade}
-                  <tr class="hover">
-                    <td class="font-mono text-xs">{formatarData(atividade.timestamp)}</td>
+                  <tr class="hover transition-colors">
                     <td>
-                      <div class="font-medium">{atividade.usuarioNome || "Sistema"}</div>
-                      <div class="text-xs opacity-60">{atividade.usuarioMatricula || "-"}</div>
+                      <div class="flex items-center gap-2">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-base-content/40" 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>
+                        <span class="font-mono text-xs">{formatarData(atividade.timestamp)}</span>
+                      </div>
                     </td>
                     <td>
-                      <span class="badge {getAcaoColor(atividade.acao)} badge-sm">
-                        {atividade.acao}
+                      <div class="flex flex-col">
+                        <div class="font-semibold text-sm">{atividade.usuarioNome || "Sistema"}</div>
+                        {#if atividade.usuarioMatricula}
+                          <div class="text-xs text-base-content/50 font-mono">{atividade.usuarioMatricula}</div>
+                        {/if}
+                      </div>
+                    </td>
+                    <td>
+                      <span class="badge {getAcaoColor(atividade.acao)} badge-sm gap-1">
+                        {getAcaoLabel(atividade.acao)}
                       </span>
                     </td>
-                    <td class="font-medium">{atividade.recurso}</td>
                     <td>
-                      <div class="text-xs max-w-md truncate" title={atividade.detalhes}>
-                        {atividade.detalhes || "-"}
+                      <span class="font-medium text-sm">{atividade.recurso}</span>
+                    </td>
+                    <td>
+                      <div class="max-w-md">
+                        {#if atividade.detalhes}
+                          <div class="text-xs text-base-content/70 truncate" title={atividade.detalhes}>
+                            {atividade.detalhes}
+                          </div>
+                        {:else}
+                          <span class="text-base-content/40 text-xs">-</span>
+                        {/if}
                       </div>
                     </td>
                   </tr>
@@ -160,49 +268,98 @@
   {:else}
     <div class="card bg-base-100 shadow-xl">
       <div class="card-body">
-        <h2 class="card-title mb-4">Histórico de Logins</h2>
+        <div class="flex items-center justify-between mb-4">
+          <h2 class="card-title text-xl">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" 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>
+            Histórico de Logins
+          </h2>
+          {#if logins?.data}
+            <div class="badge badge-outline badge-lg">{logins.data.length} registro{logins.data.length !== 1 ? 's' : ''}</div>
+          {/if}
+        </div>
         
         {#if !logins?.data}
-          <div class="flex justify-center py-10">
-            <span class="loading loading-spinner loading-lg text-primary"></span>
+          <div class="flex flex-col items-center justify-center py-16">
+            <span class="loading loading-spinner loading-lg text-primary mb-4"></span>
+            <p class="text-base-content/60">Carregando logins...</p>
           </div>
         {:else if logins.data.length === 0}
-          <div class="text-center py-10 text-base-content/60">
-            Nenhum login registrado
+          <div class="flex flex-col items-center justify-center py-16 text-base-content/60">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 mb-4 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>
+            <p class="text-lg font-medium">Nenhum login registrado</p>
+            <p class="text-sm mt-1">Os acessos ao sistema aparecerão aqui</p>
           </div>
         {:else}
-          <div class="overflow-x-auto">
-            <table class="table table-sm">
-              <thead>
+          <div class="overflow-x-auto rounded-lg">
+            <table class="table table-zebra">
+              <thead class="bg-base-200">
                 <tr>
-                  <th>Data/Hora</th>
-                  <th>Usuário/Email</th>
-                  <th>Status</th>
-                  <th>IP</th>
-                  <th>Dispositivo</th>
-                  <th>Navegador</th>
-                  <th>Sistema</th>
+                  <th class="font-semibold">Data/Hora</th>
+                  <th class="font-semibold">Usuário/Email</th>
+                  <th class="font-semibold">Status</th>
+                  <th class="font-semibold">IP</th>
+                  <th class="font-semibold">Dispositivo</th>
+                  <th class="font-semibold">Navegador</th>
+                  <th class="font-semibold">Sistema</th>
                 </tr>
               </thead>
               <tbody>
                 {#each logins.data as login}
-                  <tr class="hover">
-                    <td class="font-mono text-xs">{formatarData(login.timestamp)}</td>
-                    <td class="text-sm">{login.matriculaOuEmail}</td>
+                  <tr class="hover transition-colors">
                     <td>
-                      {#if login.sucesso}
-                        <span class="badge badge-success badge-sm">Sucesso</span>
-                      {:else}
-                        <span class="badge badge-error badge-sm">Falhou</span>
-                        {#if login.motivoFalha}
-                          <div class="text-xs text-error mt-1">{login.motivoFalha}</div>
-                        {/if}
-                      {/if}
+                      <div class="flex items-center gap-2">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-base-content/40" 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>
+                        <span class="font-mono text-xs">{formatarData(login.timestamp)}</span>
+                      </div>
+                    </td>
+                    <td>
+                      <div class="flex items-center gap-2">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-base-content/40" 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>
+                        <span class="text-sm font-medium">{login.matriculaOuEmail}</span>
+                      </div>
+                    </td>
+                    <td>
+                      <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>
+                            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>
+                            Falhou
+                          </span>
+                          {#if login.motivoFalha}
+                            <div class="text-xs text-error mt-1 font-medium">{login.motivoFalha}</div>
+                          {/if}
+                        {/if}
+                      </div>
+                    </td>
+                    <td>
+                      <span class="font-mono text-xs bg-base-200 px-2 py-1 rounded">{login.ipAddress || "-"}</span>
+                    </td>
+                    <td>
+                      <div class="text-xs text-base-content/70">{login.device || "-"}</div>
+                    </td>
+                    <td>
+                      <div class="text-xs text-base-content/70">{login.browser || "-"}</div>
+                    </td>
+                    <td>
+                      <div class="text-xs text-base-content/70">{login.sistema || "-"}</div>
                     </td>
-                    <td class="font-mono text-xs">{login.ipAddress || "-"}</td>
-                    <td class="text-xs">{login.device || "-"}</td>
-                    <td class="text-xs">{login.browser || "-"}</td>
-                    <td class="text-xs">{login.sistema || "-"}</td>
                   </tr>
                 {/each}
               </tbody>
@@ -214,11 +371,14 @@
   {/if}
 
   <!-- Informação -->
-  <div class="alert alert-info mt-6">
+  <div class="alert alert-info shadow-lg mt-6">
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6">
       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
     </svg>
-    <span>Os logs são armazenados permanentemente e não podem ser alterados ou excluídos.</span>
+    <div>
+      <h3 class="font-bold">Informação Importante</h3>
+      <div class="text-sm">Os logs são armazenados permanentemente e não podem ser alterados ou excluídos.</div>
+    </div>
   </div>
-</div>
+</main>
 
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 0bf6289..449de6f 100644
--- a/apps/web/src/routes/(dashboard)/ti/configuracoes-email/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/configuracoes-email/+page.svelte
@@ -39,12 +39,56 @@
     }
   });
 
+  // Tornar SSL e TLS mutuamente exclusivos
+  $effect(() => {
+    if (usarSSL && usarTLS) {
+      // Se ambos estão marcados, priorizar TLS por padrão
+      usarSSL = false;
+    }
+  });
+
+  function toggleSSL() {
+    usarSSL = !usarSSL;
+    if (usarSSL) {
+      usarTLS = false;
+    }
+  }
+
+  function toggleTLS() {
+    usarTLS = !usarTLS;
+    if (usarTLS) {
+      usarSSL = false;
+    }
+  }
+
   async function salvarConfiguracao() {
-    if (!servidor || !porta || !usuario || !senha || !emailRemetente) {
+    // Validação de campos obrigatórios
+    if (!servidor?.trim() || !porta || !usuario?.trim() || !emailRemetente?.trim() || !nomeRemetente?.trim()) {
       mostrarMensagem("error", "Preencha todos os campos obrigatórios");
       return;
     }
 
+    // Validação de porta (1-65535)
+    const portaNum = Number(porta);
+    if (isNaN(portaNum) || portaNum < 1 || portaNum > 65535) {
+      mostrarMensagem("error", "Porta deve ser um número entre 1 e 65535");
+      return;
+    }
+
+    // Validação de formato de email
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    if (!emailRegex.test(emailRemetente.trim())) {
+      mostrarMensagem("error", "Email remetente inválido");
+      return;
+    }
+
+    // Validação de senha: obrigatória apenas se não houver configuração existente
+    const temConfigExistente = configAtual?.data?.ativo;
+    if (!temConfigExistente && !senha) {
+      mostrarMensagem("error", "Senha é obrigatória para nova configuração");
+      return;
+    }
+
     if (!authStore.usuario) {
       mostrarMensagem("error", "Usuário não autenticado");
       return;
@@ -54,9 +98,9 @@
     try {
       const resultado = await client.mutation(api.configuracaoEmail.salvarConfigEmail, {
         servidor: servidor.trim(),
-        porta: Number(porta),
+        porta: portaNum,
         usuario: usuario.trim(),
-        senha: senha,
+        senha: senha || "", // Senha vazia será tratada no backend
         emailRemetente: emailRemetente.trim(),
         nomeRemetente: nomeRemetente.trim(),
         usarSSL,
@@ -79,16 +123,23 @@
   }
 
   async function testarConexao() {
-    if (!servidor || !porta || !usuario || !senha) {
+    if (!servidor?.trim() || !porta || !usuario?.trim() || !senha) {
       mostrarMensagem("error", "Preencha os dados de conexão antes de testar");
       return;
     }
 
+    // Validação de porta
+    const portaNum = Number(porta);
+    if (isNaN(portaNum) || portaNum < 1 || portaNum > 65535) {
+      mostrarMensagem("error", "Porta deve ser um número entre 1 e 65535");
+      return;
+    }
+
     testando = true;
     try {
       const resultado = await client.action(api.configuracaoEmail.testarConexaoSMTP, {
         servidor: servidor.trim(),
-        porta: Number(porta),
+        porta: portaNum,
         usuario: usuario.trim(),
         senha: senha,
         usarSSL,
@@ -111,6 +162,9 @@
   const statusConfig = $derived(
     configAtual?.data?.ativo ? "Configurado" : "Não configurado"
   );
+
+  const isLoading = $derived(configAtual === undefined);
+  const hasError = $derived(configAtual === null && !isLoading);
 </script>
 
 <div class="container mx-auto px-4 py-6 max-w-4xl">
@@ -162,24 +216,35 @@
     </div>
   {/if}
 
+  <!-- Loading State -->
+  {#if isLoading}
+    <div class="alert alert-info mb-6">
+      <span class="loading loading-spinner loading-sm"></span>
+      <span>Carregando configurações...</span>
+    </div>
+  {/if}
+
   <!-- Status -->
-  <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="stroke-current shrink-0 w-6 h-6">
-      {#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>
-    <span>
-      <strong>Status:</strong> {statusConfig}
-      {#if configAtual?.data?.testadoEm}
-        - Última conexão testada em {new Date(configAtual.data.testadoEm).toLocaleString('pt-BR')}
-      {/if}
-    </span>
-  </div>
+  {#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="stroke-current shrink-0 w-6 h-6">
+        {#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>
+      <span>
+        <strong>Status:</strong> {statusConfig}
+        {#if configAtual?.data?.testadoEm}
+          - Última conexão testada em {new Date(configAtual.data.testadoEm).toLocaleString('pt-BR')}
+        {/if}
+      </span>
+    </div>
+  {/if}
 
   <!-- Formulário -->
+  {#if !isLoading}
   <div class="card bg-base-100 shadow-xl">
     <div class="card-body">
       <h2 class="card-title mb-4">Dados do Servidor SMTP</h2>
@@ -294,7 +359,8 @@
           <label class="label cursor-pointer gap-3">
             <input 
               type="checkbox" 
-              bind:checked={usarSSL}
+              checked={usarSSL}
+              onchange={toggleSSL}
               class="checkbox checkbox-primary" 
             />
             <span class="label-text">Usar SSL (porta 465)</span>
@@ -305,7 +371,8 @@
           <label class="label cursor-pointer gap-3">
             <input 
               type="checkbox" 
-              bind:checked={usarTLS}
+              checked={usarTLS}
+              onchange={toggleTLS}
               class="checkbox checkbox-primary" 
             />
             <span class="label-text">Usar TLS (porta 587)</span>
@@ -347,6 +414,7 @@
       </div>
     </div>
   </div>
+  {/if}
 
   <!-- Exemplos Comuns -->
   <div class="card bg-base-100 shadow-xl mt-6">
diff --git a/apps/web/src/routes/(dashboard)/ti/notificacoes/+page.svelte b/apps/web/src/routes/(dashboard)/ti/notificacoes/+page.svelte
index 6133381..e2ffd97 100644
--- a/apps/web/src/routes/(dashboard)/ti/notificacoes/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/notificacoes/+page.svelte
@@ -1,133 +1,1254 @@
 <script lang="ts">
   import { useQuery, useConvexClient } from "convex-svelte";
   import { api } from "@sgse-app/backend/convex/_generated/api";
+  import { format } from "date-fns";
+  import { ptBR } from "date-fns/locale";
+  import { authStore } from "$lib/stores/auth.svelte";
+  import type { Id, Doc } from "@sgse-app/backend/convex/_generated/dataModel";
+
+  // Tipos para agendamentos
+  type TipoAgendamento = "email" | "chat";
+  type StatusAgendamento = "agendado" | "enviado" | "cancelado";
+
+  interface AgendamentoEmail {
+    _id: Id<"notificacoesEmail">;
+    _creationTime: number;
+    destinatario: string;
+    destinatarioId: Id<"usuarios"> | undefined;
+    assunto: string;
+    corpo: string;
+    templateId: Id<"templatesMensagens"> | undefined;
+    status: "pendente" | "enviando" | "enviado" | "falha";
+    agendadaPara: number | undefined;
+    enviadoPor: Id<"usuarios">;
+    criadoEm: number;
+    enviadoEm: number | undefined;
+    destinatarioInfo: Doc<"usuarios"> | null;
+    templateInfo: Doc<"templatesMensagens"> | null;
+  }
+
+  interface AgendamentoChat {
+    _id: Id<"mensagens">;
+    _creationTime: number;
+    conversaId: Id<"conversas">;
+    remetenteId: Id<"usuarios">;
+    conteudo: string;
+    agendadaPara: number | undefined;
+    enviadaEm: number;
+    conversaInfo: Doc<"conversas"> | null;
+    destinatarioInfo: Doc<"usuarios"> | null;
+  }
+
+  type Agendamento =
+    | { tipo: "email"; dados: AgendamentoEmail }
+    | { tipo: "chat"; dados: AgendamentoChat };
 
   const client = useConvexClient();
-  const templates = useQuery(api.templatesMensagens.listarTemplates, {});
-  const usuarios = useQuery(api.usuarios.listar, {});
-  
+
+  // Queries
+  const templatesQuery = useQuery(api.templatesMensagens.listarTemplates, {});
+  const usuariosQuery = useQuery(api.usuarios.listar, {});
+
+  // Mapa de emailIds para rastrear status
+  let emailIdsRastreados = $state<Set<string>>(new Set());
+
+  // Query para buscar status dos emails
+  const emailIdsArray = $derived(
+    Array.from(emailIdsRastreados).map((id) => id as Id<"notificacoesEmail">),
+  );
+  const emailsStatusQuery = useQuery(
+    api.email.buscarEmailsPorIds,
+    emailIdsArray.length > 0 ? { emailIds: emailIdsArray } : undefined,
+  );
+
+  // Queries para agendamentos
+  const agendamentosEmailQuery = useQuery(
+    api.email.listarAgendamentosEmail,
+    {},
+  );
+  const agendamentosChatQuery = useQuery(api.chat.listarAgendamentosChat, {});
+
+  // Filtro de agendamentos
+  type FiltroAgendamento = "todos" | "agendados" | "enviados";
+  let filtroAgendamento = $state<FiltroAgendamento>("todos");
+
+  // Extrair dados das queries de forma robusta
+  const templates = $derived.by(() => {
+    if (templatesQuery === undefined || templatesQuery === null) {
+      return [];
+    }
+    if ("data" in templatesQuery && templatesQuery.data !== undefined) {
+      return Array.isArray(templatesQuery.data) ? templatesQuery.data : [];
+    }
+    if (Array.isArray(templatesQuery)) {
+      return templatesQuery;
+    }
+    return [];
+  });
+
+  const usuarios = $derived.by(() => {
+    if (usuariosQuery === undefined || usuariosQuery === null) {
+      return [];
+    }
+    if ("data" in usuariosQuery && usuariosQuery.data !== undefined) {
+      return Array.isArray(usuariosQuery.data) ? usuariosQuery.data : [];
+    }
+    if (Array.isArray(usuariosQuery)) {
+      return usuariosQuery;
+    }
+    return [];
+  });
+
+  // Estados de carregamento e erro
+  const carregandoTemplates = $derived(
+    templatesQuery === undefined || templatesQuery === null,
+  );
+  const carregandoUsuarios = $derived(
+    usuariosQuery === undefined || usuariosQuery === null,
+  );
+
+  // Verificar erros de forma mais robusta
+  const erroTemplates = $derived.by(() => {
+    if (templatesQuery === undefined || templatesQuery === null) return false;
+    // Verificar se é um objeto com propriedade error
+    if (typeof templatesQuery === "object" && "error" in templatesQuery) {
+      return (
+        templatesQuery.error !== undefined && templatesQuery.error !== null
+      );
+    }
+    return false;
+  });
+
+  const erroUsuarios = $derived.by(() => {
+    if (usuariosQuery === undefined || usuariosQuery === null) return false;
+    if (typeof usuariosQuery === "object" && "error" in usuariosQuery) {
+      return usuariosQuery.error !== undefined && usuariosQuery.error !== null;
+    }
+    return false;
+  });
+
+  // Log para debug (remover depois se necessário)
+  $effect(() => {
+    if (templatesQuery !== undefined && templatesQuery !== null) {
+      console.log("Templates Query:", templatesQuery);
+      console.log("Templates Extraídos:", templates);
+    }
+  });
+
   let destinatarioId = $state("");
+  let enviarParaTodos = $state(false);
   let canal = $state<"chat" | "email" | "ambos">("chat");
   let templateId = $state("");
   let mensagemPersonalizada = $state("");
   let usarTemplate = $state(true);
   let processando = $state(false);
+  let criandoTemplates = $state(false);
+  let progressoEnvio = $state({ total: 0, enviados: 0, falhas: 0 });
+
+  // Estrutura de dados para logs de envio
+  type StatusLog = "sucesso" | "erro" | "fila" | "info" | "enviando";
+  type TipoLog = "chat" | "email";
+  type LogEnvio = {
+    timestamp: number;
+    tipo: TipoLog;
+    destinatario: string;
+    status: StatusLog;
+    mensagem: string;
+    emailId?: string; // Para emails, guardar o ID para rastrear status
+  };
+
+  let logsEnvio = $state<LogEnvio[]>([]);
+  let terminalScrollRef: HTMLDivElement | null = $state(null);
+
+  // Estados para agendamento
+  let agendarEnvio = $state(false);
+  let dataAgendamento = $state("");
+  let horaAgendamento = $state("");
+
+  // Calcular data/hora mínimas
+  const now = new Date();
+  const minDate = format(now, "yyyy-MM-dd");
+
+  // Hora mínima recalculada baseada na data selecionada
+  const horaMinima = $derived.by(() => {
+    if (!dataAgendamento) return format(now, "HH:mm");
+    const hoje = format(now, "yyyy-MM-dd");
+    if (dataAgendamento === hoje) {
+      return format(now, "HH:mm");
+    }
+    return undefined; // Sem restrição se for data futura
+  });
+
+  function getPreviewAgendamento(): string {
+    if (!agendarEnvio || !dataAgendamento || !horaAgendamento) return "";
+    try {
+      const dataHora = new Date(`${dataAgendamento}T${horaAgendamento}`);
+      return `Será enviada em ${format(dataHora, "dd/MM/yyyy 'às' HH:mm", { locale: ptBR })}`;
+    } catch {
+      return "";
+    }
+  }
+
+  // Estados para modal de novo template
+  let modalNovoTemplateAberto = $state(false);
+  let codigoTemplate = $state("");
+  let nomeTemplate = $state("");
+  let tituloTemplate = $state("");
+  let corpoTemplate = $state("");
+  let variaveisTemplate = $state("");
+  let criandoNovoTemplate = $state(false);
+
+  // Estado para mensagens de feedback
+  let mensagem = $state<{
+    tipo: "success" | "error" | "info";
+    texto: string;
+  } | null>(null);
 
   const templateSelecionado = $derived(
-    templates?.data?.find(t => t._id === templateId)
+    templates.find((t) => t._id === templateId),
   );
 
+  // Função para mostrar mensagens
+  function mostrarMensagem(tipo: "success" | "error" | "info", texto: string) {
+    mensagem = { tipo, texto };
+    setTimeout(() => {
+      mensagem = null;
+    }, 5000);
+  }
+
+  // Função para adicionar log ao terminal
+  function adicionarLog(
+    tipo: TipoLog,
+    destinatario: string,
+    status: StatusLog,
+    mensagem: string,
+    emailId?: string,
+  ) {
+    logsEnvio = [
+      ...logsEnvio,
+      {
+        timestamp: Date.now(),
+        tipo,
+        destinatario,
+        status,
+        mensagem,
+        emailId,
+      },
+    ];
+
+    // Adicionar emailId ao rastreamento se fornecido
+    if (emailId) {
+      emailIdsRastreados = new Set([...emailIdsRastreados, emailId]);
+    }
+
+    // Auto-scroll para o final
+    setTimeout(() => {
+      if (terminalScrollRef) {
+        terminalScrollRef.scrollTop = terminalScrollRef.scrollHeight;
+      }
+    }, 10);
+  }
+
+  // Atualizar logs quando status dos emails mudar
+  $effect(() => {
+    if (!emailsStatusQuery || emailsStatusQuery === undefined) return;
+
+    // Extrair dados da query
+    const emails = Array.isArray(emailsStatusQuery)
+      ? emailsStatusQuery
+      : "data" in emailsStatusQuery && Array.isArray(emailsStatusQuery.data)
+        ? emailsStatusQuery.data
+        : [];
+
+    if (emails.length === 0) return;
+
+    for (const email of emails) {
+      if (!email) continue;
+
+      // Encontrar logs relacionados a este email
+      const logsRelacionados = logsEnvio.filter(
+        (log) => log.emailId === email._id,
+      );
+
+      for (const log of logsRelacionados) {
+        // Verificar se o status mudou
+        const novoStatus: StatusLog =
+          email.status === "enviado"
+            ? "sucesso"
+            : email.status === "falha"
+              ? "erro"
+              : email.status === "enviando"
+                ? "enviando"
+                : email.status === "pendente"
+                  ? "fila"
+                  : "info";
+
+        // Se o status mudou, atualizar o log
+        if (log.status !== novoStatus) {
+          const indice = logsEnvio.findIndex((l) => l === log);
+          if (indice !== -1) {
+            const novaMensagem =
+              email.status === "enviado"
+                ? "Email enviado com sucesso"
+                : email.status === "falha"
+                  ? `Falha ao enviar: ${email.erroDetalhes || "Erro desconhecido"}`
+                  : email.status === "enviando"
+                    ? "Enviando email..."
+                    : email.status === "pendente"
+                      ? "Email em fila de envio"
+                      : log.mensagem;
+
+            logsEnvio = logsEnvio.map((l, i) =>
+              i === indice
+                ? { ...l, status: novoStatus, mensagem: novaMensagem }
+                : l,
+            );
+          }
+        }
+      }
+    }
+  });
+
+  // Função para limpar logs
+  function limparLogs() {
+    logsEnvio = [];
+    emailIdsRastreados = new Set();
+  }
+
+  // Extrair e processar agendamentos
+  const agendamentosEmail = $derived.by(() => {
+    if (!agendamentosEmailQuery || agendamentosEmailQuery === undefined)
+      return [];
+    const dados = Array.isArray(agendamentosEmailQuery)
+      ? agendamentosEmailQuery
+      : "data" in agendamentosEmailQuery &&
+          Array.isArray(agendamentosEmailQuery.data)
+        ? agendamentosEmailQuery.data
+        : [];
+    return dados as AgendamentoEmail[];
+  });
+
+  const agendamentosChat = $derived.by(() => {
+    if (!agendamentosChatQuery || agendamentosChatQuery === undefined)
+      return [];
+    const dados = Array.isArray(agendamentosChatQuery)
+      ? agendamentosChatQuery
+      : "data" in agendamentosChatQuery &&
+          Array.isArray(agendamentosChatQuery.data)
+        ? agendamentosChatQuery.data
+        : [];
+    return dados as AgendamentoChat[];
+  });
+
+  // Combinar e processar agendamentos
+  const todosAgendamentos = $derived.by(() => {
+    const agendamentos: Agendamento[] = [];
+
+    for (const email of agendamentosEmail) {
+      if (email.agendadaPara) {
+        agendamentos.push({
+          tipo: "email",
+          dados: email,
+        });
+      }
+    }
+
+    for (const chat of agendamentosChat) {
+      if (chat.agendadaPara) {
+        agendamentos.push({
+          tipo: "chat",
+          dados: chat,
+        });
+      }
+    }
+
+    // Ordenar: futuros primeiro (mais próximos primeiro), depois passados (mais recentes primeiro)
+    return agendamentos.sort((a, b) => {
+      const timestampA =
+        a.tipo === "email"
+          ? (a.dados.agendadaPara ?? 0)
+          : (a.dados.agendadaPara ?? 0);
+      const timestampB =
+        b.tipo === "email"
+          ? (b.dados.agendadaPara ?? 0)
+          : (b.dados.agendadaPara ?? 0);
+      const agora = Date.now();
+
+      const aFuturo = timestampA > agora;
+      const bFuturo = timestampB > agora;
+
+      // Futuros primeiro
+      if (aFuturo && !bFuturo) return -1;
+      if (!aFuturo && bFuturo) return 1;
+
+      // Dentro do mesmo grupo, ordenar por timestamp
+      if (aFuturo) {
+        // Futuros: mais próximos primeiro
+        return timestampA - timestampB;
+      } else {
+        // Passados: mais recentes primeiro
+        return timestampB - timestampA;
+      }
+    });
+  });
+
+  // Filtrar agendamentos
+  const agendamentosFiltrados = $derived.by(() => {
+    if (filtroAgendamento === "todos") return todosAgendamentos;
+
+    return todosAgendamentos.filter((ag) => {
+      const status = obterStatusAgendamento(ag);
+      if (filtroAgendamento === "agendados") return status === "agendado";
+      if (filtroAgendamento === "enviados") return status === "enviado";
+      return true;
+    });
+  });
+
+  // Função para obter status do agendamento
+  function obterStatusAgendamento(agendamento: Agendamento): StatusAgendamento {
+    if (agendamento.tipo === "email") {
+      const email = agendamento.dados;
+      if (email.status === "enviado") return "enviado";
+      if (email.agendadaPara && email.agendadaPara <= Date.now())
+        return "enviado";
+      return "agendado";
+    } else {
+      const chat = agendamento.dados;
+      if (chat.agendadaPara && chat.agendadaPara <= Date.now())
+        return "enviado";
+      return "agendado";
+    }
+  }
+
+  // Função para cancelar agendamento
+  async function cancelarAgendamento(agendamento: Agendamento) {
+    if (!confirm("Tem certeza que deseja cancelar este agendamento?")) {
+      return;
+    }
+
+    try {
+      if (agendamento.tipo === "email") {
+        const resultado = await client.mutation(
+          api.email.cancelarAgendamentoEmail,
+          {
+            emailId: agendamento.dados._id,
+          },
+        );
+        if (resultado.sucesso) {
+          mostrarMensagem(
+            "success",
+            "Agendamento de email cancelado com sucesso!",
+          );
+        } else {
+          mostrarMensagem(
+            "error",
+            resultado.erro || "Erro ao cancelar agendamento",
+          );
+        }
+      } else {
+        const resultado = await client.mutation(
+          api.chat.cancelarMensagemAgendada,
+          {
+            mensagemId: agendamento.dados._id,
+          },
+        );
+        if (resultado.sucesso) {
+          mostrarMensagem(
+            "success",
+            "Agendamento de chat cancelado com sucesso!",
+          );
+        } else {
+          mostrarMensagem(
+            "error",
+            resultado.erro || "Erro ao cancelar agendamento",
+          );
+        }
+      }
+    } catch (error) {
+      const erro = error instanceof Error ? error.message : "Erro desconhecido";
+      mostrarMensagem("error", `Erro ao cancelar agendamento: ${erro}`);
+    }
+  }
+
+  // Função para obter nome do destinatário
+  function obterNomeDestinatario(agendamento: Agendamento): string {
+    if (agendamento.tipo === "email") {
+      return (
+        agendamento.dados.destinatarioInfo?.nome ||
+        agendamento.dados.destinatario ||
+        "Usuário"
+      );
+    } else {
+      return agendamento.dados.destinatarioInfo?.nome || "Usuário";
+    }
+  }
+
+  // Função para formatar data/hora do agendamento
+  function formatarDataAgendamento(agendamento: Agendamento): string {
+    const timestamp =
+      agendamento.tipo === "email"
+        ? agendamento.dados.agendadaPara
+        : agendamento.dados.agendadaPara;
+
+    if (!timestamp) return "N/A";
+
+    return format(new Date(timestamp), "dd/MM/yyyy 'às' HH:mm", {
+      locale: ptBR,
+    });
+  }
+
+  // Função para formatar timestamp
+  function formatarTimestamp(timestamp: number): string {
+    return format(new Date(timestamp), "HH:mm:ss", { locale: ptBR });
+  }
+
+  // Função para obter cor do status
+  function obterCorStatus(status: StatusLog): string {
+    switch (status) {
+      case "sucesso":
+        return "text-success";
+      case "erro":
+        return "text-error";
+      case "fila":
+        return "text-warning";
+      case "enviando":
+        return "text-info";
+      case "info":
+        return "text-info";
+      default:
+        return "text-base-content";
+    }
+  }
+
+  async function criarTemplatesPadrao() {
+    if (criandoTemplates) return;
+
+    criandoTemplates = true;
+    try {
+      const resultado = await client.mutation(
+        api.templatesMensagens.criarTemplatesPadrao,
+        {},
+      );
+      if (resultado.sucesso) {
+        mostrarMensagem(
+          "success",
+          "Templates padrão criados com sucesso! A página será recarregada.",
+        );
+        setTimeout(() => {
+          window.location.reload();
+        }, 2000);
+      } else {
+        mostrarMensagem("error", "Erro ao criar templates padrão.");
+      }
+    } catch (error) {
+      const erro = error instanceof Error ? error.message : "Erro desconhecido";
+      console.error("Erro ao criar templates:", error);
+      mostrarMensagem("error", "Erro ao criar templates: " + erro);
+    } finally {
+      criandoTemplates = false;
+    }
+  }
+
+  function abrirModalNovoTemplate() {
+    modalNovoTemplateAberto = true;
+    // Limpar campos
+    codigoTemplate = "";
+    nomeTemplate = "";
+    tituloTemplate = "";
+    corpoTemplate = "";
+    variaveisTemplate = "";
+  }
+
+  function fecharModalNovoTemplate() {
+    modalNovoTemplateAberto = false;
+  }
+
+  async function salvarNovoTemplate() {
+    if (!authStore.usuario) {
+      mostrarMensagem(
+        "error",
+        "Você precisa estar autenticado para criar templates.",
+      );
+      return;
+    }
+
+    // Validações
+    if (!codigoTemplate.trim()) {
+      mostrarMensagem("error", "O código do template é obrigatório.");
+      return;
+    }
+    if (!nomeTemplate.trim()) {
+      mostrarMensagem("error", "O nome do template é obrigatório.");
+      return;
+    }
+    if (!tituloTemplate.trim()) {
+      mostrarMensagem("error", "O título do template é obrigatório.");
+      return;
+    }
+    if (!corpoTemplate.trim()) {
+      mostrarMensagem("error", "O corpo do template é obrigatório.");
+      return;
+    }
+
+    // Processar variáveis (separadas por vírgula ou espaço)
+    const variaveis = variaveisTemplate
+      .split(/[,;\s]+/)
+      .map((v) => v.trim())
+      .filter((v) => v.length > 0);
+
+    criandoNovoTemplate = true;
+    try {
+      const resultado = await client.mutation(
+        api.templatesMensagens.criarTemplate,
+        {
+          codigo: codigoTemplate.trim().toUpperCase().replace(/\s+/g, "_"),
+          nome: nomeTemplate.trim(),
+          titulo: tituloTemplate.trim(),
+          corpo: corpoTemplate.trim(),
+          variaveis: variaveis.length > 0 ? variaveis : undefined,
+          criadoPorId: authStore.usuario._id as Id<"usuarios">,
+        },
+      );
+
+      if (resultado.sucesso) {
+        mostrarMensagem("success", "Template criado com sucesso!");
+        fecharModalNovoTemplate();
+        // Recarregar a página para atualizar a lista
+        setTimeout(() => {
+          window.location.reload();
+        }, 1500);
+      } else {
+        mostrarMensagem(
+          "error",
+          "Erro ao criar template: " + (resultado.erro || "Erro desconhecido"),
+        );
+      }
+    } catch (error) {
+      const erro = error instanceof Error ? error.message : "Erro desconhecido";
+      console.error("Erro ao criar template:", error);
+      mostrarMensagem("error", "Erro ao criar template: " + erro);
+    } finally {
+      criandoNovoTemplate = false;
+    }
+  }
+
   async function enviarNotificacao() {
-    if (!destinatarioId) {
-      alert("Selecione um destinatário");
+    if (!enviarParaTodos && !destinatarioId) {
+      mostrarMensagem(
+        "error",
+        "Selecione um destinatário ou marque 'Enviar para todos'",
+      );
       return;
     }
 
     if (usarTemplate && !templateId) {
-      alert("Selecione um template");
+      mostrarMensagem("error", "Selecione um template");
       return;
     }
 
     if (!usarTemplate && !mensagemPersonalizada.trim()) {
-      alert("Digite uma mensagem");
+      mostrarMensagem("error", "Digite uma mensagem");
       return;
     }
 
-    processando = true;
-    try {
-      const destinatario = usuarios?.data?.find(u => u._id === destinatarioId);
-      
-      if (!destinatario) {
-        alert("Destinatário não encontrado");
+    // Validar agendamento se marcado
+    let agendadaPara: number | undefined = undefined;
+    if (agendarEnvio) {
+      if (!dataAgendamento || !horaAgendamento) {
+        mostrarMensagem("error", "Preencha a data e hora para agendamento");
         return;
       }
 
-      let resultadoChat = null;
-      let resultadoEmail = null;
-
-      // ENVIAR PARA CHAT
-      if (canal === "chat" || canal === "ambos") {
-        const conversaResult = await client.mutation(
-          api.chat.criarOuBuscarConversaIndividual,
-          { outroUsuarioId: destinatarioId as any }
-        );
-
-        if (conversaResult.conversaId) {
-          const mensagem = usarTemplate 
-            ? templateSelecionado?.corpo || ""
-            : mensagemPersonalizada;
-
-          resultadoChat = await client.mutation(api.chat.enviarMensagem, {
-            conversaId: conversaResult.conversaId,
-            conteudo: mensagem,
-            tipo: "texto", // Tipo de mensagem
-            permitirNotificacaoParaSiMesmo: true, // ✅ Permite notificação para si mesmo via painel admin
-          });
-        }
-      }
-
-      // ENVIAR PARA EMAIL
-      if (canal === "email" || canal === "ambos") {
-        if (!destinatario.email) {
-          alert("Destinatário não possui email cadastrado");
-          processando = false;
+      try {
+        const dataHora = new Date(`${dataAgendamento}T${horaAgendamento}`);
+        if (dataHora.getTime() <= Date.now()) {
+          mostrarMensagem("error", "A data e hora devem ser futuras");
           return;
         }
+        agendadaPara = dataHora.getTime();
+      } catch (error) {
+        mostrarMensagem("error", "Data ou hora inválida");
+        return;
+      }
+    }
 
-        if (usarTemplate && templateId) {
-          // Usar template
-          const template = templateSelecionado;
-          if (template) {
-            resultadoEmail = await client.mutation(api.email.enviarEmailComTemplate, {
-              destinatario: destinatario.email,
-              destinatarioId: destinatario._id as any,
-              templateCodigo: template.codigo,
-              variaveis: {
-                nome: destinatario.nome,
-                matricula: destinatario.matricula,
-              },
-              enviadoPorId: destinatario._id as any, // TODO: Pegar usuário logado
-            });
+    processando = true;
+    progressoEnvio = { total: 0, enviados: 0, falhas: 0 };
+
+    // Limpar logs anteriores quando iniciar novo envio
+    logsEnvio = [];
+    emailIdsRastreados = new Set();
+
+    try {
+      // Obter lista de destinatários
+      const destinatarios: typeof usuarios = enviarParaTodos
+        ? usuarios
+        : usuarios.filter((u) => u._id === destinatarioId);
+
+      if (destinatarios.length === 0) {
+        adicionarLog(
+          "email",
+          "Sistema",
+          "erro",
+          "Nenhum destinatário encontrado",
+        );
+        mostrarMensagem("error", "Nenhum destinatário encontrado");
+        return;
+      }
+
+      progressoEnvio.total = destinatarios.length;
+
+      // Log inicial
+      const tipoMensagem = usarTemplate
+        ? `Template: ${templateSelecionado?.nome || ""}`
+        : "Mensagem personalizada";
+      const destinatariosText = enviarParaTodos
+        ? `Todos os usuários (${destinatarios.length})`
+        : destinatarios.map((d) => d.nome).join(", ");
+      adicionarLog(
+        "email",
+        "Sistema",
+        "info",
+        `Iniciando envio de notificação via ${canal} para ${destinatariosText} - ${tipoMensagem}`,
+      );
+
+      // Se for envio para um único usuário
+      if (destinatarios.length === 1) {
+        const destinatario = destinatarios[0];
+        let resultadoChat = null;
+        let resultadoEmail = null;
+
+        // ENVIAR PARA CHAT
+        if (canal === "chat" || canal === "ambos") {
+          try {
+            adicionarLog(
+              "chat",
+              destinatario.nome,
+              "enviando",
+              "Criando/buscando conversa...",
+            );
+            const conversaResult = await client.mutation(
+              api.chat.criarOuBuscarConversaIndividual,
+              { outroUsuarioId: destinatario._id as Id<"usuarios"> },
+            );
+
+            if (conversaResult.conversaId) {
+              const mensagem = usarTemplate
+                ? templateSelecionado?.corpo || ""
+                : mensagemPersonalizada;
+
+              if (agendadaPara) {
+                // Agendar mensagem
+                adicionarLog(
+                  "chat",
+                  destinatario.nome,
+                  "info",
+                  "Agendando mensagem...",
+                );
+                resultadoChat = await client.mutation(
+                  api.chat.agendarMensagem,
+                  {
+                    conversaId: conversaResult.conversaId,
+                    conteudo: mensagem,
+                    agendadaPara: agendadaPara,
+                  },
+                );
+                const dataFormatada = format(
+                  new Date(agendadaPara),
+                  "dd/MM/yyyy 'às' HH:mm",
+                  { locale: ptBR },
+                );
+                adicionarLog(
+                  "chat",
+                  destinatario.nome,
+                  "sucesso",
+                  `Mensagem agendada para ${dataFormatada}`,
+                );
+              } else {
+                // Envio imediato
+                adicionarLog(
+                  "chat",
+                  destinatario.nome,
+                  "enviando",
+                  "Enviando mensagem...",
+                );
+                resultadoChat = await client.mutation(api.chat.enviarMensagem, {
+                  conversaId: conversaResult.conversaId,
+                  conteudo: mensagem,
+                  tipo: "texto",
+                  permitirNotificacaoParaSiMesmo: true,
+                });
+                adicionarLog(
+                  "chat",
+                  destinatario.nome,
+                  "sucesso",
+                  "Mensagem enviada com sucesso",
+                );
+              }
+            } else {
+              adicionarLog(
+                "chat",
+                destinatario.nome,
+                "erro",
+                "Falha ao criar/buscar conversa",
+              );
+            }
+          } catch (error) {
+            const erro =
+              error instanceof Error ? error.message : "Erro desconhecido";
+            console.error("Erro ao enviar chat:", error);
+            adicionarLog("chat", destinatario.nome, "erro", `Erro: ${erro}`);
           }
+        }
+
+        // ENVIAR PARA EMAIL
+        if (canal === "email" || canal === "ambos") {
+          if (destinatario.email) {
+            try {
+              adicionarLog(
+                "email",
+                destinatario.nome,
+                "enviando",
+                `Enfileirando email para ${destinatario.email}...`,
+              );
+              if (usarTemplate && templateId) {
+                const template = templateSelecionado;
+                if (template) {
+                  resultadoEmail = await client.mutation(
+                    api.email.enviarEmailComTemplate,
+                    {
+                      destinatario: destinatario.email,
+                      destinatarioId: destinatario._id as Id<"usuarios">,
+                      templateCodigo: template.codigo,
+                      variaveis: {
+                        nome: destinatario.nome,
+                        matricula: destinatario.matricula,
+                      },
+                      enviadoPorId: authStore.usuario._id as Id<"usuarios">,
+                      agendadaPara: agendadaPara,
+                    },
+                  );
+                  if (resultadoEmail?.sucesso && resultadoEmail?.emailId) {
+                    if (agendadaPara) {
+                      const dataFormatada = format(
+                        new Date(agendadaPara),
+                        "dd/MM/yyyy 'às' HH:mm",
+                        { locale: ptBR },
+                      );
+                      adicionarLog(
+                        "email",
+                        destinatario.nome,
+                        "fila",
+                        `Email agendado para ${dataFormatada}`,
+                        resultadoEmail.emailId,
+                      );
+                    } else {
+                      adicionarLog(
+                        "email",
+                        destinatario.nome,
+                        "fila",
+                        "Email enfileirado para envio",
+                        resultadoEmail.emailId,
+                      );
+                    }
+                  } else {
+                    adicionarLog(
+                      "email",
+                      destinatario.nome,
+                      "erro",
+                      "Falha ao enfileirar email",
+                    );
+                  }
+                } else {
+                  adicionarLog(
+                    "email",
+                    destinatario.nome,
+                    "erro",
+                    "Template não encontrado",
+                  );
+                }
+              } else {
+                resultadoEmail = await client.mutation(
+                  api.email.enfileirarEmail,
+                  {
+                    destinatario: destinatario.email,
+                    destinatarioId: destinatario._id as Id<"usuarios">,
+                    assunto: "Notificação do Sistema",
+                    corpo: mensagemPersonalizada,
+                    enviadoPorId: authStore.usuario._id as Id<"usuarios">,
+                    agendadaPara: agendadaPara,
+                  },
+                );
+                if (resultadoEmail?.sucesso && resultadoEmail?.emailId) {
+                  if (agendadaPara) {
+                    const dataFormatada = format(
+                      new Date(agendadaPara),
+                      "dd/MM/yyyy 'às' HH:mm",
+                      { locale: ptBR },
+                    );
+                    adicionarLog(
+                      "email",
+                      destinatario.nome,
+                      "fila",
+                      `Email agendado para ${dataFormatada}`,
+                      resultadoEmail.emailId,
+                    );
+                  } else {
+                    adicionarLog(
+                      "email",
+                      destinatario.nome,
+                      "fila",
+                      "Email enfileirado para envio",
+                      resultadoEmail.emailId,
+                    );
+                  }
+                } else {
+                  adicionarLog(
+                    "email",
+                    destinatario.nome,
+                    "erro",
+                    "Falha ao enfileirar email",
+                  );
+                }
+              }
+            } catch (error) {
+              const erro =
+                error instanceof Error ? error.message : "Erro desconhecido";
+              console.error("Erro ao enviar email:", error);
+              adicionarLog("email", destinatario.nome, "erro", `Erro: ${erro}`);
+            }
+          } else {
+            adicionarLog(
+              "email",
+              destinatario.nome,
+              "erro",
+              "Destinatário não possui email cadastrado",
+            );
+          }
+        }
+
+        // Feedback de sucesso
+        let mensagemSucesso = agendadaPara
+          ? `Notificação agendada com sucesso!`
+          : "Notificação enviada com sucesso!";
+        if (agendadaPara) {
+          const dataFormatada = format(
+            new Date(agendadaPara),
+            "dd/MM/yyyy 'às' HH:mm",
+            { locale: ptBR },
+          );
+          mensagemSucesso += ` Será enviada em: ${dataFormatada}`;
         } else {
-          // Mensagem personalizada
-          resultadoEmail = await client.mutation(api.email.enfileirarEmail, {
-            destinatario: destinatario.email,
-            destinatarioId: destinatario._id as any,
-            assunto: "Notificação do Sistema",
-            corpo: mensagemPersonalizada,
-            enviadoPorId: destinatario._id as any, // TODO: Pegar usuário logado
-          });
+          if (canal === "ambos") {
+            if (resultadoChat && resultadoEmail) {
+              mensagemSucesso = "Notificação enviada para Chat e Email!";
+            } else if (resultadoChat) {
+              mensagemSucesso = "Notificação enviada para Chat. Email falhou.";
+            } else if (resultadoEmail) {
+              mensagemSucesso = "Notificação enviada para Email. Chat falhou.";
+            }
+          } else if (canal === "chat" && resultadoChat) {
+            mensagemSucesso = "Mensagem enviada no Chat!";
+          } else if (canal === "email" && resultadoEmail) {
+            mensagemSucesso = "Email enfileirado para envio!";
+          }
         }
+
+        mostrarMensagem("success", mensagemSucesso);
+        progressoEnvio.enviados = 1;
+      } else {
+        // ENVIO EM MASSA
+        let sucessosChat = 0;
+        let sucessosEmail = 0;
+        let falhasChat = 0;
+        let falhasEmail = 0;
+
+        adicionarLog(
+          "email",
+          "Sistema",
+          "info",
+          `Processando ${destinatarios.length} destinatários...`,
+        );
+
+        for (const destinatario of destinatarios) {
+          try {
+            // ENVIAR PARA CHAT
+            if (canal === "chat" || canal === "ambos") {
+              try {
+                adicionarLog(
+                  "chat",
+                  destinatario.nome,
+                  "enviando",
+                  "Processando...",
+                );
+                const conversaResult = await client.mutation(
+                  api.chat.criarOuBuscarConversaIndividual,
+                  { outroUsuarioId: destinatario._id as Id<"usuarios"> },
+                );
+
+                if (conversaResult.conversaId) {
+                  // Para templates, usar corpo direto (o backend já faz substituição via email)
+                  // Para mensagem personalizada, usar diretamente
+                  const mensagem = usarTemplate
+                    ? templateSelecionado?.corpo || ""
+                    : mensagemPersonalizada;
+
+                  if (agendadaPara) {
+                    await client.mutation(api.chat.agendarMensagem, {
+                      conversaId: conversaResult.conversaId,
+                      conteudo: mensagem,
+                      agendadaPara: agendadaPara,
+                    });
+                    const dataFormatada = format(
+                      new Date(agendadaPara),
+                      "dd/MM/yyyy 'às' HH:mm",
+                      { locale: ptBR },
+                    );
+                    adicionarLog(
+                      "chat",
+                      destinatario.nome,
+                      "sucesso",
+                      `Agendado para ${dataFormatada}`,
+                    );
+                  } else {
+                    await client.mutation(api.chat.enviarMensagem, {
+                      conversaId: conversaResult.conversaId,
+                      conteudo: mensagem,
+                      tipo: "texto",
+                      permitirNotificacaoParaSiMesmo: true,
+                    });
+                    adicionarLog(
+                      "chat",
+                      destinatario.nome,
+                      "sucesso",
+                      "Enviado com sucesso",
+                    );
+                  }
+                  sucessosChat++;
+                } else {
+                  adicionarLog(
+                    "chat",
+                    destinatario.nome,
+                    "erro",
+                    "Falha ao criar/buscar conversa",
+                  );
+                  falhasChat++;
+                }
+              } catch (error) {
+                const erro =
+                  error instanceof Error ? error.message : "Erro desconhecido";
+                console.error(
+                  `Erro ao enviar chat para ${destinatario.nome}:`,
+                  error,
+                );
+                adicionarLog(
+                  "chat",
+                  destinatario.nome,
+                  "erro",
+                  `Erro: ${erro}`,
+                );
+                falhasChat++;
+              }
+            }
+
+            // ENVIAR PARA EMAIL
+            if (canal === "email" || canal === "ambos") {
+              if (destinatario.email) {
+                try {
+                  adicionarLog(
+                    "email",
+                    destinatario.nome,
+                    "enviando",
+                    `Enfileirando email para ${destinatario.email}...`,
+                  );
+                  if (usarTemplate && templateId) {
+                    const template = templateSelecionado;
+                    if (template) {
+                      const resultadoEmail = await client.mutation(
+                        api.email.enviarEmailComTemplate,
+                        {
+                          destinatario: destinatario.email,
+                          destinatarioId: destinatario._id as Id<"usuarios">,
+                          templateCodigo: template.codigo,
+                          variaveis: {
+                            nome: destinatario.nome,
+                            matricula: destinatario.matricula || "",
+                          },
+                          enviadoPorId: authStore.usuario._id as Id<"usuarios">,
+                          agendadaPara: agendadaPara,
+                        },
+                      );
+                      if (resultadoEmail?.sucesso && resultadoEmail?.emailId) {
+                        if (agendadaPara) {
+                          const dataFormatada = format(
+                            new Date(agendadaPara),
+                            "dd/MM/yyyy 'às' HH:mm",
+                            { locale: ptBR },
+                          );
+                          adicionarLog(
+                            "email",
+                            destinatario.nome,
+                            "fila",
+                            `Agendado para ${dataFormatada}`,
+                            resultadoEmail.emailId,
+                          );
+                        } else {
+                          adicionarLog(
+                            "email",
+                            destinatario.nome,
+                            "fila",
+                            "Enfileirado para envio",
+                            resultadoEmail.emailId,
+                          );
+                        }
+                        sucessosEmail++;
+                      } else {
+                        adicionarLog(
+                          "email",
+                          destinatario.nome,
+                          "erro",
+                          "Falha ao enfileirar email",
+                        );
+                        falhasEmail++;
+                      }
+                    } else {
+                      adicionarLog(
+                        "email",
+                        destinatario.nome,
+                        "erro",
+                        "Template não encontrado",
+                      );
+                      falhasEmail++;
+                    }
+                  } else {
+                    const resultadoEmail = await client.mutation(
+                      api.email.enfileirarEmail,
+                      {
+                        destinatario: destinatario.email,
+                        destinatarioId: destinatario._id as Id<"usuarios">,
+                        assunto: "Notificação do Sistema",
+                        corpo: mensagemPersonalizada,
+                        enviadoPorId: authStore.usuario._id as Id<"usuarios">,
+                        agendadaPara: agendadaPara,
+                      },
+                    );
+                    if (resultadoEmail?.sucesso && resultadoEmail?.emailId) {
+                      if (agendadaPara) {
+                        const dataFormatada = format(
+                          new Date(agendadaPara),
+                          "dd/MM/yyyy 'às' HH:mm",
+                          { locale: ptBR },
+                        );
+                        adicionarLog(
+                          "email",
+                          destinatario.nome,
+                          "fila",
+                          `Agendado para ${dataFormatada}`,
+                          resultadoEmail.emailId,
+                        );
+                      } else {
+                        adicionarLog(
+                          "email",
+                          destinatario.nome,
+                          "fila",
+                          "Enfileirado para envio",
+                          resultadoEmail.emailId,
+                        );
+                      }
+                      sucessosEmail++;
+                    } else {
+                      adicionarLog(
+                        "email",
+                        destinatario.nome,
+                        "erro",
+                        "Falha ao enfileirar email",
+                      );
+                      falhasEmail++;
+                    }
+                  }
+                } catch (error) {
+                  const erro =
+                    error instanceof Error
+                      ? error.message
+                      : "Erro desconhecido";
+                  console.error(
+                    `Erro ao enviar email para ${destinatario.nome}:`,
+                    error,
+                  );
+                  adicionarLog(
+                    "email",
+                    destinatario.nome,
+                    "erro",
+                    `Erro: ${erro}`,
+                  );
+                  falhasEmail++;
+                }
+              } else {
+                adicionarLog(
+                  "email",
+                  destinatario.nome,
+                  "erro",
+                  "Destinatário não possui email cadastrado",
+                );
+                falhasEmail++;
+              }
+            }
+
+            progressoEnvio.enviados++;
+          } catch (error) {
+            console.error(
+              `Erro geral ao enviar para ${destinatario.nome}:`,
+              error,
+            );
+            progressoEnvio.falhas++;
+          }
+        }
+
+        // Feedback de envio em massa
+        let mensagemMassa = agendadaPara
+          ? `Agendamento em massa concluído! `
+          : `Envio em massa concluído! `;
+
+        if (agendadaPara) {
+          const dataFormatada = format(
+            new Date(agendadaPara),
+            "dd/MM/yyyy 'às' HH:mm",
+            { locale: ptBR },
+          );
+          mensagemMassa += `Será enviado em: ${dataFormatada}. `;
+        }
+
+        if (canal === "ambos") {
+          mensagemMassa += `Chat: ${sucessosChat} ${agendadaPara ? "agendados" : "enviados"}, ${falhasChat} falhas. `;
+          mensagemMassa += `Email: ${sucessosEmail} ${agendadaPara ? "agendados" : "enviados"}, ${falhasEmail} falhas.`;
+        } else if (canal === "chat") {
+          mensagemMassa += `Chat: ${sucessosChat} ${agendadaPara ? "agendados" : "enviados"}, ${falhasChat} falhas.`;
+        } else if (canal === "email") {
+          mensagemMassa += `Email: ${sucessosEmail} ${agendadaPara ? "agendados" : "enviados"}, ${falhasEmail} falhas.`;
+        }
+
+        // Adicionar log resumo
+        adicionarLog("email", "Sistema", "info", mensagemMassa);
+        mostrarMensagem("success", mensagemMassa);
       }
 
-      // Feedback de sucesso
-      let mensagem = "Notificação enviada com sucesso!";
-      if (canal === "ambos") {
-        if (resultadoChat && resultadoEmail) {
-          mensagem = "✅ Notificação enviada para Chat e Email!";
-        } else if (resultadoChat) {
-          mensagem = "✅ Notificação enviada para Chat. Email falhou.";
-        } else if (resultadoEmail) {
-          mensagem = "✅ Notificação enviada para Email. Chat falhou.";
-        }
-      } else if (canal === "chat" && resultadoChat) {
-        mensagem = "✅ Mensagem enviada no Chat!";
-      } else if (canal === "email" && resultadoEmail) {
-        mensagem = "✅ Email enfileirado para envio!";
-      }
-
-      alert(mensagem);
-      
       // Limpar form
       destinatarioId = "";
+      enviarParaTodos = false;
       templateId = "";
       mensagemPersonalizada = "";
-    } catch (error: any) {
+      agendarEnvio = false;
+      dataAgendamento = "";
+      horaAgendamento = "";
+    } catch (error) {
+      const erro = error instanceof Error ? error.message : "Erro desconhecido";
       console.error("Erro ao enviar notificação:", error);
-      alert("Erro ao enviar notificação: " + (error.message || "Erro desconhecido"));
+      adicionarLog("email", "Sistema", "erro", `Erro geral: ${erro}`);
+      mostrarMensagem("error", "Erro ao enviar notificação: " + erro);
     } finally {
       processando = false;
+      progressoEnvio = { total: 0, enviados: 0, falhas: 0 };
+      adicionarLog("email", "Sistema", "info", "Processo de envio finalizado");
     }
   }
 </script>
@@ -137,38 +1258,131 @@
   <div class="flex items-center justify-between mb-6">
     <div class="flex items-center gap-4">
       <div class="p-3 bg-info/10 rounded-xl">
-        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-info" 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
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-8 w-8 text-info"
+          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>
       </div>
       <div>
-        <h1 class="text-3xl font-bold text-base-content">Notificações e Mensagens</h1>
-        <p class="text-base-content/60 mt-1">Enviar notificações para usuários do sistema</p>
+        <h1 class="text-3xl font-bold text-base-content">
+          Notificações e Mensagens
+        </h1>
+        <p class="text-base-content/60 mt-1">
+          Enviar notificações para usuários do sistema
+        </p>
       </div>
     </div>
   </div>
 
+  <!-- Mensagens de Feedback -->
+  {#if mensagem}
+    <div
+      class="alert mb-6 shadow-lg"
+      class:alert-success={mensagem.tipo === "success"}
+      class:alert-error={mensagem.tipo === "error"}
+      class:alert-info={mensagem.tipo === "info"}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="stroke-current shrink-0 h-6 w-6"
+        fill="none"
+        viewBox="0 0 24 24"
+      >
+        {#if 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>
+      <span class="font-medium">{mensagem.texto}</span>
+      <button
+        type="button"
+        class="btn btn-sm btn-circle btn-ghost"
+        onclick={() => (mensagem = null)}
+      >
+        ✕
+      </button>
+    </div>
+  {/if}
+
   <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
     <!-- Formulário -->
     <div class="card bg-base-100 shadow-xl">
       <div class="card-body">
         <h2 class="card-title mb-4">Enviar Notificação</h2>
-        
+
         <!-- Destinatário -->
         <div class="form-control mb-4">
-          <label class="label" for="destinatario-select">
-            <span class="label-text font-medium">Destinatário *</span>
-          </label>
-          <select id="destinatario-select" bind:value={destinatarioId} class="select select-bordered">
+          <div class="flex items-center justify-between mb-2">
+            <label class="label" for="destinatario-select">
+              <span class="label-text font-medium">Destinatário *</span>
+            </label>
+            <label class="label cursor-pointer gap-2">
+              <input
+                type="checkbox"
+                bind:checked={enviarParaTodos}
+                class="checkbox checkbox-primary checkbox-sm"
+                disabled={processando}
+              />
+              <span class="label-text text-sm"
+                >Enviar para todos ({usuarios.length} usuários)</span
+              >
+            </label>
+          </div>
+          <select
+            id="destinatario-select"
+            bind:value={destinatarioId}
+            class="select select-bordered"
+            disabled={enviarParaTodos || processando}
+          >
             <option value="">Selecione um usuário</option>
-            {#if usuarios?.data}
-              {#each usuarios.data as usuario}
+            {#if carregandoUsuarios}
+              <option disabled>Carregando usuários...</option>
+            {:else if usuarios.length > 0}
+              {#each usuarios as usuario}
                 <option value={usuario._id}>
                   {usuario.nome} ({usuario.matricula})
                 </option>
               {/each}
+            {:else}
+              <option disabled>Nenhum usuário disponível</option>
             {/if}
           </select>
+          {#if enviarParaTodos}
+            <label class="label">
+              <span class="label-text-alt text-warning">
+                ⚠️ A notificação será enviada para todos os {usuarios.length} usuários
+                do sistema
+              </span>
+            </label>
+          {/if}
         </div>
 
         <!-- Canal -->
@@ -178,29 +1392,29 @@
           </div>
           <div class="flex gap-4">
             <label class="label cursor-pointer">
-              <input 
-                type="radio" 
-                value="chat" 
+              <input
+                type="radio"
+                value="chat"
                 bind:group={canal}
-                class="radio radio-primary" 
+                class="radio radio-primary"
               />
               <span class="label-text ml-2">Chat</span>
             </label>
             <label class="label cursor-pointer">
-              <input 
-                type="radio" 
-                value="email" 
+              <input
+                type="radio"
+                value="email"
                 bind:group={canal}
-                class="radio radio-primary" 
+                class="radio radio-primary"
               />
               <span class="label-text ml-2">Email</span>
             </label>
             <label class="label cursor-pointer">
-              <input 
-                type="radio" 
-                value="ambos" 
+              <input
+                type="radio"
+                value="ambos"
                 bind:group={canal}
-                class="radio radio-primary" 
+                class="radio radio-primary"
               />
               <span class="label-text ml-2">Ambos</span>
             </label>
@@ -214,20 +1428,20 @@
           </div>
           <div class="flex gap-4">
             <label class="label cursor-pointer">
-              <input 
-                type="radio" 
+              <input
+                type="radio"
                 checked={usarTemplate}
-                onchange={() => usarTemplate = true}
-                class="radio radio-secondary" 
+                onchange={() => (usarTemplate = true)}
+                class="radio radio-secondary"
               />
               <span class="label-text ml-2">Usar Template</span>
             </label>
             <label class="label cursor-pointer">
-              <input 
-                type="radio" 
+              <input
+                type="radio"
                 checked={!usarTemplate}
-                onchange={() => usarTemplate = false}
-                class="radio radio-secondary" 
+                onchange={() => (usarTemplate = false)}
+                class="radio radio-secondary"
               />
               <span class="label-text ml-2">Mensagem Personalizada</span>
             </label>
@@ -240,22 +1454,40 @@
             <label class="label" for="template-select">
               <span class="label-text font-medium">Template *</span>
             </label>
-            <select id="template-select" bind:value={templateId} class="select select-bordered">
+            <select
+              id="template-select"
+              bind:value={templateId}
+              class="select select-bordered"
+            >
               <option value="">Selecione um template</option>
-              {#if templates?.data}
-                {#each templates.data as template}
+              {#if carregandoTemplates}
+                <option disabled>Carregando templates...</option>
+              {:else if templates.length > 0}
+                {#each templates as template}
                   <option value={template._id}>
                     {template.nome}
                   </option>
                 {/each}
+              {:else}
+                <option disabled>Nenhum template disponível</option>
               {/if}
             </select>
           </div>
 
           {#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="stroke-current shrink-0 w-6 h-6">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                class="stroke-current shrink-0 w-6 h-6"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                ></path>
               </svg>
               <div>
                 <div class="font-bold">{templateSelecionado.titulo}</div>
@@ -269,32 +1501,186 @@
             <label class="label" for="mensagem-textarea">
               <span class="label-text font-medium">Mensagem *</span>
             </label>
-            <textarea 
+            <textarea
               id="mensagem-textarea"
               bind:value={mensagemPersonalizada}
-              class="textarea textarea-bordered h-32" 
+              class="textarea textarea-bordered h-32"
               placeholder="Digite sua mensagem personalizada..."
             ></textarea>
           </div>
         {/if}
 
+        <!-- Agendamento -->
+        <div class="form-control mb-4">
+          <label class="label cursor-pointer">
+            <span class="label-text font-medium">Agendar Envio</span>
+            <input
+              type="checkbox"
+              bind:checked={agendarEnvio}
+              class="checkbox checkbox-primary"
+              disabled={processando}
+            />
+          </label>
+
+          {#if agendarEnvio}
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
+              <div class="form-control">
+                <label class="label" for="data-agendamento">
+                  <span class="label-text">Data</span>
+                </label>
+                <input
+                  id="data-agendamento"
+                  type="date"
+                  class="input input-bordered"
+                  bind:value={dataAgendamento}
+                  min={minDate}
+                  disabled={processando}
+                />
+              </div>
+
+              <div class="form-control">
+                <label class="label" for="hora-agendamento">
+                  <span class="label-text">Hora</span>
+                </label>
+                <input
+                  id="hora-agendamento"
+                  type="time"
+                  class="input input-bordered"
+                  bind:value={horaAgendamento}
+                  min={horaMinima}
+                  disabled={processando}
+                />
+              </div>
+            </div>
+
+            {#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="stroke-current shrink-0 w-6 h-6"
+                >
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                  ></path>
+                </svg>
+                <span>{getPreviewAgendamento()}</span>
+              </div>
+            {/if}
+          {/if}
+        </div>
+
         <!-- Botão Enviar -->
         <div class="card-actions justify-end mt-4">
-          <button 
+          <button
             class="btn btn-primary btn-block"
-            onclick={enviarNotificacao}
+            onclick={() => enviarNotificacao()}
             disabled={processando}
           >
             {#if processando}
               <span class="loading loading-spinner loading-sm"></span>
+              {#if progressoEnvio.total > 1}
+                <span class="ml-2">
+                  Enviando... ({progressoEnvio.enviados}/{progressoEnvio.total})
+                </span>
+              {:else}
+                <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
+                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>
             {/if}
-            Enviar Notificação
+            {#if processando}
+              <!-- Texto já está no bloco acima -->
+            {:else if agendarEnvio && enviarParaTodos}
+              Agendar para Todos ({usuarios.length})
+            {:else if agendarEnvio}
+              Agendar Notificação
+            {:else if enviarParaTodos}
+              Enviar para Todos ({usuarios.length})
+            {:else}
+              Enviar Notificação
+            {/if}
           </button>
         </div>
+
+        <!-- Terminal de Status -->
+        <div class="mt-4">
+          <div class="flex items-center justify-between mb-2">
+            <label class="label">
+              <span class="label-text font-medium">Terminal de Status</span>
+            </label>
+            {#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>
+                Limpar
+              </button>
+            {/if}
+          </div>
+          <div
+            bind:this={terminalScrollRef}
+            class="bg-neutral text-neutral-content p-4 rounded-lg font-mono text-sm max-h-64 overflow-y-auto"
+            style="background-color: #1a1a1a; color: #e5e5e5;"
+          >
+            {#if logsEnvio.length === 0}
+              <div class="text-neutral-content/60 italic">
+                Aguardando envio de notificação...
+              </div>
+            {:else}
+              {#each logsEnvio as log}
+                <div class="mb-1">
+                  <span class="text-neutral-content/60"
+                    >[{formatarTimestamp(log.timestamp)}]</span
+                  >
+                  <span
+                    class="ml-2 badge badge-xs {log.tipo === 'chat'
+                      ? 'badge-info'
+                      : 'badge-secondary'}"
+                  >
+                    {log.tipo.toUpperCase()}
+                  </span>
+                  <span class="ml-2 font-semibold">{log.destinatario}:</span>
+                  <span class="ml-2 {obterCorStatus(log.status)}">
+                    {log.mensagem}
+                  </span>
+                </div>
+              {/each}
+            {/if}
+          </div>
+        </div>
       </div>
     </div>
 
@@ -303,25 +1689,38 @@
       <div class="card-body">
         <div class="flex items-center justify-between mb-4">
           <h2 class="card-title">Templates Disponíveis</h2>
-          <button class="btn btn-sm btn-outline btn-primary">
-            <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" />
+          <button
+            type="button"
+            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>
             Novo Template
           </button>
         </div>
 
-        {#if !templates?.data}
-          <div class="flex justify-center py-10">
+        {#if carregandoTemplates}
+          <div class="flex flex-col items-center justify-center py-10 gap-4">
             <span class="loading loading-spinner loading-lg"></span>
+            <p class="text-sm text-base-content/60">Carregando templates...</p>
           </div>
-        {:else if templates.data.length === 0}
-          <div class="text-center py-10 text-base-content/60">
-            Nenhum template disponível
-          </div>
-        {:else}
+        {:else if templates.length > 0}
+          <!-- Mostrar templates se existirem -->
           <div class="space-y-3 max-h-[600px] overflow-y-auto">
-            {#each templates.data as template}
+            {#each templates as template}
               <div class="card bg-base-200 compact">
                 <div class="card-body">
                   <div class="flex items-start justify-between">
@@ -330,7 +1729,11 @@
                       <p class="text-xs opacity-70 mt-1">{template.titulo}</p>
                       <p class="text-xs mt-2 line-clamp-2">{template.corpo}</p>
                       <div class="flex gap-2 mt-2">
-                        <span class="badge badge-sm {template.tipo === 'sistema' ? 'badge-primary' : 'badge-secondary'}">
+                        <span
+                          class="badge badge-sm {template.tipo === 'sistema'
+                            ? 'badge-primary'
+                            : 'badge-secondary'}"
+                        >
                           {template.tipo}
                         </span>
                         {#if template.variaveis && template.variaveis.length > 0}
@@ -342,15 +1745,38 @@
                     </div>
                     {#if template.tipo !== "sistema"}
                       <div class="dropdown dropdown-end">
-                        <button type="button" tabindex="0" class="btn btn-ghost 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" />
+                        <button
+                          type="button"
+                          tabindex="0"
+                          class="btn btn-ghost 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>
                         </button>
                         <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
-                        <ul tabindex="0" class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-32">
+                        <ul
+                          tabindex="0"
+                          class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-32"
+                        >
                           <li><button type="button">Editar</button></li>
-                          <li><button type="button" class="text-error">Excluir</button></li>
+                          <li>
+                            <button type="button" class="text-error"
+                              >Excluir</button
+                            >
+                          </li>
                         </ul>
                       </div>
                     {/if}
@@ -359,17 +1785,462 @@
               </div>
             {/each}
           </div>
+        {:else}
+          <!-- Nenhum template disponível - mostrar botão para criar -->
+          <div class="text-center py-10">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              class="h-12 w-12 mx-auto mb-4 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>
+            <p class="font-medium text-base-content mb-2">
+              Nenhum template disponível
+            </p>
+            <p class="text-sm text-base-content/60 mb-4">
+              Clique no botão abaixo para criar os templates padrão do sistema.
+            </p>
+            <button
+              class="btn btn-primary btn-sm"
+              onclick={criarTemplatesPadrao}
+              disabled={criandoTemplates}
+            >
+              {#if criandoTemplates}
+                <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>
+                Criar Templates Padrão
+              {/if}
+            </button>
+          </div>
         {/if}
       </div>
     </div>
   </div>
 
+  <!-- Histórico de Agendamentos -->
+  <div class="card bg-base-100 shadow-xl mt-6">
+    <div class="card-body">
+      <div class="flex items-center justify-between mb-4">
+        <div class="flex items-center gap-3">
+          <div class="p-2 bg-secondary/10 rounded-lg">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              class="h-6 w-6 text-secondary"
+              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>
+          </div>
+          <h2 class="card-title">Histórico de Agendamentos</h2>
+        </div>
+
+        <!-- Filtros -->
+        <div class="flex gap-2">
+          <button
+            type="button"
+            class="btn btn-sm {filtroAgendamento === 'todos'
+              ? 'btn-primary'
+              : 'btn-ghost'}"
+            onclick={() => (filtroAgendamento = "todos")}
+          >
+            Todos
+          </button>
+          <button
+            type="button"
+            class="btn btn-sm {filtroAgendamento === 'agendados'
+              ? 'btn-primary'
+              : 'btn-ghost'}"
+            onclick={() => (filtroAgendamento = "agendados")}
+          >
+            Agendados
+          </button>
+          <button
+            type="button"
+            class="btn btn-sm {filtroAgendamento === 'enviados'
+              ? 'btn-primary'
+              : 'btn-ghost'}"
+            onclick={() => (filtroAgendamento = "enviados")}
+          >
+            Enviados
+          </button>
+        </div>
+      </div>
+
+      {#if agendamentosFiltrados.length === 0}
+        <div class="text-center py-10">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="h-12 w-12 mx-auto mb-4 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>
+          <p class="font-medium text-base-content mb-2">
+            Nenhum agendamento encontrado
+          </p>
+          <p class="text-sm text-base-content/60">
+            Os agendamentos aparecerão aqui quando você agendar envios.
+          </p>
+        </div>
+      {:else}
+        <!-- Tabela de Agendamentos -->
+        <div class="overflow-x-auto">
+          <table class="table table-zebra">
+            <thead>
+              <tr>
+                <th>Tipo</th>
+                <th>Destinatário</th>
+                <th>Data/Hora</th>
+                <th>Status</th>
+                <th>Template</th>
+                <th>Ações</th>
+              </tr>
+            </thead>
+            <tbody>
+              {#each agendamentosFiltrados as agendamento}
+                {@const status = obterStatusAgendamento(agendamento)}
+                {@const nomeDestinatario = obterNomeDestinatario(agendamento)}
+                {@const dataFormatada = formatarDataAgendamento(agendamento)}
+                {@const podeCancelar = status === "agendado"}
+                {@const templateNome =
+                  agendamento.tipo === "email" && agendamento.dados.templateInfo
+                    ? agendamento.dados.templateInfo.nome
+                    : agendamento.tipo === "email" &&
+                        agendamento.dados.templateId
+                      ? "Template removido"
+                      : "-"}
+                <tr>
+                  <td>
+                    <div class="flex items-center gap-2">
+                      {#if agendamento.tipo === "email"}
+                        <svg
+                          xmlns="http://www.w3.org/2000/svg"
+                          class="h-5 w-5 text-info"
+                          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>
+                        <span class="badge badge-info badge-sm">Email</span>
+                      {:else}
+                        <svg
+                          xmlns="http://www.w3.org/2000/svg"
+                          class="h-5 w-5 text-primary"
+                          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>
+                        <span class="badge badge-primary badge-sm">Chat</span>
+                      {/if}
+                    </div>
+                  </td>
+                  <td>
+                    <div class="font-medium">{nomeDestinatario}</div>
+                    {#if agendamento.tipo === "email"}
+                      <div class="text-xs text-base-content/60">
+                        {agendamento.dados.destinatario}
+                      </div>
+                    {/if}
+                  </td>
+                  <td>
+                    <div class="font-medium">{dataFormatada}</div>
+                    {#if podeCancelar}
+                      {@const tempoRestante =
+                        agendamento.tipo === "email"
+                          ? (agendamento.dados.agendadaPara ?? 0) - Date.now()
+                          : (agendamento.dados.agendadaPara ?? 0) - Date.now()}
+                      {@const horasRestantes = Math.floor(
+                        tempoRestante / (1000 * 60 * 60),
+                      )}
+                      {@const minutosRestantes = Math.floor(
+                        (tempoRestante % (1000 * 60 * 60)) / (1000 * 60),
+                      )}
+                      {#if horasRestantes < 1 && minutosRestantes < 60}
+                        <div class="text-xs text-warning">
+                          Em {minutosRestantes} min
+                        </div>
+                      {:else if horasRestantes < 24}
+                        <div class="text-xs text-info">
+                          Em {horasRestantes}h {minutosRestantes}min
+                        </div>
+                      {/if}
+                    {/if}
+                  </td>
+                  <td>
+                    {#if status === "agendado"}
+                      <span class="badge badge-warning badge-sm">Agendado</span>
+                    {:else if status === "enviado"}
+                      <span class="badge badge-success badge-sm">Enviado</span>
+                    {:else}
+                      <span class="badge badge-error badge-sm">Cancelado</span>
+                    {/if}
+                  </td>
+                  <td>
+                    {#if agendamento.tipo === "email"}
+                      {#if agendamento.dados.templateInfo}
+                        <div class="text-sm">
+                          {agendamento.dados.templateInfo.nome}
+                        </div>
+                      {:else if agendamento.dados.templateId}
+                        <div class="text-sm text-base-content/60 italic">
+                          Template removido
+                        </div>
+                      {:else}
+                        <div class="text-sm text-base-content/60">-</div>
+                      {/if}
+                    {:else}
+                      <div class="text-sm text-base-content/60">-</div>
+                    {/if}
+                  </td>
+                  <td>
+                    {#if podeCancelar}
+                      <button
+                        type="button"
+                        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>
+                        Cancelar
+                      </button>
+                    {:else}
+                      <span class="text-sm text-base-content/60">-</span>
+                    {/if}
+                  </td>
+                </tr>
+              {/each}
+            </tbody>
+          </table>
+        </div>
+      {/if}
+    </div>
+  </div>
+
   <!-- Info -->
   <div class="alert alert-warning mt-6">
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6">
-      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="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
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      class="stroke-current shrink-0 w-6 h-6"
+    >
+      <path
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="2"
+        d="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>
-    <span>Para enviar emails, certifique-se de configurar o SMTP em Configurações de Email.</span>
+    <span
+      >Para enviar emails, certifique-se de configurar o SMTP em Configurações
+      de Email.</span
+    >
   </div>
 </div>
 
+<!-- Modal Novo Template -->
+{#if modalNovoTemplateAberto}
+  <div class="modal modal-open">
+    <div class="modal-box max-w-2xl">
+      <h3 class="font-bold text-lg mb-4">Criar Novo Template</h3>
+
+      <div class="space-y-4">
+        <!-- Código -->
+        <div class="form-control">
+          <label class="label">
+            <span class="label-text font-medium">Código *</span>
+            <span class="label-text-alt">Ex: AVISO_IMPORTANTE</span>
+          </label>
+          <input
+            type="text"
+            bind:value={codigoTemplate}
+            placeholder="CODIGO_TEMPLATE"
+            class="input input-bordered"
+            maxlength="50"
+          />
+          <label class="label">
+            <span class="label-text-alt"
+              >Código único para identificar o template (será convertido para
+              MAIÚSCULAS)</span
+            >
+          </label>
+        </div>
+
+        <!-- Nome -->
+        <div class="form-control">
+          <label class="label">
+            <span class="label-text font-medium">Nome *</span>
+          </label>
+          <input
+            type="text"
+            bind:value={nomeTemplate}
+            placeholder="Nome do Template"
+            class="input input-bordered"
+            maxlength="100"
+          />
+          <label class="label">
+            <span class="label-text-alt"
+              >Nome exibido na lista de templates</span
+            >
+          </label>
+        </div>
+
+        <!-- Título -->
+        <div class="form-control">
+          <label class="label">
+            <span class="label-text font-medium">Título *</span>
+          </label>
+          <input
+            type="text"
+            bind:value={tituloTemplate}
+            placeholder="Título da Mensagem"
+            class="input input-bordered"
+            maxlength="200"
+          />
+          <label class="label">
+            <span class="label-text-alt"
+              >Título usado no assunto do email ou cabeçalho da mensagem</span
+            >
+          </label>
+        </div>
+
+        <!-- Corpo -->
+        <div class="form-control">
+          <label class="label">
+            <span class="label-text font-medium">Corpo da Mensagem *</span>
+          </label>
+          <textarea
+            bind:value={corpoTemplate}
+            placeholder="Digite o conteúdo da mensagem..."
+            class="textarea textarea-bordered h-32"
+            maxlength="2000"
+          ></textarea>
+          <label class="label">
+            <span class="label-text-alt"
+              >Use {"{{"}variavel{"}}"} para variáveis dinâmicas (ex: {"{{"}nome{"}}"},
+              {"{{"}data{"}}"})</span
+            >
+          </label>
+        </div>
+
+        <!-- Variáveis -->
+        <div class="form-control">
+          <label class="label">
+            <span class="label-text font-medium">Variáveis (opcional)</span>
+          </label>
+          <input
+            type="text"
+            bind:value={variaveisTemplate}
+            placeholder="nome, data, valor (separadas por vírgula)"
+            class="input input-bordered"
+          />
+          <label class="label">
+            <span class="label-text-alt"
+              >Liste as variáveis que podem ser substituídas no template
+              (separadas por vírgula ou espaço)</span
+            >
+          </label>
+        </div>
+      </div>
+
+      <div class="modal-action">
+        <button
+          class="btn btn-ghost"
+          onclick={fecharModalNovoTemplate}
+          disabled={criandoNovoTemplate}
+        >
+          Cancelar
+        </button>
+        <button
+          class="btn btn-primary"
+          onclick={salvarNovoTemplate}
+          disabled={criandoNovoTemplate}
+        >
+          {#if criandoNovoTemplate}
+            <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>
+            Criar Template
+          {/if}
+        </button>
+      </div>
+    </div>
+    <div class="modal-backdrop" onclick={fecharModalNovoTemplate}></div>
+  </div>
+{/if}
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 10630be..0349c24 100644
--- a/apps/web/src/routes/(dashboard)/ti/painel-administrativo/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/painel-administrativo/+page.svelte
@@ -4,18 +4,35 @@
   import StatsCard from "$lib/components/ti/StatsCard.svelte";
 
   const client = useConvexClient();
-  const usuarios = useQuery(api.usuarios.listar, {});
+  const usuariosQuery = useQuery(api.usuarios.listar, {});
+  
+  // Verificar se está carregando
+  const carregando = $derived(usuariosQuery === undefined);
+  
+  // Extrair dados dos usuários
+  const usuarios = $derived(usuariosQuery?.data ?? []);
   
   // Estatísticas derivadas
   const stats = $derived.by(() => {
-    if (!usuarios?.data || !Array.isArray(usuarios.data)) return null;
+    // Se ainda está carregando, retorna null para mostrar loading
+    if (carregando) return null;
     
-    const ativos = usuarios.data.filter(u => u.ativo && !u.bloqueado).length;
-    const bloqueados = usuarios.data.filter(u => u.bloqueado).length;
-    const inativos = usuarios.data.filter(u => !u.ativo).length;
+    // Se não há usuários, retorna stats zeradas (mas não null para não mostrar loading)
+    if (!Array.isArray(usuarios) || usuarios.length === 0) {
+      return {
+        total: 0,
+        ativos: 0,
+        bloqueados: 0,
+        inativos: 0
+      };
+    }
+    
+    const ativos = usuarios.filter(u => u.ativo && !u.bloqueado).length;
+    const bloqueados = usuarios.filter(u => u.bloqueado === true).length;
+    const inativos = usuarios.filter(u => !u.ativo).length;
     
     return {
-      total: usuarios.data.length,
+      total: usuarios.length,
       ativos,
       bloqueados,
       inativos
@@ -52,7 +69,7 @@
       <StatsCard 
         title="Usuários Ativos" 
         value={stats.ativos} 
-        description="{((stats.ativos / stats.total) * 100).toFixed(1)}% do total"
+        description="{stats.total > 0 ? ((stats.ativos / stats.total) * 100).toFixed(1) + '% do total' : '0% do total'}"
         icon='<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" />'
         color="success"
       />
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 a7cae71..2bbf51f 100644
--- a/apps/web/src/routes/(dashboard)/ti/painel-permissoes/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/painel-permissoes/+page.svelte
@@ -4,6 +4,7 @@
   import ProtectedRoute from "$lib/components/ProtectedRoute.svelte";
   import { goto } from "$app/navigation";
   import type { Id } from "@sgse-app/backend/convex/_generated/dataModel";
+  import { authStore } from "$lib/stores/auth.svelte";
   type RoleRow = {
     _id: Id<"roles">;
     _creationTime: number;
@@ -32,6 +33,14 @@
   // Formato: { "roleId-recurso": true/false }
   let recursosExpandidos: Record<string, boolean> = $state({});
 
+  // Gerenciamento de Perfis
+  let modalGerenciarPerfisAberto = $state(false);
+  let perfilSendoEditado = $state<RoleRow | null>(null);
+  let nomeNovoPerfil = $state("");
+  let descricaoNovoPerfil = $state("");
+  let nivelNovoPerfil = $state(3);
+  let processando = $state(false);
+
   // Cache de permissões por role
   let permissoesPorRole: Record<
     string,
@@ -66,13 +75,13 @@
 
   const rolesFiltradas = $derived.by(() => {
     if (!rolesQuery.data) return [];
-    let rs: Array<RoleRow> = rolesQuery.data as Array<RoleRow>;
+    let rs = rolesQuery.data; // Removed explicit type annotation
     if (filtroRole)
-      rs = rs.filter((r: RoleRow) => r._id === (filtroRole as any));
+      rs = rs.filter((r) => r._id === (filtroRole)); // Removed as any
     if (busca.trim()) {
       const b = busca.toLowerCase();
       rs = rs.filter(
-        (r: RoleRow) =>
+        (r) =>
           r.descricao.toLowerCase().includes(b) ||
           r.nome.toLowerCase().includes(b)
       );
@@ -120,8 +129,9 @@
         ];
       }
       mostrarMensagem("success", "Permissão atualizada com sucesso!");
-    } catch (e: any) {
-      mostrarMensagem("error", e.message || "Erro ao atualizar permissão");
+    } catch (error: unknown) { // Changed to unknown
+      const message = error instanceof Error ? error.message : "Erro ao atualizar permissão";
+      mostrarMensagem("error", message);
     } finally {
       salvando = false;
     }
@@ -132,6 +142,90 @@
     const entry = dados?.find((e) => e.recurso === recurso);
     return entry ? entry.acoes.includes(acao) : false;
   }
+
+  function abrirModalCriarPerfil() {
+    nomeNovoPerfil = "";
+    descricaoNovoPerfil = "";
+    nivelNovoPerfil = 3; // Default to a common level
+    perfilSendoEditado = null;
+    modalGerenciarPerfisAberto = true;
+  }
+
+  function prepararEdicaoPerfil(role: RoleRow) {
+    perfilSendoEditado = role;
+    nomeNovoPerfil = role.nome;
+    descricaoNovoPerfil = role.descricao;
+    nivelNovoPerfil = role.nivel;
+    modalGerenciarPerfisAberto = true;
+  }
+
+  function fecharModalGerenciarPerfis() {
+    modalGerenciarPerfisAberto = false;
+    perfilSendoEditado = null;
+  }
+
+  async function criarNovoPerfil() {
+    if (!nomeNovoPerfil.trim()) return;
+
+    processando = true;
+    try {
+      const result = await client.mutation(api.roles.criar, {
+        nome: nomeNovoPerfil.trim(),
+        descricao: descricaoNovoPerfil.trim(),
+        nivel: nivelNovoPerfil,
+        customizado: true,
+      });
+
+      if (result.sucesso) {
+        mostrarMensagem("success", "Perfil criado com sucesso!");
+        nomeNovoPerfil = "";
+        descricaoNovoPerfil = "";
+        nivelNovoPerfil = 3;
+        fecharModalGerenciarPerfis();
+        if (rolesQuery.refetch) { // Verificação para garantir que refetch existe
+          rolesQuery.refetch(); // Atualiza a lista de perfis
+        }
+      } else {
+        mostrarMensagem("error", `Erro ao criar perfil: ${result.erro}`);
+      }
+    } catch (error: unknown) {
+      const message = error instanceof Error ? error.message : String(error);
+      mostrarMensagem("error", `Erro ao criar perfil: ${message}`);
+    } finally {
+      processando = false;
+    }
+  }
+
+  async function editarPerfil() {
+    if (!perfilSendoEditado || !nomeNovoPerfil.trim()) return;
+
+    processando = true;
+    try {
+      const result = await client.mutation(api.roles.atualizar, {
+        roleId: perfilSendoEditado._id,
+        nome: nomeNovoPerfil.trim(),
+        descricao: descricaoNovoPerfil.trim(),
+        nivel: nivelNovoPerfil,
+        setor: perfilSendoEditado.setor, // Manter setor existente
+      });
+
+      if (result.sucesso) {
+        mostrarMensagem("success", "Perfil atualizado com sucesso!");
+        fecharModalGerenciarPerfis();
+        if (rolesQuery.refetch) { // Verificação para garantir que refetch existe
+          rolesQuery.refetch(); // Atualiza a lista de perfis
+        }
+      } else {
+        mostrarMensagem("error", `Erro ao atualizar perfil: ${result.erro}`);
+      }
+    } catch (error: unknown) {
+      const message = error instanceof Error ? error.message : String(error);
+      mostrarMensagem("error", `Erro ao atualizar perfil: ${message}`);
+    } finally {
+      processando = false;
+    }
+  }
+
 </script>
 
 <ProtectedRoute allowedRoles={["ti_master", "admin"]} maxLevel={1}>
@@ -160,7 +254,7 @@
       <li>
         <a href="/ti" class="text-primary hover:text-primary-focus">TI</a>
       </li>
-      <li class="font-semibold">Gerenciar Permissões</li>
+      <li class="font-semibold">Gerenciar Perfis & Permissões</li>
     </ul>
   </div>
 
@@ -185,12 +279,32 @@
       </div>
       <div class="flex-1">
         <h1 class="text-3xl font-bold text-base-content">
-          Gerenciar Permissões de Acesso
+          Gerenciar Perfis & Permissões de Acesso
         </h1>
         <p class="text-base-content/60 mt-1">
           Configure as permissões de acesso aos menus do sistema por função
         </p>
       </div>
+      <button
+        class="btn btn-primary gap-2"
+        onclick={abrirModalCriarPerfil}
+      >
+        <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>
+        Criar Novo Perfil
+      </button>
       <button class="btn btn-ghost gap-2" onclick={() => goto("/ti")}>
         <svg
           xmlns="http://www.w3.org/2000/svg"
@@ -479,6 +593,15 @@
                 >
               </p>
             </div>
+            <div class="flex items-center gap-2">
+              <button
+                type="button"
+                class="btn btn-outline btn-sm"
+                onclick={() => prepararEdicaoPerfil(roleRow)}
+              >
+                Editar
+              </button>
+            </div>
           </div>
 
           {#if roleRow.nivel <= 1}
@@ -574,4 +697,148 @@
       </div>
     {/each}
   {/if}
+
+  <!-- Modal Gerenciar Perfis -->
+  {#if modalGerenciarPerfisAberto}
+    <dialog class="modal modal-open">
+    <div
+      class="modal-box max-w-4xl w-full overflow-hidden border border-base-200/60 bg-base-200/40 p-0 shadow-2xl"
+    >
+      <div
+        class="relative bg-gradient-to-r from-primary via-primary/90 to-secondary/80 px-8 py-6 text-base-100"
+      >
+        <button
+          type="button"
+          class="btn btn-sm btn-circle btn-ghost absolute right-4 top-4 text-base-100/80 hover:text-base-100"
+          onclick={fecharModalGerenciarPerfis}
+          aria-label="Fechar modal"
+        >
+          ✕
+        </button>
+
+        <h3 class="text-3xl font-black tracking-tight">Gerenciar Perfis de Acesso</h3>
+        <p class="mt-2 max-w-2xl text-sm text-base-100/80 md:text-base">
+          {perfilSendoEditado
+            ? "Atualize as informações do perfil selecionado para manter a governança de acesso alinhada com as diretrizes do sistema."
+            : "Crie um novo perfil de acesso definindo nome, descrição e nível hierárquico conforme os padrões adotados pela Secretaria."}
+        </p>
+      </div>
+
+      <div class="bg-base-100 px-8 py-6">
+        <section
+          class="space-y-6 rounded-2xl border border-base-200/60 bg-base-100 p-6 shadow-sm"
+        >
+          <div
+            class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between"
+          >
+            <div class="space-y-1">
+              <h4 class="text-xl font-semibold text-base-content">
+                {perfilSendoEditado ? "Editar Perfil" : "Criar Novo Perfil"}
+              </h4>
+              <p class="text-sm text-base-content/70">
+                {perfilSendoEditado
+                  ? "Os campos bloqueados indicam atributos padronizados do sistema. Ajuste apenas o que estiver disponível."
+                  : "Preencha as informações com atenção para garantir que o novo perfil siga o padrão institucional."}
+              </p>
+            </div>
+
+            {#if perfilSendoEditado}
+              <span
+                class="badge badge-outline badge-primary badge-lg self-start flex flex-col items-center gap-1 px-5 py-3 text-center"
+              >
+                <span class="text-[11px] font-semibold uppercase tracking-[0.32em] text-primary">
+                  Nível atual
+                </span>
+                <span class="text-2xl font-bold leading-none text-primary">
+                  {perfilSendoEditado.nivel}
+                </span>
+              </span>
+            {/if}
+          </div>
+
+          <div class="grid gap-6 md:grid-cols-2">
+            <div class="form-control md:col-span-2">
+              <label class="label" for="nome-perfil-input">
+                <span class="label-text">Nome do Perfil *</span>
+              </label>
+              <input
+                id="nome-perfil-input"
+                type="text"
+                bind:value={nomeNovoPerfil}
+                class="input input-bordered input-primary"
+                placeholder="Ex: RH, Financeiro, Gestor"
+                disabled={perfilSendoEditado !== null && !perfilSendoEditado.customizado}
+              />
+            </div>
+
+            <div class="form-control md:col-span-2">
+              <label class="label" for="descricao-perfil-input">
+                <span class="label-text">Descrição</span>
+              </label>
+              <textarea
+                id="descricao-perfil-input"
+                bind:value={descricaoNovoPerfil}
+                class="textarea textarea-bordered textarea-primary min-h-[120px]"
+                placeholder="Breve descrição das responsabilidades e limites de atuação deste perfil."
+              ></textarea>
+            </div>
+
+            <div class="form-control max-w-xs">
+              <label class="label" for="nivel-perfil-input">
+                <span class="label-text">Nível de Acesso (0-5) *</span>
+              </label>
+              <input
+                id="nivel-perfil-input"
+                type="number"
+                bind:value={nivelNovoPerfil}
+                min="0"
+                max="5"
+                class="input input-bordered input-secondary"
+                disabled={perfilSendoEditado !== null && !perfilSendoEditado.customizado}
+              />
+            </div>
+          </div>
+        </section>
+
+        <div
+          class="mt-8 flex flex-col-reverse gap-3 sm:flex-row sm:items-center sm:justify-between"
+        >
+          <p class="text-sm text-base-content/60">
+            Campos marcados com * são obrigatórios.
+          </p>
+          <div class="flex flex-wrap gap-3">
+            <button
+              type="button"
+              class="btn btn-ghost"
+              onclick={fecharModalGerenciarPerfis}
+              disabled={processando}
+            >
+              Cancelar
+            </button>
+            <button
+              type="button"
+              class="btn btn-primary"
+              disabled={!nomeNovoPerfil.trim() || processando}
+              onclick={perfilSendoEditado ? editarPerfil : criarNovoPerfil}
+            >
+              {#if processando}
+                <span class="loading loading-spinner"></span>
+                Processando...
+              {:else}
+                {perfilSendoEditado ? "Salvar Alterações" : "Criar Perfil"}
+              {/if}
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+      <form method="dialog" class="modal-backdrop">
+        <button
+          type="button"
+          onclick={fecharModalGerenciarPerfis}
+          aria-label="Fechar modal"
+        >Fechar</button>
+      </form>
+    </dialog>
+  {/if}
 </ProtectedRoute>
diff --git a/apps/web/src/routes/(dashboard)/ti/perfis/+page.svelte b/apps/web/src/routes/(dashboard)/ti/perfis/+page.svelte
index 505d108..e61b8e5 100644
--- a/apps/web/src/routes/(dashboard)/ti/perfis/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/perfis/+page.svelte
@@ -2,238 +2,153 @@
   import { useQuery, useConvexClient } from "convex-svelte";
   import { api } from "@sgse-app/backend/convex/_generated/api";
   import ProtectedRoute from "$lib/components/ProtectedRoute.svelte";
-  import { authStore } from "$lib/stores/auth.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";
+
+  type Role = {
+    _id: Id<"roles">;
+    _creationTime: number;
+    nome: string;
+    descricao: string;
+    nivel: number;
+    setor?: string;
+  };
 
   const client = useConvexClient();
-
-  // Queries
-  const perfisQuery = useQuery(api.perfisCustomizados.listarPerfisCustomizados, {});
   const rolesQuery = useQuery(api.roles.listar, {});
+  const roles = $derived(rolesQuery?.data ?? []);
+  const carregando = $derived(rolesQuery === undefined);
 
-  // Estados
-  let modo = $state<"listar" | "criar" | "editar" | "detalhes">("listar");
-  let perfilSelecionado = $state<any>(null);
-  let processando = $state(false);
-  let mensagem = $state<{ tipo: "success" | "error" | "warning"; texto: string } | null>(null);
-  let modalExcluir = $state(false);
-  let perfilParaExcluir = $state<any>(null);
+  let busca = $state("");
+  let filtroSetor = $state("");
+  let filtroNivel = $state<number | "">("");
+  let roleSelecionada = $state<Role | null>(null);
+  let modalDetalhesAberto = $state(false);
 
-  // Formulário
-  let formNome = $state("");
-  let formDescricao = $state("");
-  let formNivel = $state(3);
-  let formClonarDeRoleId = $state<string>("");
-  
-  // Detalhes do perfil
-  let detalhesQuery = $state<any>(null);
+  const setoresDisponiveis = $derived.by(() => {
+    const setores = new Set<string>();
+    roles.forEach((r) => {
+      if (r.setor) setores.add(r.setor);
+    });
+    return Array.from(setores).sort();
+  });
 
-  function mostrarMensagem(tipo: "success" | "error" | "warning", texto: string) {
-    mensagem = { tipo, texto };
-    setTimeout(() => {
-      mensagem = null;
-    }, 5000);
-  }
-
-  function abrirCriar() {
-    modo = "criar";
-    formNome = "";
-    formDescricao = "";
-    formNivel = 3;
-    formClonarDeRoleId = "";
-  }
-
-  function abrirEditar(perfil: any) {
-    modo = "editar";
-    perfilSelecionado = perfil;
-    formNome = perfil.nome;
-    formDescricao = perfil.descricao;
-    formNivel = perfil.nivel;
-  }
-
-  async function abrirDetalhes(perfil: any) {
-    modo = "detalhes";
-    perfilSelecionado = perfil;
+  // Estatísticas
+  const stats = $derived.by(() => {
+    if (carregando) return null;
     
-    // Buscar detalhes completos
-    try {
-      const detalhes = await client.query(api.perfisCustomizados.obterPerfilComPermissoes, {
-        perfilId: perfil._id,
-      });
-      detalhesQuery = detalhes;
-    } catch (e: any) {
-      mostrarMensagem("error", e.message || "Erro ao carregar detalhes");
-    }
-  }
+    const porNivel = {
+      0: roles.filter(r => r.nivel === 0).length,
+      1: roles.filter(r => r.nivel === 1).length,
+      2: roles.filter(r => r.nivel === 2).length,
+      3: roles.filter(r => r.nivel >= 3).length,
+    };
 
-  function voltar() {
-    modo = "listar";
-    perfilSelecionado = null;
-    detalhesQuery = null;
-  }
+    return {
+      total: roles.length,
+      nivelMaximo: porNivel[0],
+      nivelAlto: porNivel[1],
+      nivelMedio: porNivel[2],
+      nivelBaixo: porNivel[3],
+      comSetor: roles.filter(r => r.setor).length,
+    };
+  });
 
-  async function criarPerfil() {
-    if (!formNome.trim() || !formDescricao.trim()) {
-      mostrarMensagem("warning", "Preencha todos os campos obrigatórios");
-      return;
+  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)
+      );
     }
 
-    if (formNivel < 3) {
-      mostrarMensagem("warning", "O nível mínimo para perfis customizados é 3");
-      return;
+    // Filtro por setor
+    if (filtroSetor) {
+      resultado = resultado.filter((r) => r.setor === filtroSetor);
     }
 
-    if (!authStore.usuario) {
-      mostrarMensagem("error", "Usuário não autenticado");
-      return;
-    }
-
-    try {
-      processando = true;
-
-      const resultado = await client.mutation(api.perfisCustomizados.criarPerfilCustomizado, {
-        nome: formNome.trim(),
-        descricao: formDescricao.trim(),
-        nivel: formNivel,
-        clonarDeRoleId: formClonarDeRoleId ? (formClonarDeRoleId as Id<"roles">) : undefined,
-        criadoPorId: authStore.usuario._id as Id<"usuarios">,
-      });
-
-      if (resultado.sucesso) {
-        mostrarMensagem("success", "Perfil criado com sucesso!");
-        voltar();
+    // Filtro por nível
+    if (filtroNivel !== "") {
+      if (filtroNivel === 3) {
+        resultado = resultado.filter((r) => r.nivel >= 3);
       } else {
-        mostrarMensagem("error", resultado.erro);
+        resultado = resultado.filter((r) => r.nivel === filtroNivel);
       }
-    } catch (e: any) {
-      mostrarMensagem("error", e.message || "Erro ao criar perfil");
-    } finally {
-      processando = false;
     }
+
+    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";
+    if (nivel === 2) return "badge-info";
+    return "badge-ghost";
   }
 
-  async function editarPerfil() {
-    if (!perfilSelecionado) return;
-
-    if (!formNome.trim() || !formDescricao.trim()) {
-      mostrarMensagem("warning", "Preencha todos os campos obrigatórios");
-      return;
-    }
-
-    if (!authStore.usuario) {
-      mostrarMensagem("error", "Usuário não autenticado");
-      return;
-    }
-
-    try {
-      processando = true;
-
-      const resultado = await client.mutation(api.perfisCustomizados.editarPerfilCustomizado, {
-        perfilId: perfilSelecionado._id,
-        nome: formNome.trim(),
-        descricao: formDescricao.trim(),
-        editadoPorId: authStore.usuario._id as Id<"usuarios">,
-      });
-
-      if (resultado.sucesso) {
-        mostrarMensagem("success", "Perfil atualizado com sucesso!");
-        voltar();
-      } else {
-        mostrarMensagem("error", resultado.erro);
-      }
-    } catch (e: any) {
-      mostrarMensagem("error", e.message || "Erro ao editar perfil");
-    } finally {
-      processando = false;
-    }
+  function obterTextoNivel(nivel: number): string {
+    if (nivel === 0) return "Máximo";
+    if (nivel === 1) return "Alto";
+    if (nivel === 2) return "Médio";
+    if (nivel === 3) return "Baixo";
+    return `Nível ${nivel}`;
   }
 
-  function abrirModalExcluir(perfil: any) {
-    perfilParaExcluir = perfil;
-    modalExcluir = true;
+  function obterCorCardNivel(nivel: number): string {
+    if (nivel === 0) return "border-l-4 border-error";
+    if (nivel === 1) return "border-l-4 border-warning";
+    if (nivel === 2) return "border-l-4 border-info";
+    return "border-l-4 border-base-300";
   }
 
-  function fecharModalExcluir() {
-    modalExcluir = false;
-    perfilParaExcluir = null;
+  function abrirDetalhes(role: Role) {
+    roleSelecionada = role;
+    modalDetalhesAberto = true;
   }
 
-  async function confirmarExclusao() {
-    if (!perfilParaExcluir || !authStore.usuario) {
-      mostrarMensagem("error", "Erro ao excluir perfil");
-      return;
-    }
-
-    try {
-      processando = true;
-      modalExcluir = false;
-
-      const resultado = await client.mutation(api.perfisCustomizados.excluirPerfilCustomizado, {
-        perfilId: perfilParaExcluir._id,
-        excluidoPorId: authStore.usuario._id as Id<"usuarios">,
-      });
-
-      if (resultado.sucesso) {
-        mostrarMensagem("success", "Perfil excluído com sucesso!");
-      } else {
-        mostrarMensagem("error", resultado.erro);
-      }
-    } catch (e: any) {
-      mostrarMensagem("error", e.message || "Erro ao excluir perfil");
-    } finally {
-      processando = false;
-      perfilParaExcluir = null;
-    }
-  }
-
-  async function clonarPerfil(perfil: any) {
-    const novoNome = prompt(`Digite o nome para o novo perfil (clone de "${perfil.nome}"):`);
-    if (!novoNome?.trim()) return;
-
-    const novaDescricao = prompt("Digite a descrição para o novo perfil:");
-    if (!novaDescricao?.trim()) return;
-
-    if (!authStore.usuario) {
-      mostrarMensagem("error", "Usuário não autenticado");
-      return;
-    }
-
-    try {
-      processando = true;
-
-      const resultado = await client.mutation(api.perfisCustomizados.clonarPerfil, {
-        perfilOrigemId: perfil._id,
-        novoNome: novoNome.trim(),
-        novaDescricao: novaDescricao.trim(),
-        criadoPorId: authStore.usuario._id as Id<"usuarios">,
-      });
-
-      if (resultado.sucesso) {
-        mostrarMensagem("success", "Perfil clonado com sucesso!");
-      } else {
-        mostrarMensagem("error", resultado.erro);
-      }
-    } catch (e: any) {
-      mostrarMensagem("error", e.message || "Erro ao clonar perfil");
-    } finally {
-      processando = false;
-    }
+  function fecharDetalhes() {
+    modalDetalhesAberto = false;
+    roleSelecionada = null;
   }
 
   function formatarData(timestamp: number): string {
-    return new Date(timestamp).toLocaleString("pt-BR");
+    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"]} maxLevel={1}>
+<ProtectedRoute allowedRoles={["ti_master", "admin", "ti_usuario"]} maxLevel={3}>
   <div class="container mx-auto px-4 py-6 max-w-7xl">
     <!-- Header -->
     <div class="flex items-center justify-between mb-8">
       <div class="flex items-center gap-4">
-        <div class="p-3 bg-secondary/10 rounded-xl">
+        <div class="p-3 bg-primary/10 rounded-xl">
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            class="h-8 w-8 text-secondary"
+            class="h-8 w-8 text-primary"
             fill="none"
             viewBox="0 0 24 24"
             stroke="currentColor"
@@ -242,708 +157,511 @@
               stroke-linecap="round"
               stroke-linejoin="round"
               stroke-width="2"
-              d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
+              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>
         </div>
         <div>
-          <h1 class="text-3xl font-bold text-base-content">Gerenciar Perfis Customizados</h1>
-          <p class="text-base-content/60 mt-1">
-            Crie e gerencie perfis de acesso personalizados para os usuários
-          </p>
+          <h1 class="text-3xl font-bold text-base-content">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 class="flex gap-2">
-        {#if modo !== "listar"}
-          <button class="btn btn-ghost gap-2" onclick={voltar} 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="M10 19l-7-7m0 0l7-7m-7 7h18"
-            />
-          </svg>
-            Voltar
-          </button>
-        {/if}
-        {#if modo === "listar"}
-          <a href="/ti" class="btn btn-outline 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="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>
-            Voltar para TI
-          </a>
-          <button class="btn btn-primary gap-2" onclick={abrirCriar} 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="M12 4v16m8-8H4"
-              />
-            </svg>
-            Novo Perfil
-          </button>
-        {/if}
-      </div>
     </div>
 
-    <!-- Mensagens -->
-    {#if mensagem}
-      <div
-        class="alert mb-6"
-        class:alert-success={mensagem.tipo === "success"}
-        class:alert-error={mensagem.tipo === "error"}
-        class:alert-warning={mensagem.tipo === "warning"}
-      >
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          class="stroke-current shrink-0 h-6 w-6"
-          fill="none"
-          viewBox="0 0 24 24"
-        >
-          {#if 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="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>
-        <span>{mensagem.texto}</span>
+    <!-- Estatísticas -->
+    {#if stats}
+      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-4 mb-8">
+        <StatsCard 
+          title="Total de Perfis" 
+          value={stats.total} 
+          icon='<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" />'
+          color="primary"
+        />
+        <StatsCard 
+          title="Nível Máximo" 
+          value={stats.nivelMaximo}
+          description="Acesso total"
+          icon='<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" />'
+          color="error"
+        />
+        <StatsCard 
+          title="Nível Alto" 
+          value={stats.nivelAlto}
+          description="Acesso elevado"
+          icon='<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" />'
+          color="warning"
+        />
+        <StatsCard 
+          title="Nível Médio" 
+          value={stats.nivelMedio}
+          description="Acesso padrão"
+          icon='<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" />'
+          color="info"
+        />
+        <StatsCard 
+          title="Com Setor" 
+          value={stats.comSetor}
+          description="{stats.total > 0 ? ((stats.comSetor / stats.total) * 100).toFixed(0) + '% do total' : '0%'}"
+          icon='<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" />'
+          color="secondary"
+        />
       </div>
     {/if}
 
-    <!-- Modo: Listar -->
-    {#if modo === "listar"}
-      <div class="card bg-base-100 shadow-xl">
+    <!-- Filtros -->
+    {#if !carregando && roles.length > 0}
+      <div class="card bg-base-100 shadow-xl mb-6 border border-base-300">
         <div class="card-body">
-          {#if !perfisQuery}
-            <div class="flex justify-center items-center py-20">
-              <span class="loading loading-spinner loading-lg text-primary"></span>
-            </div>
-          {:else if perfisQuery.data && perfisQuery.data.length === 0}
-            <div class="text-center py-20">
-              <div class="text-6xl mb-4">📋</div>
-              <h3 class="text-2xl font-bold mb-2">Nenhum perfil customizado</h3>
-              <p class="text-base-content/60 mb-6">
-                Crie seu primeiro perfil personalizado clicando no botão acima
-              </p>
-            </div>
-          {:else if perfisQuery.data}
-            <div class="overflow-x-auto">
-              <table class="table table-zebra">
-                <thead>
-                  <tr>
-                    <th>Nome</th>
-                    <th>Descrição</th>
-                    <th>Nível</th>
-                    <th>Usuários</th>
-                    <th>Criado Por</th>
-                    <th>Criado Em</th>
-                    <th class="text-right">Ações</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  {#each perfisQuery.data as perfil}
-                    <tr>
-                      <td>
-                        <div class="font-bold">{perfil.nome}</div>
-                      </td>
-                      <td>
-                        <div class="text-sm opacity-70 max-w-xs truncate">
-                          {perfil.descricao}
-                        </div>
-                      </td>
-                      <td>
-                        <div class="badge badge-primary">{perfil.nivel}</div>
-                      </td>
-                      <td>
-                        <div class="badge badge-ghost">
-                          {perfil.numeroUsuarios} usuário{perfil.numeroUsuarios !== 1 ? "s" : ""}
-                        </div>
-                      </td>
-                      <td>
-                        <div class="text-sm">{perfil.criadorNome}</div>
-                      </td>
-                      <td>
-                        <div class="text-sm">{formatarData(perfil.criadoEm)}</div>
-                      </td>
-                      <td>
-                        <div class="flex gap-2 justify-end">
-                          <button
-                            type="button"
-                            class="btn btn-sm btn-info btn-square tooltip"
-                            data-tip="Ver Detalhes"
-                            aria-label="Ver Detalhes"
-                            onclick={() => abrirDetalhes(perfil)}
-                            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="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>
-                          </button>
-                          <button
-                            type="button"
-                            class="btn btn-sm btn-warning btn-square tooltip"
-                            data-tip="Editar"
-                            aria-label="Editar"
-                            onclick={() => abrirEditar(perfil)}
-                            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>
-                          </button>
-                          <button
-                            type="button"
-                            class="btn btn-sm btn-success btn-square tooltip"
-                            data-tip="Clonar"
-                            aria-label="Clonar"
-                            onclick={() => clonarPerfil(perfil)}
-                            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="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
-                              />
-                            </svg>
-                          </button>
-                          <button
-                            type="button"
-                            class="btn btn-sm btn-error btn-square tooltip"
-                            data-tip={perfil.numeroUsuarios > 0 ? "Não pode excluir - Perfil em uso" : "Excluir"}
-                            aria-label="Excluir"
-                            onclick={() => abrirModalExcluir(perfil)}
-                            disabled={processando || perfil.numeroUsuarios > 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="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>
-                        </div>
-                      </td>
-                    </tr>
-                  {/each}
-                </tbody>
-              </table>
-            </div>
-          {/if}
-        </div>
-      </div>
-    {/if}
-
-    <!-- Modo: Criar -->
-    {#if modo === "criar"}
-      <div class="card bg-base-100 shadow-xl">
-        <div class="card-body">
-          <h2 class="card-title text-2xl mb-6">Criar Novo Perfil Customizado</h2>
-
-          <form
-            onsubmit={(e) => {
-              e.preventDefault();
-              criarPerfil();
-            }}
-          >
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-              <!-- Nome -->
-              <div class="form-control">
-                <label class="label" for="nome">
-                  <span class="label-text font-semibold">Nome do Perfil *</span>
-                </label>
-                <input
-                  id="nome"
-                  type="text"
-                  placeholder="Ex: Coordenador de Esportes"
-                  class="input input-bordered"
-                  bind:value={formNome}
-                  required
-                  disabled={processando}
-                />
-              </div>
-
-              <!-- Nível -->
-              <div class="form-control">
-                <label class="label" for="nivel">
-                  <span class="label-text font-semibold">Nível de Acesso *</span>
-                </label>
-                <input
-                  id="nivel"
-                  type="number"
-                  min="3"
-                  class="input input-bordered"
-                  bind:value={formNivel}
-                  required
-                  disabled={processando}
-                />
-                <div class="label">
-                  <span class="label-text-alt">Mínimo: 3 (perfis customizados)</span>
-                </div>
-              </div>
-
-              <!-- Descrição -->
-              <div class="form-control md:col-span-2">
-                <label class="label" for="descricao">
-                  <span class="label-text font-semibold">Descrição *</span>
-                </label>
-                <textarea
-                  id="descricao"
-                  placeholder="Descreva as responsabilidades deste perfil..."
-                  class="textarea textarea-bordered h-24"
-                  bind:value={formDescricao}
-                  required
-                  disabled={processando}
-                ></textarea>
-              </div>
-
-              <!-- Clonar Permissões -->
-              <div class="form-control md:col-span-2">
-                <label class="label" for="clonar">
-                  <span class="label-text font-semibold">Clonar Permissões de (Opcional)</span>
-                </label>
-                <select
-                  id="clonar"
-                  class="select select-bordered"
-                  bind:value={formClonarDeRoleId}
-                  disabled={processando || !rolesQuery?.data}
-                >
-                  <option value="">Não clonar (perfil vazio)</option>
-                  {#if rolesQuery?.data}
-                    {#each rolesQuery.data as role}
-                      <option value={role._id}>{role.nome} - {role.descricao}</option>
-                    {/each}
-                  {/if}
-                </select>
-                <div class="label">
-                  <span class="label-text-alt"
-                    >Selecione um perfil existente para copiar suas permissões</span
-                  >
-                </div>
-              </div>
-            </div>
-
-            <div class="card-actions justify-end mt-6">
-              <button
-                type="button"
-                class="btn btn-ghost"
-                onclick={voltar}
-                disabled={processando}
-              >
-                Cancelar
-              </button>
-              <button type="submit" class="btn btn-primary" disabled={processando}>
-                {#if processando}
-                  <span class="loading loading-spinner"></span>
-                {/if}
-                Criar Perfil
-              </button>
-            </div>
-          </form>
-        </div>
-      </div>
-    {/if}
-
-    <!-- Modo: Editar -->
-    {#if modo === "editar" && perfilSelecionado}
-      <div class="card bg-base-100 shadow-xl">
-        <div class="card-body">
-          <h2 class="card-title text-2xl mb-6">Editar Perfil: {perfilSelecionado.nome}</h2>
-
-          <form
-            onsubmit={(e) => {
-              e.preventDefault();
-              editarPerfil();
-            }}
-          >
-            <div class="grid grid-cols-1 gap-6">
-              <!-- Nome -->
-              <div class="form-control">
-                <label class="label" for="edit-nome">
-                  <span class="label-text font-semibold">Nome do Perfil *</span>
-                </label>
-                <input
-                  id="edit-nome"
-                  type="text"
-                  placeholder="Ex: Coordenador de Esportes"
-                  class="input input-bordered"
-                  bind:value={formNome}
-                  required
-                  disabled={processando}
-                />
-              </div>
-
-              <!-- Descrição -->
-              <div class="form-control">
-                <label class="label" for="edit-descricao">
-                  <span class="label-text font-semibold">Descrição *</span>
-                </label>
-                <textarea
-                  id="edit-descricao"
-                  placeholder="Descreva as responsabilidades deste perfil..."
-                  class="textarea textarea-bordered h-24"
-                  bind:value={formDescricao}
-                  required
-                  disabled={processando}
-                ></textarea>
-              </div>
-
-              <!-- Info sobre nível -->
-              <div class="alert alert-info">
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  class="stroke-current shrink-0 w-6 h-6"
-                >
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2"
-                    d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-                  ></path>
-                </svg>
-                <span>O nível de acesso não pode ser alterado após a criação (Nível: {formNivel})</span>
-              </div>
-            </div>
-
-            <div class="card-actions justify-end mt-6">
-              <button
-                type="button"
-                class="btn btn-ghost"
-                onclick={voltar}
-                disabled={processando}
-              >
-                Cancelar
-              </button>
-              <button type="submit" class="btn btn-primary" disabled={processando}>
-                {#if processando}
-                  <span class="loading loading-spinner"></span>
-                {/if}
-                Salvar Alterações
-              </button>
-            </div>
-          </form>
-        </div>
-      </div>
-    {/if}
-
-    <!-- Modo: Detalhes -->
-    {#if modo === "detalhes" && perfilSelecionado}
-      <div class="space-y-6">
-        <!-- Informações Básicas -->
-        <div class="card bg-base-100 shadow-xl">
-          <div class="card-body">
-            <h2 class="card-title text-2xl mb-4">{perfilSelecionado.nome}</h2>
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <p class="text-sm font-semibold text-base-content/60">Descrição</p>
-                <p class="text-base-content">{perfilSelecionado.descricao}</p>
-              </div>
-              <div>
-                <p class="text-sm font-semibold text-base-content/60">Nível de Acesso</p>
-                <p class="text-base-content">
-                  <span class="badge badge-primary">{perfilSelecionado.nivel}</span>
-                </p>
-              </div>
-              <div>
-                <p class="text-sm font-semibold text-base-content/60">Criado Por</p>
-                <p class="text-base-content">{perfilSelecionado.criadorNome}</p>
-              </div>
-              <div>
-                <p class="text-sm font-semibold text-base-content/60">Criado Em</p>
-                <p class="text-base-content">{formatarData(perfilSelecionado.criadoEm)}</p>
-              </div>
-              <div>
-                <p class="text-sm font-semibold text-base-content/60">Usuários com este Perfil</p>
-                <p class="text-base-content">
-                  <span class="badge badge-ghost"
-                    >{perfilSelecionado.numeroUsuarios} usuário{perfilSelecionado.numeroUsuarios !==
-                    1
-                      ? "s"
-                      : ""}</span
-                  >
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- Permissões -->
-        {#if !detalhesQuery}
-          <div class="card bg-base-100 shadow-xl">
-            <div class="card-body">
-              <div class="flex justify-center items-center py-20">
-                <span class="loading loading-spinner loading-lg text-primary"></span>
-              </div>
-            </div>
-          </div>
-        {:else}
-          <!-- Permissões de Menu -->
-          {#if detalhesQuery.menuPermissoes && detalhesQuery.menuPermissoes.length > 0}
-            <div class="card bg-base-100 shadow-xl">
-              <div class="card-body">
-                <h3 class="card-title text-xl mb-4">Permissões de Menu</h3>
-                <div class="overflow-x-auto">
-                  <table class="table table-sm">
-                    <thead>
-                      <tr>
-                        <th>Menu</th>
-                        <th>Acessar</th>
-                        <th>Consultar</th>
-                        <th>Gravar</th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      {#each detalhesQuery.menuPermissoes as perm}
-                        <tr>
-                          <td class="font-medium">{perm.menuPath}</td>
-                          <td>
-                            {#if perm.podeAcessar}
-                              <span class="badge badge-success badge-sm">Sim</span>
-                            {:else}
-                              <span class="badge badge-ghost badge-sm">Não</span>
-                            {/if}
-                          </td>
-                          <td>
-                            {#if perm.podeConsultar}
-                              <span class="badge badge-success badge-sm">Sim</span>
-                            {:else}
-                              <span class="badge badge-ghost badge-sm">Não</span>
-                            {/if}
-                          </td>
-                          <td>
-                            {#if perm.podeGravar}
-                              <span class="badge badge-success badge-sm">Sim</span>
-                            {:else}
-                              <span class="badge badge-ghost badge-sm">Não</span>
-                            {/if}
-                          </td>
-                        </tr>
-                      {/each}
-                    </tbody>
-                  </table>
-                </div>
-                <div class="card-actions justify-end mt-4">
-                  <a href="/ti/painel-permissoes" class="btn btn-sm btn-primary">
-                    Editar Permissões
-                  </a>
-                </div>
-              </div>
-            </div>
-          {:else}
-            <div class="alert alert-warning">
+          <div class="flex flex-wrap items-center justify-between gap-4 mb-4">
+            <div class="flex items-center gap-2">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
-                class="stroke-current shrink-0 h-6 w-6"
+                class="h-5 w-5 text-primary"
                 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"
+                  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>
-              <div>
-                <h3 class="font-bold">Sem permissões de menu configuradas</h3>
-                <div class="text-sm">
-                  Configure as permissões de menu no <a
-                    href="/ti/painel-permissoes"
-                    class="link">Painel de Permissões</a
-                  >
-                </div>
-              </div>
+              <h2 class="card-title text-lg">Filtros de Busca</h2>
             </div>
-          {/if}
+            {#if temFiltrosAtivos}
+              <button type="button" class="btn btn-sm btn-outline btn-error" onclick={limparFiltros}>
+                <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>
+                Limpar Filtros
+              </button>
+            {/if}
+          </div>
 
-          <!-- Usuários com este Perfil -->
-          {#if detalhesQuery.usuarios && detalhesQuery.usuarios.length > 0}
-            <div class="card bg-base-100 shadow-xl">
-              <div class="card-body">
-                <h3 class="card-title text-xl mb-4">Usuários com este Perfil</h3>
-                <div class="overflow-x-auto">
-                  <table class="table table-sm">
-                    <thead>
-                      <tr>
-                        <th>Nome</th>
-                        <th>Matrícula</th>
-                        <th>Email</th>
-                        <th>Status</th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      {#each detalhesQuery.usuarios as usuario}
-                        <tr>
-                          <td>{usuario.nome}</td>
-                          <td>{usuario.matricula}</td>
-                          <td>{usuario.email}</td>
-                          <td>
-                            {#if usuario.ativo && !usuario.bloqueado}
-                              <span class="badge badge-success badge-sm">Ativo</span>
-                            {:else if usuario.bloqueado}
-                              <span class="badge badge-error badge-sm">Bloqueado</span>
-                            {:else}
-                              <span class="badge badge-ghost badge-sm">Inativo</span>
-                            {/if}
-                          </td>
-                        </tr>
-                      {/each}
-                    </tbody>
-                  </table>
-                </div>
+          <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+            <!-- 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"
+                />
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  class="h-5 w-5 absolute left-3 top-1/2 transform -translate-y-1/2 text-base-content/40"
+                  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>
               </div>
             </div>
-          {/if}
-        {/if}
+
+            <!-- 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-sm text-base-content/60">
+              <span class="font-medium text-base-content">{rolesFiltradas.length}</span> de <span class="font-medium text-base-content">{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 justify-center items-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">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-16 w-16 text-base-content/30"
+          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>
+        <h3 class="text-xl font-semibold mt-4">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">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              class="h-16 w-16 text-base-content/30 mb-4"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke="currentColor"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+              />
+            </svg>
+            <h3 class="text-xl font-semibold mt-4">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 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        {#each rolesFiltradas as role}
+          <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-all duration-300 cursor-pointer border border-base-300 {obterCorCardNivel(role.nivel)} hover:scale-[1.02]" onclick={() => abrirDetalhes(role)}>
+            <div class="card-body">
+              <div class="flex items-start justify-between mb-4">
+                <div class="flex-1">
+                  <h2 class="card-title text-lg mb-1">{role.descricao}</h2>
+                  <div class="badge {obterCorNivel(role.nivel)} badge-sm">{obterTextoNivel(role.nivel)}</div>
+                </div>
+                <div class="p-2 bg-base-200 rounded-lg">
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    class="h-6 w-6 text-primary"
+                    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>
+              </div>
+              
+              <div class="space-y-3 text-sm">
+                <div class="flex items-center gap-2 p-2 bg-base-200 rounded-lg">
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    class="h-4 w-4 text-base-content/40"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke="currentColor"
+                  >
+                    <path
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
+                    />
+                  </svg>
+                  <span class="font-medium text-base-content/60">Nome técnico:</span>
+                  <code class="text-xs bg-base-100 px-2 py-1 rounded font-mono">{role.nome}</code>
+                </div>
+                
+                {#if role.setor}
+                  <div class="flex items-center gap-2 p-2 bg-base-200 rounded-lg">
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      class="h-4 w-4 text-base-content/40"
+                      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>
+                    <span class="font-medium text-base-content/60">Setor:</span>
+                    <span class="font-medium">{role.setor}</span>
+                  </div>
+                {/if}
+                
+                <div class="flex items-center gap-2 p-2 bg-base-200 rounded-lg">
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    class="h-4 w-4 text-base-content/40"
+                    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>
+                  <span class="font-medium text-base-content/60">Nível:</span>
+                  <span class="font-bold text-lg">{role.nivel}</span>
+                </div>
+              </div>
+
+              <div class="card-actions justify-end mt-4 pt-4 border-t border-base-300">
+                <button class="btn btn-sm btn-primary btn-outline" onclick={(e) => { e.stopPropagation(); abrirDetalhes(role); }}>
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    class="h-4 w-4 mr-1"
+                    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>
+                  Ver Detalhes
+                </button>
+              </div>
+            </div>
+          </div>
+        {/each}
       </div>
     {/if}
   </div>
 
-  <!-- Modal de Confirmação de Exclusão -->
-  {#if modalExcluir && perfilParaExcluir}
-    <dialog class="modal modal-open">
-      <div class="modal-box">
-        <h3 class="font-bold text-lg flex items-center gap-2">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            class="h-6 w-6 text-error"
-            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>
-          Confirmar Exclusão
-        </h3>
-        <p class="py-4">
-          Tem certeza que deseja excluir o perfil <strong>"{perfilParaExcluir.nome}"</strong>?
-        </p>
-        <div class="alert alert-warning">
-          <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="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>
-          <span>Esta ação não pode ser desfeita!</span>
+  <!-- Modal Detalhes -->
+  {#if modalDetalhesAberto && roleSelecionada}
+    <div class="modal modal-open">
+      <div class="modal-box max-w-3xl">
+        <div class="flex items-center justify-between mb-6">
+          <h3 class="font-bold text-2xl">Detalhes do Perfil</h3>
+          <button type="button" class="btn btn-sm btn-circle btn-ghost" onclick={fecharDetalhes}>
+            <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="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
-        <div class="modal-action">
-          <button type="button" class="btn btn-ghost" onclick={fecharModalExcluir} disabled={processando}>
-            Cancelar
-          </button>
-          <button type="button" class="btn btn-error" onclick={confirmarExclusao} disabled={processando}>
-            {#if processando}
-              <span class="loading loading-spinner loading-sm"></span>
-            {/if}
-            Excluir Perfil
+
+        <div class="space-y-6">
+          <!-- Header do Perfil -->
+          <div class="card bg-gradient-to-r from-primary/10 to-secondary/10 border border-primary/20">
+            <div class="card-body">
+              <div class="flex items-start justify-between">
+                <div class="flex-1">
+                  <h2 class="text-2xl font-bold mb-2">{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-sm text-base-content/60">Nível {roleSelecionada.nivel}</span>
+                  </div>
+                </div>
+                <div class="p-3 bg-base-100 rounded-lg shadow-sm">
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    class="h-8 w-8 text-primary"
+                    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>
+              </div>
+            </div>
+          </div>
+
+          <!-- Informações Principais -->
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div class="card bg-base-100 border border-base-300">
+              <div class="card-body">
+                <label class="label">
+                  <span class="label-text font-semibold flex items-center gap-2">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z" />
+                    </svg>
+                    Nome Técnico
+                  </span>
+                </label>
+                <code class="block bg-base-200 px-4 py-3 rounded-lg text-sm font-mono mt-2">{roleSelecionada.nome}</code>
+              </div>
+            </div>
+            
+            <div class="card bg-base-100 border border-base-300">
+              <div class="card-body">
+                <label class="label">
+                  <span class="label-text font-semibold flex items-center gap-2">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary" 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>
+                    Setor
+                  </span>
+                </label>
+                <p class="text-lg font-medium mt-2">
+                  {#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 border-base-300">
+            <div class="card-body">
+              <label class="label">
+                <span class="label-text font-semibold flex items-center gap-2">
+                  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary" 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>
+                  Nível de Acesso
+                </span>
+              </label>
+              <div class="mt-4">
+                <div class="flex items-center gap-4 mb-3">
+                  <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">
+                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                  </svg>
+                  <span 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 border-base-300">
+            <div class="card-body">
+              <label class="label">
+                <span class="label-text font-semibold flex items-center gap-2">
+                  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary" 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>
+                  Data de Criação
+                </span>
+              </label>
+              <p class="text-lg font-medium mt-2">{formatarData(roleSelecionada._creationTime)}</p>
+            </div>
+          </div>
+
+          <!-- Informação sobre Permissões -->
+          <div class="alert alert-info">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              class="stroke-current shrink-0 w-6 h-6"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+              ></path>
+            </svg>
+            <div>
+              <h4 class="font-semibold mb-1">Configuração de Permissões</h4>
+              <p class="text-sm">
+                Para configurar permissões específicas deste perfil, acesse o <a href="/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 btn-ghost" onclick={fecharDetalhes}>
+            Fechar
           </button>
+          <a href="/ti/painel-permissoes" class="btn btn-primary">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+            </svg>
+            Configurar Permissões
+          </a>
         </div>
       </div>
-      <form method="dialog" class="modal-backdrop" onclick={fecharModalExcluir}>
-        <button>close</button>
-      </form>
-    </dialog>
+      <div class="modal-backdrop" onclick={fecharDetalhes}></div>
+    </div>
   {/if}
 </ProtectedRoute>
 
diff --git a/apps/web/src/routes/(dashboard)/ti/solicitacoes-acesso/+page.svelte b/apps/web/src/routes/(dashboard)/ti/solicitacoes-acesso/+page.svelte
new file mode 100644
index 0000000..1034330
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/ti/solicitacoes-acesso/+page.svelte
@@ -0,0 +1,693 @@
+<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 ProtectedRoute from "$lib/components/ProtectedRoute.svelte";
+  import StatsCard from "$lib/components/ti/StatsCard.svelte";
+  import { format } from "date-fns";
+  import { ptBR } from "date-fns/locale";
+
+  type StatusSolicitacao = "pendente" | "aprovado" | "rejeitado";
+
+  type SolicitacaoAcesso = {
+    _id: Id<"solicitacoesAcesso">;
+    _creationTime: number;
+    nome: string;
+    matricula: string;
+    email: string;
+    telefone: string;
+    status: StatusSolicitacao;
+    dataSolicitacao: number;
+    dataResposta: number | null;
+    observacoes: string | null;
+  };
+
+  type FiltroStatus = "todos" | "pendente" | "aprovado" | "rejeitado";
+
+  type Mensagem = {
+    tipo: "success" | "error" | "info";
+    texto: string;
+  };
+
+  const client = useConvexClient();
+  
+  // Queries
+  const solicitacoesQuery = useQuery(api.solicitacoesAcesso.getAll, {});
+  
+  // Estados
+  let filtroStatus = $state<FiltroStatus>("todos");
+  let busca = $state("");
+  let solicitacaoSelecionada = $state<SolicitacaoAcesso | null>(null);
+  let modalDetalhesAberto = $state(false);
+  let modalAprovarAberto = $state(false);
+  let modalRejeitarAberto = $state(false);
+  let observacoes = $state("");
+  let mensagem = $state<Mensagem | null>(null);
+  let processando = $state(false);
+
+  // Extrair dados das solicitações
+  const solicitacoes = $derived.by(() => {
+    if (solicitacoesQuery === undefined || solicitacoesQuery === null) {
+      return [];
+    }
+    
+    if ("data" in solicitacoesQuery && solicitacoesQuery.data !== undefined) {
+      return Array.isArray(solicitacoesQuery.data) ? solicitacoesQuery.data : [];
+    }
+    
+    if (Array.isArray(solicitacoesQuery)) {
+      return solicitacoesQuery;
+    }
+    
+    return [];
+  });
+
+  const carregando = $derived.by(() => {
+    return solicitacoesQuery === undefined || solicitacoesQuery === null;
+  });
+
+  // Estatísticas
+  const stats = $derived.by(() => {
+    if (carregando) return null;
+    
+    const total = solicitacoes.length;
+    const pendentes = solicitacoes.filter(s => s.status === "pendente").length;
+    const aprovadas = solicitacoes.filter(s => s.status === "aprovado").length;
+    const rejeitadas = solicitacoes.filter(s => s.status === "rejeitado").length;
+    
+    return {
+      total,
+      pendentes,
+      aprovadas,
+      rejeitadas
+    };
+  });
+
+  // Filtrar e buscar solicitações
+  const solicitacoesFiltradas = $derived.by(() => {
+    let resultado = solicitacoes;
+
+    // Filtrar por status
+    if (filtroStatus !== "todos") {
+      resultado = resultado.filter(s => s.status === filtroStatus);
+    }
+
+    // Buscar por nome, matrícula ou email
+    if (busca.trim()) {
+      const termo = busca.toLowerCase().trim();
+      resultado = resultado.filter(s =>
+        s.nome.toLowerCase().includes(termo) ||
+        s.matricula.toLowerCase().includes(termo) ||
+        s.email.toLowerCase().includes(termo)
+      );
+    }
+
+    // Ordenar por data (mais recente primeiro)
+    return resultado.sort((a, b) => b.dataSolicitacao - a.dataSolicitacao);
+  });
+
+  // Funções auxiliares
+  function formatarData(timestamp: number): string {
+    return format(new Date(timestamp), "dd/MM/yyyy 'às' HH:mm", { locale: ptBR });
+  }
+
+  function formatarDataRelativa(timestamp: number): string {
+    const agora = Date.now();
+    const diff = agora - timestamp;
+    const dias = Math.floor(diff / (1000 * 60 * 60 * 24));
+    const horas = Math.floor(diff / (1000 * 60 * 60));
+    const minutos = Math.floor(diff / (1000 * 60));
+
+    if (dias > 0) return `${dias} dia${dias > 1 ? 's' : ''} atrás`;
+    if (horas > 0) return `${horas} hora${horas > 1 ? 's' : ''} atrás`;
+    if (minutos > 0) return `${minutos} minuto${minutos > 1 ? 's' : ''} atrás`;
+    return "Agora";
+  }
+
+  function getStatusBadge(status: StatusSolicitacao): string {
+    switch (status) {
+      case "pendente":
+        return "badge-warning";
+      case "aprovado":
+        return "badge-success";
+      case "rejeitado":
+        return "badge-error";
+      default:
+        return "badge-neutral";
+    }
+  }
+
+  function getStatusTexto(status: StatusSolicitacao): string {
+    switch (status) {
+      case "pendente":
+        return "Pendente";
+      case "aprovado":
+        return "Aprovado";
+      case "rejeitado":
+        return "Rejeitado";
+      default:
+        return status;
+    }
+  }
+
+  // Funções de modal
+  function abrirDetalhes(solicitacao: SolicitacaoAcesso) {
+    solicitacaoSelecionada = solicitacao;
+    modalDetalhesAberto = true;
+  }
+
+  function fecharDetalhes() {
+    modalDetalhesAberto = false;
+    solicitacaoSelecionada = null;
+  }
+
+  function abrirAprovar(solicitacao: SolicitacaoAcesso) {
+    solicitacaoSelecionada = solicitacao;
+    observacoes = "";
+    modalAprovarAberto = true;
+  }
+
+  function fecharAprovar() {
+    modalAprovarAberto = false;
+    solicitacaoSelecionada = null;
+    observacoes = "";
+  }
+
+  function abrirRejeitar(solicitacao: SolicitacaoAcesso) {
+    solicitacaoSelecionada = solicitacao;
+    observacoes = "";
+    modalRejeitarAberto = true;
+  }
+
+  function fecharRejeitar() {
+    modalRejeitarAberto = false;
+    solicitacaoSelecionada = null;
+    observacoes = "";
+  }
+
+  // Funções de ação
+  async function aprovarSolicitacao() {
+    if (!solicitacaoSelecionada) return;
+
+    processando = true;
+    mensagem = null;
+
+    try {
+      await client.mutation(api.solicitacoesAcesso.aprovar, {
+        solicitacaoId: solicitacaoSelecionada._id,
+        observacoes: observacoes.trim() || undefined,
+      });
+
+      mensagem = {
+        tipo: "success",
+        texto: "Solicitação aprovada com sucesso!",
+      };
+
+      fecharAprovar();
+      
+      // Limpar mensagem após 3 segundos
+      setTimeout(() => {
+        mensagem = null;
+      }, 3000);
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : "Erro ao aprovar solicitação";
+      mensagem = {
+        tipo: "error",
+        texto: errorMessage,
+      };
+    } finally {
+      processando = false;
+    }
+  }
+
+  async function rejeitarSolicitacao() {
+    if (!solicitacaoSelecionada) return;
+
+    processando = true;
+    mensagem = null;
+
+    try {
+      await client.mutation(api.solicitacoesAcesso.rejeitar, {
+        solicitacaoId: solicitacaoSelecionada._id,
+        observacoes: observacoes.trim() || undefined,
+      });
+
+      mensagem = {
+        tipo: "success",
+        texto: "Solicitação rejeitada com sucesso!",
+      };
+
+      fecharRejeitar();
+      
+      // Limpar mensagem após 3 segundos
+      setTimeout(() => {
+        mensagem = null;
+      }, 3000);
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : "Erro ao rejeitar solicitação";
+      mensagem = {
+        tipo: "error",
+        texto: errorMessage,
+      };
+    } finally {
+      processando = false;
+    }
+  }
+</script>
+
+<ProtectedRoute allowedRoles={["ti_master", "admin", "ti_usuario"]} maxLevel={3}>
+  <div class="container mx-auto px-4 py-6 max-w-7xl">
+    <!-- Mensagem de Feedback -->
+    {#if mensagem}
+      <div class="alert alert-{mensagem.tipo} shadow-lg mb-6">
+        {#if mensagem.tipo === "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>
+        {:else if mensagem.tipo === "error"}
+          <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24">
+            <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>
+        {/if}
+        <span>{mensagem.texto}</span>
+      </div>
+    {/if}
+
+    <!-- Header -->
+    <div class="flex items-center justify-between mb-8">
+      <div class="flex items-center gap-4">
+        <div class="p-3 bg-primary/10 rounded-xl">
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z" />
+          </svg>
+        </div>
+        <div>
+          <h1 class="text-3xl font-bold text-base-content">Solicitações de Acesso</h1>
+          <p class="text-base-content/60 mt-1">Gerencie e analise solicitações de acesso ao sistema</p>
+        </div>
+      </div>
+    </div>
+
+    <!-- Estatísticas -->
+    {#if stats}
+      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
+        <StatsCard 
+          title="Total de Solicitações" 
+          value={stats.total} 
+          icon='<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" />'
+          color="primary"
+        />
+        
+        <StatsCard 
+          title="Pendentes" 
+          value={stats.pendentes} 
+          description="{stats.total > 0 ? ((stats.pendentes / stats.total) * 100).toFixed(1) + '% do total' : '0% do total'}"
+          icon='<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" />'
+          color="warning"
+        />
+        
+        <StatsCard 
+          title="Aprovadas" 
+          value={stats.aprovadas} 
+          description="{stats.total > 0 ? ((stats.aprovadas / stats.total) * 100).toFixed(1) + '% do total' : '0% do total'}"
+          icon='<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" />'
+          color="success"
+        />
+        
+        <StatsCard 
+          title="Rejeitadas" 
+          value={stats.rejeitadas} 
+          description="{stats.total > 0 ? ((stats.rejeitadas / stats.total) * 100).toFixed(1) + '% do total' : '0% do total'}"
+          icon='<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" />'
+          color="error"
+        />
+      </div>
+    {:else}
+      <div class="flex justify-center items-center py-20">
+        <span class="loading loading-spinner loading-lg text-primary"></span>
+      </div>
+    {/if}
+
+    <!-- Filtros e Busca -->
+    <div class="card bg-base-100 shadow-xl mb-6">
+      <div class="card-body">
+        <!-- Tabs de Status -->
+        <div class="tabs tabs-boxed mb-4 bg-base-200 p-2">
+          <button 
+            class="tab {filtroStatus === 'todos' ? 'tab-active' : ''}"
+            onclick={() => filtroStatus = "todos"}
+          >
+            Todas
+          </button>
+          <button 
+            class="tab {filtroStatus === 'pendente' ? 'tab-active' : ''}"
+            onclick={() => filtroStatus = "pendente"}
+          >
+            Pendentes
+          </button>
+          <button 
+            class="tab {filtroStatus === 'aprovado' ? 'tab-active' : ''}"
+            onclick={() => filtroStatus = "aprovado"}
+          >
+            Aprovadas
+          </button>
+          <button 
+            class="tab {filtroStatus === 'rejeitado' ? 'tab-active' : ''}"
+            onclick={() => filtroStatus = "rejeitado"}
+          >
+            Rejeitadas
+          </button>
+        </div>
+
+        <!-- Campo de Busca -->
+        <div class="form-control">
+          <label class="label">
+            <span class="label-text font-semibold">Buscar por nome, matrícula ou e-mail</span>
+          </label>
+          <div class="relative">
+            <input
+              type="text"
+              placeholder="Digite para buscar..."
+              class="input input-bordered w-full pl-10"
+              bind:value={busca}
+            />
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 absolute left-3 top-1/2 transform -translate-y-1/2 text-base-content/50" 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>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Lista de Solicitações -->
+    {#if carregando}
+      <div class="flex justify-center items-center py-20">
+        <span class="loading loading-spinner loading-lg text-primary"></span>
+      </div>
+    {:else if solicitacoesFiltradas.length === 0}
+      <div class="card bg-base-100 shadow-xl">
+        <div class="card-body text-center py-20">
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 mx-auto text-base-content/30 mb-4" 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>
+          <h3 class="text-xl font-semibold text-base-content/70 mb-2">Nenhuma solicitação encontrada</h3>
+          <p class="text-base-content/50">
+            {#if busca.trim() || filtroStatus !== "todos"}
+              Tente ajustar os filtros ou a busca.
+            {:else}
+              Ainda não há solicitações de acesso cadastradas.
+            {/if}
+          </p>
+        </div>
+      </div>
+    {:else}
+      <div class="grid grid-cols-1 gap-4">
+        {#each solicitacoesFiltradas as solicitacao}
+          <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
+            <div class="card-body">
+              <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
+                <div class="flex-1">
+                  <div class="flex items-center gap-3 mb-2">
+                    <h3 class="text-xl font-bold text-base-content">{solicitacao.nome}</h3>
+                    <span class="badge {getStatusBadge(solicitacao.status)} badge-lg">
+                      {getStatusTexto(solicitacao.status)}
+                    </span>
+                  </div>
+                  
+                  <div class="grid grid-cols-1 md:grid-cols-3 gap-2 text-sm text-base-content/70">
+                    <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="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>
+                      <span class="font-semibold">Matrícula:</span>
+                      <span>{solicitacao.matricula}</span>
+                    </div>
+                    
+                    <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="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>
+                      <span class="font-semibold">E-mail:</span>
+                      <span>{solicitacao.email}</span>
+                    </div>
+                    
+                    <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="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
+                      </svg>
+                      <span class="font-semibold">Telefone:</span>
+                      <span>{solicitacao.telefone}</span>
+                    </div>
+                  </div>
+                  
+                  <div class="mt-3 text-xs text-base-content/50">
+                    <span class="font-semibold">Solicitado em:</span> {formatarData(solicitacao.dataSolicitacao)} ({formatarDataRelativa(solicitacao.dataSolicitacao)})
+                    {#if solicitacao.dataResposta}
+                      <span class="ml-4 font-semibold">Processado em:</span> {formatarData(solicitacao.dataResposta)}
+                    {/if}
+                  </div>
+                </div>
+                
+                <div class="flex flex-col gap-2">
+                  <button 
+                    class="btn btn-sm btn-outline btn-primary"
+                    onclick={() => abrirDetalhes(solicitacao)}
+                  >
+                    <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>
+                    Ver Detalhes
+                  </button>
+                  
+                  {#if solicitacao.status === "pendente"}
+                    <button 
+                      class="btn btn-sm btn-success"
+                      onclick={() => abrirAprovar(solicitacao)}
+                    >
+                      <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>
+                      Aprovar
+                    </button>
+                    
+                    <button 
+                      class="btn btn-sm btn-error"
+                      onclick={() => abrirRejeitar(solicitacao)}
+                    >
+                      <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>
+                      Rejeitar
+                    </button>
+                  {/if}
+                </div>
+              </div>
+            </div>
+          </div>
+        {/each}
+      </div>
+    {/if}
+
+    <!-- Modal de Detalhes -->
+    {#if modalDetalhesAberto && solicitacaoSelecionada}
+      <dialog class="modal modal-open">
+        <div class="modal-box max-w-2xl">
+          <h3 class="font-bold text-2xl mb-4">Detalhes da Solicitação</h3>
+          
+          <div class="space-y-4">
+            <div class="flex items-center gap-3 mb-4">
+              <span class="badge {getStatusBadge(solicitacaoSelecionada.status)} badge-lg">
+                {getStatusTexto(solicitacaoSelecionada.status)}
+              </span>
+            </div>
+            
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <label class="label">
+                  <span class="label-text font-semibold">Nome Completo</span>
+                </label>
+                <div class="input input-bordered">{solicitacaoSelecionada.nome}</div>
+              </div>
+              
+              <div>
+                <label class="label">
+                  <span class="label-text font-semibold">Matrícula</span>
+                </label>
+                <div class="input input-bordered">{solicitacaoSelecionada.matricula}</div>
+              </div>
+              
+              <div>
+                <label class="label">
+                  <span class="label-text font-semibold">E-mail</span>
+                </label>
+                <div class="input input-bordered">{solicitacaoSelecionada.email}</div>
+              </div>
+              
+              <div>
+                <label class="label">
+                  <span class="label-text font-semibold">Telefone</span>
+                </label>
+                <div class="input input-bordered">{solicitacaoSelecionada.telefone}</div>
+              </div>
+              
+              <div>
+                <label class="label">
+                  <span class="label-text font-semibold">Data da Solicitação</span>
+                </label>
+                <div class="input input-bordered">
+                  {formatarData(solicitacaoSelecionada.dataSolicitacao)}
+                </div>
+              </div>
+              
+              {#if solicitacaoSelecionada.dataResposta}
+                <div>
+                  <label class="label">
+                    <span class="label-text font-semibold">Data de Processamento</span>
+                  </label>
+                  <div class="input input-bordered">
+                    {formatarData(solicitacaoSelecionada.dataResposta)}
+                  </div>
+                </div>
+              {/if}
+            </div>
+            
+            {#if solicitacaoSelecionada.observacoes}
+              <div>
+                <label class="label">
+                  <span class="label-text font-semibold">Observações</span>
+                </label>
+                <div class="textarea textarea-bordered min-h-24">
+                  {solicitacaoSelecionada.observacoes}
+                </div>
+              </div>
+            {/if}
+          </div>
+          
+          <div class="modal-action">
+            <button class="btn" onclick={fecharDetalhes}>Fechar</button>
+          </div>
+        </div>
+        <form method="dialog" class="modal-backdrop">
+          <button onclick={fecharDetalhes}>fechar</button>
+        </form>
+      </dialog>
+    {/if}
+
+    <!-- Modal de Aprovar -->
+    {#if modalAprovarAberto && solicitacaoSelecionada}
+      <dialog class="modal modal-open">
+        <div class="modal-box">
+          <h3 class="font-bold text-2xl mb-4">Aprovar Solicitação</h3>
+          
+          <div class="mb-4">
+            <p class="text-base-content/70 mb-2">
+              Você está prestes a aprovar a solicitação de acesso de <strong>{solicitacaoSelecionada.nome}</strong>.
+            </p>
+            <p class="text-sm text-base-content/60">
+              Após aprovar, o sistema permitirá que esta pessoa solicite acesso ao sistema.
+            </p>
+          </div>
+          
+          <div class="form-control mb-4">
+            <label class="label">
+              <span class="label-text font-semibold">Observações (opcional)</span>
+            </label>
+            <textarea
+              class="textarea textarea-bordered"
+              placeholder="Adicione observações sobre a aprovação..."
+              bind:value={observacoes}
+              rows="3"
+            ></textarea>
+          </div>
+          
+          <div class="modal-action">
+            <button 
+              class="btn btn-ghost" 
+              onclick={fecharAprovar}
+              disabled={processando}
+            >
+              Cancelar
+            </button>
+            <button 
+              class="btn btn-success" 
+              onclick={aprovarSolicitacao}
+              disabled={processando}
+            >
+              {#if processando}
+                <span class="loading loading-spinner loading-sm"></span>
+                Processando...
+              {: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>
+                Confirmar Aprovação
+              {/if}
+            </button>
+          </div>
+        </div>
+        <form method="dialog" class="modal-backdrop">
+          <button onclick={fecharAprovar}>fechar</button>
+        </form>
+      </dialog>
+    {/if}
+
+    <!-- Modal de Rejeitar -->
+    {#if modalRejeitarAberto && solicitacaoSelecionada}
+      <dialog class="modal modal-open">
+        <div class="modal-box">
+          <h3 class="font-bold text-2xl mb-4">Rejeitar Solicitação</h3>
+          
+          <div class="mb-4">
+            <p class="text-base-content/70 mb-2">
+              Você está prestes a rejeitar a solicitação de acesso de <strong>{solicitacaoSelecionada.nome}</strong>.
+            </p>
+            <p class="text-sm text-base-content/60">
+              Esta ação não pode ser desfeita. Recomendamos adicionar um motivo para a rejeição.
+            </p>
+          </div>
+          
+          <div class="form-control mb-4">
+            <label class="label">
+              <span class="label-text font-semibold">Motivo da Rejeição (recomendado)</span>
+            </label>
+            <textarea
+              class="textarea textarea-bordered"
+              placeholder="Descreva o motivo da rejeição..."
+              bind:value={observacoes}
+              rows="3"
+            ></textarea>
+          </div>
+          
+          <div class="modal-action">
+            <button 
+              class="btn btn-ghost" 
+              onclick={fecharRejeitar}
+              disabled={processando}
+            >
+              Cancelar
+            </button>
+            <button 
+              class="btn btn-error" 
+              onclick={rejeitarSolicitacao}
+              disabled={processando}
+            >
+              {#if processando}
+                <span class="loading loading-spinner loading-sm"></span>
+                Processando...
+              {: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>
+                Confirmar Rejeição
+              {/if}
+            </button>
+          </div>
+        </div>
+        <form method="dialog" class="modal-backdrop">
+          <button onclick={fecharRejeitar}>fechar</button>
+        </form>
+      </dialog>
+    {/if}
+  </div>
+</ProtectedRoute>
diff --git a/apps/web/src/routes/(dashboard)/ti/times/+page.svelte b/apps/web/src/routes/(dashboard)/ti/times/+page.svelte
index 6f2aa89..4b87a11 100644
--- a/apps/web/src/routes/(dashboard)/ti/times/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/times/+page.svelte
@@ -2,7 +2,82 @@
   import { useConvexClient, useQuery } from "convex-svelte";
   import { api } from "@sgse-app/backend/convex/_generated/api";
   import { authStore } from "$lib/stores/auth.svelte";
+  import ProtectedRoute from "$lib/components/ProtectedRoute.svelte";
   import { goto } from "$app/navigation";
+  import type { Id, Doc } from "@sgse-app/backend/convex/_generated/dataModel";
+  
+  // Tipos baseados nos retornos das queries do backend
+  type Usuario = {
+    _id: Id<"usuarios">;
+    matricula: string;
+    nome: string;
+    email: string;
+    ativo: boolean;
+    bloqueado?: boolean;
+    motivoBloqueio?: string;
+    primeiroAcesso: boolean;
+    ultimoAcesso?: number;
+    criadoEm: number;
+    role: {
+      _id: Id<"roles">;
+      _creationTime?: number;
+      criadoPor?: Id<"usuarios">;
+      customizado?: boolean;
+      descricao: string;
+      editavel?: boolean;
+      nome: string;
+      nivel: number;
+      setor?: string;
+      erro?: boolean;
+    };
+    funcionario?: {
+      _id: Id<"funcionarios">;
+      nome: string;
+      matricula?: string;
+      descricaoCargo?: string;
+      simboloTipo: "cargo_comissionado" | "funcao_gratificada";
+    };
+    avisos?: Array<{
+      tipo: "erro" | "aviso" | "info";
+      mensagem: string;
+    }>;
+  };
+
+  type Funcionario = {
+    _id: Id<"funcionarios">;
+    nome: string;
+    matricula?: string;
+    cpf?: string;
+    rg?: string;
+    nascimento?: string;
+    email?: string;
+    telefone?: string;
+    endereco?: string;
+    cep?: string;
+    cidade?: string;
+    uf?: string;
+    simboloId: Id<"simbolos">;
+    simboloTipo: "cargo_comissionado" | "funcao_gratificada";
+    admissaoData?: string;
+    desligamentoData?: string;
+    descricaoCargo?: string;
+  };
+
+  type Gestor = Doc<"usuarios"> | null;
+
+  type TimeComDetalhes = Doc<"times"> & {
+    gestor: Gestor;
+    totalMembros: number;
+  };
+
+  type MembroTime = Doc<"timesMembros"> & {
+    funcionario: Doc<"funcionarios"> | null;
+  };
+
+  type TimeComMembros = Doc<"times"> & {
+    gestor: Gestor;
+    membros: MembroTime[];
+  };
   
   const client = useConvexClient();
   
@@ -11,17 +86,23 @@
   const usuariosQuery = useQuery(api.usuarios.listar, {});
   const funcionariosQuery = useQuery(api.funcionarios.getAll, {});
   
-  const times = $derived(timesQuery?.data || []);
-  const usuarios = $derived(usuariosQuery?.data || []);
-  const funcionarios = $derived(funcionariosQuery?.data || []);
+  const times = $derived((timesQuery?.data || []) as TimeComDetalhes[]);
+  const usuarios = $derived((usuariosQuery?.data || []) as Usuario[]);
+  const funcionarios = $derived((funcionariosQuery?.data || []) as Funcionario[]);
+  
+  const carregando = $derived(
+    timesQuery === undefined || 
+    usuariosQuery === undefined || 
+    funcionariosQuery === undefined
+  );
   
   // Estados
   let modoEdicao = $state(false);
-  let timeEmEdicao = $state<any>(null);
+  let timeEmEdicao = $state<TimeComDetalhes | null>(null);
   let mostrarModalMembros = $state(false);
-  let timeParaMembros = $state<any>(null);
+  let timeParaMembros = $state<TimeComMembros | null>(null);
   let mostrarConfirmacaoExclusao = $state(false);
-  let timeParaExcluir = $state<any>(null);
+  let timeParaExcluir = $state<TimeComDetalhes | null>(null);
   let processando = $state(false);
   
   // Form
@@ -32,9 +113,9 @@
   
   // Membros
   let membrosDisponiveis = $derived(
-    funcionarios.filter((f: any) => {
+    funcionarios.filter((f: Funcionario) => {
       // Verificar se o funcionário já está em algum time ativo
-      const jaNaEquipe = timeParaMembros?.membros?.some((m: any) => m.funcionario?._id === f._id);
+      const jaNaEquipe = timeParaMembros?.membros?.some((m: MembroTime) => m.funcionario?._id === f._id);
       return !jaNaEquipe;
     })
   );
@@ -60,7 +141,7 @@
     formCor = coresDisponiveis[Math.floor(Math.random() * coresDisponiveis.length)];
   }
   
-  function editarTime(time: any) {
+  function editarTime(time: TimeComDetalhes) {
     modoEdicao = true;
     timeEmEdicao = time;
     formNome = time.nome;
@@ -91,26 +172,27 @@
           id: timeEmEdicao._id,
           nome: formNome,
           descricao: formDescricao || undefined,
-          gestorId: formGestorId as any,
+          gestorId: formGestorId as Id<"usuarios">,
           cor: formCor,
         });
       } else {
         await client.mutation(api.times.criar, {
           nome: formNome,
           descricao: formDescricao || undefined,
-          gestorId: formGestorId as any,
+          gestorId: formGestorId as Id<"usuarios">,
           cor: formCor,
         });
       }
       cancelarEdicao();
-    } catch (e: any) {
-      alert("Erro ao salvar: " + (e.message || e));
+    } catch (e: unknown) {
+      const errorMessage = e instanceof Error ? e.message : String(e);
+      alert("Erro ao salvar: " + errorMessage);
     } finally {
       processando = false;
     }
   }
   
-  function confirmarExclusao(time: any) {
+  function confirmarExclusao(time: TimeComDetalhes) {
     timeParaExcluir = time;
     mostrarConfirmacaoExclusao = true;
   }
@@ -123,17 +205,20 @@
       await client.mutation(api.times.desativar, { id: timeParaExcluir._id });
       mostrarConfirmacaoExclusao = false;
       timeParaExcluir = null;
-    } catch (e: any) {
-      alert("Erro ao excluir: " + (e.message || e));
+    } catch (e: unknown) {
+      const errorMessage = e instanceof Error ? e.message : String(e);
+      alert("Erro ao excluir: " + errorMessage);
     } finally {
       processando = false;
     }
   }
   
-  async function abrirGerenciarMembros(time: any) {
+  async function abrirGerenciarMembros(time: TimeComDetalhes) {
     const detalhes = await client.query(api.times.obterPorId, { id: time._id });
-    timeParaMembros = detalhes;
-    mostrarModalMembros = true;
+    if (detalhes) {
+      timeParaMembros = detalhes as TimeComMembros;
+      mostrarModalMembros = true;
+    }
   }
   
   async function adicionarMembro(funcionarioId: string) {
@@ -143,14 +228,17 @@
     try {
       await client.mutation(api.times.adicionarMembro, {
         timeId: timeParaMembros._id,
-        funcionarioId: funcionarioId as any,
+        funcionarioId: funcionarioId as Id<"funcionarios">,
       });
       
       // Recarregar detalhes do time
       const detalhes = await client.query(api.times.obterPorId, { id: timeParaMembros._id });
-      timeParaMembros = detalhes;
-    } catch (e: any) {
-      alert("Erro: " + (e.message || e));
+      if (detalhes) {
+        timeParaMembros = detalhes as TimeComMembros;
+      }
+    } catch (e: unknown) {
+      const errorMessage = e instanceof Error ? e.message : String(e);
+      alert("Erro: " + errorMessage);
     } finally {
       processando = false;
     }
@@ -161,13 +249,18 @@
     
     processando = true;
     try {
-      await client.mutation(api.times.removerMembro, { membroId: membroId as any });
+      await client.mutation(api.times.removerMembro, { membroId: membroId as Id<"timesMembros"> });
       
       // Recarregar detalhes do time
-      const detalhes = await client.query(api.times.obterPorId, { id: timeParaMembros._id });
-      timeParaMembros = detalhes;
-    } catch (e: any) {
-      alert("Erro: " + (e.message || e));
+      if (timeParaMembros) {
+        const detalhes = await client.query(api.times.obterPorId, { id: timeParaMembros._id });
+        if (detalhes) {
+          timeParaMembros = detalhes as TimeComMembros;
+        }
+      }
+    } catch (e: unknown) {
+      const errorMessage = e instanceof Error ? e.message : String(e);
+      alert("Erro: " + errorMessage);
     } finally {
       processando = false;
     }
@@ -179,7 +272,8 @@
   }
 </script>
 
-<main class="container mx-auto px-4 py-6 max-w-7xl">
+<ProtectedRoute allowedRoles={["ti_master", "admin", "ti_usuario"]} maxLevel={2}>
+  <main class="container mx-auto px-4 py-6 max-w-7xl">
   <!-- Breadcrumb -->
   <div class="text-sm breadcrumbs mb-4">
     <ul>
@@ -192,14 +286,14 @@
   <div class="mb-6">
     <div class="flex items-center justify-between">
       <div class="flex items-center gap-4">
-        <div class="p-3 bg-blue-500/20 rounded-xl">
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <div class="p-3 bg-secondary/10 rounded-xl">
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-secondary" 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>
         </div>
         <div>
-          <h1 class="text-3xl font-bold text-primary">Gestão de Times</h1>
-          <p class="text-base-content/70">Organize funcionários em equipes e defina gestores</p>
+          <h1 class="text-3xl font-bold text-base-content">Gestão de Times</h1>
+          <p class="text-base-content/60 mt-1">Organize funcionários em equipes e defina gestores</p>
         </div>
       </div>
       <div class="flex gap-2">
@@ -297,20 +391,27 @@
   {/if}
 
   <!-- Lista de Times -->
-  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-    {#each times as time}
-      {#if time.ativo}
-        <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-all border-l-4" style="border-color: {time.cor}">
+  {#if carregando}
+    <div class="flex justify-center items-center py-20">
+      <span class="loading loading-spinner loading-lg text-primary"></span>
+    </div>
+  {:else}
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+      {#each times.filter((t: TimeComDetalhes) => t.ativo) as time}
+        <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-all border-l-4" style="border-color: {time.cor || '#3B82F6'}">
           <div class="card-body">
-            <div class="flex items-start justify-between">
-              <h2 class="card-title text-lg">{time.nome}</h2>
+            <div class="flex items-start justify-between mb-2">
+              <div class="flex items-center gap-2">
+                <div class="w-3 h-3 rounded-full" style="background-color: {time.cor || '#3B82F6'}"></div>
+                <h2 class="card-title text-lg">{time.nome}</h2>
+              </div>
               <div class="dropdown dropdown-end">
-                <button tabindex="0" class="btn btn-ghost btn-sm btn-square" aria-label="Menu do time">
+                <button type="button" class="btn btn-ghost btn-sm btn-square" 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>
                 </button>
-                <ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow-xl bg-base-100 rounded-box w-52 border border-base-300">
+                <ul role="menu" class="dropdown-content z-[1] menu p-2 shadow-xl bg-base-100 rounded-box w-52 border border-base-300">
                   <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">
@@ -339,7 +440,7 @@
               </div>
             </div>
 
-            <p class="text-sm text-base-content/70 mb-3">{time.descricao || "Sem descrição"}</p>
+            <p class="text-sm text-base-content/70 mb-3 min-h-[2rem]">{time.descricao || "Sem descrição"}</p>
 
             <div class="divider my-2"></div>
 
@@ -348,31 +449,38 @@
                 <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-primary" 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>
-                <span><strong>Gestor:</strong> {time.gestor?.nome}</span>
+                <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="h-4 w-4 text-primary" 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>
-                <span><strong>Membros:</strong> {time.totalMembros || 0}</span>
+                <span class="text-base-content/70"><strong>Membros:</strong> <span class="badge badge-primary badge-sm">{time.totalMembros || 0}</span></span>
               </div>
             </div>
+
+            <div class="card-actions justify-end mt-4">
+              <button class="btn btn-sm btn-outline btn-primary" onclick={() => abrirGerenciarMembros(time)}>
+                Ver Detalhes
+              </button>
+            </div>
           </div>
         </div>
-      {/if}
-    {/each}
+      {/each}
 
-    {#if times.filter((t: any) => t.ativo).length === 0}
-      <div class="col-span-full">
-        <div class="alert">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-info shrink-0 w-6 h-6">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-          </svg>
-          <span>Nenhum time cadastrado. Clique em "Novo Time" para começar.</span>
+      {#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="h-16 w-16 text-base-content/30" 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>
+            <h3 class="text-xl font-semibold mt-4">Nenhum time cadastrado</h3>
+            <p class="text-base-content/60 mt-2">Clique em "Novo Time" para criar seu primeiro time</p>
+          </div>
         </div>
-      </div>
-    {/if}
-  </div>
+      {/if}
+    </div>
+  {/if}
 
   <!-- Modal de Gerenciar Membros -->
   {#if mostrarModalMembros && timeParaMembros}
@@ -502,4 +610,5 @@
     </dialog>
   {/if}
 </main>
+</ProtectedRoute>
 
diff --git a/apps/web/src/routes/(dashboard)/ti/usuarios/+page.svelte b/apps/web/src/routes/(dashboard)/ti/usuarios/+page.svelte
index cfde9d7..b5bd160 100644
--- a/apps/web/src/routes/(dashboard)/ti/usuarios/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/usuarios/+page.svelte
@@ -1,536 +1,1222 @@
 <script lang="ts">
   import { useQuery, useConvexClient } from "convex-svelte";
   import { api } from "@sgse-app/backend/convex/_generated/api";
-  import { authStore } from "$lib/stores/auth.svelte";
-  import UserStatusBadge from "$lib/components/ti/UserStatusBadge.svelte";
   import type { Id } from "@sgse-app/backend/convex/_generated/dataModel";
+  import ProtectedRoute from "$lib/components/ProtectedRoute.svelte";
+  import UserStatusBadge from "$lib/components/ti/UserStatusBadge.svelte";
+  import { authStore } from "$lib/stores/auth.svelte";
+  import { format } from "date-fns";
+  import { ptBR } from "date-fns/locale";
 
-  import { goto } from "$app/navigation";
+  type AvisoUsuario = {
+    tipo: "erro" | "aviso" | "info";
+    mensagem: string;
+  };
+
+  type RoleUsuario = {
+    _id: Id<"roles">;
+    nome: string;
+    nivel: number;
+    descricao: string;
+    setor?: string;
+    erro?: boolean;
+  };
+
+  type Usuario = {
+    _id: Id<"usuarios">;
+    matricula: string;
+    nome: string;
+    email: string;
+    ativo: boolean;
+    bloqueado?: boolean;
+    motivoBloqueio?: string;
+    primeiroAcesso: boolean;
+    ultimoAcesso?: number;
+    criadoEm: number;
+    role: RoleUsuario;
+    funcionario?: {
+      _id: Id<"funcionarios">;
+      nome: string;
+      matricula?: string;
+      descricaoCargo?: string;
+      simboloTipo: "cargo_comissionado" | "funcao_gratificada";
+    };
+    avisos?: AvisoUsuario[];
+  };
+
+  type Funcionario = {
+    _id: Id<"funcionarios">;
+    nome: string;
+    matricula?: string;
+    cpf?: string;
+    descricaoCargo?: string;
+  };
+
+  type Mensagem = {
+    tipo: "success" | "error" | "info";
+    texto: string;
+  };
 
   const client = useConvexClient();
-  const usuarios = useQuery(api.usuarios.listar, {});
   
-  let filtroNome = $state("");
-  let filtroStatus = $state<"todos" | "ativo" | "bloqueado" | "inativo">("todos");
-  let usuarioSelecionado = $state<any>(null);
-  let modalAberto = $state(false);
-  let modalAcao = $state<"bloquear" | "desbloquear" | "reset" | "associar">("bloquear");
-  let motivo = $state("");
-  let processando = $state(false);
+  // Usar useQuery reativo - seguindo padrão usado em ti/times/+page.svelte
+  const usuariosQuery = useQuery(api.usuarios.listar, {});
   
-  // Modal de associar funcionário
+  // Extrair dados e determinar estado de carregamento
+  const usuarios = $derived.by(() => {
+    // Se usuariosQuery é undefined ou null, está carregando
+    if (usuariosQuery === undefined || usuariosQuery === null) {
+      return [];
+    }
+    
+    // Se usuariosQuery é um objeto vazio {}, está carregando
+    if (typeof usuariosQuery === "object" && Object.keys(usuariosQuery).length === 0) {
+      return [];
+    }
+    
+    // Se tem propriedade data, usar os dados
+    if ("data" in usuariosQuery && usuariosQuery.data !== undefined) {
+      return Array.isArray(usuariosQuery.data) ? usuariosQuery.data : [];
+    }
+    
+    // Se usuariosQuery é diretamente um array (caso não tenha .data)
+    if (Array.isArray(usuariosQuery)) {
+      return usuariosQuery;
+    }
+    
+    // Caso padrão: ainda carregando ou sem dados
+    return [];
+  });
+  
+  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 funcionarios = $state<Funcionario[]>([]);
+  let carregandoFuncionarios = $state(false);
+
+  let usuarioSelecionado = $state<Usuario | null>(null);
   let modalAssociarAberto = $state(false);
-  let usuarioParaAssociar = $state<any>(null);
-  let funcionarioSelecionadoId = $state<string>("");
+  let funcionarioSelecionadoId = $state<Id<"funcionarios"> | "">("");
   let buscaFuncionario = $state("");
-  
-  // Query de funcionários
-  const funcionarios = useQuery(api.funcionarios.list, {});
 
-  // Usuários filtrados
-  const usuariosFiltrados = $derived.by(() => {
-    if (!usuarios?.data || !Array.isArray(usuarios.data)) return [];
-    
-    return usuarios.data.filter(u => {
-      const matchNome = !filtroNome || 
-        u.nome.toLowerCase().includes(filtroNome.toLowerCase()) ||
-        u.matricula.includes(filtroNome) ||
-        u.email?.toLowerCase().includes(filtroNome.toLowerCase());
-      
-      const matchStatus = filtroStatus === "todos" ||
-        (filtroStatus === "ativo" && u.ativo && !u.bloqueado) ||
-        (filtroStatus === "bloqueado" && u.bloqueado) ||
-        (filtroStatus === "inativo" && !u.ativo);
-      
-      return matchNome && matchStatus;
-    });
-  });
-  
-  // Funcionários filtrados (sem associação ou disponíveis)
+  let modalExcluirAberto = $state(false);
+  let processando = $state(false);
+  let mensagem = $state<Mensagem | null>(null);
+
+  // Filtros
+  let filtroNome = $state("");
+  let filtroMatricula = $state("");
+  let filtroSetor = $state("");
+  let filtroStatus = $state<"todos" | "ativo" | "inativo" | "bloqueado">("todos");
+  let filtroDataCriacaoInicio = $state("");
+  let filtroDataCriacaoFim = $state("");
+  let filtroUltimoAcessoInicio = $state("");
+  let filtroUltimoAcessoFim = $state("");
+
+  // Função para recarregar usuários (mantida para compatibilidade com mutações)
+  async function carregarUsuarios() {
+    // Como estamos usando useQuery reativo, os dados serão atualizados automaticamente
+    // Esta função pode ser chamada após mutações, mas não precisa fazer nada
+    // O useQuery já atualizará automaticamente
+  }
+
+  async function carregarFuncionarios() {
+    if (carregandoFuncionarios) return;
+    carregandoFuncionarios = true;
+
+    try {
+      const resposta = await client.query(api.funcionarios.getAll, {});
+      // Suportar ambos formatos (array direto ou objeto com .data), dependendo do hook/cliente
+      const lista = Array.isArray(resposta)
+        ? resposta
+        : (resposta && typeof resposta === "object" && Array.isArray((resposta as { data?: unknown }).data)
+            ? ((resposta as { data: unknown[] }).data)
+            : []);
+
+      funcionarios = lista as Funcionario[];
+    } catch (error: unknown) {
+      console.error("Erro ao carregar funcionários:", error);
+      funcionarios = [];
+    } finally {
+      carregandoFuncionarios = false;
+    }
+  }
+
+  function mostrarMensagem(tipo: Mensagem["tipo"], texto: string) {
+    mensagem = { tipo, texto };
+    setTimeout(() => {
+      mensagem = null;
+    }, 4000);
+  }
+
   const funcionariosFiltrados = $derived.by(() => {
-    if (!funcionarios?.data || !Array.isArray(funcionarios.data)) return [];
-    
-    return funcionarios.data.filter(f => {
-      // Filtro por busca
-      const matchBusca = !buscaFuncionario ||
-        f.nome.toLowerCase().includes(buscaFuncionario.toLowerCase()) ||
-        f.cpf?.includes(buscaFuncionario) ||
-        f.matricula?.includes(buscaFuncionario);
-      
-      return matchBusca;
-    }).sort((a, b) => a.nome.localeCompare(b.nome));
+    if (!buscaFuncionario) {
+      return [...funcionarios].sort((a, b) => a.nome.localeCompare(b.nome));
+    }
+
+    const buscaNormalizada = buscaFuncionario.toLowerCase();
+    return funcionarios
+      .filter((f) => {
+        return (
+          f.nome.toLowerCase().includes(buscaNormalizada) ||
+          f.cpf?.toLowerCase().includes(buscaNormalizada) ||
+          f.matricula?.toLowerCase().includes(buscaNormalizada)
+        );
+      })
+      .sort((a, b) => a.nome.localeCompare(b.nome));
   });
 
-  const stats = $derived.by(() => {
-    if (!usuarios?.data || !Array.isArray(usuarios.data)) return null;
-    return {
-      total: usuarios.data.length,
-      ativos: usuarios.data.filter(u => u.ativo && !u.bloqueado).length,
-      bloqueados: usuarios.data.filter(u => u.bloqueado).length,
-      inativos: usuarios.data.filter(u => !u.ativo).length
-    };
+  // Verificar se há usuários com problemas
+  const usuariosComProblemas = $derived.by(() => {
+    return usuarios.filter((u) => u.role?.erro === true || (u.avisos && u.avisos.length > 0));
   });
 
-  function abrirModal(usuario: any, acao: typeof modalAcao) {
+  // Lógica de filtros reativos
+  const usuariosFiltrados = $derived.by(() => {
+    let resultado = usuarios;
+
+    // Filtro por nome
+    if (filtroNome.trim()) {
+      const buscaNome = filtroNome.toLowerCase();
+      resultado = resultado.filter((u) => u.nome.toLowerCase().includes(buscaNome));
+    }
+
+    // Filtro por matrícula
+    if (filtroMatricula.trim()) {
+      const buscaMatricula = filtroMatricula.toLowerCase();
+      resultado = resultado.filter((u) => u.matricula.toLowerCase().includes(buscaMatricula));
+    }
+
+    // Filtro por setor
+    if (filtroSetor) {
+      resultado = resultado.filter((u) => u.role.setor === filtroSetor);
+    }
+
+    // Filtro por status
+    if (filtroStatus !== "todos") {
+      if (filtroStatus === "ativo") {
+        resultado = resultado.filter((u) => u.ativo && !u.bloqueado);
+      } else if (filtroStatus === "inativo") {
+        resultado = resultado.filter((u) => !u.ativo);
+      } else if (filtroStatus === "bloqueado") {
+        resultado = resultado.filter((u) => u.bloqueado);
+      }
+    }
+
+    // Filtro por data de criação
+    if (filtroDataCriacaoInicio) {
+      const dataInicio = new Date(filtroDataCriacaoInicio);
+      dataInicio.setHours(0, 0, 0, 0);
+      resultado = resultado.filter((u) => u.criadoEm >= dataInicio.getTime());
+    }
+    if (filtroDataCriacaoFim) {
+      const dataFim = new Date(filtroDataCriacaoFim);
+      dataFim.setHours(23, 59, 59, 999);
+      resultado = resultado.filter((u) => u.criadoEm <= dataFim.getTime());
+    }
+
+    // Filtro por último acesso
+    if (filtroUltimoAcessoInicio) {
+      const dataInicio = new Date(filtroUltimoAcessoInicio);
+      dataInicio.setHours(0, 0, 0, 0);
+      resultado = resultado.filter((u) => {
+        if (!u.ultimoAcesso) return false;
+        return u.ultimoAcesso >= dataInicio.getTime();
+      });
+    }
+    if (filtroUltimoAcessoFim) {
+      const dataFim = new Date(filtroUltimoAcessoFim);
+      dataFim.setHours(23, 59, 59, 999);
+      resultado = resultado.filter((u) => {
+        if (!u.ultimoAcesso) return false;
+        return u.ultimoAcesso <= dataFim.getTime();
+      });
+    }
+
+    return resultado;
+  });
+
+  function formatarData(timestamp: number | undefined): string {
+    if (!timestamp) return "Nunca";
+    try {
+      return format(new Date(timestamp), "dd/MM/yyyy HH:mm", { locale: ptBR });
+    } catch {
+      return "Data inválida";
+    }
+  }
+
+  function limparFiltros() {
+    filtroNome = "";
+    filtroMatricula = "";
+    filtroSetor = "";
+    filtroStatus = "todos";
+    filtroDataCriacaoInicio = "";
+    filtroDataCriacaoFim = "";
+    filtroUltimoAcessoInicio = "";
+    filtroUltimoAcessoFim = "";
+  }
+
+  function obterSetoresDisponiveis(): string[] {
+    const setoresSet = new Set<string>();
+    usuarios.forEach((u) => {
+      if (u.role.setor) {
+        setoresSet.add(u.role.setor);
+      }
+    });
+    return Array.from(setoresSet).sort();
+  }
+
+  async function ativarDesativarUsuario(usuario: Usuario) {
+    const confirmar = window.confirm(
+      `Deseja realmente ${usuario.ativo ? "desativar" : "ativar"} o usuário ${usuario.nome}?`
+    );
+    if (!confirmar) return;
+
+    processando = true;
+    try {
+      await client.mutation(api.usuarios.alterarStatus, {
+        usuarioId: usuario._id,
+        ativo: !usuario.ativo,
+      });
+
+      mostrarMensagem("success", `Usuário ${usuario.ativo ? "desativado" : "ativado"} com sucesso!`);
+      await carregarUsuarios();
+    } catch (error: unknown) {
+      const message =
+        error instanceof Error ? error.message : "Erro ao alterar status do usuário.";
+      mostrarMensagem("error", message);
+    } finally {
+      processando = false;
+    }
+  }
+
+  function abrirModalAssociar(usuario: Usuario) {
     usuarioSelecionado = usuario;
-    modalAcao = acao;
-    motivo = "";
-    modalAberto = true;
-  }
-
-  function fecharModal() {
-    modalAberto = false;
-    usuarioSelecionado = null;
-    motivo = "";
-  }
-  
-  function abrirModalAssociar(usuario: any) {
-    usuarioParaAssociar = usuario;
-    funcionarioSelecionadoId = usuario.funcionarioId || "";
+    funcionarioSelecionadoId = usuario.funcionario?._id ?? "";
     buscaFuncionario = "";
     modalAssociarAberto = true;
+
+    if (funcionarios.length === 0 && !carregandoFuncionarios) {
+      void carregarFuncionarios();
+    }
   }
-  
+
   function fecharModalAssociar() {
     modalAssociarAberto = false;
-    usuarioParaAssociar = null;
+    usuarioSelecionado = null;
     funcionarioSelecionadoId = "";
     buscaFuncionario = "";
   }
-  
+
   async function associarFuncionario() {
-    if (!usuarioParaAssociar || !funcionarioSelecionadoId) return;
-    
+    if (!usuarioSelecionado || !funcionarioSelecionadoId || funcionarioSelecionadoId === "") {
+      return;
+    }
+
     processando = true;
     try {
       await client.mutation(api.usuarios.associarFuncionario, {
-        usuarioId: usuarioParaAssociar._id as Id<"usuarios">,
-        funcionarioId: funcionarioSelecionadoId as Id<"funcionarios">
+        usuarioId: usuarioSelecionado._id,
+        funcionarioId: funcionarioSelecionadoId,
       });
-      
-      alert("Funcionário associado com sucesso!");
+
+      mostrarMensagem("success", "Funcionário associado com sucesso!");
       fecharModalAssociar();
-    } catch (error: any) {
-      alert("Erro ao associar funcionário: " + error.message);
-    } finally {
-      processando = false;
-    }
-  }
-  
-  async function desassociarFuncionario() {
-    if (!usuarioParaAssociar) return;
-    
-    if (!confirm("Deseja realmente desassociar o funcionário deste usuário?")) return;
-    
-    processando = true;
-    try {
-      await client.mutation(api.usuarios.desassociarFuncionario, {
-        usuarioId: usuarioParaAssociar._id as Id<"usuarios">
-      });
-      
-      alert("Funcionário desassociado com sucesso!");
-      fecharModalAssociar();
-    } catch (error: any) {
-      alert("Erro ao desassociar funcionário: " + error.message);
+      await carregarUsuarios();
+    } catch (error: unknown) {
+      const message =
+        error instanceof Error
+          ? error.message
+          : "Não foi possível associar o funcionário.";
+      mostrarMensagem("error", message);
     } finally {
       processando = false;
     }
   }
 
-  async function executarAcao() {
-    if (!usuarioSelecionado) return;
-    
-    if (!authStore.usuario) {
-      alert("Usuário não autenticado");
+  async function desassociarFuncionario() {
+    if (!usuarioSelecionado) {
       return;
     }
-    
+
+    const confirmar = window.confirm(
+      "Deseja realmente desassociar o funcionário deste usuário?"
+    );
+    if (!confirmar) return;
+
     processando = true;
     try {
-      if (modalAcao === "bloquear") {
-        await client.mutation(api.usuarios.bloquearUsuario, {
-          usuarioId: usuarioSelecionado._id as Id<"usuarios">,
-          motivo,
-          bloqueadoPorId: authStore.usuario._id as Id<"usuarios">
-        });
-      } else if (modalAcao === "desbloquear") {
-        await client.mutation(api.usuarios.desbloquearUsuario, {
-          usuarioId: usuarioSelecionado._id as Id<"usuarios">,
-          desbloqueadoPorId: authStore.usuario._id as Id<"usuarios">
-        });
-      } else if (modalAcao === "reset") {
-        await client.mutation(api.usuarios.resetarSenhaUsuario, {
-          usuarioId: usuarioSelecionado._id as Id<"usuarios">,
-          resetadoPorId: authStore.usuario._id as Id<"usuarios">
-        });
+      await client.mutation(api.usuarios.desassociarFuncionario, {
+        usuarioId: usuarioSelecionado._id,
+      });
+
+      mostrarMensagem("success", "Funcionário desassociado com sucesso!");
+      fecharModalAssociar();
+      await carregarUsuarios();
+    } catch (error: unknown) {
+      const message =
+        error instanceof Error
+          ? error.message
+          : "Não foi possível desassociar o funcionário.";
+      mostrarMensagem("error", message);
+    } finally {
+      processando = false;
+    }
+  }
+
+  async function bloquearUsuario(usuario: Usuario) {
+    const motivo = window.prompt(
+      "Digite o motivo do bloqueio:",
+      usuario.motivoBloqueio || ""
+    );
+
+    if (!motivo || motivo.trim() === "") {
+      return;
+    }
+
+    if (!authStore.usuario) {
+      mostrarMensagem("error", "Usuário não autenticado");
+      return;
+    }
+
+    processando = true;
+    try {
+      const resultado = await client.mutation(api.usuarios.bloquearUsuario, {
+        usuarioId: usuario._id,
+        motivo: motivo.trim(),
+        bloqueadoPorId: authStore.usuario._id as Id<"usuarios">,
+      });
+
+      if (resultado.sucesso) {
+        mostrarMensagem("success", "Usuário bloqueado com sucesso!");
+        await carregarUsuarios();
+      } else {
+        mostrarMensagem("error", resultado.erro);
       }
-      
-      fecharModal();
-    } catch (error) {
-      console.error("Erro ao executar ação:", error);
-      alert("Erro ao executar ação. Veja o console.");
+    } catch (error: unknown) {
+      const message =
+        error instanceof Error ? error.message : "Erro ao bloquear usuário.";
+      mostrarMensagem("error", message);
+    } finally {
+      processando = false;
+    }
+  }
+
+  async function desbloquearUsuario(usuario: Usuario) {
+    if (!authStore.usuario) {
+      mostrarMensagem("error", "Usuário não autenticado");
+      return;
+    }
+
+    const confirmar = window.confirm(
+      `Deseja realmente desbloquear o usuário ${usuario.nome}?`
+    );
+    if (!confirmar) return;
+
+    processando = true;
+    try {
+      const resultado = await client.mutation(api.usuarios.desbloquearUsuario, {
+        usuarioId: usuario._id,
+        desbloqueadoPorId: authStore.usuario._id as Id<"usuarios">,
+      });
+
+      if (resultado.sucesso) {
+        mostrarMensagem("success", "Usuário desbloqueado com sucesso!");
+        await carregarUsuarios();
+      } else {
+        mostrarMensagem("error", resultado.erro);
+      }
+    } catch (error: unknown) {
+      const message =
+        error instanceof Error ? error.message : "Erro ao desbloquear usuário.";
+      mostrarMensagem("error", message);
+    } finally {
+      processando = false;
+    }
+  }
+
+  function abrirModalExcluir(usuario: Usuario) {
+    usuarioSelecionado = usuario;
+    modalExcluirAberto = true;
+  }
+
+  function fecharModalExcluir() {
+    modalExcluirAberto = false;
+    usuarioSelecionado = null;
+  }
+
+  async function excluirUsuario() {
+    if (!usuarioSelecionado) {
+      return;
+    }
+
+    processando = true;
+    try {
+      await client.mutation(api.usuarios.excluir, {
+        usuarioId: usuarioSelecionado._id,
+      });
+
+      mostrarMensagem("success", "Usuário excluído com sucesso!");
+      fecharModalExcluir();
+      await carregarUsuarios();
+    } catch (error: unknown) {
+      const message =
+        error instanceof Error ? error.message : "Erro ao excluir usuário.";
+      mostrarMensagem("error", message);
     } finally {
       processando = false;
     }
   }
 </script>
 
-<div class="container mx-auto px-4 py-6 max-w-7xl">
-  <!-- Header -->
-  <div class="flex items-center justify-between mb-6">
-    <div>
-      <h1 class="text-3xl font-bold text-base-content">Gestão de Usuários</h1>
-      <p class="text-base-content/60 mt-1">Gerenciar usuários do sistema</p>
+<ProtectedRoute allowedRoles={["ti_master", "admin", "ti_usuario"]} maxLevel={3}>
+  <div class="container mx-auto px-4 py-6 max-w-7xl">
+    <!-- Header -->
+    <div class="flex items-center justify-between mb-6">
+      <div class="flex items-center gap-4">
+        <div class="p-3 bg-primary/10 rounded-xl">
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-primary" 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>
+        </div>
+        <div>
+          <h1 class="text-3xl font-bold text-base-content">Gestão de Usuários</h1>
+          <p class="text-base-content/60 mt-1">Administre os usuários do sistema</p>
+        </div>
+      </div>
+      <div class="flex gap-3">
+        <a href="/ti/usuarios/criar" class="btn btn-primary">
+          <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>
+          Criar Usuário
+        </a>
+      </div>
     </div>
-    <a href="/ti/usuarios/criar" class="btn btn-primary">
-      <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>
-      Criar Usuário
-    </a>
+
+    <!-- Alerta de Usuários com Problemas -->
+    {#if !carregandoUsuarios && usuariosComProblemas.length > 0}
+      <div class="alert alert-warning shadow-lg mb-6">
+        <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="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>
+        <div>
+          <h3 class="font-bold">Atenção: Usuários com Problemas Detectados</h3>
+          <div class="text-sm mt-2">
+            <p>
+              {usuariosComProblemas.length} usuário(s) possui(em) problemas que requerem atenção:
+            </p>
+            <ul class="list-disc list-inside mt-2 space-y-1">
+              {#each usuariosComProblemas.slice(0, 3) as usuario}
+                <li>
+                  <strong>{usuario.nome}</strong> ({usuario.matricula})
+                  {#if usuario.avisos && usuario.avisos.length > 0}
+                    - {usuario.avisos[0].mensagem}
+                  {/if}
+                </li>
+              {/each}
+              {#if usuariosComProblemas.length > 3}
+                <li class="text-base-content/60">... e mais {usuariosComProblemas.length - 3} usuário(s)</li>
+              {/if}
+            </ul>
+            <p class="mt-2 font-semibold">
+              Por favor, corrija os perfis desses usuários para garantir acesso adequado ao sistema.
+            </p>
+          </div>
+        </div>
+      </div>
+    {/if}
+
+    <!-- Mensagens -->
+    {#if mensagem}
+      <div
+        class="alert shadow-lg"
+        class:alert-success={mensagem.tipo === "success"}
+        class:alert-error={mensagem.tipo === "error"}
+        class:alert-info={mensagem.tipo === "info"}
+      >
+        {#if mensagem.tipo === "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>
+        {:else if mensagem.tipo === "error"}
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="stroke-current shrink-0 h-6 w-6"
+            fill="none"
+            viewBox="0 0 24 24"
+          >
+            <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>
+        {:else}
+          <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="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+            />
+          </svg>
+        {/if}
+        <span class="font-semibold">{mensagem.texto}</span>
+      </div>
+    {/if}
+
+    <!-- Filtros -->
+    {#if !carregandoUsuarios && usuarios.length > 0}
+      <div class="card bg-base-100 shadow-xl mb-6">
+        <div class="card-body">
+          <div class="flex items-center justify-between mb-4">
+            <h2 class="card-title">Filtros de Busca</h2>
+            <button type="button" class="btn btn-sm btn-outline" onclick={limparFiltros}>
+              <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>
+              Limpar Filtros
+            </button>
+          </div>
+
+          <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+            <!-- Nome -->
+            <div class="form-control">
+              <label class="label" for="filtro-nome">
+                <span class="label-text font-medium">Nome</span>
+              </label>
+              <input
+                id="filtro-nome"
+                type="text"
+                bind:value={filtroNome}
+                placeholder="Buscar por nome..."
+                class="input input-bordered input-sm"
+              />
+            </div>
+
+            <!-- Matrícula -->
+            <div class="form-control">
+              <label class="label" for="filtro-matricula">
+                <span class="label-text font-medium">Matrícula</span>
+              </label>
+              <input
+                id="filtro-matricula"
+                type="text"
+                bind:value={filtroMatricula}
+                placeholder="Buscar por matrícula..."
+                class="input input-bordered input-sm"
+              />
+            </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 select-sm">
+                <option value="">Todos os setores</option>
+                {#each obterSetoresDisponiveis() as setor}
+                  <option value={setor}>{setor}</option>
+                {/each}
+              </select>
+            </div>
+
+            <!-- Status -->
+            <div class="form-control">
+              <label class="label" for="filtro-status">
+                <span class="label-text font-medium">Status</span>
+              </label>
+              <select id="filtro-status" bind:value={filtroStatus} class="select select-bordered select-sm">
+                <option value="todos">Todos</option>
+                <option value="ativo">Ativo</option>
+                <option value="inativo">Inativo</option>
+                <option value="bloqueado">Bloqueado</option>
+              </select>
+            </div>
+
+            <!-- Data de Criação Início -->
+            <div class="form-control">
+              <label class="label" for="filtro-data-criacao-inicio">
+                <span class="label-text font-medium">Data de Criação (Início)</span>
+              </label>
+              <input
+                id="filtro-data-criacao-inicio"
+                type="date"
+                bind:value={filtroDataCriacaoInicio}
+                class="input input-bordered input-sm"
+              />
+            </div>
+
+            <!-- Data de Criação Fim -->
+            <div class="form-control">
+              <label class="label" for="filtro-data-criacao-fim">
+                <span class="label-text font-medium">Data de Criação (Fim)</span>
+              </label>
+              <input
+                id="filtro-data-criacao-fim"
+                type="date"
+                bind:value={filtroDataCriacaoFim}
+                class="input input-bordered input-sm"
+              />
+            </div>
+
+            <!-- Último Acesso Início -->
+            <div class="form-control">
+              <label class="label" for="filtro-ultimo-acesso-inicio">
+                <span class="label-text font-medium">Último Acesso (Início)</span>
+              </label>
+              <input
+                id="filtro-ultimo-acesso-inicio"
+                type="date"
+                bind:value={filtroUltimoAcessoInicio}
+                class="input input-bordered input-sm"
+              />
+            </div>
+
+            <!-- Último Acesso Fim -->
+            <div class="form-control">
+              <label class="label" for="filtro-ultimo-acesso-fim">
+                <span class="label-text font-medium">Último Acesso (Fim)</span>
+              </label>
+              <input
+                id="filtro-ultimo-acesso-fim"
+                type="date"
+                bind:value={filtroUltimoAcessoFim}
+                class="input input-bordered input-sm"
+              />
+            </div>
+          </div>
+
+          <div class="mt-4 text-sm text-base-content/60">
+            Mostrando {usuariosFiltrados.length} de {usuarios.length} usuário(s)
+          </div>
+        </div>
+      </div>
+    {/if}
+
+    <!-- Lista de Usuários -->
+    {#if carregandoUsuarios}
+      <div class="flex flex-col justify-center items-center py-20">
+        <span class="loading loading-spinner loading-lg text-primary"></span>
+        <p class="mt-4 text-base-content/60">Carregando usuários...</p>
+      </div>
+    {:else if erroUsuarios}
+      <div class="alert alert-error shadow-lg">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="stroke-current shrink-0 h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+          />
+        </svg>
+        <div>
+          <h3 class="font-bold">Erro ao carregar usuários</h3>
+          <div class="text-sm mt-1">{erroUsuarios}</div>
+          <div class="text-xs mt-2">
+            Por favor, recarregue a página ou entre em contato com o suporte técnico se o problema persistir.
+          </div>
+        </div>
+      </div>
+    {:else if usuarios.length === 0}
+      <div class="flex flex-col items-center justify-center py-16 text-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-16 w-16 text-base-content/30"
+          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>
+        <h3 class="text-xl font-semibold mt-4">Nenhum usuário encontrado</h3>
+        <p class="text-base-content/60 mt-2">
+          Cadastre um usuário para começar a gestão de acessos.
+        </p>
+      </div>
+    {:else}
+      <div class="card bg-base-100 shadow-xl">
+        <div class="card-body">
+          <h2 class="card-title text-2xl mb-4">Usuários ({usuarios.length})</h2>
+
+          <div class="overflow-x-auto">
+            <table class="table table-zebra">
+              <thead>
+                <tr>
+                  <th>Matrícula</th>
+                  <th>Nome</th>
+                  <th>Email</th>
+                  <th>Role/Perfil</th>
+                  <th>Setor</th>
+                  <th>Funcionário Vinculado</th>
+                  <th>Status</th>
+                  <th>Primeiro Acesso</th>
+                  <th>Último Acesso</th>
+                  <th>Data de Criação</th>
+                  <th>Ações</th>
+                </tr>
+              </thead>
+              <tbody>
+                {#each usuariosFiltrados as usuario}
+                  <tr>
+                    <td class="font-mono font-semibold">{usuario.matricula}</td>
+                    <td class="font-semibold">{usuario.nome}</td>
+                    <td>{usuario.email}</td>
+                    <td>
+                      <div class="space-y-1">
+                        {#if usuario.role.erro}
+                          <div class="badge badge-error 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="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                              />
+                            </svg>
+                            {usuario.role.descricao}
+                          </div>
+                          {#if usuario.avisos && usuario.avisos.length > 0}
+                            <div class="tooltip tooltip-error" data-tip={usuario.avisos[0].mensagem}>
+                              <button
+                                type="button"
+                                class="btn btn-xs btn-error btn-circle"
+                                onclick={(e) => {
+                                  e.stopPropagation();
+                                  mostrarMensagem("error", usuario.avisos![0].mensagem);
+                                }}
+                              >
+                                !
+                              </button>
+                            </div>
+                          {/if}
+                        {:else}
+                          <div class="badge badge-outline">{usuario.role.nome}</div>
+                        {/if}
+                      </div>
+                    </td>
+                    <td>{usuario.role.setor || "-"}</td>
+                    <td>
+                      {#if usuario.funcionario}
+                        <div class="space-y-1">
+                          <div class="badge badge-success gap-2">
+                            <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>
+                            Associado
+                          </div>
+                          <div class="text-sm font-medium">{usuario.funcionario.nome}</div>
+                          {#if usuario.funcionario.matricula}
+                            <div class="text-xs text-base-content/60">
+                              Mat: {usuario.funcionario.matricula}
+                            </div>
+                          {/if}
+                        </div>
+                      {:else}
+                        <div class="badge badge-warning gap-2">
+                          <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 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>
+                          Não associado
+                        </div>
+                      {/if}
+                    </td>
+                    <td>
+                      <UserStatusBadge ativo={usuario.ativo} bloqueado={usuario.bloqueado} />
+                    </td>
+                    <td>
+                      {#if usuario.primeiroAcesso}
+                        <div class="badge badge-warning">Sim</div>
+                      {:else}
+                        <div class="badge badge-success">Não</div>
+                      {/if}
+                    </td>
+                    <td>
+                      <span class="text-sm">{formatarData(usuario.ultimoAcesso)}</span>
+                    </td>
+                    <td>
+                      <span class="text-sm">{formatarData(usuario.criadoEm)}</span>
+                    </td>
+                    <td>
+                      <div class="dropdown dropdown-end">
+                        <button
+                          type="button"
+                          class="btn btn-sm btn-ghost"
+                          aria-label="Menu de ações"
+                        >
+                          <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>
+                        </button>
+                        <ul role="menu" class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-48 z-[1]">
+                          <li>
+                            <button type="button" onclick={() => ativarDesativarUsuario(usuario)} disabled={processando}>
+                              {usuario.ativo ? "Desativar" : "Ativar"}
+                            </button>
+                          </li>
+                          <li>
+                            <button type="button" onclick={() => abrirModalAssociar(usuario)} disabled={processando}>
+                              {usuario.funcionario ? "Alterar Funcionário" : "Associar Funcionário"}
+                            </button>
+                          </li>
+                          <li>
+                            {#if usuario.bloqueado}
+                              <button type="button" onclick={() => desbloquearUsuario(usuario)} disabled={processando} class="text-success">
+                                Desbloquear
+                              </button>
+                            {:else}
+                              <button type="button" onclick={() => bloquearUsuario(usuario)} disabled={processando} class="text-error">
+                                Bloquear
+                              </button>
+                            {/if}
+                          </li>
+                          <div class="divider my-0"></div>
+                          <li>
+                            <button type="button" onclick={() => abrirModalExcluir(usuario)} disabled={processando} class="text-error">
+                              Excluir
+                            </button>
+                          </li>
+                        </ul>
+                      </div>
+                    </td>
+                  </tr>
+                {/each}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    {/if}
   </div>
 
-  <!-- Stats -->
-  {#if stats}
-    <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
-      <div class="stat bg-base-100 shadow rounded-lg">
-        <div class="stat-title">Total</div>
-        <div class="stat-value text-primary">{stats.total}</div>
+  <!-- Modal Associar Funcionário -->
+  {#if modalAssociarAberto && usuarioSelecionado}
+    <div class="modal modal-open">
+      <div class="modal-box max-w-2xl">
+        <h3 class="font-bold text-lg mb-4">Associar Funcionário ao Usuário</h3>
+
+        <div class="mb-6">
+          <p class="text-base-content/80 mb-2">
+            <strong>Usuário:</strong> {usuarioSelecionado.nome} ({usuarioSelecionado.matricula})
+          </p>
+
+          {#if usuarioSelecionado.funcionario}
+            <div class="alert alert-info">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                class="stroke-current shrink-0 w-6 h-6"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                ></path>
+              </svg>
+              <span>
+                Este usuário já possui um funcionário associado. Você pode alterá-lo ou desassociá-lo.
+              </span>
+            </div>
+          {/if}
+        </div>
+
+        <div class="form-control mb-4">
+          <label for="busca-funcionario" class="label">
+            <span class="label-text">Buscar Funcionário</span>
+          </label>
+          <input
+            id="busca-funcionario"
+            type="text"
+            bind:value={buscaFuncionario}
+            placeholder="Digite nome, CPF ou matrícula..."
+            class="input input-bordered"
+          />
+        </div>
+
+        <div class="form-control mb-6">
+          <div class="label">
+            <span class="label-text">Selecione o Funcionário *</span>
+          </div>
+
+          <div class="border rounded-lg max-h-96 overflow-y-auto">
+            {#if carregandoFuncionarios}
+              <div class="p-4 flex items-center justify-center gap-3 text-base-content/60">
+                <span class="loading loading-spinner loading-sm"></span>
+                Carregando funcionários disponíveis...
+              </div>
+            {:else if funcionariosFiltrados.length === 0}
+              <div class="p-4 text-center text-base-content/60">
+                {buscaFuncionario
+                  ? "Nenhum funcionário encontrado com esse critério"
+                  : "Nenhum funcionário disponível para associação."}
+              </div>
+            {:else}
+              {#each funcionariosFiltrados as func}
+                <label
+                  class="flex items-center gap-3 p-3 hover:bg-base-200 cursor-pointer border-b last:border-b-0"
+                >
+                  <input
+                    type="radio"
+                    name="funcionario"
+                    value={func._id}
+                    bind:group={funcionarioSelecionadoId}
+                    class="radio radio-primary"
+                  />
+                  <div class="flex-1">
+                    <div class="font-semibold">{func.nome}</div>
+                    <div class="text-sm text-base-content/70">
+                      CPF: {func.cpf || "N/A"}
+                      {#if func.matricula}
+                        | Matrícula: {func.matricula}
+                      {/if}
+                    </div>
+                    {#if func.descricaoCargo}
+                      <div class="text-xs text-base-content/60">{func.descricaoCargo}</div>
+                    {/if}
+                  </div>
+                </label>
+              {/each}
+            {/if}
+          </div>
+        </div>
+
+        <div class="modal-action">
+          <button
+            type="button"
+            class="btn btn-ghost"
+            onclick={fecharModalAssociar}
+            disabled={processando}
+          >
+            Cancelar
+          </button>
+
+          {#if usuarioSelecionado.funcionario}
+            <button
+              type="button"
+              class="btn btn-error"
+              onclick={desassociarFuncionario}
+              disabled={processando}
+            >
+              {#if processando}
+                <span class="loading loading-spinner loading-sm"></span>
+              {/if}
+              Desassociar
+            </button>
+          {/if}
+
+          <button
+            type="button"
+            class="btn btn-primary"
+            onclick={associarFuncionario}
+            disabled={processando || !funcionarioSelecionadoId || funcionarioSelecionadoId === ""}
+          >
+            {#if processando}
+              <span class="loading loading-spinner loading-sm"></span>
+            {/if}
+            {usuarioSelecionado.funcionario ? "Alterar" : "Associar"}
+          </button>
+        </div>
       </div>
-      <div class="stat bg-base-100 shadow rounded-lg">
-        <div class="stat-title">Ativos</div>
-        <div class="stat-value text-success">{stats.ativos}</div>
-      </div>
-      <div class="stat bg-base-100 shadow rounded-lg">
-        <div class="stat-title">Bloqueados</div>
-        <div class="stat-value text-error">{stats.bloqueados}</div>
-      </div>
-      <div class="stat bg-base-100 shadow rounded-lg">
-        <div class="stat-title">Inativos</div>
-        <div class="stat-value text-warning">{stats.inativos}</div>
+      <div class="modal-backdrop">
+        <button type="button" onclick={fecharModalAssociar} onkeydown={(e) => e.key === "Escape" && fecharModalAssociar()} aria-label="Fechar modal" class="sr-only">Fechar</button>
       </div>
     </div>
   {/if}
 
-  <!-- Filtros -->
-  <div class="card bg-base-100 shadow-xl mb-6">
-    <div class="card-body">
-      <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-        <div class="form-control">
-          <label class="label" for="buscar-usuario-input">
-            <span class="label-text">Buscar por nome, matrícula ou email</span>
-          </label>
-          <input 
-            id="buscar-usuario-input"
-            type="text" 
-            bind:value={filtroNome}
-            placeholder="Digite para buscar..." 
-            class="input input-bordered"
-          />
-        </div>
-        
-        <div class="form-control">
-          <label class="label" for="filtro-status-select">
-            <span class="label-text">Filtrar por status</span>
-          </label>
-          <select id="filtro-status-select" bind:value={filtroStatus} class="select select-bordered">
-            <option value="todos">Todos</option>
-            <option value="ativo">Ativos</option>
-            <option value="bloqueado">Bloqueados</option>
-            <option value="inativo">Inativos</option>
-          </select>
-        </div>
-      </div>
-    </div>
-  </div>
+  <!-- Modal Excluir Usuário -->
+  {#if modalExcluirAberto && usuarioSelecionado}
+    <div class="modal modal-open">
+      <div class="modal-box">
+        <h3 class="font-bold text-lg mb-4 text-error">Excluir Usuário</h3>
 
-  <!-- Tabela -->
-  <div class="card bg-base-100 shadow-xl">
-    <div class="card-body">
-      <h2 class="card-title mb-4">
-        Usuários ({usuariosFiltrados.length})
-      </h2>
-      
-      <div class="overflow-x-auto">
-        <table class="table table-zebra">
-          <thead>
-            <tr>
-              <th>Matrícula</th>
-              <th>Nome</th>
-              <th>Email</th>
-              <th>Funcionário</th>
-              <th>Status</th>
-              <th>Ações</th>
-            </tr>
-          </thead>
-          <tbody>
-            {#each usuariosFiltrados as usuario}
-              <tr>
-                <td class="font-mono">{usuario.matricula}</td>
-                <td>{usuario.nome}</td>
-                <td>{usuario.email || "-"}</td>
-                <td>
-                  {#if usuario.funcionarioId}
-                    <div class="badge badge-success gap-2">
-                      <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>
-                      Associado
-                    </div>
-                  {:else}
-                    <div class="badge badge-warning gap-2">
-                      <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 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>
-                      Não associado
-                    </div>
-                  {/if}
-                </td>
-                <td>
-                  <UserStatusBadge ativo={usuario.ativo} bloqueado={usuario.bloqueado} />
-                </td>
-                <td>
-                  <div class="flex gap-2 flex-wrap">
-                    <!-- Botão Associar Funcionário -->
-                    <button 
-                      class="btn btn-sm btn-info"
-                      onclick={() => abrirModalAssociar(usuario)}
-                      title={usuario.funcionarioId ? "Alterar funcionário associado" : "Associar funcionário"}
-                    >
-                      <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>
-                      {usuario.funcionarioId ? "Alterar" : "Associar"}
-                    </button>
-                    
-                    {#if usuario.bloqueado}
-                      <button 
-                        class="btn btn-sm btn-success"
-                        onclick={() => abrirModal(usuario, "desbloquear")}
-                      >
-                        <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="M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z" />
-                        </svg>
-                        Desbloquear
-                      </button>
-                    {:else}
-                      <button 
-                        class="btn btn-sm btn-error"
-                        onclick={() => abrirModal(usuario, "bloquear")}
-                      >
-                        <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 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
-                        </svg>
-                        Bloquear
-                      </button>
-                    {/if}
-                    
-                    <button 
-                      class="btn btn-sm btn-warning"
-                      onclick={() => abrirModal(usuario, "reset")}
-                    >
-                      <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 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z" />
-                      </svg>
-                      Reset Senha
-                    </button>
-                  </div>
-                </td>
-              </tr>
-            {:else}
-              <tr>
-                <td colspan="5" class="text-center py-8 text-base-content/60">
-                  Nenhum usuário encontrado
-                </td>
-              </tr>
-            {/each}
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- Modal -->
-{#if modalAberto}
-  <div class="modal modal-open">
-    <div class="modal-box">
-      <h3 class="font-bold text-lg mb-4">
-        {modalAcao === "bloquear" ? "Bloquear Usuário" : 
-         modalAcao === "desbloquear" ? "Desbloquear Usuário" : 
-         "Resetar Senha"}
-      </h3>
-      
-      <div class="mb-4">
-        <p class="text-base-content/80">
-          <strong>Usuário:</strong> {usuarioSelecionado?.nome} ({usuarioSelecionado?.matricula})
-        </p>
-      </div>
-
-      {#if modalAcao === "bloquear"}
-        <div class="form-control mb-4">
-          <label class="label" for="motivo-bloqueio-textarea">
-            <span class="label-text">Motivo do bloqueio *</span>
-          </label>
-          <textarea 
-            id="motivo-bloqueio-textarea"
-            bind:value={motivo}
-            class="textarea textarea-bordered" 
-            placeholder="Digite o motivo..."
-            rows="3"
-          ></textarea>
-        </div>
-      {/if}
-
-      {#if modalAcao === "reset"}
-        <div class="alert alert-info mb-4">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-          </svg>
-          <span>Uma senha temporária será gerada automaticamente.</span>
-        </div>
-      {/if}
-
-      <div class="modal-action">
-        <button 
-          class="btn btn-ghost" 
-          onclick={fecharModal}
-          disabled={processando}
-        >
-          Cancelar
-        </button>
-        <button 
-          class="btn btn-primary"
-          onclick={executarAcao}
-          disabled={processando || (modalAcao === "bloquear" && !motivo.trim())}
-        >
-          {#if processando}
-            <span class="loading loading-spinner loading-sm"></span>
-          {/if}
-          Confirmar
-        </button>
-      </div>
-    </div>
-    <!-- svelte-ignore a11y_click_events_have_key_events -->
-    <!-- svelte-ignore a11y_no_static_element_interactions -->
-    <div class="modal-backdrop" onclick={fecharModal}></div>
-  </div>
-{/if}
-
-<!-- Modal Associar Funcionário -->
-{#if modalAssociarAberto && usuarioParaAssociar}
-  <div class="modal modal-open">
-    <div class="modal-box max-w-2xl">
-      <h3 class="font-bold text-lg mb-4">
-        Associar Funcionário ao Usuário
-      </h3>
-      
-      <div class="mb-6">
-        <p class="text-base-content/80 mb-2">
-          <strong>Usuário:</strong> {usuarioParaAssociar.nome} ({usuarioParaAssociar.matricula})
-        </p>
-        
-        {#if usuarioParaAssociar.funcionarioId}
-          <div class="alert alert-info">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+        <div class="mb-4">
+          <p class="text-base-content/80 mb-2">
+            <strong>Usuário:</strong> {usuarioSelecionado.nome} ({usuarioSelecionado.matricula})
+          </p>
+          <div class="alert alert-error">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              class="stroke-current shrink-0 w-6 h-6"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+              ></path>
             </svg>
-            <span>Este usuário já possui um funcionário associado. Você pode alterá-lo ou desassociá-lo.</span>
+            <span>
+              Esta ação não pode ser desfeita. O usuário será permanentemente excluído do sistema.
+            </span>
           </div>
-        {/if}
-      </div>
-
-      <!-- Busca de Funcionários -->
-      <div class="form-control mb-4">
-        <label for="busca-funcionario" class="label">
-          <span class="label-text">Buscar Funcionário</span>
-        </label>
-        <input 
-          id="busca-funcionario"
-          type="text" 
-          bind:value={buscaFuncionario}
-          placeholder="Digite nome, CPF ou matrícula..." 
-          class="input input-bordered"
-        />
-      </div>
-
-      <!-- Lista de Funcionários -->
-      <div class="form-control mb-6">
-        <div class="label">
-          <span class="label-text">Selecione o Funcionário *</span>
         </div>
-        
-        <div class="border rounded-lg max-h-96 overflow-y-auto">
-          {#if funcionariosFiltrados.length === 0}
-            <div class="p-4 text-center text-base-content/60">
-              {buscaFuncionario ? "Nenhum funcionário encontrado com esse critério" : "Carregando funcionários..."}
-            </div>
-          {:else}
-            {#each funcionariosFiltrados as func}
-              <label class="flex items-center gap-3 p-3 hover:bg-base-200 cursor-pointer border-b last:border-b-0">
-                <input 
-                  type="radio" 
-                  name="funcionario" 
-                  value={func._id}
-                  bind:group={funcionarioSelecionadoId}
-                  class="radio radio-primary" 
-                />
-                <div class="flex-1">
-                  <div class="font-semibold">{func.nome}</div>
-                  <div class="text-sm text-base-content/70">
-                    CPF: {func.cpf || "N/A"}
-                    {#if func.matricula}
-                      | Matrícula: {func.matricula}
-                    {/if}
-                  </div>
-                  {#if func.descricaoCargo}
-                    <div class="text-xs text-base-content/60">{func.descricaoCargo}</div>
-                  {/if}
-                </div>
-              </label>
-            {/each}
-          {/if}
-        </div>
-      </div>
 
-      <!-- Ações -->
-      <div class="modal-action">
-        <button 
-          class="btn btn-ghost" 
-          onclick={fecharModalAssociar}
-          disabled={processando}
-        >
-          Cancelar
-        </button>
-        
-        {#if usuarioParaAssociar.funcionarioId}
-          <button 
+        <div class="modal-action">
+          <button
+            type="button"
+            class="btn btn-ghost"
+            onclick={fecharModalExcluir}
+            disabled={processando}
+          >
+            Cancelar
+          </button>
+          <button
+            type="button"
             class="btn btn-error"
-            onclick={desassociarFuncionario}
+            onclick={excluirUsuario}
             disabled={processando}
           >
             {#if processando}
               <span class="loading loading-spinner loading-sm"></span>
             {/if}
-            Desassociar
+            Excluir
           </button>
-        {/if}
-        
-        <button 
-          class="btn btn-primary"
-          onclick={associarFuncionario}
-          disabled={processando || !funcionarioSelecionadoId}
-        >
-          {#if processando}
-            <span class="loading loading-spinner loading-sm"></span>
-          {/if}
-          {usuarioParaAssociar.funcionarioId ? "Alterar" : "Associar"}
-        </button>
+        </div>
+      </div>
+      <div class="modal-backdrop">
+        <button type="button" onclick={fecharModalExcluir} onkeydown={(e) => e.key === "Escape" && fecharModalExcluir()} aria-label="Fechar modal" class="sr-only">Fechar</button>
       </div>
     </div>
-    <!-- svelte-ignore a11y_click_events_have_key_events -->
-    <!-- svelte-ignore a11y_no_static_element_interactions -->
-    <div class="modal-backdrop" onclick={fecharModalAssociar}></div>
-  </div>
-{/if}
-
+  {/if}
+</ProtectedRoute>
diff --git a/apps/web/src/routes/(dashboard)/ti/usuarios/criar/+page.svelte b/apps/web/src/routes/(dashboard)/ti/usuarios/criar/+page.svelte
index 87b8961..e36a233 100644
--- a/apps/web/src/routes/(dashboard)/ti/usuarios/criar/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/usuarios/criar/+page.svelte
@@ -22,7 +22,6 @@
   });
 
   // Estados do formulário
-  let matricula = $state("");
   let nome = $state("");
   let email = $state("");
   let roleId = $state("");
@@ -30,7 +29,9 @@
   let senhaInicial = $state("");
   let confirmarSenha = $state("");
   let processando = $state(false);
-  let mensagem = $state<{ tipo: "success" | "error"; texto: string } | null>(null);
+  let mensagem = $state<{ tipo: "success" | "error"; texto: string } | null>(
+    null,
+  );
 
   function mostrarMensagem(tipo: "success" | "error", texto: string) {
     mensagem = { tipo, texto };
@@ -43,8 +44,7 @@
     e.preventDefault();
 
     // Validações
-    const matriculaStr = String(matricula).trim();
-    if (!matriculaStr || !nome.trim() || !email.trim() || !roleId || !senhaInicial) {
+    if (!nome.trim() || !email.trim() || !roleId || !senhaInicial) {
       mostrarMensagem("error", "Preencha todos os campos obrigatórios");
       return;
     }
@@ -63,11 +63,12 @@
 
     try {
       const resultado = await client.mutation(api.usuarios.criar, {
-        matricula: matriculaStr,
         nome: nome.trim(),
         email: email.trim(),
         roleId: roleId as Id<"roles">,
-        funcionarioId: funcionarioId ? (funcionarioId as Id<"funcionarios">) : undefined,
+        funcionarioId: funcionarioId
+          ? (funcionarioId as Id<"funcionarios">)
+          : undefined,
         senhaInicial: senhaInicial,
       });
 
@@ -75,7 +76,7 @@
         if (senhaGerada) {
           mostrarMensagem(
             "success",
-            `Usuário criado! SENHA TEMPORÁRIA: ${senhaGerada} - Anote esta senha, ela não será exibida novamente!`
+            `Usuário criado! SENHA TEMPORÁRIA: ${senhaGerada} - Anote esta senha, ela não será exibida novamente!`,
           );
           setTimeout(() => {
             goto("/ti/usuarios");
@@ -102,17 +103,19 @@
   // Auto-completar ao selecionar funcionário
   $effect(() => {
     if (funcionarioId && funcionarios?.data) {
-      const funcSelecionado = funcionarios.data.find((f: any) => f._id === funcionarioId);
+      const funcSelecionado = funcionarios.data.find(
+        (f: any) => f._id === funcionarioId,
+      );
       if (funcSelecionado) {
         email = funcSelecionado.email || email;
         nome = funcSelecionado.nome || nome;
-        matricula = funcSelecionado.matricula || matricula;
       }
     }
   });
 
   function gerarSenhaAleatoria() {
-    const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@#$!";
+    const chars =
+      "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@#$!";
     let senha = "";
     for (let i = 0; i < 12; i++) {
       senha += chars.charAt(Math.floor(Math.random() * chars.length));
@@ -154,8 +157,12 @@
             </svg>
           </div>
           <div>
-            <h1 class="text-3xl font-bold text-base-content">Criar Novo Usuário</h1>
-            <p class="text-base-content/60 mt-1">Cadastre um novo usuário no sistema</p>
+            <h1 class="text-3xl font-bold text-base-content">
+              Criar Novo Usuário
+            </h1>
+            <p class="text-base-content/60 mt-1">
+              Cadastre um novo usuário no sistema
+            </p>
           </div>
         </div>
         <a href="/ti/usuarios" class="btn btn-outline btn-primary gap-2">
@@ -248,7 +255,9 @@
             <!-- Funcionário (primeiro) -->
             <div class="form-control md:col-span-2">
               <label class="label" for="funcionario">
-                <span class="label-text font-semibold">Vincular Funcionário (Opcional)</span>
+                <span class="label-text font-semibold"
+                  >Vincular Funcionário (Opcional)</span
+                >
               </label>
               <select
                 id="funcionario"
@@ -256,34 +265,24 @@
                 bind:value={funcionarioId}
                 disabled={processando || !funcionarios?.data}
               >
-                <option value="">Selecione um funcionário para auto-completar dados</option>
+                <option value=""
+                  >Selecione um funcionário para auto-completar dados</option
+                >
                 {#if funcionarios?.data}
                   {#each funcionarios.data as func}
-                    <option value={func._id}>{func.nome} - Mat: {func.matricula}</option>
+                    <option value={func._id}
+                      >{func.nome} - Mat: {func.matricula}</option
+                    >
                   {/each}
                 {/if}
               </select>
               <div class="label">
-                <span class="label-text-alt">Ao selecionar, os campos serão preenchidos automaticamente</span>
+                <span class="label-text-alt"
+                  >Ao selecionar, os campos serão preenchidos automaticamente</span
+                >
               </div>
             </div>
 
-            <!-- Matrícula -->
-            <div class="form-control">
-              <label class="label" for="matricula">
-                <span class="label-text font-semibold">Matrícula *</span>
-              </label>
-              <input
-                id="matricula"
-                type="number"
-                placeholder="Ex: 12345"
-                class="input input-bordered"
-                bind:value={matricula}
-                required
-                disabled={processando}
-              />
-            </div>
-
             <!-- Nome -->
             <div class="form-control">
               <label class="label" for="nome">
@@ -301,7 +300,7 @@
             </div>
 
             <!-- Email -->
-            <div class="form-control md:col-span-2">
+            <div class="form-control">
               <label class="label" for="email">
                 <span class="label-text font-semibold">E-mail *</span>
               </label>
@@ -341,7 +340,9 @@
               </select>
               {#if !roles?.data || !Array.isArray(roles.data)}
                 <div class="label">
-                  <span class="label-text-alt text-warning">Carregando perfis disponíveis...</span>
+                  <span class="label-text-alt text-warning"
+                    >Carregando perfis disponíveis...</span
+                  >
                 </div>
               {/if}
             </div>
@@ -446,7 +447,9 @@
                   <div class="flex-1">
                     <h3 class="font-bold">Senha Gerada:</h3>
                     <div class="flex items-center gap-2 mt-2">
-                      <code class="bg-base-300 px-3 py-2 rounded text-lg font-mono select-all">
+                      <code
+                        class="bg-base-300 px-3 py-2 rounded text-lg font-mono select-all"
+                      >
                         {senhaGerada}
                       </code>
                       <button
@@ -473,8 +476,8 @@
                       </button>
                     </div>
                     <p class="text-sm mt-2">
-                      ⚠️ <strong>IMPORTANTE:</strong> Anote esta senha! Você precisará repassá-la
-                      manualmente ao usuário até que o SMTP seja configurado.
+                      ⚠️ <strong>IMPORTANTE:</strong> Anote esta senha! Você precisará
+                      repassá-la manualmente ao usuário até que o SMTP seja configurado.
                     </p>
                   </div>
                 </div>
@@ -500,18 +503,27 @@
               <h3 class="font-bold">Informações Importantes</h3>
               <ul class="text-sm list-disc list-inside mt-2 space-y-1">
                 <li>O usuário deverá alterar a senha no primeiro acesso</li>
-                <li>As credenciais devem ser repassadas manualmente (por enquanto)</li>
                 <li>
-                  Configure o SMTP em <a href="/ti/configuracoes-email" class="link"
-                    >Configurações de Email</a
+                  As credenciais devem ser repassadas manualmente (por enquanto)
+                </li>
+                <li>
+                  Configure o SMTP em <a
+                    href="/ti/configuracoes-email"
+                    class="link">Configurações de Email</a
                   > para envio automático
                 </li>
               </ul>
             </div>
           </div>
 
-          <div class="card-actions justify-end mt-8 pt-6 border-t border-base-300">
-            <a href="/ti/usuarios" class="btn btn-ghost gap-2" class:btn-disabled={processando}>
+          <div
+            class="card-actions justify-end mt-8 pt-6 border-t border-base-300"
+          >
+            <a
+              href="/ti/usuarios"
+              class="btn btn-ghost gap-2"
+              class:btn-disabled={processando}
+            >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 class="h-5 w-5"
@@ -528,7 +540,11 @@
               </svg>
               Cancelar
             </a>
-            <button type="submit" class="btn btn-primary gap-2" disabled={processando}>
+            <button
+              type="submit"
+              class="btn btn-primary gap-2"
+              disabled={processando}
+            >
               {#if processando}
                 <span class="loading loading-spinner loading-sm"></span>
                 Criando Usuário...
@@ -556,4 +572,3 @@
     </div>
   </div>
 </ProtectedRoute>
-
diff --git a/apps/web/src/routes/api/auth/[...all]/+server.ts b/apps/web/src/routes/api/auth/[...all]/+server.ts
new file mode 100644
index 0000000..dd7705e
--- /dev/null
+++ b/apps/web/src/routes/api/auth/[...all]/+server.ts
@@ -0,0 +1,3 @@
+import { createSvelteKitHandler } from "@mmailaender/convex-better-auth-svelte/sveltekit";
+
+export const { GET, POST } = createSvelteKitHandler();
diff --git a/bun.lock b/bun.lock
index 4317cd3..16a9a59 100644
--- a/bun.lock
+++ b/bun.lock
@@ -8,13 +8,11 @@
         "chart.js": "^4.5.1",
         "lucide-svelte": "^0.548.0",
         "svelte-chartjs": "^3.1.5",
+        "svelte-sonner": "^1.0.5",
       },
       "devDependencies": {
         "@biomejs/biome": "^2.3.2",
-        "turbo": "^2.5.4",
-      },
-      "optionalDependencies": {
-        "@rollup/rollup-win32-x64-msvc": "^4.52.5",
+        "turbo": "^2.5.8",
       },
     },
     "apps/web": {
@@ -32,7 +30,7 @@
         "@sgse-app/backend": "*",
         "@tanstack/svelte-form": "^1.19.2",
         "@types/papaparse": "^5.3.14",
-        "convex": "^1.28.0",
+        "convex": "catalog:",
         "convex-svelte": "^0.0.11",
         "date-fns": "^4.1.0",
         "emoji-picker-element": "^1.27.0",
@@ -54,7 +52,7 @@
         "svelte": "^5.38.1",
         "svelte-check": "^4.3.1",
         "tailwindcss": "^4.1.12",
-        "typescript": "^5.9.2",
+        "typescript": "catalog:",
         "vite": "^7.1.2",
       },
     },
@@ -63,7 +61,7 @@
       "version": "1.0.0",
       "dependencies": {
         "@dicebear/avataaars": "^9.2.4",
-        "convex": "^1.28.0",
+        "convex": "^1.17.4",
         "nodemailer": "^7.0.10",
       },
       "devDependencies": {
@@ -75,10 +73,14 @@
         "@types/pako": "^2.0.4",
         "@types/raf": "^3.4.3",
         "@types/trusted-types": "^2.0.7",
-        "typescript": "^5.9.2",
+        "typescript": "catalog:",
       },
     },
   },
+  "catalog": {
+    "convex": "^1.28.0",
+    "typescript": "^5.9.2",
+  },
   "packages": {
     "@aws-crypto/sha256-browser": ["@aws-crypto/sha256-browser@5.2.0", "", { "dependencies": { "@aws-crypto/sha256-js": "^5.2.0", "@aws-crypto/supports-web-crypto": "^5.2.0", "@aws-crypto/util": "^5.2.0", "@aws-sdk/types": "^3.222.0", "@aws-sdk/util-locate-window": "^3.0.0", "@smithy/util-utf8": "^2.0.0", "tslib": "^2.6.2" } }, "sha512-AXfN/lGotSQwu6HNcEsIASo7kWXZ5HYWvfOmSNKDsEqC4OashTp8alTmaz+F7TC2L083SFv5RdB+qU3Vs1kZqw=="],
 
@@ -88,57 +90,57 @@
 
     "@aws-crypto/util": ["@aws-crypto/util@5.2.0", "", { "dependencies": { "@aws-sdk/types": "^3.222.0", "@smithy/util-utf8": "^2.0.0", "tslib": "^2.6.2" } }, "sha512-4RkU9EsI6ZpBve5fseQlGNUWKMa1RLPQ1dnjnQoe07ldfIzcsGb5hC5W0Dm7u423KWzawlrpbjXBrXCEv9zazQ=="],
 
-    "@aws-sdk/client-sesv2": ["@aws-sdk/client-sesv2@3.920.0", "", { "dependencies": { "@aws-crypto/sha256-browser": "5.2.0", "@aws-crypto/sha256-js": "5.2.0", "@aws-sdk/core": "3.920.0", "@aws-sdk/credential-provider-node": "3.920.0", "@aws-sdk/middleware-host-header": "3.920.0", "@aws-sdk/middleware-logger": "3.920.0", "@aws-sdk/middleware-recursion-detection": "3.920.0", "@aws-sdk/middleware-user-agent": "3.920.0", "@aws-sdk/region-config-resolver": "3.920.0", "@aws-sdk/signature-v4-multi-region": "3.920.0", "@aws-sdk/types": "3.920.0", "@aws-sdk/util-endpoints": "3.920.0", "@aws-sdk/util-user-agent-browser": "3.920.0", "@aws-sdk/util-user-agent-node": "3.920.0", "@smithy/config-resolver": "^4.4.0", "@smithy/core": "^3.17.1", "@smithy/fetch-http-handler": "^5.3.4", "@smithy/hash-node": "^4.2.3", "@smithy/invalid-dependency": "^4.2.3", "@smithy/middleware-content-length": "^4.2.3", "@smithy/middleware-endpoint": "^4.3.5", "@smithy/middleware-retry": "^4.4.5", "@smithy/middleware-serde": "^4.2.3", "@smithy/middleware-stack": "^4.2.3", "@smithy/node-config-provider": "^4.3.3", "@smithy/node-http-handler": "^4.4.3", "@smithy/protocol-http": "^5.3.3", "@smithy/smithy-client": "^4.9.1", "@smithy/types": "^4.8.0", "@smithy/url-parser": "^4.2.3", "@smithy/util-base64": "^4.3.0", "@smithy/util-body-length-browser": "^4.2.0", "@smithy/util-body-length-node": "^4.2.1", "@smithy/util-defaults-mode-browser": "^4.3.4", "@smithy/util-defaults-mode-node": "^4.2.6", "@smithy/util-endpoints": "^3.2.3", "@smithy/util-middleware": "^4.2.3", "@smithy/util-retry": "^4.2.3", "@smithy/util-utf8": "^4.2.0", "tslib": "^2.6.2" } }, "sha512-MDt2nQh14WFzlQcEcAxsw1QQzfaIDjwiqUA0AZAP5In/MZuDZnb54RIW/Af3R5IWywV9fGg9UFJpmbnmbm1dmA=="],
+    "@aws-sdk/client-sesv2": ["@aws-sdk/client-sesv2@3.921.0", "", { "dependencies": { "@aws-crypto/sha256-browser": "5.2.0", "@aws-crypto/sha256-js": "5.2.0", "@aws-sdk/core": "3.921.0", "@aws-sdk/credential-provider-node": "3.921.0", "@aws-sdk/middleware-host-header": "3.921.0", "@aws-sdk/middleware-logger": "3.921.0", "@aws-sdk/middleware-recursion-detection": "3.921.0", "@aws-sdk/middleware-user-agent": "3.921.0", "@aws-sdk/region-config-resolver": "3.921.0", "@aws-sdk/signature-v4-multi-region": "3.921.0", "@aws-sdk/types": "3.921.0", "@aws-sdk/util-endpoints": "3.921.0", "@aws-sdk/util-user-agent-browser": "3.921.0", "@aws-sdk/util-user-agent-node": "3.921.0", "@smithy/config-resolver": "^4.4.1", "@smithy/core": "^3.17.2", "@smithy/fetch-http-handler": "^5.3.5", "@smithy/hash-node": "^4.2.4", "@smithy/invalid-dependency": "^4.2.4", "@smithy/middleware-content-length": "^4.2.4", "@smithy/middleware-endpoint": "^4.3.6", "@smithy/middleware-retry": "^4.4.6", "@smithy/middleware-serde": "^4.2.4", "@smithy/middleware-stack": "^4.2.4", "@smithy/node-config-provider": "^4.3.4", "@smithy/node-http-handler": "^4.4.4", "@smithy/protocol-http": "^5.3.4", "@smithy/smithy-client": "^4.9.2", "@smithy/types": "^4.8.1", "@smithy/url-parser": "^4.2.4", "@smithy/util-base64": "^4.3.0", "@smithy/util-body-length-browser": "^4.2.0", "@smithy/util-body-length-node": "^4.2.1", "@smithy/util-defaults-mode-browser": "^4.3.5", "@smithy/util-defaults-mode-node": "^4.2.7", "@smithy/util-endpoints": "^3.2.4", "@smithy/util-middleware": "^4.2.4", "@smithy/util-retry": "^4.2.4", "@smithy/util-utf8": "^4.2.0", "tslib": "^2.6.2" } }, "sha512-SokAr3tgHo+M+U/nrqidZNiuhA8//l/L6A6R9e8lNEQZtI3tFB0SQcKFYQCy8H96/cNZhnYIqkxsUysEl0bNdw=="],
 
-    "@aws-sdk/client-sso": ["@aws-sdk/client-sso@3.920.0", "", { "dependencies": { "@aws-crypto/sha256-browser": "5.2.0", "@aws-crypto/sha256-js": "5.2.0", "@aws-sdk/core": "3.920.0", "@aws-sdk/middleware-host-header": "3.920.0", "@aws-sdk/middleware-logger": "3.920.0", "@aws-sdk/middleware-recursion-detection": "3.920.0", "@aws-sdk/middleware-user-agent": "3.920.0", "@aws-sdk/region-config-resolver": "3.920.0", "@aws-sdk/types": "3.920.0", "@aws-sdk/util-endpoints": "3.920.0", "@aws-sdk/util-user-agent-browser": "3.920.0", "@aws-sdk/util-user-agent-node": "3.920.0", "@smithy/config-resolver": "^4.4.0", "@smithy/core": "^3.17.1", "@smithy/fetch-http-handler": "^5.3.4", "@smithy/hash-node": "^4.2.3", "@smithy/invalid-dependency": "^4.2.3", "@smithy/middleware-content-length": "^4.2.3", "@smithy/middleware-endpoint": "^4.3.5", "@smithy/middleware-retry": "^4.4.5", "@smithy/middleware-serde": "^4.2.3", "@smithy/middleware-stack": "^4.2.3", "@smithy/node-config-provider": "^4.3.3", "@smithy/node-http-handler": "^4.4.3", "@smithy/protocol-http": "^5.3.3", "@smithy/smithy-client": "^4.9.1", "@smithy/types": "^4.8.0", "@smithy/url-parser": "^4.2.3", "@smithy/util-base64": "^4.3.0", "@smithy/util-body-length-browser": "^4.2.0", "@smithy/util-body-length-node": "^4.2.1", "@smithy/util-defaults-mode-browser": "^4.3.4", "@smithy/util-defaults-mode-node": "^4.2.6", "@smithy/util-endpoints": "^3.2.3", "@smithy/util-middleware": "^4.2.3", "@smithy/util-retry": "^4.2.3", "@smithy/util-utf8": "^4.2.0", "tslib": "^2.6.2" } }, "sha512-m/Gb/ojGX4uqJAcvFWCbutVBnRXAKnlU+rrHUy3ugmg4lmMl1RjP4mwqlj+p+thCq2OmoEJtqZIuO2a/5N/NPA=="],
+    "@aws-sdk/client-sso": ["@aws-sdk/client-sso@3.921.0", "", { "dependencies": { "@aws-crypto/sha256-browser": "5.2.0", "@aws-crypto/sha256-js": "5.2.0", "@aws-sdk/core": "3.921.0", "@aws-sdk/middleware-host-header": "3.921.0", "@aws-sdk/middleware-logger": "3.921.0", "@aws-sdk/middleware-recursion-detection": "3.921.0", "@aws-sdk/middleware-user-agent": "3.921.0", "@aws-sdk/region-config-resolver": "3.921.0", "@aws-sdk/types": "3.921.0", "@aws-sdk/util-endpoints": "3.921.0", "@aws-sdk/util-user-agent-browser": "3.921.0", "@aws-sdk/util-user-agent-node": "3.921.0", "@smithy/config-resolver": "^4.4.1", "@smithy/core": "^3.17.2", "@smithy/fetch-http-handler": "^5.3.5", "@smithy/hash-node": "^4.2.4", "@smithy/invalid-dependency": "^4.2.4", "@smithy/middleware-content-length": "^4.2.4", "@smithy/middleware-endpoint": "^4.3.6", "@smithy/middleware-retry": "^4.4.6", "@smithy/middleware-serde": "^4.2.4", "@smithy/middleware-stack": "^4.2.4", "@smithy/node-config-provider": "^4.3.4", "@smithy/node-http-handler": "^4.4.4", "@smithy/protocol-http": "^5.3.4", "@smithy/smithy-client": "^4.9.2", "@smithy/types": "^4.8.1", "@smithy/url-parser": "^4.2.4", "@smithy/util-base64": "^4.3.0", "@smithy/util-body-length-browser": "^4.2.0", "@smithy/util-body-length-node": "^4.2.1", "@smithy/util-defaults-mode-browser": "^4.3.5", "@smithy/util-defaults-mode-node": "^4.2.7", "@smithy/util-endpoints": "^3.2.4", "@smithy/util-middleware": "^4.2.4", "@smithy/util-retry": "^4.2.4", "@smithy/util-utf8": "^4.2.0", "tslib": "^2.6.2" } }, "sha512-qWyT7WikdkPRAMuWidZ2l8jcQAPwNjvLcFZ/8K+oCAaMLt0LKLd7qeTwZ5tZFNqRNPXKfE8MkvAjyqSpE3i2yg=="],
 
-    "@aws-sdk/core": ["@aws-sdk/core@3.920.0", "", { "dependencies": { "@aws-sdk/types": "3.920.0", "@aws-sdk/xml-builder": "3.914.0", "@smithy/core": "^3.17.1", "@smithy/node-config-provider": "^4.3.3", "@smithy/property-provider": "^4.2.3", "@smithy/protocol-http": "^5.3.3", "@smithy/signature-v4": "^5.3.3", "@smithy/smithy-client": "^4.9.1", "@smithy/types": "^4.8.0", "@smithy/util-base64": "^4.3.0", "@smithy/util-middleware": "^4.2.3", "@smithy/util-utf8": "^4.2.0", "tslib": "^2.6.2" } }, "sha512-vETnyaBJgIK6dh0hXzxw8e6v9SEFs/NgP6fJOn87QC+0M8U/omaB298kJ+i7P3KJafW6Pv/CWTsciMP/NNrg6A=="],
+    "@aws-sdk/core": ["@aws-sdk/core@3.921.0", "", { "dependencies": { "@aws-sdk/types": "3.921.0", "@aws-sdk/xml-builder": "3.921.0", "@smithy/core": "^3.17.2", "@smithy/node-config-provider": "^4.3.4", "@smithy/property-provider": "^4.2.4", "@smithy/protocol-http": "^5.3.4", "@smithy/signature-v4": "^5.3.4", "@smithy/smithy-client": "^4.9.2", "@smithy/types": "^4.8.1", "@smithy/util-base64": "^4.3.0", "@smithy/util-middleware": "^4.2.4", "@smithy/util-utf8": "^4.2.0", "tslib": "^2.6.2" } }, "sha512-1eiD9ZO9cvEHdQUn/pwJVGN9LXg6D0O7knGVA0TA/v7nFSYy0n8RYG8vdnlcoYYnV1BcHgaf4KmRVMOszafNZQ=="],
 
-    "@aws-sdk/credential-provider-env": ["@aws-sdk/credential-provider-env@3.920.0", "", { "dependencies": { "@aws-sdk/core": "3.920.0", "@aws-sdk/types": "3.920.0", "@smithy/property-provider": "^4.2.3", "@smithy/types": "^4.8.0", "tslib": "^2.6.2" } }, "sha512-f8AcW9swaoJnJIj43TNyUVCR7ToEbUftD9y5Ht6IwNhRq2iPwZ7uTvgrkjfdxOayj1uD7Gw5MkeC3Ki5lcsasA=="],
+    "@aws-sdk/credential-provider-env": ["@aws-sdk/credential-provider-env@3.921.0", "", { "dependencies": { "@aws-sdk/core": "3.921.0", "@aws-sdk/types": "3.921.0", "@smithy/property-provider": "^4.2.4", "@smithy/types": "^4.8.1", "tslib": "^2.6.2" } }, "sha512-RGG+zZdOYGJBQ8+L7BI6v41opoF8knErMtBZAUGcD3gvWEhjatc7lSbIpBeYWbTaWPPLHQU+ZVbmQ/jRLBgefw=="],
 
-    "@aws-sdk/credential-provider-http": ["@aws-sdk/credential-provider-http@3.920.0", "", { "dependencies": { "@aws-sdk/core": "3.920.0", "@aws-sdk/types": "3.920.0", "@smithy/fetch-http-handler": "^5.3.4", "@smithy/node-http-handler": "^4.4.3", "@smithy/property-provider": "^4.2.3", "@smithy/protocol-http": "^5.3.3", "@smithy/smithy-client": "^4.9.1", "@smithy/types": "^4.8.0", "@smithy/util-stream": "^4.5.4", "tslib": "^2.6.2" } }, "sha512-C75OGAnyHuILiIFfwbSUyV1YIJvcQt2U63IqlZ25eufV1NA+vP3Y60nvaxrzSxvditxXL95+YU3iLa4n2M0Omw=="],
+    "@aws-sdk/credential-provider-http": ["@aws-sdk/credential-provider-http@3.921.0", "", { "dependencies": { "@aws-sdk/core": "3.921.0", "@aws-sdk/types": "3.921.0", "@smithy/fetch-http-handler": "^5.3.5", "@smithy/node-http-handler": "^4.4.4", "@smithy/property-provider": "^4.2.4", "@smithy/protocol-http": "^5.3.4", "@smithy/smithy-client": "^4.9.2", "@smithy/types": "^4.8.1", "@smithy/util-stream": "^4.5.5", "tslib": "^2.6.2" } }, "sha512-TAv08Ow0oF/olV4DTLoPDj46KMk35bL1IUCfToESDrWk1TOSur7d4sCL0p/7dUsAxS244cEgeyIIijKNtxj2AA=="],
 
-    "@aws-sdk/credential-provider-ini": ["@aws-sdk/credential-provider-ini@3.920.0", "", { "dependencies": { "@aws-sdk/core": "3.920.0", "@aws-sdk/credential-provider-env": "3.920.0", "@aws-sdk/credential-provider-http": "3.920.0", "@aws-sdk/credential-provider-process": "3.920.0", "@aws-sdk/credential-provider-sso": "3.920.0", "@aws-sdk/credential-provider-web-identity": "3.920.0", "@aws-sdk/nested-clients": "3.920.0", "@aws-sdk/types": "3.920.0", "@smithy/credential-provider-imds": "^4.2.3", "@smithy/property-provider": "^4.2.3", "@smithy/shared-ini-file-loader": "^4.3.3", "@smithy/types": "^4.8.0", "tslib": "^2.6.2" } }, "sha512-rwTWfPhE2cs1kQ5dBpOEedhlzNcXf9LRzd9K4rn577pLJiWUc/n/Ibh4Hvw8Px1cp9krIk1q6wo+iK+kLQD8YA=="],
+    "@aws-sdk/credential-provider-ini": ["@aws-sdk/credential-provider-ini@3.921.0", "", { "dependencies": { "@aws-sdk/core": "3.921.0", "@aws-sdk/credential-provider-env": "3.921.0", "@aws-sdk/credential-provider-http": "3.921.0", "@aws-sdk/credential-provider-process": "3.921.0", "@aws-sdk/credential-provider-sso": "3.921.0", "@aws-sdk/credential-provider-web-identity": "3.921.0", "@aws-sdk/nested-clients": "3.921.0", "@aws-sdk/types": "3.921.0", "@smithy/credential-provider-imds": "^4.2.4", "@smithy/property-provider": "^4.2.4", "@smithy/shared-ini-file-loader": "^4.3.4", "@smithy/types": "^4.8.1", "tslib": "^2.6.2" } }, "sha512-MUSRYGiMRq5NRGPRgJ7Nuh7GqXzE9iteAwdbzMJ4pnImgr7CjeWDihCIGk+gKLSG+NoRVVJM0V9PA4rxFir0Pg=="],
 
-    "@aws-sdk/credential-provider-node": ["@aws-sdk/credential-provider-node@3.920.0", "", { "dependencies": { "@aws-sdk/credential-provider-env": "3.920.0", "@aws-sdk/credential-provider-http": "3.920.0", "@aws-sdk/credential-provider-ini": "3.920.0", "@aws-sdk/credential-provider-process": "3.920.0", "@aws-sdk/credential-provider-sso": "3.920.0", "@aws-sdk/credential-provider-web-identity": "3.920.0", "@aws-sdk/types": "3.920.0", "@smithy/credential-provider-imds": "^4.2.3", "@smithy/property-provider": "^4.2.3", "@smithy/shared-ini-file-loader": "^4.3.3", "@smithy/types": "^4.8.0", "tslib": "^2.6.2" } }, "sha512-PGlmTe22KOLzk79urV7ILRF2ka3RXkiS6B5dgJC+OUjf209plcI+fs/p/sGdKCGCrPCYWgTHgqpyY2c8nO9B2A=="],
+    "@aws-sdk/credential-provider-node": ["@aws-sdk/credential-provider-node@3.921.0", "", { "dependencies": { "@aws-sdk/credential-provider-env": "3.921.0", "@aws-sdk/credential-provider-http": "3.921.0", "@aws-sdk/credential-provider-ini": "3.921.0", "@aws-sdk/credential-provider-process": "3.921.0", "@aws-sdk/credential-provider-sso": "3.921.0", "@aws-sdk/credential-provider-web-identity": "3.921.0", "@aws-sdk/types": "3.921.0", "@smithy/credential-provider-imds": "^4.2.4", "@smithy/property-provider": "^4.2.4", "@smithy/shared-ini-file-loader": "^4.3.4", "@smithy/types": "^4.8.1", "tslib": "^2.6.2" } }, "sha512-bxUAqRyo49WzKWn/XS0d8QXT9GydY/ew5m58PYfSMwYfmwBZXx1GLSWe3tZnefm6santFiqmIWfMmeRWdygKmQ=="],
 
-    "@aws-sdk/credential-provider-process": ["@aws-sdk/credential-provider-process@3.920.0", "", { "dependencies": { "@aws-sdk/core": "3.920.0", "@aws-sdk/types": "3.920.0", "@smithy/property-provider": "^4.2.3", "@smithy/shared-ini-file-loader": "^4.3.3", "@smithy/types": "^4.8.0", "tslib": "^2.6.2" } }, "sha512-7dc0L0BCme4P17BgK/RtWLmwnM/R+si4Xd1cZe1oBLWRV+s++AXU/nDwfy1ErOLVpE9+lGG3Iw5zEPA/pJc7gQ=="],
+    "@aws-sdk/credential-provider-process": ["@aws-sdk/credential-provider-process@3.921.0", "", { "dependencies": { "@aws-sdk/core": "3.921.0", "@aws-sdk/types": "3.921.0", "@smithy/property-provider": "^4.2.4", "@smithy/shared-ini-file-loader": "^4.3.4", "@smithy/types": "^4.8.1", "tslib": "^2.6.2" } }, "sha512-DM62ooWI/aZ+ENBcLszuKmOkiICf6p4vYO2HgA3Cy2OEsTsjb67NEcntksxpZkD3mSIrCy/Qi4Z7tc77gle2Nw=="],
 
-    "@aws-sdk/credential-provider-sso": ["@aws-sdk/credential-provider-sso@3.920.0", "", { "dependencies": { "@aws-sdk/client-sso": "3.920.0", "@aws-sdk/core": "3.920.0", "@aws-sdk/token-providers": "3.920.0", "@aws-sdk/types": "3.920.0", "@smithy/property-provider": "^4.2.3", "@smithy/shared-ini-file-loader": "^4.3.3", "@smithy/types": "^4.8.0", "tslib": "^2.6.2" } }, "sha512-+g1ajAa7nZGyLjKvQTzbasFvBwVWqMYSJl/3GbM61rpgjyHjeTPDZy2WXpQcpVGeCp6fWJG3J36Qjj7f9pfNeQ=="],
+    "@aws-sdk/credential-provider-sso": ["@aws-sdk/credential-provider-sso@3.921.0", "", { "dependencies": { "@aws-sdk/client-sso": "3.921.0", "@aws-sdk/core": "3.921.0", "@aws-sdk/token-providers": "3.921.0", "@aws-sdk/types": "3.921.0", "@smithy/property-provider": "^4.2.4", "@smithy/shared-ini-file-loader": "^4.3.4", "@smithy/types": "^4.8.1", "tslib": "^2.6.2" } }, "sha512-Nh5jPJ6Y6nu3cHzZnq394lGXE5YO8Szke5zlATbNI7Tl0QJR65GE0IZsBcjzRMGpYX6ENCqPDK8FmklkmCYyVQ=="],
 
-    "@aws-sdk/credential-provider-web-identity": ["@aws-sdk/credential-provider-web-identity@3.920.0", "", { "dependencies": { "@aws-sdk/core": "3.920.0", "@aws-sdk/nested-clients": "3.920.0", "@aws-sdk/types": "3.920.0", "@smithy/property-provider": "^4.2.3", "@smithy/shared-ini-file-loader": "^4.3.3", "@smithy/types": "^4.8.0", "tslib": "^2.6.2" } }, "sha512-B/YX/5A9LcYBLMjb9Fjn88KEJXdl22dSGwLfW/iHr/ET7XrZgc2Vh+f0KtsH+0GOa/uq7m1G6rIuvQ6FojpJ1A=="],
+    "@aws-sdk/credential-provider-web-identity": ["@aws-sdk/credential-provider-web-identity@3.921.0", "", { "dependencies": { "@aws-sdk/core": "3.921.0", "@aws-sdk/nested-clients": "3.921.0", "@aws-sdk/types": "3.921.0", "@smithy/property-provider": "^4.2.4", "@smithy/shared-ini-file-loader": "^4.3.4", "@smithy/types": "^4.8.1", "tslib": "^2.6.2" } }, "sha512-VWcbgB2/shPPK674roHV4s8biCtvn0P/05EbTqy9WeyM5Oblx291gRGccyDhQbJbOL/6diRPBM08tlKPlBKNfw=="],
 
-    "@aws-sdk/middleware-host-header": ["@aws-sdk/middleware-host-header@3.920.0", "", { "dependencies": { "@aws-sdk/types": "3.920.0", "@smithy/protocol-http": "^5.3.3", "@smithy/types": "^4.8.0", "tslib": "^2.6.2" } }, "sha512-XQv9GRKGhXuWv797l/GnE9pt4UhlbzY39f2G3prcsLJCLyeIMeZ00QACIyshlArQ3ZhJp5FCRGGBcoSPQ2nk0Q=="],
+    "@aws-sdk/middleware-host-header": ["@aws-sdk/middleware-host-header@3.921.0", "", { "dependencies": { "@aws-sdk/types": "3.921.0", "@smithy/protocol-http": "^5.3.4", "@smithy/types": "^4.8.1", "tslib": "^2.6.2" } }, "sha512-eX1Ka29XzuEcXG4YABTwyLtPLchjmcjSjaq4irKJTFkxSYzX7gjoKt18rh/ZzOWOSqi23+cpjvBacL4VBKvE2Q=="],
 
-    "@aws-sdk/middleware-logger": ["@aws-sdk/middleware-logger@3.920.0", "", { "dependencies": { "@aws-sdk/types": "3.920.0", "@smithy/types": "^4.8.0", "tslib": "^2.6.2" } }, "sha512-96v4hvJ9Cg/+XTYtM2aVTwZPzDOwyUiBh+FLioMng32mR64ofO1lvet4Zi1Uer9j7s086th3DJWkvqpi3K83dQ=="],
+    "@aws-sdk/middleware-logger": ["@aws-sdk/middleware-logger@3.921.0", "", { "dependencies": { "@aws-sdk/types": "3.921.0", "@smithy/types": "^4.8.1", "tslib": "^2.6.2" } }, "sha512-14Qqp8wisKGj/2Y22OfO5jTBG5Xez+p3Zr2piAtz7AcbY8vBEoZbd6f+9lwwVFC73Aobkau223wzKbGT8HYQMw=="],
 
-    "@aws-sdk/middleware-recursion-detection": ["@aws-sdk/middleware-recursion-detection@3.920.0", "", { "dependencies": { "@aws-sdk/types": "3.920.0", "@aws/lambda-invoke-store": "^0.1.1", "@smithy/protocol-http": "^5.3.3", "@smithy/types": "^4.8.0", "tslib": "^2.6.2" } }, "sha512-5OfZ4RDYAW08kxMaGxIebJoUhzH7/MpGOoPzVMfxxfGbf+e4p0DNHJ9EL6msUAsbGBhGccDl1b4aytnYW+IkgA=="],
+    "@aws-sdk/middleware-recursion-detection": ["@aws-sdk/middleware-recursion-detection@3.921.0", "", { "dependencies": { "@aws-sdk/types": "3.921.0", "@aws/lambda-invoke-store": "^0.1.1", "@smithy/protocol-http": "^5.3.4", "@smithy/types": "^4.8.1", "tslib": "^2.6.2" } }, "sha512-MYU5oI2b97M7u1dC1nt7SiGEvvLrQDlzV6hq9CB5TYX2glgbyvkaS//1Tjm87VF6qVSf5jYfwFDPeFGd8O1NrQ=="],
 
-    "@aws-sdk/middleware-sdk-s3": ["@aws-sdk/middleware-sdk-s3@3.920.0", "", { "dependencies": { "@aws-sdk/core": "3.920.0", "@aws-sdk/types": "3.920.0", "@aws-sdk/util-arn-parser": "3.893.0", "@smithy/core": "^3.17.1", "@smithy/node-config-provider": "^4.3.3", "@smithy/protocol-http": "^5.3.3", "@smithy/signature-v4": "^5.3.3", "@smithy/smithy-client": "^4.9.1", "@smithy/types": "^4.8.0", "@smithy/util-config-provider": "^4.2.0", "@smithy/util-middleware": "^4.2.3", "@smithy/util-stream": "^4.5.4", "@smithy/util-utf8": "^4.2.0", "tslib": "^2.6.2" } }, "sha512-VmqcDyuZweqplI9XtDSg5JJfNs6BMuf6x0W3MxFeiTQu89b6RP0ATNsHYGLIp8dx7xuNNnHcRKZW0xAXqj1yDQ=="],
+    "@aws-sdk/middleware-sdk-s3": ["@aws-sdk/middleware-sdk-s3@3.921.0", "", { "dependencies": { "@aws-sdk/core": "3.921.0", "@aws-sdk/types": "3.921.0", "@aws-sdk/util-arn-parser": "3.893.0", "@smithy/core": "^3.17.2", "@smithy/node-config-provider": "^4.3.4", "@smithy/protocol-http": "^5.3.4", "@smithy/signature-v4": "^5.3.4", "@smithy/smithy-client": "^4.9.2", "@smithy/types": "^4.8.1", "@smithy/util-config-provider": "^4.2.0", "@smithy/util-middleware": "^4.2.4", "@smithy/util-stream": "^4.5.5", "@smithy/util-utf8": "^4.2.0", "tslib": "^2.6.2" } }, "sha512-u4fkE6sn5KWojhPUeDIqRx0BJlQug60PzAnLPlxeIvy2+ZeTSY64WYwF6V7wIZCf1RIstiBA/hQUsX07LfbvNg=="],
 
-    "@aws-sdk/middleware-user-agent": ["@aws-sdk/middleware-user-agent@3.920.0", "", { "dependencies": { "@aws-sdk/core": "3.920.0", "@aws-sdk/types": "3.920.0", "@aws-sdk/util-endpoints": "3.920.0", "@smithy/core": "^3.17.1", "@smithy/protocol-http": "^5.3.3", "@smithy/types": "^4.8.0", "tslib": "^2.6.2" } }, "sha512-7kvJyz7a1v0C243DJUZTu4C++4U5gyFYKN35Ng7rBR03kQC8oE10qHfWNNc39Lj3urabjRvQ80e06pA/vCZ8xA=="],
+    "@aws-sdk/middleware-user-agent": ["@aws-sdk/middleware-user-agent@3.921.0", "", { "dependencies": { "@aws-sdk/core": "3.921.0", "@aws-sdk/types": "3.921.0", "@aws-sdk/util-endpoints": "3.921.0", "@smithy/core": "^3.17.2", "@smithy/protocol-http": "^5.3.4", "@smithy/types": "^4.8.1", "tslib": "^2.6.2" } }, "sha512-gXgokMBTPZAbQMm1+JOxItqA81aSFK6n7V2mAwxdmHjzCUZacX5RzkVPNbSaPPgDkroYnIzK09EusIpM6dLaqw=="],
 
-    "@aws-sdk/nested-clients": ["@aws-sdk/nested-clients@3.920.0", "", { "dependencies": { "@aws-crypto/sha256-browser": "5.2.0", "@aws-crypto/sha256-js": "5.2.0", "@aws-sdk/core": "3.920.0", "@aws-sdk/middleware-host-header": "3.920.0", "@aws-sdk/middleware-logger": "3.920.0", "@aws-sdk/middleware-recursion-detection": "3.920.0", "@aws-sdk/middleware-user-agent": "3.920.0", "@aws-sdk/region-config-resolver": "3.920.0", "@aws-sdk/types": "3.920.0", "@aws-sdk/util-endpoints": "3.920.0", "@aws-sdk/util-user-agent-browser": "3.920.0", "@aws-sdk/util-user-agent-node": "3.920.0", "@smithy/config-resolver": "^4.4.0", "@smithy/core": "^3.17.1", "@smithy/fetch-http-handler": "^5.3.4", "@smithy/hash-node": "^4.2.3", "@smithy/invalid-dependency": "^4.2.3", "@smithy/middleware-content-length": "^4.2.3", "@smithy/middleware-endpoint": "^4.3.5", "@smithy/middleware-retry": "^4.4.5", "@smithy/middleware-serde": "^4.2.3", "@smithy/middleware-stack": "^4.2.3", "@smithy/node-config-provider": "^4.3.3", "@smithy/node-http-handler": "^4.4.3", "@smithy/protocol-http": "^5.3.3", "@smithy/smithy-client": "^4.9.1", "@smithy/types": "^4.8.0", "@smithy/url-parser": "^4.2.3", "@smithy/util-base64": "^4.3.0", "@smithy/util-body-length-browser": "^4.2.0", "@smithy/util-body-length-node": "^4.2.1", "@smithy/util-defaults-mode-browser": "^4.3.4", "@smithy/util-defaults-mode-node": "^4.2.6", "@smithy/util-endpoints": "^3.2.3", "@smithy/util-middleware": "^4.2.3", "@smithy/util-retry": "^4.2.3", "@smithy/util-utf8": "^4.2.0", "tslib": "^2.6.2" } }, "sha512-1JlzZJ0qp68zr6wPoLFwZ0+EH6HQvKMJjF8e2y9yO82LC3CsetaMxLUC2em7uY+3Gp0TMSA/Yxy4rTShf0vmng=="],
+    "@aws-sdk/nested-clients": ["@aws-sdk/nested-clients@3.921.0", "", { "dependencies": { "@aws-crypto/sha256-browser": "5.2.0", "@aws-crypto/sha256-js": "5.2.0", "@aws-sdk/core": "3.921.0", "@aws-sdk/middleware-host-header": "3.921.0", "@aws-sdk/middleware-logger": "3.921.0", "@aws-sdk/middleware-recursion-detection": "3.921.0", "@aws-sdk/middleware-user-agent": "3.921.0", "@aws-sdk/region-config-resolver": "3.921.0", "@aws-sdk/types": "3.921.0", "@aws-sdk/util-endpoints": "3.921.0", "@aws-sdk/util-user-agent-browser": "3.921.0", "@aws-sdk/util-user-agent-node": "3.921.0", "@smithy/config-resolver": "^4.4.1", "@smithy/core": "^3.17.2", "@smithy/fetch-http-handler": "^5.3.5", "@smithy/hash-node": "^4.2.4", "@smithy/invalid-dependency": "^4.2.4", "@smithy/middleware-content-length": "^4.2.4", "@smithy/middleware-endpoint": "^4.3.6", "@smithy/middleware-retry": "^4.4.6", "@smithy/middleware-serde": "^4.2.4", "@smithy/middleware-stack": "^4.2.4", "@smithy/node-config-provider": "^4.3.4", "@smithy/node-http-handler": "^4.4.4", "@smithy/protocol-http": "^5.3.4", "@smithy/smithy-client": "^4.9.2", "@smithy/types": "^4.8.1", "@smithy/url-parser": "^4.2.4", "@smithy/util-base64": "^4.3.0", "@smithy/util-body-length-browser": "^4.2.0", "@smithy/util-body-length-node": "^4.2.1", "@smithy/util-defaults-mode-browser": "^4.3.5", "@smithy/util-defaults-mode-node": "^4.2.7", "@smithy/util-endpoints": "^3.2.4", "@smithy/util-middleware": "^4.2.4", "@smithy/util-retry": "^4.2.4", "@smithy/util-utf8": "^4.2.0", "tslib": "^2.6.2" } }, "sha512-GV9aV8WqH/EWo4x3T5BrYb2ph1yfYuzUXZc0hhvxbFbDKD8m2fX9menao3Mgm7E5C68Su392u+MD9SGmGCmfKQ=="],
 
-    "@aws-sdk/region-config-resolver": ["@aws-sdk/region-config-resolver@3.920.0", "", { "dependencies": { "@aws-sdk/types": "3.920.0", "@smithy/config-resolver": "^4.4.0", "@smithy/node-config-provider": "^4.3.3", "@smithy/types": "^4.8.0", "tslib": "^2.6.2" } }, "sha512-4g88FyRN+O4iFe8azt/9IEGeyktQcJPgjwpCCFwGL9QmOIOJja+F+Og05ydjnMBcUxH4CrWXJm0a54MXS2C9Fg=="],
+    "@aws-sdk/region-config-resolver": ["@aws-sdk/region-config-resolver@3.921.0", "", { "dependencies": { "@aws-sdk/types": "3.921.0", "@smithy/config-resolver": "^4.4.1", "@smithy/node-config-provider": "^4.3.4", "@smithy/types": "^4.8.1", "tslib": "^2.6.2" } }, "sha512-cSycw4wXcvsrssUdcEaeYQhQcZYVsBwHtgATh9HcIm01PrMV0lV71vcoyZ+9vUhwHwchRT6dItAyTHSQxwjvjg=="],
 
-    "@aws-sdk/signature-v4-multi-region": ["@aws-sdk/signature-v4-multi-region@3.920.0", "", { "dependencies": { "@aws-sdk/middleware-sdk-s3": "3.920.0", "@aws-sdk/types": "3.920.0", "@smithy/protocol-http": "^5.3.3", "@smithy/signature-v4": "^5.3.3", "@smithy/types": "^4.8.0", "tslib": "^2.6.2" } }, "sha512-qrCYhUHtjsV6TpcuRiG0Wlu0jphAE752x18lKtkLZ0ZX33jPWbUkW7stmM/ahwDMrCK4eI7X2b7F3RrI/HnmMw=="],
+    "@aws-sdk/signature-v4-multi-region": ["@aws-sdk/signature-v4-multi-region@3.921.0", "", { "dependencies": { "@aws-sdk/middleware-sdk-s3": "3.921.0", "@aws-sdk/types": "3.921.0", "@smithy/protocol-http": "^5.3.4", "@smithy/signature-v4": "^5.3.4", "@smithy/types": "^4.8.1", "tslib": "^2.6.2" } }, "sha512-pFtJXtrf8cOsCgEb2OoPwQP4BKrnwIq69FuLowvWrXllFntAoAdEYaj9wNxPyl4pGqvo/9zO9CtkMb53PNxmWQ=="],
 
-    "@aws-sdk/token-providers": ["@aws-sdk/token-providers@3.920.0", "", { "dependencies": { "@aws-sdk/core": "3.920.0", "@aws-sdk/nested-clients": "3.920.0", "@aws-sdk/types": "3.920.0", "@smithy/property-provider": "^4.2.3", "@smithy/shared-ini-file-loader": "^4.3.3", "@smithy/types": "^4.8.0", "tslib": "^2.6.2" } }, "sha512-ESDgN6oTq9ypqxK2qVAs5+LJMJCjky41B52k38LDfgyjgrZwqHcRgCQhH2L9/gC4MVOaE4fI24TgZsJlfyJ5dA=="],
+    "@aws-sdk/token-providers": ["@aws-sdk/token-providers@3.921.0", "", { "dependencies": { "@aws-sdk/core": "3.921.0", "@aws-sdk/nested-clients": "3.921.0", "@aws-sdk/types": "3.921.0", "@smithy/property-provider": "^4.2.4", "@smithy/shared-ini-file-loader": "^4.3.4", "@smithy/types": "^4.8.1", "tslib": "^2.6.2" } }, "sha512-d+w6X7ykqXirFBF+dYyK5Ntw0KmO2sgMj+JLR/vAe1vaR8/Fuqs3yOAFU7yNEzpcnbLJmMznxKpht03CSEMh4Q=="],
 
-    "@aws-sdk/types": ["@aws-sdk/types@3.920.0", "", { "dependencies": { "@smithy/types": "^4.8.0", "tslib": "^2.6.2" } }, "sha512-W8FI6HteaMwACb49IQzNABjbaGM/fP0t4lLBHeL6KXBmXung2S9FMIBHGxoZvBCRt5omFF31yDCbFaDN/1BPYQ=="],
+    "@aws-sdk/types": ["@aws-sdk/types@3.921.0", "", { "dependencies": { "@smithy/types": "^4.8.1", "tslib": "^2.6.2" } }, "sha512-mqEG8+vFh5w0ZZC+R8VCOdSk998Hy93pIDuwYpfMAWgYwVhFaIMOLn1fZw0w2DhTs5+ONHHwMJ6uVXtuuqOLQQ=="],
 
     "@aws-sdk/util-arn-parser": ["@aws-sdk/util-arn-parser@3.893.0", "", { "dependencies": { "tslib": "^2.6.2" } }, "sha512-u8H4f2Zsi19DGnwj5FSZzDMhytYF/bCh37vAtBsn3cNDL3YG578X5oc+wSX54pM3tOxS+NY7tvOAo52SW7koUA=="],
 
-    "@aws-sdk/util-endpoints": ["@aws-sdk/util-endpoints@3.920.0", "", { "dependencies": { "@aws-sdk/types": "3.920.0", "@smithy/types": "^4.8.0", "@smithy/url-parser": "^4.2.3", "@smithy/util-endpoints": "^3.2.3", "tslib": "^2.6.2" } }, "sha512-PuoK3xl27LPLkm6VaeajBBTEtIF24aY+EfBWRKr/zqUJ6lTqicBLbxY0MqhsQ9KXALg/Ju0Aq7O4G0jpLu5S8w=="],
+    "@aws-sdk/util-endpoints": ["@aws-sdk/util-endpoints@3.921.0", "", { "dependencies": { "@aws-sdk/types": "3.921.0", "@smithy/types": "^4.8.1", "@smithy/url-parser": "^4.2.4", "@smithy/util-endpoints": "^3.2.4", "tslib": "^2.6.2" } }, "sha512-kuJYRqug6V8gOg401BuK4w4IAVO3575VDR8iYiFw0gPwNIfOXvdlChfsJQoREqwJfif45J4eSmUsFtMfx87BQg=="],
 
     "@aws-sdk/util-locate-window": ["@aws-sdk/util-locate-window@3.893.0", "", { "dependencies": { "tslib": "^2.6.2" } }, "sha512-T89pFfgat6c8nMmpI8eKjBcDcgJq36+m9oiXbcUzeU55MP9ZuGgBomGjGnHaEyF36jenW9gmg3NfZDm0AO2XPg=="],
 
-    "@aws-sdk/util-user-agent-browser": ["@aws-sdk/util-user-agent-browser@3.920.0", "", { "dependencies": { "@aws-sdk/types": "3.920.0", "@smithy/types": "^4.8.0", "bowser": "^2.11.0", "tslib": "^2.6.2" } }, "sha512-7nMoQjTa1SwULoUXBHm1hx24cb969e98AwPbrSmGwEZl2ZYXULOX3EZuDaX9QTzHutw8AMOgoI6JxCXhRQfmAg=="],
+    "@aws-sdk/util-user-agent-browser": ["@aws-sdk/util-user-agent-browser@3.921.0", "", { "dependencies": { "@aws-sdk/types": "3.921.0", "@smithy/types": "^4.8.1", "bowser": "^2.11.0", "tslib": "^2.6.2" } }, "sha512-buhv/ICWr4Nt8bquHOejCiVikBsfEYw4/HSc9U050QebRXIakt50zKYaWDQw4iCMeeqCiwE9mElEaXJAysythg=="],
 
-    "@aws-sdk/util-user-agent-node": ["@aws-sdk/util-user-agent-node@3.920.0", "", { "dependencies": { "@aws-sdk/middleware-user-agent": "3.920.0", "@aws-sdk/types": "3.920.0", "@smithy/node-config-provider": "^4.3.3", "@smithy/types": "^4.8.0", "tslib": "^2.6.2" }, "peerDependencies": { "aws-crt": ">=1.0.0" }, "optionalPeers": ["aws-crt"] }, "sha512-JJykxGXilkeUeU5x3g8bXvkyedtmZ/gXZVwCnWfe/DHxoUDHgYhF0VAz+QJoh2lSN/lRnUV08K0ILmEzGQzY4A=="],
+    "@aws-sdk/util-user-agent-node": ["@aws-sdk/util-user-agent-node@3.921.0", "", { "dependencies": { "@aws-sdk/middleware-user-agent": "3.921.0", "@aws-sdk/types": "3.921.0", "@smithy/node-config-provider": "^4.3.4", "@smithy/types": "^4.8.1", "tslib": "^2.6.2" }, "peerDependencies": { "aws-crt": ">=1.0.0" }, "optionalPeers": ["aws-crt"] }, "sha512-Ilftai6AMAU1cEaUqIiTxkyj1NupLhP9Eq8HRfVuIH8489J2wLCcOyiLklAgSzBNmrxW+fagxkY+Dg0lFwmcVA=="],
 
-    "@aws-sdk/xml-builder": ["@aws-sdk/xml-builder@3.914.0", "", { "dependencies": { "@smithy/types": "^4.8.0", "fast-xml-parser": "5.2.5", "tslib": "^2.6.2" } }, "sha512-k75evsBD5TcIjedycYS7QXQ98AmOtbnxRJOPtCo0IwYRmy7UvqgS/gBL5SmrIqeV6FDSYRQMgdBxSMp6MLmdew=="],
+    "@aws-sdk/xml-builder": ["@aws-sdk/xml-builder@3.921.0", "", { "dependencies": { "@smithy/types": "^4.8.1", "fast-xml-parser": "5.2.5", "tslib": "^2.6.2" } }, "sha512-LVHg0jgjyicKKvpNIEMXIMr1EBViESxcPkqfOlT+X1FkmUMTNZEEVF18tOJg4m4hV5vxtkWcqtr4IEeWa1C41Q=="],
 
     "@aws/lambda-invoke-store": ["@aws/lambda-invoke-store@0.1.1", "", {}, "sha512-RcLam17LdlbSOSp9VxmUu1eI6Mwxp+OwhD2QhiSNmNCzoDb0EeUXTD2n/WbcnrAYMGlmf05th6QYq23VqvJqpA=="],
 
diff --git a/convex/_generated/api.d.ts b/convex/_generated/api.d.ts
deleted file mode 100644
index 7d71a01..0000000
--- a/convex/_generated/api.d.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-/* eslint-disable */
-/**
- * Generated `api` utility.
- *
- * THIS CODE IS AUTOMATICALLY GENERATED.
- *
- * To regenerate, run `npx convex dev`.
- * @module
- */
-
-import type {
-  ApiFromModules,
-  FilterApi,
-  FunctionReference,
-} from "convex/server";
-
-/**
- * A utility for referencing Convex functions in your app's API.
- *
- * Usage:
- * ```js
- * const myFunctionReference = api.myModule.myFunction;
- * ```
- */
-declare const fullApi: ApiFromModules<{}>;
-export declare const api: FilterApi<
-  typeof fullApi,
-  FunctionReference<any, "public">
->;
-export declare const internal: FilterApi<
-  typeof fullApi,
-  FunctionReference<any, "internal">
->;
diff --git a/convex/_generated/api.js b/convex/_generated/api.js
deleted file mode 100644
index 3f9c482..0000000
--- a/convex/_generated/api.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/* eslint-disable */
-/**
- * Generated `api` utility.
- *
- * THIS CODE IS AUTOMATICALLY GENERATED.
- *
- * To regenerate, run `npx convex dev`.
- * @module
- */
-
-import { anyApi } from "convex/server";
-
-/**
- * A utility for referencing Convex functions in your app's API.
- *
- * Usage:
- * ```js
- * const myFunctionReference = api.myModule.myFunction;
- * ```
- */
-export const api = anyApi;
-export const internal = anyApi;
diff --git a/convex/_generated/dataModel.d.ts b/convex/_generated/dataModel.d.ts
deleted file mode 100644
index fb12533..0000000
--- a/convex/_generated/dataModel.d.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-/* eslint-disable */
-/**
- * Generated data model types.
- *
- * THIS CODE IS AUTOMATICALLY GENERATED.
- *
- * To regenerate, run `npx convex dev`.
- * @module
- */
-
-import { AnyDataModel } from "convex/server";
-import type { GenericId } from "convex/values";
-
-/**
- * No `schema.ts` file found!
- *
- * This generated code has permissive types like `Doc = any` because
- * Convex doesn't know your schema. If you'd like more type safety, see
- * https://docs.convex.dev/using/schemas for instructions on how to add a
- * schema file.
- *
- * After you change a schema, rerun codegen with `npx convex dev`.
- */
-
-/**
- * The names of all of your Convex tables.
- */
-export type TableNames = string;
-
-/**
- * The type of a document stored in Convex.
- */
-export type Doc = any;
-
-/**
- * An identifier for a document in Convex.
- *
- * Convex documents are uniquely identified by their `Id`, which is accessible
- * on the `_id` field. To learn more, see [Document IDs](https://docs.convex.dev/using/document-ids).
- *
- * Documents can be loaded using `db.get(id)` in query and mutation functions.
- *
- * IDs are just strings at runtime, but this type can be used to distinguish them from other
- * strings when type checking.
- */
-export type Id<TableName extends TableNames = TableNames> =
-  GenericId<TableName>;
-
-/**
- * A type describing your Convex data model.
- *
- * This type includes information about what tables you have, the type of
- * documents stored in those tables, and the indexes defined on them.
- *
- * This type is used to parameterize methods like `queryGeneric` and
- * `mutationGeneric` to make them type-safe.
- */
-export type DataModel = AnyDataModel;
diff --git a/convex/_generated/server.d.ts b/convex/_generated/server.d.ts
deleted file mode 100644
index 7f337a4..0000000
--- a/convex/_generated/server.d.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-/* eslint-disable */
-/**
- * Generated utilities for implementing server-side Convex query and mutation functions.
- *
- * THIS CODE IS AUTOMATICALLY GENERATED.
- *
- * To regenerate, run `npx convex dev`.
- * @module
- */
-
-import {
-  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.
- *
- * This function will be allowed to read your Convex database and will be accessible from the client.
- *
- * @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">;
-
-/**
- * Define a query that is only accessible from other Convex functions (but not from the client).
- *
- * This function will be allowed to read from your Convex database. It will not be accessible from the client.
- *
- * @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">;
-
-/**
- * Define a mutation in this Convex app's public API.
- *
- * This function will be allowed to modify your Convex database and will be accessible from the client.
- *
- * @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">;
-
-/**
- * Define a mutation that is only accessible from other Convex functions (but not from the client).
- *
- * This function will be allowed to modify your Convex database. It will not be accessible from the client.
- *
- * @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">;
-
-/**
- * Define an action in this Convex app's public API.
- *
- * An action is a function which can execute any JavaScript code, including non-deterministic
- * code and code with side-effects, like calling third-party services.
- * They can be run in Convex's JavaScript environment or in Node.js using the "use node" directive.
- * They can interact with the database indirectly by calling queries and mutations using the {@link ActionCtx}.
- *
- * @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">;
-
-/**
- * Define an action that is only accessible from other Convex functions (but not from the client).
- *
- * @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">;
-
-/**
- * Define an HTTP action.
- *
- * This function will be used to respond to HTTP requests received by a Convex
- * deployment if the requests matches the path and method where this action
- * is routed. Be sure to route your action in `convex/http.js`.
- *
- * @param func - The function. It receives an {@link ActionCtx} as its first argument.
- * @returns The wrapped function. Import this function from `convex/http.js` and route it to hook it up.
- */
-export declare const httpAction: HttpActionBuilder;
-
-/**
- * A set of services for use within Convex query functions.
- *
- * The query context is passed as the first argument to any Convex query
- * function run on the server.
- *
- * This differs from the {@link MutationCtx} because all of the services are
- * read-only.
- */
-export type QueryCtx = GenericQueryCtx<DataModel>;
-
-/**
- * A set of services for use within Convex mutation functions.
- *
- * The mutation context is passed as the first argument to any Convex mutation
- * function run on the server.
- */
-export type MutationCtx = GenericMutationCtx<DataModel>;
-
-/**
- * A set of services for use within Convex action functions.
- *
- * The action context is passed as the first argument to any Convex action
- * function run on the server.
- */
-export type ActionCtx = GenericActionCtx<DataModel>;
-
-/**
- * An interface to read from the database within Convex query functions.
- *
- * The two entry points are {@link DatabaseReader.get}, which fetches a single
- * document by its {@link Id}, or {@link DatabaseReader.query}, which starts
- * building a query.
- */
-export type DatabaseReader = GenericDatabaseReader<DataModel>;
-
-/**
- * An interface to read from and write to the database within Convex mutation
- * functions.
- *
- * Convex guarantees that all writes within a single mutation are
- * executed atomically, so you never have to worry about partial writes leaving
- * your data in an inconsistent state. See [the Convex Guide](https://docs.convex.dev/understanding/convex-fundamentals/functions#atomicity-and-optimistic-concurrency-control)
- * for the guarantees Convex provides your functions.
- */
-export type DatabaseWriter = GenericDatabaseWriter<DataModel>;
diff --git a/convex/_generated/server.js b/convex/_generated/server.js
deleted file mode 100644
index 566d485..0000000
--- a/convex/_generated/server.js
+++ /dev/null
@@ -1,89 +0,0 @@
-/* eslint-disable */
-/**
- * Generated utilities for implementing server-side Convex query and mutation functions.
- *
- * THIS CODE IS AUTOMATICALLY GENERATED.
- *
- * To regenerate, run `npx convex dev`.
- * @module
- */
-
-import {
-  actionGeneric,
-  httpActionGeneric,
-  queryGeneric,
-  mutationGeneric,
-  internalActionGeneric,
-  internalMutationGeneric,
-  internalQueryGeneric,
-} from "convex/server";
-
-/**
- * Define a query in this Convex app's public API.
- *
- * This function will be allowed to read your Convex database and will be accessible from the client.
- *
- * @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 const query = queryGeneric;
-
-/**
- * Define a query that is only accessible from other Convex functions (but not from the client).
- *
- * This function will be allowed to read from your Convex database. It will not be accessible from the client.
- *
- * @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 const internalQuery = internalQueryGeneric;
-
-/**
- * Define a mutation in this Convex app's public API.
- *
- * This function will be allowed to modify your Convex database and will be accessible from the client.
- *
- * @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 const mutation = mutationGeneric;
-
-/**
- * Define a mutation that is only accessible from other Convex functions (but not from the client).
- *
- * This function will be allowed to modify your Convex database. It will not be accessible from the client.
- *
- * @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 const internalMutation = internalMutationGeneric;
-
-/**
- * Define an action in this Convex app's public API.
- *
- * An action is a function which can execute any JavaScript code, including non-deterministic
- * code and code with side-effects, like calling third-party services.
- * They can be run in Convex's JavaScript environment or in Node.js using the "use node" directive.
- * They can interact with the database indirectly by calling queries and mutations using the {@link ActionCtx}.
- *
- * @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 const action = actionGeneric;
-
-/**
- * Define an action that is only accessible from other Convex functions (but not from the client).
- *
- * @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 const internalAction = internalActionGeneric;
-
-/**
- * Define a Convex HTTP action.
- *
- * @param func - The function. It receives an {@link ActionCtx} as its first argument, and a `Request` object
- * as its second.
- * @returns The wrapped endpoint function. Route a URL path to this function in `convex/http.js`.
- */
-export const httpAction = httpActionGeneric;
diff --git a/package.json b/package.json
index ab4b2b9..f8b266d 100644
--- a/package.json
+++ b/package.json
@@ -2,10 +2,16 @@
   "name": "sgse-app",
   "private": true,
   "type": "module",
-  "workspaces": [
-    "apps/*",
-    "packages/*"
-  ],
+  "workspaces": {
+    "packages": [
+      "apps/*",
+      "packages/*"
+    ],
+    "catalog": {
+      "convex": "^1.28.0",
+      "typescript": "^5.9.2"
+    }
+  },
   "scripts": {
     "check": "biome check --write .",
     "dev": "turbo dev",
@@ -18,16 +24,14 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^2.3.2",
-    "turbo": "^2.5.4"
+    "turbo": "^2.5.8"
   },
   "dependencies": {
     "@tanstack/svelte-form": "^1.23.8",
     "chart.js": "^4.5.1",
     "lucide-svelte": "^0.548.0",
-    "svelte-chartjs": "^3.1.5"
-  },
-  "optionalDependencies": {
-    "@rollup/rollup-win32-x64-msvc": "^4.52.5"
+    "svelte-chartjs": "^3.1.5",
+    "svelte-sonner": "^1.0.5"
   },
   "packageManager": "bun@1.3.0"
 }
\ No newline at end of file
diff --git a/packages/backend/CRIAR_ENV.bat b/packages/backend/CRIAR_ENV.bat
deleted file mode 100644
index 969818b..0000000
--- a/packages/backend/CRIAR_ENV.bat
+++ /dev/null
@@ -1,121 +0,0 @@
-@echo off
-chcp 65001 >nul
-echo.
-echo ═══════════════════════════════════════════════════════════
-echo  🔐 CRIAR ARQUIVO .env - SGSE (Convex Local)
-echo ═══════════════════════════════════════════════════════════
-echo.
-
-echo [1/4] Verificando se .env já existe...
-
-if exist .env (
-    echo.
-    echo ⚠️  ATENÇÃO: Arquivo .env já existe!
-    echo.
-    echo Deseja sobrescrever? (S/N^)
-    set /p resposta="> "
-    
-    if /i not "%resposta%"=="S" (
-        echo.
-        echo ❌ Operação cancelada. Arquivo .env mantido.
-        pause
-        exit /b
-    )
-)
-
-echo.
-echo [2/4] Criando arquivo .env...
-
-(
-echo # ══════════════════════════════════════════════════════════
-echo # CONFIGURAÇÃO DE AMBIENTE - SGSE
-echo # Gerado automaticamente em: %date% %time%
-echo # ══════════════════════════════════════════════════════════
-echo.
-echo # Segurança Better Auth
-echo # Secret para criptografia de tokens de autenticação
-echo BETTER_AUTH_SECRET=+Nfg4jTxPv1giF5MlmyYTxpU/VkS3QaDOvgSWd+QmbY=
-echo.
-echo # URL da aplicação
-echo # Desenvolvimento: http://localhost:5173
-echo # Produção: https://sgse.pe.gov.br ^(alterar quando for para produção^)
-echo SITE_URL=http://localhost:5173
-echo.
-echo # ══════════════════════════════════════════════════════════
-echo # IMPORTANTE - SEGURANÇA
-echo # ══════════════════════════════════════════════════════════
-echo # 1. Este arquivo NÃO deve ser commitado no Git
-echo # 2. Antes de ir para produção, gere um NOVO secret
-echo # 3. Em produção, altere SITE_URL para a URL real
-echo # ══════════════════════════════════════════════════════════
-) > .env
-
-if not exist .env (
-    echo.
-    echo ❌ ERRO: Falha ao criar arquivo .env
-    echo.
-    pause
-    exit /b 1
-)
-
-echo ✅ Arquivo .env criado com sucesso!
-
-echo.
-echo [3/4] Verificando .gitignore...
-
-if not exist .gitignore (
-    echo # Arquivos de ambiente > .gitignore
-    echo .env >> .gitignore
-    echo .env.local >> .gitignore
-    echo .env.*.local >> .gitignore
-    echo ✅ .gitignore criado
-) else (
-    findstr /C:".env" .gitignore >nul
-    if errorlevel 1 (
-        echo .env >> .gitignore
-        echo .env.local >> .gitignore
-        echo .env.*.local >> .gitignore
-        echo ✅ .env adicionado ao .gitignore
-    ) else (
-        echo ✅ .env já está no .gitignore
-    )
-)
-
-echo.
-echo [4/4] Resumo da configuração:
-echo.
-echo ┌─────────────────────────────────────────────────────────┐
-echo │ ✅ Arquivo criado: packages/backend/.env               │
-echo │                                                         │
-echo │ Variáveis configuradas:                                 │
-echo │ • BETTER_AUTH_SECRET: Configurado                       │
-echo │ • SITE_URL: http://localhost:5173                       │
-echo └─────────────────────────────────────────────────────────┘
-echo.
-
-echo ═══════════════════════════════════════════════════════════
-echo  📋 PRÓXIMOS PASSOS
-echo ═══════════════════════════════════════════════════════════
-echo.
-echo 1. Reinicie o servidor Convex:
-echo    ^> cd packages\backend
-echo    ^> bunx convex dev
-echo.
-echo 2. Reinicie o servidor Web (em outro terminal^):
-echo    ^> cd apps\web
-echo    ^> bun run dev
-echo.
-echo 3. Verifique que as mensagens de erro pararam
-echo.
-
-echo ═══════════════════════════════════════════════════════════
-echo  ⚠️  LEMBRE-SE
-echo ═══════════════════════════════════════════════════════════
-echo.
-echo • NÃO commite o arquivo .env no Git
-echo • Gere um NOVO secret antes de ir para produção
-echo • Altere SITE_URL quando for para produção
-echo.
-
-pause
-
diff --git a/packages/backend/convex/_generated/api.d.ts b/packages/backend/convex/_generated/api.d.ts
index efdf934..a0b2e5f 100644
--- a/packages/backend/convex/_generated/api.d.ts
+++ b/packages/backend/convex/_generated/api.d.ts
@@ -8,14 +8,13 @@
  * @module
  */
 
+import type * as actions_email from "../actions/email.js";
+import type * as actions_smtp from "../actions/smtp.js";
+import type * as atestadosLicencas from "../atestadosLicencas.js";
 import type * as autenticacao from "../autenticacao.js";
 import type * as auth_utils from "../auth/utils.js";
-import type * as betterAuth__generated_api from "../betterAuth/_generated/api.js";
-import type * as betterAuth__generated_server from "../betterAuth/_generated/server.js";
 import type * as chat from "../chat.js";
 import type * as configuracaoEmail from "../configuracaoEmail.js";
-import type * as criarFuncionarioTeste from "../criarFuncionarioTeste.js";
-import type * as criarUsuarioTeste from "../criarUsuarioTeste.js";
 import type * as crons from "../crons.js";
 import type * as cursos from "../cursos.js";
 import type * as dashboard from "../dashboard.js";
@@ -29,11 +28,7 @@ import type * as limparPerfisAntigos from "../limparPerfisAntigos.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 menuPermissoes from "../menuPermissoes.js";
-import type * as migrarParaTimes from "../migrarParaTimes.js";
-import type * as migrarUsuariosAdmin from "../migrarUsuariosAdmin.js";
 import type * as monitoramento from "../monitoramento.js";
-import type * as perfisCustomizados from "../perfisCustomizados.js";
 import type * as permissoesAcoes from "../permissoesAcoes.js";
 import type * as roles from "../roles.js";
 import type * as saldoFerias from "../saldoFerias.js";
@@ -44,6 +39,7 @@ import type * as templatesMensagens from "../templatesMensagens.js";
 import type * as times from "../times.js";
 import type * as todos from "../todos.js";
 import type * as usuarios from "../usuarios.js";
+import type * as utils_getClientIP from "../utils/getClientIP.js";
 import type * as verificarMatriculas from "../verificarMatriculas.js";
 
 import type {
@@ -61,14 +57,13 @@ import type {
  * ```
  */
 declare const fullApi: ApiFromModules<{
+  "actions/email": typeof actions_email;
+  "actions/smtp": typeof actions_smtp;
+  atestadosLicencas: typeof atestadosLicencas;
   autenticacao: typeof autenticacao;
   "auth/utils": typeof auth_utils;
-  "betterAuth/_generated/api": typeof betterAuth__generated_api;
-  "betterAuth/_generated/server": typeof betterAuth__generated_server;
   chat: typeof chat;
   configuracaoEmail: typeof configuracaoEmail;
-  criarFuncionarioTeste: typeof criarFuncionarioTeste;
-  criarUsuarioTeste: typeof criarUsuarioTeste;
   crons: typeof crons;
   cursos: typeof cursos;
   dashboard: typeof dashboard;
@@ -82,11 +77,7 @@ declare const fullApi: ApiFromModules<{
   logsAcesso: typeof logsAcesso;
   logsAtividades: typeof logsAtividades;
   logsLogin: typeof logsLogin;
-  menuPermissoes: typeof menuPermissoes;
-  migrarParaTimes: typeof migrarParaTimes;
-  migrarUsuariosAdmin: typeof migrarUsuariosAdmin;
   monitoramento: typeof monitoramento;
-  perfisCustomizados: typeof perfisCustomizados;
   permissoesAcoes: typeof permissoesAcoes;
   roles: typeof roles;
   saldoFerias: typeof saldoFerias;
@@ -97,6 +88,7 @@ declare const fullApi: ApiFromModules<{
   times: typeof times;
   todos: typeof todos;
   usuarios: typeof usuarios;
+  "utils/getClientIP": typeof utils_getClientIP;
   verificarMatriculas: typeof verificarMatriculas;
 }>;
 declare const fullApiWithMounts: typeof fullApi;
diff --git a/packages/backend/convex/actions/email.ts b/packages/backend/convex/actions/email.ts
new file mode 100644
index 0000000..3ae0249
--- /dev/null
+++ b/packages/backend/convex/actions/email.ts
@@ -0,0 +1,118 @@
+"use node";
+ 
+import { action } from "../_generated/server";
+import { v } from "convex/values";
+import { internal } from "../_generated/api";
+
+export const enviar = action({
+  args: {
+    emailId: v.id("notificacoesEmail"),
+  },
+  returns: v.object({ sucesso: v.boolean(), erro: v.optional(v.string()) }),
+  handler: async (ctx, args) => {
+    "use node";
+    const nodemailer = await import("nodemailer");
+
+    try {
+      // Buscar email da fila
+      const email = await ctx.runQuery(internal.email.getEmailById, {
+        emailId: args.emailId,
+      });
+
+      if (!email) {
+        return { sucesso: false, erro: "Email não encontrado" };
+      }
+
+      // Buscar configuração SMTP ativa com senha descriptografada
+      const config = await ctx.runQuery(internal.email.getActiveEmailConfigWithPassword, {});
+
+      if (!config) {
+        return {
+          sucesso: false,
+          erro: "Configuração de email não encontrada ou inativa",
+        };
+      }
+
+      if (!config.testadoEm) {
+        return {
+          sucesso: false,
+          erro: "Configuração SMTP não foi testada. Teste a conexão primeiro!",
+        };
+      }
+
+      // Marcar como enviando
+      await ctx.runMutation(internal.email.markEmailEnviando, {
+        emailId: args.emailId,
+      });
+
+      // Criar transporter do nodemailer
+      const transporter = nodemailer.createTransport({
+        host: config.servidor,
+        port: config.porta,
+        secure: config.usarSSL,
+        requireTLS: config.usarTLS,
+        auth: {
+          user: config.usuario,
+          pass: config.senha, // Senha já descriptografada
+        },
+        tls: {
+          // Permitir certificados autoassinados apenas se necessário
+          rejectUnauthorized: false,
+          ciphers: "SSLv3",
+        },
+        connectionTimeout: 10000, // 10 segundos
+        greetingTimeout: 10000,
+        socketTimeout: 10000,
+      });
+
+      // Validar email destinatário antes de enviar
+      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      if (!emailRegex.test(email.destinatario)) {
+        throw new Error(`Email destinatário inválido: ${email.destinatario}`);
+      }
+
+      // Enviar email
+      const info = await transporter.sendMail({
+        from: `"${config.nomeRemetente}" <${config.emailRemetente}>`,
+        to: email.destinatario,
+        subject: email.assunto,
+        html: email.corpo,
+        text: email.corpo.replace(/<[^>]*>/g, ""), // Versão texto para clientes que não suportam HTML
+      });
+
+      interface MessageInfo {
+        messageId?: string;
+        response?: string;
+      }
+
+      const messageInfo = info as MessageInfo;
+
+      console.log("✅ Email enviado com sucesso!", {
+        para: email.destinatario,
+        assunto: email.assunto,
+        messageId: messageInfo.messageId,
+        response: messageInfo.response,
+      });
+
+      // Marcar como enviado
+      await ctx.runMutation(internal.email.markEmailEnviado, {
+        emailId: args.emailId,
+      });
+
+      return { sucesso: true };
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : String(error);
+      console.error("❌ Erro ao enviar email:", errorMessage);
+
+      // Marcar como falha
+      await ctx.runMutation(internal.email.markEmailFalha, {
+        emailId: args.emailId,
+        erro: errorMessage,
+      });
+
+      return { sucesso: false, erro: errorMessage };
+    }
+  },
+});
+
+
diff --git a/packages/backend/convex/actions/smtp.ts b/packages/backend/convex/actions/smtp.ts
new file mode 100644
index 0000000..c68285a
--- /dev/null
+++ b/packages/backend/convex/actions/smtp.ts
@@ -0,0 +1,63 @@
+"use node";
+ 
+import { action } from "../_generated/server";
+import { v } from "convex/values";
+
+export const testarConexao = action({
+  args: {
+    servidor: v.string(),
+    porta: v.number(),
+    usuario: v.string(),
+    senha: v.string(),
+    usarSSL: v.boolean(),
+    usarTLS: v.boolean(),
+  },
+  returns: v.union(
+    v.object({ sucesso: v.literal(true) }),
+    v.object({ sucesso: v.literal(false), erro: v.string() })
+  ),
+  handler: async (ctx, args) => {
+    "use node";
+    const nodemailer = await import("nodemailer");
+
+    try {
+      // Validações básicas
+      if (!args.servidor || args.servidor.trim() === "") {
+        return {
+          sucesso: false as const,
+          erro: "Servidor SMTP não pode estar vazio",
+        };
+      }
+
+      if (args.porta < 1 || args.porta > 65535) {
+        return { sucesso: false as const, erro: "Porta inválida" };
+      }
+
+      const transporter = nodemailer.createTransport({
+        host: args.servidor,
+        port: args.porta,
+        secure: args.usarSSL,
+        auth: {
+          user: args.usuario,
+          pass: args.senha,
+        },
+        tls: {
+          rejectUnauthorized: false,
+        },
+        connectionTimeout: 10000, // 10 segundos
+        greetingTimeout: 10000,
+        socketTimeout: 10000,
+      });
+
+      // Verificar conexão
+      await transporter.verify();
+
+      return { sucesso: true as const };
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : String(error);
+      return { sucesso: false as const, erro: errorMessage };
+    }
+  },
+});
+
+
diff --git a/packages/backend/convex/atestadosLicencas.ts b/packages/backend/convex/atestadosLicencas.ts
new file mode 100644
index 0000000..385aef7
--- /dev/null
+++ b/packages/backend/convex/atestadosLicencas.ts
@@ -0,0 +1,1064 @@
+import { v } from "convex/values";
+import { mutation, query } from "./_generated/server";
+import { Id, Doc } from "./_generated/dataModel";
+import type { QueryCtx, MutationCtx } from "./_generated/server";
+import { registrarAtividade } from "./logsAtividades";
+
+// ========== HELPERS ==========
+
+/**
+ * Helper function para obter usuário autenticado
+ */
+async function getUsuarioAutenticado(ctx: QueryCtx | MutationCtx) {
+  const identity = await ctx.auth.getUserIdentity();
+  let usuarioAtual = null;
+
+  if (identity && identity.email) {
+    usuarioAtual = await ctx.db
+      .query("usuarios")
+      .withIndex("by_email", (q) => q.eq("email", identity.email!))
+      .first();
+  }
+
+  if (!usuarioAtual) {
+    const sessaoAtiva = await ctx.db
+      .query("sessoes")
+      .filter((q) => q.eq(q.field("ativo"), true))
+      .order("desc")
+      .first();
+
+    if (sessaoAtiva) {
+      usuarioAtual = await ctx.db.get(sessaoAtiva.usuarioId);
+    }
+  }
+
+  return usuarioAtual;
+}
+
+/**
+ * Helper para calcular dias entre duas datas
+ */
+function calcularDias(dataInicio: string, dataFim: string): number {
+  const inicio = new Date(dataInicio);
+  const fim = new Date(dataFim);
+  const diffTime = Math.abs(fim.getTime() - inicio.getTime());
+  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1;
+  return diffDays;
+}
+
+// ========== QUERIES ==========
+
+/**
+ * Listar todos os atestados e licenças com detalhes do funcionário
+ */
+export const listarTodos = query({
+  args: {},
+  handler: async (ctx) => {
+    try {
+      const [atestados, licencas] = await Promise.all([
+        ctx.db.query("atestados").collect(),
+        ctx.db.query("licencas").collect(),
+      ]);
+
+      const atestadosComDetalhes = await Promise.all(
+        atestados.map(async (a) => {
+          try {
+            const funcionario = await ctx.db.get(a.funcionarioId);
+            const criadoPor = await ctx.db.get(a.criadoPor);
+            return {
+              ...a,
+              funcionario,
+              criadoPorNome: criadoPor?.nome || "Sistema",
+              dias: calcularDias(a.dataInicio, a.dataFim),
+              status: new Date(a.dataFim) >= new Date() ? "ativo" : "finalizado",
+            };
+          } catch (error) {
+            console.error("Erro ao buscar detalhes do atestado:", error);
+            return {
+              ...a,
+              funcionario: null,
+              criadoPorNome: "Sistema",
+              dias: calcularDias(a.dataInicio, a.dataFim),
+              status: new Date(a.dataFim) >= new Date() ? "ativo" : "finalizado",
+            };
+          }
+        })
+      );
+
+      const licencasComDetalhes = await Promise.all(
+        licencas.map(async (l) => {
+          try {
+            const funcionario = await ctx.db.get(l.funcionarioId);
+            const criadoPor = await ctx.db.get(l.criadoPor);
+            const licencaOriginal = l.licencaOriginalId
+              ? await ctx.db.get(l.licencaOriginalId)
+              : null;
+            return {
+              ...l,
+              funcionario,
+              criadoPorNome: criadoPor?.nome || "Sistema",
+              licencaOriginal,
+              dias: calcularDias(l.dataInicio, l.dataFim),
+              status: new Date(l.dataFim) >= new Date() ? "ativo" : "finalizado",
+            };
+          } catch (error) {
+            console.error("Erro ao buscar detalhes da licença:", error);
+            return {
+              ...l,
+              funcionario: null,
+              criadoPorNome: "Sistema",
+              licencaOriginal: null,
+              dias: calcularDias(l.dataInicio, l.dataFim),
+              status: new Date(l.dataFim) >= new Date() ? "ativo" : "finalizado",
+            };
+          }
+        })
+      );
+
+      return {
+        atestados: atestadosComDetalhes.sort(
+          (a, b) => b._creationTime - a._creationTime
+        ),
+        licencas: licencasComDetalhes.sort(
+          (a, b) => b._creationTime - a._creationTime
+        ),
+      };
+    } catch (error) {
+      console.error("Erro em listarTodos:", error);
+      return {
+        atestados: [],
+        licencas: [],
+      };
+    }
+  },
+});
+
+/**
+ * Listar por funcionário específico
+ */
+export const listarPorFuncionario = query({
+  args: { funcionarioId: v.id("funcionarios") },
+  handler: async (ctx, args) => {
+    const [atestados, licencas] = await Promise.all([
+      ctx.db
+        .query("atestados")
+        .withIndex("by_funcionario", (q) =>
+          q.eq("funcionarioId", args.funcionarioId)
+        )
+        .collect(),
+      ctx.db
+        .query("licencas")
+        .withIndex("by_funcionario", (q) =>
+          q.eq("funcionarioId", args.funcionarioId)
+        )
+        .collect(),
+    ]);
+
+    return {
+      atestados: atestados.sort((a, b) => b._creationTime - a._creationTime),
+      licencas: licencas.sort((a, b) => b._creationTime - a._creationTime),
+    };
+  },
+});
+
+/**
+ * Listar por período
+ */
+export const listarPorPeriodo = query({
+  args: {
+    dataInicio: v.string(),
+    dataFim: v.string(),
+  },
+  handler: async (ctx, args) => {
+    const dataInicioObj = new Date(args.dataInicio);
+    const dataFimObj = new Date(args.dataFim);
+
+    const atestados = await ctx.db.query("atestados").collect();
+    const licencas = await ctx.db.query("licencas").collect();
+
+    const atestadosFiltrados = atestados.filter((a) => {
+      const inicio = new Date(a.dataInicio);
+      const fim = new Date(a.dataFim);
+      return (
+        (inicio >= dataInicioObj && inicio <= dataFimObj) ||
+        (fim >= dataInicioObj && fim <= dataFimObj) ||
+        (inicio <= dataInicioObj && fim >= dataFimObj)
+      );
+    });
+
+    const licencasFiltradas = licencas.filter((l) => {
+      const inicio = new Date(l.dataInicio);
+      const fim = new Date(l.dataFim);
+      return (
+        (inicio >= dataInicioObj && inicio <= dataFimObj) ||
+        (fim >= dataInicioObj && fim <= dataFimObj) ||
+        (inicio <= dataInicioObj && fim >= dataFimObj)
+      );
+    });
+
+    return {
+      atestados: atestadosFiltrados,
+      licencas: licencasFiltradas,
+    };
+  },
+});
+
+/**
+ * Obter dados para gráficos
+ */
+export const obterDadosGraficos = query({
+  args: {
+    periodo: v.optional(v.number()), // dias (padrão: 30)
+  },
+  handler: async (ctx, args) => {
+    try {
+      const dias = args.periodo || 30;
+      const dataLimite = Date.now() - dias * 24 * 60 * 60 * 1000;
+
+    const [atestados, licencas] = await Promise.all([
+      ctx.db.query("atestados").collect(),
+      ctx.db.query("licencas").collect(),
+    ]);
+
+    // Filtrar por período
+    const atestadosFiltrados = atestados.filter(
+      (a) => new Date(a.criadoEm) >= new Date(dataLimite)
+    );
+    const licencasFiltradas = licencas.filter(
+      (l) => new Date(l.criadoEm) >= new Date(dataLimite)
+    );
+
+    // 1. Total de dias por tipo (para gráfico de barras)
+    const totalDiasPorTipo: Record<string, number> = {
+      atestado_medico: 0,
+      declaracao_comparecimento: 0,
+      maternidade: 0,
+      paternidade: 0,
+      ferias: 0,
+    };
+
+    atestadosFiltrados.forEach((a) => {
+      const dias = calcularDias(a.dataInicio, a.dataFim);
+      if (a.tipo === "atestado_medico") {
+        totalDiasPorTipo.atestado_medico += dias;
+      } else {
+        totalDiasPorTipo.declaracao_comparecimento += dias;
+      }
+    });
+
+    licencasFiltradas.forEach((l) => {
+      const dias = calcularDias(l.dataInicio, l.dataFim);
+      if (l.tipo === "maternidade") {
+        totalDiasPorTipo.maternidade += dias;
+      } else {
+        totalDiasPorTipo.paternidade += dias;
+      }
+    });
+
+    // Buscar férias do período
+    try {
+      const solicitacoesFerias = await ctx.db
+        .query("solicitacoesFerias")
+        .filter((q) =>
+          q.or(
+            q.eq(q.field("status"), "aprovado"),
+            q.eq(q.field("status"), "data_ajustada_aprovada")
+          )
+        )
+        .collect();
+
+      solicitacoesFerias.forEach((s) => {
+        if (s.periodos && Array.isArray(s.periodos)) {
+          s.periodos.forEach((p: { dataInicio: string; dataFim: string }) => {
+            const dias = calcularDias(p.dataInicio, p.dataFim);
+            totalDiasPorTipo.ferias += dias;
+          });
+        }
+      });
+    } catch (error) {
+      console.error("Erro ao buscar férias para gráfico:", error);
+    }
+
+    // 2. Tendências mensais (últimos 6 meses)
+    const meses: Record<
+      string,
+      {
+        atestado_medico: number;
+        declaracao_comparecimento: number;
+        maternidade: number;
+        paternidade: number;
+        ferias: number;
+      }
+    > = {};
+
+    const hoje = new Date();
+    for (let i = 5; i >= 0; i--) {
+      const mesData = new Date(hoje.getFullYear(), hoje.getMonth() - i, 1);
+      const mesKey = mesData.toLocaleDateString("pt-BR", {
+        month: "short",
+        year: "numeric",
+      });
+      meses[mesKey] = {
+        atestado_medico: 0,
+        declaracao_comparecimento: 0,
+        maternidade: 0,
+        paternidade: 0,
+        ferias: 0,
+      };
+    }
+
+    // Processar atestados para tendências mensais (usar todos, não apenas filtrados)
+    atestados.forEach((item) => {
+      try {
+        const mesData = new Date(item.criadoEm);
+        const mesKey = mesData.toLocaleDateString("pt-BR", {
+          month: "short",
+          year: "numeric",
+        });
+
+        if (meses[mesKey]) {
+          const dias = calcularDias(item.dataInicio, item.dataFim);
+          if (item.tipo === "atestado_medico") {
+            meses[mesKey].atestado_medico += dias;
+          } else if (item.tipo === "declaracao_comparecimento") {
+            meses[mesKey].declaracao_comparecimento += dias;
+          }
+        }
+      } catch (error) {
+        console.error("Erro ao processar atestado para tendências:", error);
+      }
+    });
+
+    // Processar licenças para tendências mensais (usar todas, não apenas filtradas)
+    licencas.forEach((item) => {
+      try {
+        const mesData = new Date(item.criadoEm);
+        const mesKey = mesData.toLocaleDateString("pt-BR", {
+          month: "short",
+          year: "numeric",
+        });
+
+        if (meses[mesKey]) {
+          const dias = calcularDias(item.dataInicio, item.dataFim);
+          if (item.tipo === "maternidade") {
+            meses[mesKey].maternidade += dias;
+          } else if (item.tipo === "paternidade") {
+            meses[mesKey].paternidade += dias;
+          }
+        }
+      } catch (error) {
+        console.error("Erro ao processar licença para tendências:", error);
+      }
+    });
+
+    // 3. Funcionários atualmente afastados
+    const hojeStr = new Date().toISOString().split("T")[0];
+    const funcionariosAfastados: Array<{
+      funcionarioId: Id<"funcionarios">;
+      funcionarioNome: string;
+      tipo: string;
+      dataInicio: string;
+      dataFim: string;
+    }> = [];
+
+    // Processar atestados (verificar funcionários atualmente afastados)
+    atestadosFiltrados.forEach((item) => {
+      try {
+        const inicio = new Date(item.dataInicio);
+        const fim = new Date(item.dataFim);
+        const hoje = new Date(hojeStr);
+
+        if (hoje >= inicio && hoje <= fim) {
+          funcionariosAfastados.push({
+            funcionarioId: item.funcionarioId,
+            funcionarioNome: "Carregando...",
+            tipo: item.tipo,
+            dataInicio: item.dataInicio,
+            dataFim: item.dataFim,
+          });
+        }
+      } catch (error) {
+        console.error("Erro ao processar atestado:", error);
+      }
+    });
+
+    // Processar licenças (verificar funcionários atualmente afastados)
+    licencasFiltradas.forEach((item) => {
+      try {
+        const inicio = new Date(item.dataInicio);
+        const fim = new Date(item.dataFim);
+        const hoje = new Date(hojeStr);
+
+        if (hoje >= inicio && hoje <= fim) {
+          funcionariosAfastados.push({
+            funcionarioId: item.funcionarioId,
+            funcionarioNome: "Carregando...",
+            tipo: item.tipo,
+            dataInicio: item.dataInicio,
+            dataFim: item.dataFim,
+          });
+        }
+      } catch (error) {
+        console.error("Erro ao processar licença:", error);
+      }
+    });
+
+    // Buscar nomes dos funcionários
+    const funcionariosAfastadosComNomes = await Promise.all(
+      funcionariosAfastados.map(async (item) => {
+        try {
+          const funcionario = await ctx.db.get(item.funcionarioId);
+          return {
+            ...item,
+            funcionarioNome: funcionario?.nome || "Desconhecido",
+          };
+        } catch (error) {
+          console.error("Erro ao buscar funcionário:", error);
+          return {
+            ...item,
+            funcionarioNome: "Desconhecido",
+          };
+        }
+      })
+    );
+
+    return {
+      totalDiasPorTipo: [
+        { tipo: "Atestado Médico", dias: totalDiasPorTipo.atestado_medico },
+        {
+          tipo: "Declaração",
+          dias: totalDiasPorTipo.declaracao_comparecimento,
+        },
+        { tipo: "Licença Maternidade", dias: totalDiasPorTipo.maternidade },
+        { tipo: "Licença Paternidade", dias: totalDiasPorTipo.paternidade },
+        { tipo: "Férias", dias: totalDiasPorTipo.ferias },
+      ],
+      tendenciasMensais: Object.entries(meses).map(([mes, dados]) => ({
+        mes,
+        ...dados,
+      })),
+      funcionariosAfastados: funcionariosAfastadosComNomes,
+    };
+    } catch (error) {
+      console.error("Erro em obterDadosGraficos:", error);
+      // Retornar dados vazios em caso de erro para não quebrar a página
+      return {
+        totalDiasPorTipo: [
+          { tipo: "Atestado Médico", dias: 0 },
+          { tipo: "Declaração", dias: 0 },
+          { tipo: "Licença Maternidade", dias: 0 },
+          { tipo: "Licença Paternidade", dias: 0 },
+          { tipo: "Férias", dias: 0 },
+        ],
+        tendenciasMensais: [],
+        funcionariosAfastados: [],
+      };
+    }
+  },
+});
+
+/**
+ * Obter estatísticas para dashboard
+ */
+export const obterEstatisticas = query({
+  args: {},
+  handler: async (ctx) => {
+    const hoje = new Date();
+    hoje.setHours(0, 0, 0, 0);
+    const inicioMes = new Date(hoje.getFullYear(), hoje.getMonth(), 1);
+    const fimMes = new Date(hoje.getFullYear(), hoje.getMonth() + 1, 0);
+
+    const [atestados, licencas] = await Promise.all([
+      ctx.db.query("atestados").collect(),
+      ctx.db.query("licencas").collect(),
+    ]);
+
+    // Atestados ativos
+    const atestadosAtivos = atestados.filter(
+      (a) => new Date(a.dataFim) >= hoje
+    );
+
+    // Licenças ativas
+    const licencasAtivas = licencas.filter(
+      (l) => new Date(l.dataFim) >= hoje
+    );
+
+    // Funcionários afastados hoje
+    const funcionariosAfastadosHoje = new Set<string>();
+    [...atestados, ...licencas].forEach((item) => {
+      const inicio = new Date(item.dataInicio);
+      const fim = new Date(item.dataFim);
+      if (hoje >= inicio && hoje <= fim) {
+        funcionariosAfastadosHoje.add(item.funcionarioId);
+      }
+    });
+
+    // Total de dias no mês
+    let totalDiasMes = 0;
+    [...atestados, ...licencas].forEach((item) => {
+      const inicio = new Date(item.dataInicio);
+      const fim = new Date(item.dataFim);
+      if (
+        (inicio >= inicioMes && inicio <= fimMes) ||
+        (fim >= inicioMes && fim <= fimMes) ||
+        (inicio <= inicioMes && fim >= fimMes)
+      ) {
+        const dias = calcularDias(item.dataInicio, item.dataFim);
+        totalDiasMes += dias;
+      }
+    });
+
+    return {
+      totalAtestadosAtivos: atestadosAtivos.length,
+      totalLicencasAtivas: licencasAtivas.length,
+      funcionariosAfastadosHoje: funcionariosAfastadosHoje.size,
+      totalDiasAfastamentoMes: totalDiasMes,
+    };
+  },
+});
+
+/**
+ * Obter eventos formatados para calendário
+ */
+export const obterEventosCalendario = query({
+  args: {
+    dataInicio: v.optional(v.string()),
+    dataFim: v.optional(v.string()),
+    tipoFiltro: v.optional(
+      v.union(
+        v.literal("todos"),
+        v.literal("atestado_medico"),
+        v.literal("declaracao_comparecimento"),
+        v.literal("maternidade"),
+        v.literal("paternidade"),
+        v.literal("ferias")
+      )
+    ),
+  },
+  handler: async (ctx, args) => {
+    const eventos: Array<{
+      id: string;
+      title: string;
+      start: string;
+      end: string;
+      color: string;
+      tipo: string;
+      funcionarioNome: string;
+      funcionarioId: string;
+    }> = [];
+
+    try {
+      // Buscar atestados
+      if (
+        !args.tipoFiltro ||
+        args.tipoFiltro === "todos" ||
+        args.tipoFiltro === "atestado_medico" ||
+        args.tipoFiltro === "declaracao_comparecimento"
+      ) {
+        try {
+          const atestados = await ctx.db.query("atestados").collect();
+          for (const atestado of atestados) {
+            try {
+              if (
+                args.tipoFiltro &&
+                args.tipoFiltro !== "todos" &&
+                atestado.tipo !== args.tipoFiltro
+              ) {
+                continue;
+              }
+
+              const funcionario = await ctx.db.get(atestado.funcionarioId);
+              if (!funcionario) continue;
+
+              if (!atestado.dataInicio || !atestado.dataFim) continue;
+
+              const cor =
+                atestado.tipo === "atestado_medico"
+                  ? "#ef4444"
+                  : "#f97316"; // vermelho ou laranja
+
+              eventos.push({
+                id: `atestado-${atestado._id}`,
+                title: `${funcionario.nome} - ${
+                  atestado.tipo === "atestado_medico"
+                    ? "Atestado Médico"
+                    : "Declaração"
+                }`,
+                start: atestado.dataInicio,
+                end: atestado.dataFim,
+                color: cor,
+                tipo: atestado.tipo,
+                funcionarioNome: funcionario.nome,
+                funcionarioId: funcionario._id,
+              });
+            } catch (error) {
+              console.error(`Erro ao processar atestado ${atestado._id}:`, error);
+              continue;
+            }
+          }
+        } catch (error) {
+          console.error("Erro ao buscar atestados:", error);
+        }
+      }
+
+      // Buscar licenças
+      if (
+        !args.tipoFiltro ||
+        args.tipoFiltro === "todos" ||
+        args.tipoFiltro === "maternidade" ||
+        args.tipoFiltro === "paternidade"
+      ) {
+        try {
+          const licencas = await ctx.db.query("licencas").collect();
+          for (const licenca of licencas) {
+            try {
+              if (
+                args.tipoFiltro &&
+                args.tipoFiltro !== "todos" &&
+                licenca.tipo !== args.tipoFiltro
+              ) {
+                continue;
+              }
+
+              const funcionario = await ctx.db.get(licenca.funcionarioId);
+              if (!funcionario) continue;
+
+              if (!licenca.dataInicio || !licenca.dataFim) continue;
+
+              const cor =
+                licenca.tipo === "maternidade"
+                  ? "#ec4899"
+                  : "#3b82f6"; // rosa ou azul
+
+              eventos.push({
+                id: `licenca-${licenca._id}`,
+                title: `${funcionario.nome} - Licença ${
+                  licenca.tipo === "maternidade" ? "Maternidade" : "Paternidade"
+                }`,
+                start: licenca.dataInicio,
+                end: licenca.dataFim,
+                color: cor,
+                tipo: licenca.tipo,
+                funcionarioNome: funcionario.nome,
+                funcionarioId: funcionario._id,
+              });
+            } catch (error) {
+              console.error(`Erro ao processar licença ${licenca._id}:`, error);
+              continue;
+            }
+          }
+        } catch (error) {
+          console.error("Erro ao buscar licenças:", error);
+        }
+      }
+    } catch (error) {
+      console.error("Erro geral em obterEventosCalendario:", error);
+      return eventos; // Retorna eventos já coletados mesmo se houver erro
+    }
+
+    // Integrar com férias (se não estiver filtrando por tipo específico)
+    if (!args.tipoFiltro || args.tipoFiltro === "todos" || args.tipoFiltro === "ferias") {
+      try {
+        // Buscar solicitações de férias aprovadas
+        const solicitacoesFerias = await ctx.db
+          .query("solicitacoesFerias")
+          .filter((q) =>
+            q.or(
+              q.eq(q.field("status"), "aprovado"),
+              q.eq(q.field("status"), "data_ajustada_aprovada")
+            )
+          )
+          .collect();
+
+        for (const solicitacao of solicitacoesFerias) {
+          try {
+            const funcionario = await ctx.db.get(solicitacao.funcionarioId);
+            if (!funcionario) continue;
+
+            // Verificar se periodos existe e é um array
+            if (!solicitacao.periodos || !Array.isArray(solicitacao.periodos)) {
+              continue;
+            }
+
+            for (const periodo of solicitacao.periodos) {
+              if (!periodo.dataInicio || !periodo.dataFim) continue;
+
+              eventos.push({
+                id: `ferias-${solicitacao._id}-${periodo.dataInicio}`,
+                title: `${funcionario.nome} - Férias`,
+                start: periodo.dataInicio,
+                end: periodo.dataFim,
+                color: "#10b981", // verde
+                tipo: "ferias",
+                funcionarioNome: funcionario.nome,
+                funcionarioId: funcionario._id,
+              });
+            }
+          } catch (error) {
+            console.error(`Erro ao processar solicitação de férias ${solicitacao._id}:`, error);
+            continue;
+          }
+        }
+      } catch (error) {
+        console.error("Erro ao buscar solicitações de férias:", error);
+        // Continua mesmo se houver erro ao buscar férias
+      }
+    }
+
+    // Filtrar por período se fornecido
+    if (args.dataInicio && args.dataFim) {
+      const inicio = new Date(args.dataInicio);
+      const fim = new Date(args.dataFim);
+      return eventos.filter((e) => {
+        const eventStart = new Date(e.start);
+        const eventEnd = new Date(e.end);
+        return (
+          (eventStart >= inicio && eventStart <= fim) ||
+          (eventEnd >= inicio && eventEnd <= fim) ||
+          (eventStart <= inicio && eventEnd >= fim)
+        );
+      });
+    }
+
+    return eventos;
+  },
+});
+
+// ========== MUTATIONS ==========
+
+/**
+ * Gerar URL para upload de documentos
+ */
+export const generateUploadUrl = mutation({
+  args: {},
+  returns: v.string(),
+  handler: async (ctx) => {
+    const usuario = await getUsuarioAutenticado(ctx);
+    if (!usuario) throw new Error("Não autenticado");
+
+    return await ctx.storage.generateUploadUrl();
+  },
+});
+
+/**
+ * Obter URL de um documento armazenado
+ */
+export const obterUrlDocumento = query({
+  args: {
+    storageId: v.id("_storage"),
+  },
+  returns: v.union(v.string(), v.null()),
+  handler: async (ctx, args) => {
+    const usuario = await getUsuarioAutenticado(ctx);
+    if (!usuario) throw new Error("Não autenticado");
+
+    return await ctx.storage.getUrl(args.storageId);
+  },
+});
+
+/**
+ * Criar atestado médico
+ */
+export const criarAtestadoMedico = mutation({
+  args: {
+    funcionarioId: v.id("funcionarios"),
+    dataInicio: v.string(),
+    dataFim: v.string(),
+    cid: v.string(),
+    observacoes: v.optional(v.string()),
+    documentoId: v.optional(v.id("_storage")),
+  },
+  returns: v.id("atestados"),
+  handler: async (ctx, args) => {
+    const usuario = await getUsuarioAutenticado(ctx);
+    if (!usuario) throw new Error("Não autenticado");
+
+    // Validar datas
+    if (new Date(args.dataFim) < new Date(args.dataInicio)) {
+      throw new Error("Data fim deve ser maior ou igual à data início");
+    }
+
+    const atestadoId = await ctx.db.insert("atestados", {
+      funcionarioId: args.funcionarioId,
+      tipo: "atestado_medico",
+      dataInicio: args.dataInicio,
+      dataFim: args.dataFim,
+      cid: args.cid,
+      observacoes: args.observacoes,
+      documentoId: args.documentoId,
+      criadoPor: usuario._id,
+      criadoEm: Date.now(),
+    });
+
+    await registrarAtividade(
+      ctx,
+      usuario._id,
+      "criar",
+      "atestados",
+      `Atestado médico criado para funcionário ${args.funcionarioId}`,
+      atestadoId
+    );
+
+    return atestadoId;
+  },
+});
+
+/**
+ * Criar declaração de comparecimento
+ */
+export const criarDeclaracaoComparecimento = mutation({
+  args: {
+    funcionarioId: v.id("funcionarios"),
+    dataInicio: v.string(),
+    dataFim: v.string(),
+    observacoes: v.optional(v.string()),
+    documentoId: v.optional(v.id("_storage")),
+  },
+  returns: v.id("atestados"),
+  handler: async (ctx, args) => {
+    const usuario = await getUsuarioAutenticado(ctx);
+    if (!usuario) throw new Error("Não autenticado");
+
+    // Validar datas
+    if (new Date(args.dataFim) < new Date(args.dataInicio)) {
+      throw new Error("Data fim deve ser maior ou igual à data início");
+    }
+
+    const atestadoId = await ctx.db.insert("atestados", {
+      funcionarioId: args.funcionarioId,
+      tipo: "declaracao_comparecimento",
+      dataInicio: args.dataInicio,
+      dataFim: args.dataFim,
+      observacoes: args.observacoes,
+      documentoId: args.documentoId,
+      criadoPor: usuario._id,
+      criadoEm: Date.now(),
+    });
+
+    await registrarAtividade(
+      ctx,
+      usuario._id,
+      "criar",
+      "atestados",
+      `Declaração de comparecimento criada para funcionário ${args.funcionarioId}`,
+      atestadoId
+    );
+
+    return atestadoId;
+  },
+});
+
+/**
+ * Criar licença maternidade
+ */
+export const criarLicencaMaternidade = mutation({
+  args: {
+    funcionarioId: v.id("funcionarios"),
+    dataInicio: v.string(),
+    dataFim: v.string(),
+    observacoes: v.optional(v.string()),
+    documentoId: v.optional(v.id("_storage")),
+    licencaOriginalId: v.optional(v.id("licencas")),
+  },
+  returns: v.id("licencas"),
+  handler: async (ctx, args) => {
+    const usuario = await getUsuarioAutenticado(ctx);
+    if (!usuario) throw new Error("Não autenticado");
+
+    // Validar datas
+    if (new Date(args.dataFim) < new Date(args.dataInicio)) {
+      throw new Error("Data fim deve ser maior ou igual à data início");
+    }
+
+    const ehProrrogacao = !!args.licencaOriginalId;
+    if (ehProrrogacao && !args.licencaOriginalId) {
+      throw new Error("Licença original é obrigatória para prorrogação");
+    }
+
+    const licencaId = await ctx.db.insert("licencas", {
+      funcionarioId: args.funcionarioId,
+      tipo: "maternidade",
+      dataInicio: args.dataInicio,
+      dataFim: args.dataFim,
+      observacoes: args.observacoes,
+      documentoId: args.documentoId,
+      licencaOriginalId: args.licencaOriginalId,
+      ehProrrogacao,
+      criadoPor: usuario._id,
+      criadoEm: Date.now(),
+    });
+
+    await registrarAtividade(
+      ctx,
+      usuario._id,
+      "criar",
+      "licencas",
+      `Licença maternidade criada para funcionário ${args.funcionarioId}${ehProrrogacao ? " (prorrogação)" : ""}`,
+      licencaId
+    );
+
+    return licencaId;
+  },
+});
+
+/**
+ * Criar licença paternidade
+ */
+export const criarLicencaPaternidade = mutation({
+  args: {
+    funcionarioId: v.id("funcionarios"),
+    dataInicio: v.string(),
+    dataFim: v.string(),
+    observacoes: v.optional(v.string()),
+    documentoId: v.optional(v.id("_storage")),
+  },
+  returns: v.id("licencas"),
+  handler: async (ctx, args) => {
+    const usuario = await getUsuarioAutenticado(ctx);
+    if (!usuario) throw new Error("Não autenticado");
+
+    // Validar datas
+    if (new Date(args.dataFim) < new Date(args.dataInicio)) {
+      throw new Error("Data fim deve ser maior ou igual à data início");
+    }
+
+    const licencaId = await ctx.db.insert("licencas", {
+      funcionarioId: args.funcionarioId,
+      tipo: "paternidade",
+      dataInicio: args.dataInicio,
+      dataFim: args.dataFim,
+      observacoes: args.observacoes,
+      documentoId: args.documentoId,
+      ehProrrogacao: false,
+      criadoPor: usuario._id,
+      criadoEm: Date.now(),
+    });
+
+    await registrarAtividade(
+      ctx,
+      usuario._id,
+      "criar",
+      "licencas",
+      `Licença paternidade criada para funcionário ${args.funcionarioId}`,
+      licencaId
+    );
+
+    return licencaId;
+  },
+});
+
+/**
+ * Prorrogar licença maternidade
+ */
+export const prorrogarLicencaMaternidade = mutation({
+  args: {
+    licencaOriginalId: v.id("licencas"),
+    dataInicio: v.string(),
+    dataFim: v.string(),
+    observacoes: v.optional(v.string()),
+    documentoId: v.optional(v.id("_storage")),
+  },
+  returns: v.id("licencas"),
+  handler: async (ctx, args) => {
+    const usuario = await getUsuarioAutenticado(ctx);
+    if (!usuario) throw new Error("Não autenticado");
+
+    const licencaOriginal = await ctx.db.get(args.licencaOriginalId);
+    if (!licencaOriginal) {
+      throw new Error("Licença original não encontrada");
+    }
+
+    if (licencaOriginal.tipo !== "maternidade") {
+      throw new Error("Apenas licenças de maternidade podem ser prorrogadas");
+    }
+
+    // Validar datas
+    if (new Date(args.dataFim) < new Date(args.dataInicio)) {
+      throw new Error("Data fim deve ser maior ou igual à data início");
+    }
+
+    const prorrogacaoId = await ctx.db.insert("licencas", {
+      funcionarioId: licencaOriginal.funcionarioId,
+      tipo: "maternidade",
+      dataInicio: args.dataInicio,
+      dataFim: args.dataFim,
+      observacoes: args.observacoes,
+      documentoId: args.documentoId,
+      licencaOriginalId: args.licencaOriginalId,
+      ehProrrogacao: true,
+      criadoPor: usuario._id,
+      criadoEm: Date.now(),
+    });
+
+    await registrarAtividade(
+      ctx,
+      usuario._id,
+      "criar",
+      "licencas",
+      `Prorrogação de licença maternidade criada para funcionário ${licencaOriginal.funcionarioId}`,
+      prorrogacaoId
+    );
+
+    return prorrogacaoId;
+  },
+});
+
+/**
+ * Excluir atestado
+ */
+export const excluirAtestado = mutation({
+  args: {
+    id: v.id("atestados"),
+  },
+  returns: v.null(),
+  handler: async (ctx, args) => {
+    const usuario = await getUsuarioAutenticado(ctx);
+    if (!usuario) throw new Error("Não autenticado");
+
+    const atestado = await ctx.db.get(args.id);
+    if (!atestado) throw new Error("Atestado não encontrado");
+
+    await ctx.db.delete(args.id);
+
+    await registrarAtividade(
+      ctx,
+      usuario._id,
+      "excluir",
+      "atestados",
+      `Atestado excluído: ${args.id}`,
+      args.id
+    );
+
+    return null;
+  },
+});
+
+/**
+ * Excluir licença
+ */
+export const excluirLicenca = mutation({
+  args: {
+    id: v.id("licencas"),
+  },
+  returns: v.null(),
+  handler: async (ctx, args) => {
+    const usuario = await getUsuarioAutenticado(ctx);
+    if (!usuario) throw new Error("Não autenticado");
+
+    const licenca = await ctx.db.get(args.id);
+    if (!licenca) throw new Error("Licença não encontrada");
+
+    await ctx.db.delete(args.id);
+
+    await registrarAtividade(
+      ctx,
+      usuario._id,
+      "excluir",
+      "licencas",
+      `Licença excluída: ${args.id}`,
+      args.id
+    );
+
+    return null;
+  },
+});
diff --git a/packages/backend/convex/autenticacao.ts b/packages/backend/convex/autenticacao.ts
index 9a8b2a8..44ae1ce 100644
--- a/packages/backend/convex/autenticacao.ts
+++ b/packages/backend/convex/autenticacao.ts
@@ -1,5 +1,5 @@
 import { v } from "convex/values";
-import { mutation, query } from "./_generated/server";
+import { mutation, query, internalMutation } from "./_generated/server";
 import {
   hashPassword,
   verifyPassword,
@@ -8,16 +8,17 @@ import {
   validarSenha,
 } from "./auth/utils";
 import { registrarLogin } from "./logsLogin";
-import { Id } from "./_generated/dataModel";
+import { Id, Doc } from "./_generated/dataModel";
+import type { QueryCtx, MutationCtx } from "./_generated/server";
 
 /**
  * Helper para verificar se usuário está bloqueado
  */
-async function verificarBloqueioUsuario(ctx: any, usuarioId: Id<"usuarios">) {
+async function verificarBloqueioUsuario(ctx: QueryCtx, usuarioId: Id<"usuarios">) {
   const bloqueio = await ctx.db
     .query("bloqueiosUsuarios")
-    .withIndex("by_usuario", (q: any) => q.eq("usuarioId", usuarioId))
-    .filter((q: any) => q.eq(q.field("ativo"), true))
+    .withIndex("by_usuario", (q) => q.eq("usuarioId", usuarioId))
+    .filter((q) => q.eq(q.field("ativo"), true))
     .first();
 
   return bloqueio !== null;
@@ -26,17 +27,17 @@ async function verificarBloqueioUsuario(ctx: any, usuarioId: Id<"usuarios">) {
 /**
  * Helper para verificar rate limiting por IP
  */
-async function verificarRateLimitIP(ctx: any, ipAddress: string) {
+async function verificarRateLimitIP(ctx: QueryCtx, ipAddress: string) {
   // Últimas 15 minutos
   const dataLimite = Date.now() - 15 * 60 * 1000;
 
   const tentativas = await ctx.db
     .query("logsLogin")
-    .withIndex("by_ip", (q: any) => q.eq("ipAddress", ipAddress))
-    .filter((q: any) => q.gte(q.field("timestamp"), dataLimite))
+    .withIndex("by_ip", (q) => q.eq("ipAddress", ipAddress))
+    .filter((q) => q.gte(q.field("timestamp"), dataLimite))
     .collect();
 
-  const falhas = tentativas.filter((t: any) => !t.sucesso).length;
+  const falhas = tentativas.filter((t) => !t.sucesso).length;
 
   // Bloquear se 5 ou mais tentativas falhas em 15 minutos
   return falhas >= 5;
@@ -61,6 +62,7 @@ export const login = mutation({
         matricula: v.string(),
         nome: v.string(),
         email: v.string(),
+        funcionarioId: v.optional(v.id("funcionarios")),
         role: v.object({
           _id: v.id("roles"),
           nome: v.string(),
@@ -99,19 +101,20 @@ export const login = mutation({
     const isEmail = args.matriculaOuEmail.includes("@");
 
     // Buscar usuário
-    let usuario;
+    let usuario: Doc<"usuarios"> | null = null;
     if (isEmail) {
       usuario = await ctx.db
         .query("usuarios")
         .withIndex("by_email", (q) => q.eq("email", args.matriculaOuEmail))
         .first();
     } else {
-      usuario = await ctx.db
-        .query("usuarios")
-        .withIndex("by_matricula", (q) =>
-          q.eq("matricula", args.matriculaOuEmail)
-        )
-        .first();
+        const funcionario: Doc<"funcionarios"> | null = await ctx.db.query("funcionarios").withIndex("by_matricula", (q) => q.eq("matricula", args.matriculaOuEmail)).first();
+        if (funcionario) {
+            usuario = await ctx.db
+              .query("usuarios")
+              .withIndex("by_funcionarioId", (q) => q.eq("funcionarioId", funcionario._id))
+              .first();
+        }
     }
 
     if (!usuario) {
@@ -243,7 +246,7 @@ export const login = mutation({
     });
 
     // Buscar role do usuário
-    const role = await ctx.db.get(usuario.roleId);
+    const role: Doc<"roles"> | null = await ctx.db.get(usuario.roleId);
     if (!role) {
       return {
         sucesso: false as const,
@@ -291,14 +294,303 @@ export const login = mutation({
       timestamp: agora,
     });
 
+    // Obter matrícula do funcionário se houver
+    let matricula: string | undefined = undefined;
+    if (usuario.funcionarioId) {
+      const funcionario = await ctx.db.get(usuario.funcionarioId);
+      matricula = funcionario?.matricula;
+    }
+
     return {
       sucesso: true as const,
       token,
       usuario: {
         _id: usuario._id,
-        matricula: usuario.matricula,
+        matricula: matricula || "",
         nome: usuario.nome,
         email: usuario.email,
+        funcionarioId: usuario.funcionarioId,
+        role: {
+          _id: role._id,
+          nome: role.nome,
+          nivel: role.nivel,
+          setor: role.setor,
+        },
+        primeiroAcesso: usuario.primeiroAcesso,
+      },
+    };
+  },
+});
+
+/**
+ * Mutation interna para login via HTTP (com IP extraído do request)
+ * Usada pelo endpoint HTTP /api/login
+ */
+export const loginComIP = internalMutation({
+  args: {
+    matriculaOuEmail: v.string(),
+    senha: v.string(),
+    ipAddress: v.optional(v.string()),
+    userAgent: v.optional(v.string()),
+  },
+  returns: v.union(
+    v.object({
+      sucesso: v.literal(true),
+      token: v.string(),
+      usuario: v.object({
+        _id: v.id("usuarios"),
+        matricula: v.string(),
+        nome: v.string(),
+        email: v.string(),
+        funcionarioId: v.optional(v.id("funcionarios")),
+        role: v.object({
+          _id: v.id("roles"),
+          nome: v.string(),
+          nivel: v.number(),
+          setor: v.optional(v.string()),
+        }),
+        primeiroAcesso: v.boolean(),
+      }),
+    }),
+    v.object({
+      sucesso: v.literal(false),
+      erro: v.string(),
+    })
+  ),
+  handler: async (ctx, args) => {
+    // Reutilizar a mesma lógica da mutation pública
+    // Verificar rate limiting por IP
+    if (args.ipAddress) {
+      const ipBloqueado = await verificarRateLimitIP(ctx, args.ipAddress);
+      if (ipBloqueado) {
+        await registrarLogin(ctx, {
+          matriculaOuEmail: args.matriculaOuEmail,
+          sucesso: false,
+          motivoFalha: "rate_limit_excedido",
+          ipAddress: args.ipAddress,
+          userAgent: args.userAgent,
+        });
+
+        return {
+          sucesso: false as const,
+          erro: "Muitas tentativas de login. Tente novamente em 15 minutos.",
+        };
+      }
+    }
+
+    // Determinar se é email ou matrícula
+    const isEmail = args.matriculaOuEmail.includes("@");
+
+    // Buscar usuário
+    let usuario: Doc<"usuarios"> | null = null;
+    if (isEmail) {
+      usuario = await ctx.db
+        .query("usuarios")
+        .withIndex("by_email", (q) => q.eq("email", args.matriculaOuEmail))
+        .first();
+    } else {
+        const funcionario: Doc<"funcionarios"> | null = await ctx.db.query("funcionarios").withIndex("by_matricula", (q) => q.eq("matricula", args.matriculaOuEmail)).first();
+        if (funcionario) {
+            usuario = await ctx.db
+              .query("usuarios")
+              .withIndex("by_funcionarioId", (q) => q.eq("funcionarioId", funcionario._id))
+              .first();
+        }
+    }
+
+    if (!usuario) {
+      await registrarLogin(ctx, {
+        matriculaOuEmail: args.matriculaOuEmail,
+        sucesso: false,
+        motivoFalha: "usuario_inexistente",
+        ipAddress: args.ipAddress,
+        userAgent: args.userAgent,
+      });
+
+      return {
+        sucesso: false as const,
+        erro: "Credenciais incorretas.",
+      };
+    }
+
+    // Verificar se usuário está bloqueado
+    if (
+      usuario.bloqueado ||
+      (await verificarBloqueioUsuario(ctx, usuario._id))
+    ) {
+      await registrarLogin(ctx, {
+        usuarioId: usuario._id,
+        matriculaOuEmail: args.matriculaOuEmail,
+        sucesso: false,
+        motivoFalha: "usuario_bloqueado",
+        ipAddress: args.ipAddress,
+        userAgent: args.userAgent,
+      });
+
+      return {
+        sucesso: false as const,
+        erro: "Usuário bloqueado. Entre em contato com o TI.",
+      };
+    }
+
+    // Verificar se usuário está ativo
+    if (!usuario.ativo) {
+      await registrarLogin(ctx, {
+        usuarioId: usuario._id,
+        matriculaOuEmail: args.matriculaOuEmail,
+        sucesso: false,
+        motivoFalha: "usuario_inativo",
+        ipAddress: args.ipAddress,
+        userAgent: args.userAgent,
+      });
+
+      return {
+        sucesso: false as const,
+        erro: "Usuário inativo. Entre em contato com o TI.",
+      };
+    }
+
+    // Verificar tentativas de login (bloqueio temporário)
+    const tentativasRecentes = usuario.tentativasLogin || 0;
+    const ultimaTentativa = usuario.ultimaTentativaLogin || 0;
+    const tempoDecorrido = Date.now() - ultimaTentativa;
+    const TEMPO_BLOQUEIO = 30 * 60 * 1000; // 30 minutos
+
+    // Se tentou 5 vezes e ainda não passou o tempo de bloqueio
+    if (tentativasRecentes >= 5 && tempoDecorrido < TEMPO_BLOQUEIO) {
+      await registrarLogin(ctx, {
+        usuarioId: usuario._id,
+        matriculaOuEmail: args.matriculaOuEmail,
+        sucesso: false,
+        motivoFalha: "bloqueio_temporario",
+        ipAddress: args.ipAddress,
+        userAgent: args.userAgent,
+      });
+
+      const minutosRestantes = Math.ceil(
+        (TEMPO_BLOQUEIO - tempoDecorrido) / 60000
+      );
+      return {
+        sucesso: false as const,
+        erro: `Conta temporariamente bloqueada. Tente novamente em ${minutosRestantes} minutos.`,
+      };
+    }
+
+    // Resetar tentativas se passou o tempo de bloqueio
+    if (tempoDecorrido > TEMPO_BLOQUEIO) {
+      await ctx.db.patch(usuario._id, {
+        tentativasLogin: 0,
+        ultimaTentativaLogin: Date.now(),
+      });
+    }
+
+    // Verificar senha
+    const senhaValida = await verifyPassword(args.senha, usuario.senhaHash);
+
+    if (!senhaValida) {
+      // Incrementar tentativas
+      const novasTentativas =
+        tempoDecorrido > TEMPO_BLOQUEIO ? 1 : tentativasRecentes + 1;
+
+      await ctx.db.patch(usuario._id, {
+        tentativasLogin: novasTentativas,
+        ultimaTentativaLogin: Date.now(),
+      });
+
+      await registrarLogin(ctx, {
+        usuarioId: usuario._id,
+        matriculaOuEmail: args.matriculaOuEmail,
+        sucesso: false,
+        motivoFalha: "senha_incorreta",
+        ipAddress: args.ipAddress,
+        userAgent: args.userAgent,
+      });
+
+      const tentativasRestantes = 5 - novasTentativas;
+      if (tentativasRestantes > 0) {
+        return {
+          sucesso: false as const,
+          erro: `Credenciais incorretas. ${tentativasRestantes} tentativas restantes.`,
+        };
+      } else {
+        return {
+          sucesso: false as const,
+          erro: "Conta bloqueada por 30 minutos devido a múltiplas tentativas falhas.",
+        };
+      }
+    }
+
+    // Login bem-sucedido! Resetar tentativas
+    await ctx.db.patch(usuario._id, {
+      tentativasLogin: 0,
+      ultimaTentativaLogin: undefined,
+    });
+
+    // Buscar role do usuário
+    const role: Doc<"roles"> | null = await ctx.db.get(usuario.roleId);
+    if (!role) {
+      return {
+        sucesso: false as const,
+        erro: "Erro ao carregar permissões do usuário.",
+      };
+    }
+
+    // Gerar token de sessão
+    const token = generateToken();
+    const agora = Date.now();
+    const expiraEm = agora + 8 * 60 * 60 * 1000; // 8 horas
+
+    // Criar sessão
+    await ctx.db.insert("sessoes", {
+      usuarioId: usuario._id,
+      token,
+      ipAddress: args.ipAddress,
+      userAgent: args.userAgent,
+      criadoEm: agora,
+      expiraEm,
+      ativo: true,
+    });
+
+    // Atualizar último acesso
+    await ctx.db.patch(usuario._id, {
+      ultimoAcesso: agora,
+      atualizadoEm: agora,
+    });
+
+    // Log de login bem-sucedido
+    await registrarLogin(ctx, {
+      usuarioId: usuario._id,
+      matriculaOuEmail: args.matriculaOuEmail,
+      sucesso: true,
+      ipAddress: args.ipAddress,
+      userAgent: args.userAgent,
+    });
+
+    await ctx.db.insert("logsAcesso", {
+      usuarioId: usuario._id,
+      tipo: "login",
+      ipAddress: args.ipAddress,
+      userAgent: args.userAgent,
+      detalhes: "Login realizado com sucesso",
+      timestamp: agora,
+    });
+
+    // Obter matrícula do funcionário se houver
+    let matricula: string | undefined = undefined;
+    if (usuario.funcionarioId) {
+      const funcionario = await ctx.db.get(usuario.funcionarioId);
+      matricula = funcionario?.matricula;
+    }
+
+    return {
+      sucesso: true as const,
+      token,
+      usuario: {
+        _id: usuario._id,
+        matricula: matricula || "",
+        nome: usuario.nome,
+        email: usuario.email,
+        funcionarioId: usuario.funcionarioId,
         role: {
           _id: role._id,
           nome: role.nome,
@@ -359,6 +651,7 @@ export const verificarSessao = query({
         matricula: v.string(),
         nome: v.string(),
         email: v.string(),
+        funcionarioId: v.optional(v.id("funcionarios")),
         role: v.object({
           _id: v.id("roles"),
           nome: v.string(),
@@ -375,7 +668,7 @@ export const verificarSessao = query({
   ),
   handler: async (ctx, args) => {
     // Buscar sessão
-    const sessao = await ctx.db
+    const sessao: Doc<"sessoes"> | null = await ctx.db
       .query("sessoes")
       .withIndex("by_token", (q) => q.eq("token", args.token))
       .first();
@@ -395,7 +688,7 @@ export const verificarSessao = query({
     }
 
     // Buscar usuário
-    const usuario = await ctx.db.get(sessao.usuarioId);
+    const usuario: Doc<"usuarios"> | null = await ctx.db.get(sessao.usuarioId);
     if (!usuario || !usuario.ativo) {
       return {
         valido: false as const,
@@ -404,18 +697,26 @@ export const verificarSessao = query({
     }
 
     // Buscar role
-    const role = await ctx.db.get(usuario.roleId);
+    const role: Doc<"roles"> | null = await ctx.db.get(usuario.roleId);
     if (!role) {
       return { valido: false as const, motivo: "Role não encontrada" };
     }
 
+    // Obter matrícula do funcionário se houver
+    let matricula: string | undefined = undefined;
+    if (usuario.funcionarioId) {
+      const funcionario = await ctx.db.get(usuario.funcionarioId);
+      matricula = funcionario?.matricula;
+    }
+
     return {
       valido: true as const,
       usuario: {
         _id: usuario._id,
-        matricula: usuario.matricula,
+        matricula: matricula || "",
         nome: usuario.nome,
         email: usuario.email,
+        funcionarioId: usuario.funcionarioId,
         role: {
           _id: role._id,
           nome: role.nome,
@@ -478,7 +779,7 @@ export const alterarSenha = mutation({
   ),
   handler: async (ctx, args) => {
     // Verificar sessão
-    const sessao = await ctx.db
+    const sessao: Doc<"sessoes"> | null = await ctx.db
       .query("sessoes")
       .withIndex("by_token", (q) => q.eq("token", args.token))
       .first();
@@ -487,7 +788,7 @@ export const alterarSenha = mutation({
       return { sucesso: false as const, erro: "Sessão inválida" };
     }
 
-    const usuario = await ctx.db.get(sessao.usuarioId);
+    const usuario: Doc<"usuarios"> | null = await ctx.db.get(sessao.usuarioId);
     if (!usuario) {
       return { sucesso: false as const, erro: "Usuário não encontrado" };
     }
diff --git a/packages/backend/convex/auth.config.ts b/packages/backend/convex/auth.config.ts
deleted file mode 100644
index f4eb564..0000000
--- a/packages/backend/convex/auth.config.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export default {
-  providers: [
-    {
-      domain: process.env.CONVEX_SITE_URL,
-      applicationID: "convex",
-    },
-  ],
-};
diff --git a/packages/backend/convex/auth/utils.ts b/packages/backend/convex/auth/utils.ts
index 708ea0a..6e5fe29 100644
--- a/packages/backend/convex/auth/utils.ts
+++ b/packages/backend/convex/auth/utils.ts
@@ -130,3 +130,106 @@ export function validarSenha(senha: string): boolean {
   return regex.test(senha);
 }
 
+/**
+ * Criptografia reversível para senhas SMTP usando AES-GCM
+ * NOTA: Esta função é usada apenas para senhas SMTP que precisam ser descriptografadas.
+ * Para senhas de usuários, use hashPassword() que é unidirecional.
+ */
+
+// Chave de criptografia derivada (em produção, deve vir de variável de ambiente)
+// Para desenvolvimento, usando uma chave fixa. Em produção, deve ser configurada via env var.
+const getEncryptionKey = async (): Promise<CryptoKey> => {
+  // Chave base - em produção, isso deve vir de process.env.ENCRYPTION_KEY
+  // Por enquanto, usando uma chave derivada de um valor fixo
+  const keyMaterial = new TextEncoder().encode("SGSE-EMAIL-ENCRYPTION-KEY-2024");
+  
+  // Deriva uma chave de 256 bits usando PBKDF2
+  const key = await crypto.subtle.importKey(
+    "raw",
+    keyMaterial,
+    { name: "PBKDF2" },
+    false,
+    ["deriveBits", "deriveKey"]
+  );
+
+  return await crypto.subtle.deriveKey(
+    {
+      name: "PBKDF2",
+      salt: new TextEncoder().encode("SGSE-SALT"),
+      iterations: 100000,
+      hash: "SHA-256",
+    },
+    key,
+    { name: "AES-GCM", length: 256 },
+    false,
+    ["encrypt", "decrypt"]
+  );
+};
+
+/**
+ * Criptografa uma senha SMTP usando AES-GCM
+ */
+export async function encryptSMTPPassword(password: string): Promise<string> {
+  try {
+    const key = await getEncryptionKey();
+    const encoder = new TextEncoder();
+    const data = encoder.encode(password);
+
+    // Gerar IV (Initialization Vector) aleatório
+    const iv = crypto.getRandomValues(new Uint8Array(12));
+
+    // Criptografar
+    const encrypted = await crypto.subtle.encrypt(
+      {
+        name: "AES-GCM",
+        iv: iv,
+      },
+      key,
+      data
+    );
+
+    // Combinar IV + dados criptografados e converter para base64
+    const combined = new Uint8Array(iv.length + encrypted.byteLength);
+    combined.set(iv);
+    combined.set(new Uint8Array(encrypted), iv.length);
+
+    return btoa(String.fromCharCode(...combined));
+  } catch (error) {
+    console.error("Erro ao criptografar senha SMTP:", error);
+    throw new Error("Falha ao criptografar senha SMTP");
+  }
+}
+
+/**
+ * Descriptografa uma senha SMTP usando AES-GCM
+ */
+export async function decryptSMTPPassword(encryptedPassword: string): Promise<string> {
+  try {
+    const key = await getEncryptionKey();
+    
+    // Decodificar base64
+    const combined = Uint8Array.from(atob(encryptedPassword), (c) => c.charCodeAt(0));
+
+    // Extrair IV e dados criptografados
+    const iv = combined.slice(0, 12);
+    const encrypted = combined.slice(12);
+
+    // Descriptografar
+    const decrypted = await crypto.subtle.decrypt(
+      {
+        name: "AES-GCM",
+        iv: iv,
+      },
+      key,
+      encrypted
+    );
+
+    // Converter para string
+    const decoder = new TextDecoder();
+    return decoder.decode(decrypted);
+  } catch (error) {
+    console.error("Erro ao descriptografar senha SMTP:", error);
+    throw new Error("Falha ao descriptografar senha SMTP");
+  }
+}
+
diff --git a/packages/backend/convex/betterAuth/_generated/api.d.ts b/packages/backend/convex/betterAuth/_generated/api.d.ts
deleted file mode 100644
index 385ea79..0000000
--- a/packages/backend/convex/betterAuth/_generated/api.d.ts
+++ /dev/null
@@ -1,993 +0,0 @@
-/* eslint-disable */
-/**
- * Generated `api` utility.
- *
- * THIS CODE IS AUTOMATICALLY GENERATED.
- *
- * To regenerate, run `npx convex dev`.
- * @module
- */
-
-import type * as adapter from "../adapter.js";
-import type * as auth from "../auth.js";
-
-import type {
-  ApiFromModules,
-  FilterApi,
-  FunctionReference,
-} from "convex/server";
-
-/**
- * A utility for referencing Convex functions in your app's API.
- *
- * Usage:
- * ```js
- * const myFunctionReference = api.myModule.myFunction;
- * ```
- */
-declare const fullApi: ApiFromModules<{
-  adapter: typeof adapter;
-  auth: typeof auth;
-}>;
-export type Mounts = {
-  adapter: {
-    create: FunctionReference<
-      "mutation",
-      "public",
-      {
-        input:
-          | {
-              data: {
-                createdAt: number;
-                email: string;
-                emailVerified: boolean;
-                image?: null | string;
-                name: string;
-                updatedAt: number;
-                userId?: 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: {
-                createdAt: number;
-                privateKey: string;
-                publicKey: string;
-              };
-              model: "jwks";
-            };
-        onCreateHandle?: string;
-        select?: Array<string>;
-      },
-      any
-    >;
-    deleteMany: FunctionReference<
-      "mutation",
-      "public",
-      {
-        input:
-          | {
-              model: "user";
-              where?: Array<{
-                connector?: "AND" | "OR";
-                field:
-                  | "name"
-                  | "email"
-                  | "emailVerified"
-                  | "image"
-                  | "createdAt"
-                  | "updatedAt"
-                  | "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: "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;
-              }>;
-            };
-        onDeleteHandle?: string;
-        paginationOpts: {
-          cursor: string | null;
-          endCursor?: string | null;
-          id?: number;
-          maximumBytesRead?: number;
-          maximumRowsRead?: number;
-          numItems: number;
-        };
-      },
-      any
-    >;
-    deleteOne: FunctionReference<
-      "mutation",
-      "public",
-      {
-        input:
-          | {
-              model: "user";
-              where?: Array<{
-                connector?: "AND" | "OR";
-                field:
-                  | "name"
-                  | "email"
-                  | "emailVerified"
-                  | "image"
-                  | "createdAt"
-                  | "updatedAt"
-                  | "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: "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;
-              }>;
-            };
-        onDeleteHandle?: string;
-      },
-      any
-    >;
-    findMany: FunctionReference<
-      "query",
-      "public",
-      {
-        limit?: number;
-        model: "user" | "session" | "account" | "verification" | "jwks";
-        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",
-      "public",
-      {
-        model: "user" | "session" | "account" | "verification" | "jwks";
-        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
-    >;
-    updateMany: FunctionReference<
-      "mutation",
-      "public",
-      {
-        input:
-          | {
-              model: "user";
-              update: {
-                createdAt?: number;
-                email?: string;
-                emailVerified?: boolean;
-                image?: null | string;
-                name?: string;
-                updatedAt?: number;
-                userId?: null | string;
-              };
-              where?: Array<{
-                connector?: "AND" | "OR";
-                field:
-                  | "name"
-                  | "email"
-                  | "emailVerified"
-                  | "image"
-                  | "createdAt"
-                  | "updatedAt"
-                  | "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: "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;
-              }>;
-            };
-        onUpdateHandle?: string;
-        paginationOpts: {
-          cursor: string | null;
-          endCursor?: string | null;
-          id?: number;
-          maximumBytesRead?: number;
-          maximumRowsRead?: number;
-          numItems: number;
-        };
-      },
-      any
-    >;
-    updateOne: FunctionReference<
-      "mutation",
-      "public",
-      {
-        input:
-          | {
-              model: "user";
-              update: {
-                createdAt?: number;
-                email?: string;
-                emailVerified?: boolean;
-                image?: null | string;
-                name?: string;
-                updatedAt?: number;
-                userId?: null | string;
-              };
-              where?: Array<{
-                connector?: "AND" | "OR";
-                field:
-                  | "name"
-                  | "email"
-                  | "emailVerified"
-                  | "image"
-                  | "createdAt"
-                  | "updatedAt"
-                  | "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: "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;
-              }>;
-            };
-        onUpdateHandle?: string;
-      },
-      any
-    >;
-  };
-};
-// For now fullApiWithMounts is only fullApi which provides
-// jump-to-definition in component client code.
-// Use Mounts for the same type without the inference.
-declare const fullApiWithMounts: typeof fullApi;
-
-export declare const api: FilterApi<
-  typeof fullApiWithMounts,
-  FunctionReference<any, "public">
->;
-export declare const internal: FilterApi<
-  typeof fullApiWithMounts,
-  FunctionReference<any, "internal">
->;
-
-export declare const components: {};
diff --git a/packages/backend/convex/betterAuth/_generated/api.js b/packages/backend/convex/betterAuth/_generated/api.js
deleted file mode 100644
index 44bf985..0000000
--- a/packages/backend/convex/betterAuth/_generated/api.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/* eslint-disable */
-/**
- * Generated `api` utility.
- *
- * THIS CODE IS AUTOMATICALLY GENERATED.
- *
- * To regenerate, run `npx convex dev`.
- * @module
- */
-
-import { anyApi, componentsGeneric } from "convex/server";
-
-/**
- * A utility for referencing Convex functions in your app's API.
- *
- * Usage:
- * ```js
- * const myFunctionReference = api.myModule.myFunction;
- * ```
- */
-export const api = anyApi;
-export const internal = anyApi;
-export const components = componentsGeneric();
diff --git a/packages/backend/convex/betterAuth/_generated/dataModel.d.ts b/packages/backend/convex/betterAuth/_generated/dataModel.d.ts
deleted file mode 100644
index 8541f31..0000000
--- a/packages/backend/convex/betterAuth/_generated/dataModel.d.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-/* eslint-disable */
-/**
- * Generated data model types.
- *
- * THIS CODE IS AUTOMATICALLY GENERATED.
- *
- * To regenerate, run `npx convex dev`.
- * @module
- */
-
-import type {
-  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.
- */
-export type TableNames = TableNamesInDataModel<DataModel>;
-
-/**
- * The type of a document stored in Convex.
- *
- * @typeParam TableName - A string literal type of the table name (like "users").
- */
-export type Doc<TableName extends TableNames> = DocumentByName<
-  DataModel,
-  TableName
->;
-
-/**
- * An identifier for a document in Convex.
- *
- * Convex documents are uniquely identified by their `Id`, which is accessible
- * on the `_id` field. To learn more, see [Document IDs](https://docs.convex.dev/using/document-ids).
- *
- * Documents can be loaded using `db.get(id)` in query and mutation functions.
- *
- * IDs are just strings at runtime, but this type can be used to distinguish them from other
- * strings when type checking.
- *
- * @typeParam TableName - A string literal type of the table name (like "users").
- */
-export type Id<TableName extends TableNames | SystemTableNames> =
-  GenericId<TableName>;
-
-/**
- * A type describing your Convex data model.
- *
- * This type includes information about what tables you have, the type of
- * documents stored in those tables, and the indexes defined on them.
- *
- * This type is used to parameterize methods like `queryGeneric` and
- * `mutationGeneric` to make them type-safe.
- */
-export type DataModel = DataModelFromSchemaDefinition<typeof schema>;
diff --git a/packages/backend/convex/betterAuth/_generated/server.d.ts b/packages/backend/convex/betterAuth/_generated/server.d.ts
deleted file mode 100644
index b5c6828..0000000
--- a/packages/backend/convex/betterAuth/_generated/server.d.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-/* eslint-disable */
-/**
- * Generated utilities for implementing server-side Convex query and mutation functions.
- *
- * THIS CODE IS AUTOMATICALLY GENERATED.
- *
- * To regenerate, run `npx convex dev`.
- * @module
- */
-
-import {
-  ActionBuilder,
-  AnyComponents,
-  HttpActionBuilder,
-  MutationBuilder,
-  QueryBuilder,
-  GenericActionCtx,
-  GenericMutationCtx,
-  GenericQueryCtx,
-  GenericDatabaseReader,
-  GenericDatabaseWriter,
-  FunctionReference,
-} from "convex/server";
-import type { DataModel } from "./dataModel.js";
-
-type GenericCtx =
-  | GenericActionCtx<DataModel>
-  | GenericMutationCtx<DataModel>
-  | GenericQueryCtx<DataModel>;
-
-/**
- * Define a query in this Convex app's public API.
- *
- * This function will be allowed to read your Convex database and will be accessible from the client.
- *
- * @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">;
-
-/**
- * Define a query that is only accessible from other Convex functions (but not from the client).
- *
- * This function will be allowed to read from your Convex database. It will not be accessible from the client.
- *
- * @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">;
-
-/**
- * Define a mutation in this Convex app's public API.
- *
- * This function will be allowed to modify your Convex database and will be accessible from the client.
- *
- * @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">;
-
-/**
- * Define a mutation that is only accessible from other Convex functions (but not from the client).
- *
- * This function will be allowed to modify your Convex database. It will not be accessible from the client.
- *
- * @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">;
-
-/**
- * Define an action in this Convex app's public API.
- *
- * An action is a function which can execute any JavaScript code, including non-deterministic
- * code and code with side-effects, like calling third-party services.
- * They can be run in Convex's JavaScript environment or in Node.js using the "use node" directive.
- * They can interact with the database indirectly by calling queries and mutations using the {@link ActionCtx}.
- *
- * @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">;
-
-/**
- * Define an action that is only accessible from other Convex functions (but not from the client).
- *
- * @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">;
-
-/**
- * Define an HTTP action.
- *
- * This function will be used to respond to HTTP requests received by a Convex
- * deployment if the requests matches the path and method where this action
- * is routed. Be sure to route your action in `convex/http.js`.
- *
- * @param func - The function. It receives an {@link ActionCtx} as its first argument.
- * @returns The wrapped function. Import this function from `convex/http.js` and route it to hook it up.
- */
-export declare const httpAction: HttpActionBuilder;
-
-/**
- * A set of services for use within Convex query functions.
- *
- * The query context is passed as the first argument to any Convex query
- * function run on the server.
- *
- * This differs from the {@link MutationCtx} because all of the services are
- * read-only.
- */
-export type QueryCtx = GenericQueryCtx<DataModel>;
-
-/**
- * A set of services for use within Convex mutation functions.
- *
- * The mutation context is passed as the first argument to any Convex mutation
- * function run on the server.
- */
-export type MutationCtx = GenericMutationCtx<DataModel>;
-
-/**
- * A set of services for use within Convex action functions.
- *
- * The action context is passed as the first argument to any Convex action
- * function run on the server.
- */
-export type ActionCtx = GenericActionCtx<DataModel>;
-
-/**
- * An interface to read from the database within Convex query functions.
- *
- * The two entry points are {@link DatabaseReader.get}, which fetches a single
- * document by its {@link Id}, or {@link DatabaseReader.query}, which starts
- * building a query.
- */
-export type DatabaseReader = GenericDatabaseReader<DataModel>;
-
-/**
- * An interface to read from and write to the database within Convex mutation
- * functions.
- *
- * Convex guarantees that all writes within a single mutation are
- * executed atomically, so you never have to worry about partial writes leaving
- * your data in an inconsistent state. See [the Convex Guide](https://docs.convex.dev/understanding/convex-fundamentals/functions#atomicity-and-optimistic-concurrency-control)
- * for the guarantees Convex provides your functions.
- */
-export type DatabaseWriter = GenericDatabaseWriter<DataModel>;
diff --git a/packages/backend/convex/betterAuth/_generated/server.js b/packages/backend/convex/betterAuth/_generated/server.js
deleted file mode 100644
index 4a21df4..0000000
--- a/packages/backend/convex/betterAuth/_generated/server.js
+++ /dev/null
@@ -1,90 +0,0 @@
-/* eslint-disable */
-/**
- * Generated utilities for implementing server-side Convex query and mutation functions.
- *
- * THIS CODE IS AUTOMATICALLY GENERATED.
- *
- * To regenerate, run `npx convex dev`.
- * @module
- */
-
-import {
-  actionGeneric,
-  httpActionGeneric,
-  queryGeneric,
-  mutationGeneric,
-  internalActionGeneric,
-  internalMutationGeneric,
-  internalQueryGeneric,
-  componentsGeneric,
-} from "convex/server";
-
-/**
- * Define a query in this Convex app's public API.
- *
- * This function will be allowed to read your Convex database and will be accessible from the client.
- *
- * @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 const query = queryGeneric;
-
-/**
- * Define a query that is only accessible from other Convex functions (but not from the client).
- *
- * This function will be allowed to read from your Convex database. It will not be accessible from the client.
- *
- * @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 const internalQuery = internalQueryGeneric;
-
-/**
- * Define a mutation in this Convex app's public API.
- *
- * This function will be allowed to modify your Convex database and will be accessible from the client.
- *
- * @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 const mutation = mutationGeneric;
-
-/**
- * Define a mutation that is only accessible from other Convex functions (but not from the client).
- *
- * This function will be allowed to modify your Convex database. It will not be accessible from the client.
- *
- * @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 const internalMutation = internalMutationGeneric;
-
-/**
- * Define an action in this Convex app's public API.
- *
- * An action is a function which can execute any JavaScript code, including non-deterministic
- * code and code with side-effects, like calling third-party services.
- * They can be run in Convex's JavaScript environment or in Node.js using the "use node" directive.
- * They can interact with the database indirectly by calling queries and mutations using the {@link ActionCtx}.
- *
- * @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 const action = actionGeneric;
-
-/**
- * Define an action that is only accessible from other Convex functions (but not from the client).
- *
- * @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 const internalAction = internalActionGeneric;
-
-/**
- * Define a Convex HTTP action.
- *
- * @param func - The function. It receives an {@link ActionCtx} as its first argument, and a `Request` object
- * as its second.
- * @returns The wrapped endpoint function. Route a URL path to this function in `convex/http.js`.
- */
-export const httpAction = httpActionGeneric;
diff --git a/packages/backend/convex/chat.ts b/packages/backend/convex/chat.ts
index 48151c8..56bb63d 100644
--- a/packages/backend/convex/chat.ts
+++ b/packages/backend/convex/chat.ts
@@ -1,1077 +1,1179 @@
-import { v } from "convex/values";
-import { mutation, query, internalMutation } from "./_generated/server";
-import { Doc, Id } from "./_generated/dataModel";
-import type { QueryCtx, MutationCtx } from "./_generated/server";
-
-// ========== HELPERS ==========
-
-/**
- * Helper function para obter usuário autenticado (Better Auth ou Sessão)
- */
-async function getUsuarioAutenticado(ctx: QueryCtx | MutationCtx) {
-  // Tentar autenticação via Better Auth primeiro
-  const identity = await ctx.auth.getUserIdentity();
-  let usuarioAtual = null;
-
-  if (identity && identity.email) {
-    usuarioAtual = await ctx.db
-      .query("usuarios")
-      .withIndex("by_email", (q) => q.eq("email", identity.email!))
-      .first();
-  }
-
-  // Se não encontrou via Better Auth, tentar via sessão
-  if (!usuarioAtual) {
-    const sessaoAtiva = await ctx.db
-      .query("sessoes")
-      .filter((q) => q.eq(q.field("ativo"), true))
-      .first();
-
-    if (sessaoAtiva) {
-      usuarioAtual = await ctx.db.get(sessaoAtiva.usuarioId);
-    }
-  }
-
-  return usuarioAtual;
-}
-
-// ========== MUTATIONS ==========
-
-/**
- * Cria uma nova conversa (individual ou grupo)
- */
-export const criarConversa = mutation({
-  args: {
-    tipo: v.union(v.literal("individual"), v.literal("grupo")),
-    participantes: v.array(v.id("usuarios")),
-    nome: v.optional(v.string()),
-    avatar: v.optional(v.string()),
-  },
-  handler: async (ctx, args) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) throw new Error("Não autenticado");
-
-    // Validar participantes
-    if (!args.participantes.includes(usuarioAtual._id)) {
-      args.participantes.push(usuarioAtual._id);
-    }
-
-    // Se for conversa individual, verificar se já existe
-    if (args.tipo === "individual" && args.participantes.length === 2) {
-      const conversaExistente = await ctx.db
-        .query("conversas")
-        .filter((q) => q.eq(q.field("tipo"), "individual"))
-        .collect();
-
-      for (const conversa of conversaExistente) {
-        if (
-          conversa.participantes.length === 2 &&
-          conversa.participantes.every((p) => args.participantes.includes(p))
-        ) {
-          return conversa._id;
-        }
-      }
-    }
-
-    // Criar nova conversa
-    const conversaId = await ctx.db.insert("conversas", {
-      tipo: args.tipo,
-      nome: args.nome,
-      avatar: args.avatar,
-      participantes: args.participantes,
-      criadoPor: usuarioAtual._id,
-      criadoEm: Date.now(),
-    });
-
-    // Criar notificações para outros participantes
-    if (args.tipo === "grupo") {
-      for (const participanteId of args.participantes) {
-        if (participanteId !== usuarioAtual._id) {
-          await ctx.db.insert("notificacoes", {
-            usuarioId: participanteId,
-            tipo: "adicionado_grupo",
-            conversaId,
-            remetenteId: usuarioAtual._id,
-            titulo: "Adicionado a grupo",
-            descricao: `Você foi adicionado ao grupo "${args.nome || "Sem nome"}" por ${usuarioAtual.nome}`,
-            lida: false,
-            criadaEm: Date.now(),
-          });
-        }
-      }
-    }
-
-    return conversaId;
-  },
-});
-
-/**
- * Cria ou busca uma conversa individual com outro usuário
- */
-export const criarOuBuscarConversaIndividual = mutation({
-  args: {
-    outroUsuarioId: v.id("usuarios"),
-  },
-  returns: v.id("conversas"),
-  handler: async (ctx, args) => {
-    // TENTAR BETTER AUTH PRIMEIRO
-    const identity = await ctx.auth.getUserIdentity();
-
-    let usuarioAtual = null;
-
-    if (identity && identity.email) {
-      // Buscar por email (Better Auth)
-      usuarioAtual = await ctx.db
-        .query("usuarios")
-        .withIndex("by_email", (q) => q.eq("email", identity.email!))
-        .first();
-    }
-
-    // SE NÃO ENCONTROU, BUSCAR POR SESSÃO ATIVA (Sistema customizado)
-    if (!usuarioAtual) {
-      const sessaoAtiva = await ctx.db
-        .query("sessoes")
-        .filter((q) => q.eq(q.field("ativo"), true))
-        .order("desc")
-        .first();
-
-      if (sessaoAtiva) {
-        usuarioAtual = await ctx.db.get(sessaoAtiva.usuarioId);
-      }
-    }
-
-    if (!usuarioAtual) throw new Error("Usuário não autenticado");
-
-    // Buscar conversa individual existente entre os dois usuários
-    const conversasExistentes = await ctx.db
-      .query("conversas")
-      .filter((q) => q.eq(q.field("tipo"), "individual"))
-      .collect();
-
-    for (const conversa of conversasExistentes) {
-      if (
-        conversa.participantes.length === 2 &&
-        conversa.participantes.includes(usuarioAtual._id) &&
-        conversa.participantes.includes(args.outroUsuarioId)
-      ) {
-        return conversa._id;
-      }
-    }
-
-    // Se não existe, criar nova conversa individual
-    const conversaId = await ctx.db.insert("conversas", {
-      tipo: "individual",
-      participantes: [usuarioAtual._id, args.outroUsuarioId],
-      criadoPor: usuarioAtual._id,
-      criadoEm: Date.now(),
-    });
-
-    return conversaId;
-  },
-});
-
-/**
- * Envia uma mensagem em uma conversa
- */
-export const enviarMensagem = mutation({
-  args: {
-    conversaId: v.id("conversas"),
-    conteudo: v.string(),
-    tipo: v.union(
-      v.literal("texto"),
-      v.literal("arquivo"),
-      v.literal("imagem")
-    ),
-    arquivoId: v.optional(v.id("_storage")),
-    arquivoNome: v.optional(v.string()),
-    arquivoTamanho: v.optional(v.number()),
-    arquivoTipo: v.optional(v.string()),
-    mencoes: v.optional(v.array(v.id("usuarios"))),
-    permitirNotificacaoParaSiMesmo: v.optional(v.boolean()), // ✅ NOVO: Permite criar notificação para si mesmo
-  },
-  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");
-    }
-
-    // Criar mensagem
-    const mensagemId = await ctx.db.insert("mensagens", {
-      conversaId: args.conversaId,
-      remetenteId: usuarioAtual._id,
-      tipo: args.tipo,
-      conteudo: args.conteudo,
-      arquivoId: args.arquivoId,
-      arquivoNome: args.arquivoNome,
-      arquivoTamanho: args.arquivoTamanho,
-      arquivoTipo: args.arquivoTipo,
-      mencoes: args.mencoes,
-      enviadaEm: Date.now(),
-    });
-
-    // Atualizar última mensagem da conversa
-    await ctx.db.patch(args.conversaId, {
-      ultimaMensagem: args.conteudo.substring(0, 100),
-      ultimaMensagemTimestamp: Date.now(),
-    });
-
-    // Criar notificações para participantes (com tratamento de erro)
-    try {
-      for (const participanteId of conversa.participantes) {
-        // ✅ MODIFICADO: Permite notificação para si mesmo se flag estiver ativa
-        const ehOMesmoUsuario = participanteId === usuarioAtual._id;
-        const deveCriarNotificacao = !ehOMesmoUsuario || args.permitirNotificacaoParaSiMesmo;
-        
-        if (deveCriarNotificacao) {
-          const tipoNotificacao = args.mencoes?.includes(participanteId)
-            ? "mencao"
-            : "nova_mensagem";
-
-          await ctx.db.insert("notificacoes", {
-            usuarioId: participanteId,
-            tipo: tipoNotificacao,
-            conversaId: args.conversaId,
-            mensagemId,
-            remetenteId: usuarioAtual._id,
-            titulo:
-              tipoNotificacao === "mencao"
-                ? `${usuarioAtual.nome} mencionou você`
-                : `Nova mensagem de ${usuarioAtual.nome}`,
-            descricao: args.conteudo.substring(0, 100),
-            lida: false,
-            criadaEm: Date.now(),
-          });
-        }
-      }
-    } catch (error) {
-      // Log do erro mas não falhar o envio da mensagem
-      console.error("Erro ao criar notificações:", error);
-      // A mensagem já foi criada, então retornamos o ID normalmente
-    }
-
-    return mensagemId;
-  },
-});
-
-/**
- * Agenda uma mensagem para envio futuro
- */
-export const agendarMensagem = mutation({
-  args: {
-    conversaId: v.id("conversas"),
-    conteudo: v.string(),
-    agendadaPara: v.number(), // timestamp
-  },
-  handler: async (ctx, args) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) throw new Error("Não autenticado");
-
-    // Validar data futura
-    if (args.agendadaPara <= Date.now()) {
-      throw new Error("Data de agendamento deve ser futura");
-    }
-
-    // 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");
-    }
-
-    // Criar mensagem agendada
-    const mensagemId = await ctx.db.insert("mensagens", {
-      conversaId: args.conversaId,
-      remetenteId: usuarioAtual._id,
-      tipo: "texto",
-      conteudo: args.conteudo,
-      agendadaPara: args.agendadaPara,
-      enviadaEm: args.agendadaPara, // Será usada quando a mensagem for enviada
-    });
-
-    return mensagemId;
-  },
-});
-
-/**
- * Cancela uma mensagem agendada
- */
-export const cancelarMensagemAgendada = mutation({
-  args: {
-    mensagemId: v.id("mensagens"),
-  },
-  handler: async (ctx, args) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) throw new Error("Não autenticado");
-
-    const mensagem = await ctx.db.get(args.mensagemId);
-    if (!mensagem) throw new Error("Mensagem não encontrada");
-    if (mensagem.remetenteId !== usuarioAtual._id) {
-      throw new Error("Você só pode cancelar suas próprias mensagens");
-    }
-
-    await ctx.db.delete(args.mensagemId);
-    return true;
-  },
-});
-
-/**
- * Adiciona uma reação (emoji) a uma mensagem
- */
-export const reagirMensagem = mutation({
-  args: {
-    mensagemId: v.id("mensagens"),
-    emoji: v.string(),
-  },
-  handler: async (ctx, args) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) throw new Error("Não autenticado");
-
-    const mensagem = await ctx.db.get(args.mensagemId);
-    if (!mensagem) throw new Error("Mensagem não encontrada");
-
-    const reacoes = mensagem.reagiuPor || [];
-    const reacaoExistente = reacoes.find(
-      (r) => r.usuarioId === usuarioAtual._id && r.emoji === args.emoji
-    );
-
-    if (reacaoExistente) {
-      // Remover reação
-      await ctx.db.patch(args.mensagemId, {
-        reagiuPor: reacoes.filter(
-          (r) => !(r.usuarioId === usuarioAtual._id && r.emoji === args.emoji)
-        ),
-      });
-    } else {
-      // Adicionar reação
-      await ctx.db.patch(args.mensagemId, {
-        reagiuPor: [
-          ...reacoes,
-          { usuarioId: usuarioAtual._id, emoji: args.emoji },
-        ],
-      });
-    }
-
-    return true;
-  },
-});
-
-/**
- * Marca mensagens de uma conversa como lidas
- */
-export const marcarComoLida = mutation({
-  args: {
-    conversaId: v.id("conversas"),
-    mensagemId: v.id("mensagens"),
-  },
-  handler: async (ctx, args) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) throw new Error("Não autenticado");
-
-    // Buscar registro de leitura existente
-    const leituraExistente = await ctx.db
-      .query("leituras")
-      .withIndex("by_conversa_usuario", (q) =>
-        q.eq("conversaId", args.conversaId).eq("usuarioId", usuarioAtual._id)
-      )
-      .first();
-
-    if (leituraExistente) {
-      await ctx.db.patch(leituraExistente._id, {
-        ultimaMensagemLida: args.mensagemId,
-        lidaEm: Date.now(),
-      });
-    } else {
-      await ctx.db.insert("leituras", {
-        conversaId: args.conversaId,
-        usuarioId: usuarioAtual._id,
-        ultimaMensagemLida: args.mensagemId,
-        lidaEm: Date.now(),
-      });
-    }
-
-    // Marcar notificações desta conversa como lidas
-    const notificacoes = await ctx.db
-      .query("notificacoes")
-      .withIndex("by_usuario_lida", (q) =>
-        q.eq("usuarioId", usuarioAtual._id).eq("lida", false)
-      )
-      .filter((q) => q.eq(q.field("conversaId"), args.conversaId))
-      .collect();
-
-    for (const notificacao of notificacoes) {
-      await ctx.db.patch(notificacao._id, { lida: true });
-    }
-
-    return true;
-  },
-});
-
-/**
- * Atualiza o status de presença do usuário
- */
-export const atualizarStatusPresenca = mutation({
-  args: {
-    status: v.union(
-      v.literal("online"),
-      v.literal("offline"),
-      v.literal("ausente"),
-      v.literal("externo"),
-      v.literal("em_reuniao")
-    ),
-  },
-  handler: async (ctx, args) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) throw new Error("Não autenticado");
-
-    await ctx.db.patch(usuarioAtual._id, {
-      statusPresenca: args.status,
-      ultimaAtividade: Date.now(),
-    });
-
-    return true;
-  },
-});
-
-/**
- * Indica que o usuário está digitando em uma conversa
- */
-export const indicarDigitacao = mutation({
-  args: {
-    conversaId: v.id("conversas"),
-  },
-  handler: async (ctx, args) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) throw new Error("Não autenticado");
-
-    // Buscar indicador existente
-    const indicadorExistente = await ctx.db
-      .query("digitando")
-      .withIndex("by_usuario", (q) => q.eq("usuarioId", usuarioAtual._id))
-      .filter((q) => q.eq(q.field("conversaId"), args.conversaId))
-      .first();
-
-    if (indicadorExistente) {
-      await ctx.db.patch(indicadorExistente._id, {
-        iniciouEm: Date.now(),
-      });
-    } else {
-      await ctx.db.insert("digitando", {
-        conversaId: args.conversaId,
-        usuarioId: usuarioAtual._id,
-        iniciouEm: Date.now(),
-      });
-    }
-
-    return true;
-  },
-});
-
-/**
- * Gera URL para upload de arquivo no chat
- */
-export const uploadArquivoChat = mutation({
-  args: {
-    conversaId: v.id("conversas"),
-  },
-  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");
-    }
-
-    return await ctx.storage.generateUploadUrl();
-  },
-});
-
-/**
- * Marca uma notificação como lida
- */
-export const marcarNotificacaoLida = mutation({
-  args: {
-    notificacaoId: v.id("notificacoes"),
-  },
-  handler: async (ctx, args) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) throw new Error("Não autenticado");
-
-    await ctx.db.patch(args.notificacaoId, { lida: true });
-    return true;
-  },
-});
-
-/**
- * Marca todas as notificações como lidas
- */
-export const marcarTodasNotificacoesLidas = mutation({
-  args: {},
-  handler: async (ctx) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) throw new Error("Não autenticado");
-
-    const notificacoes = await ctx.db
-      .query("notificacoes")
-      .withIndex("by_usuario_lida", (q) =>
-        q.eq("usuarioId", usuarioAtual._id).eq("lida", false)
-      )
-      .collect();
-
-    for (const notificacao of notificacoes) {
-      await ctx.db.patch(notificacao._id, { lida: true });
-    }
-
-    return true;
-  },
-});
-
-/**
- * Deleta uma mensagem (soft delete)
- */
-export const deletarMensagem = mutation({
-  args: {
-    mensagemId: v.id("mensagens"),
-  },
-  handler: async (ctx, args) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) throw new Error("Não autenticado");
-
-    const mensagem = await ctx.db.get(args.mensagemId);
-    if (!mensagem) throw new Error("Mensagem não encontrada");
-
-    if (mensagem.remetenteId !== usuarioAtual._id) {
-      throw new Error("Você só pode deletar suas próprias mensagens");
-    }
-
-    await ctx.db.patch(args.mensagemId, {
-      deletada: true,
-      conteudo: "Mensagem deletada",
-    });
-
-    return true;
-  },
-});
-
-// ========== QUERIES ==========
-
-/**
- * Lista todas as conversas do usuário logado
- */
-export const listarConversas = query({
-  args: {},
-  handler: async (ctx) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) return [];
-
-    // Buscar todas as conversas do usuário
-    const todasConversas = await ctx.db.query("conversas").collect();
-    const conversasDoUsuario = todasConversas.filter((c) =>
-      c.participantes.includes(usuarioAtual._id)
-    );
-
-    // Ordenar por última mensagem
-    conversasDoUsuario.sort((a, b) => {
-      const timestampA = a.ultimaMensagemTimestamp || a.criadoEm;
-      const timestampB = b.ultimaMensagemTimestamp || b.criadoEm;
-      return timestampB - timestampA;
-    });
-
-    // Enriquecer com informações dos participantes
-    const conversasEnriquecidas = await Promise.all(
-      conversasDoUsuario.map(async (conversa) => {
-        // Buscar participantes
-        const participantes = await Promise.all(
-          conversa.participantes.map((id) => ctx.db.get(id))
-        );
-
-        // Para conversas individuais, pegar o outro usuário
-        let outroUsuario = null;
-        if (conversa.tipo === "individual") {
-          const outroUsuarioRaw = participantes.find((p) => p?._id !== usuarioAtual._id);
-          if (outroUsuarioRaw) {
-            // 🔄 BUSCAR DADOS ATUALIZADOS DO USUÁRIO (não usar snapshot)
-            const usuarioAtualizado = await ctx.db.get(outroUsuarioRaw._id);
-            
-            if (usuarioAtualizado) {
-              // Adicionar URL da foto de perfil
-              let fotoPerfilUrl = null;
-              if (usuarioAtualizado.fotoPerfil) {
-                fotoPerfilUrl = await ctx.storage.getUrl(usuarioAtualizado.fotoPerfil);
-              }
-              outroUsuario = {
-                ...usuarioAtualizado,
-                fotoPerfilUrl,
-              };
-            }
-          }
-        }
-
-        // Contar mensagens não lidas (apenas mensagens NÃO agendadas)
-        const leitura = await ctx.db
-          .query("leituras")
-          .withIndex("by_conversa_usuario", (q) =>
-            q.eq("conversaId", conversa._id).eq("usuarioId", usuarioAtual._id)
-          )
-          .first();
-
-        // CORRIGIDO: Buscar apenas mensagens NÃO agendadas (agendadaPara === undefined)
-        const todasMensagens = await ctx.db
-          .query("mensagens")
-          .withIndex("by_conversa", (q) => q.eq("conversaId", conversa._id))
-          .collect();
-        
-        const mensagens = todasMensagens.filter((m) => !m.agendadaPara);
-
-        let naoLidas = 0;
-        if (leitura) {
-          naoLidas = mensagens.filter(
-            (m) =>
-              m.enviadaEm > (leitura.lidaEm || 0) &&
-              m.remetenteId !== usuarioAtual._id
-          ).length;
-        } else {
-          naoLidas = mensagens.filter(
-            (m) => m.remetenteId !== usuarioAtual._id
-          ).length;
-        }
-
-        return {
-          ...conversa,
-          outroUsuario,
-          participantesInfo: participantes.filter((p) => p !== null),
-          naoLidas,
-        };
-      })
-    );
-
-    return conversasEnriquecidas;
-  },
-});
-
-/**
- * Obtém as mensagens de uma conversa com paginação
- */
-export const obterMensagens = query({
-  args: {
-    conversaId: v.id("conversas"),
-    limit: v.optional(v.number()),
-  },
-  handler: async (ctx, args) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) return [];
-
-    // Verificar se usuário pertence à conversa
-    const conversa = await ctx.db.get(args.conversaId);
-    if (!conversa || !conversa.participantes.includes(usuarioAtual._id)) {
-      return [];
-    }
-
-    // Buscar mensagens (excluir agendadas)
-    const mensagens = await ctx.db
-      .query("mensagens")
-      .withIndex("by_conversa", (q) => q.eq("conversaId", args.conversaId))
-      .order("desc")
-      .take(args.limit || 50);
-
-    // Filtrar mensagens agendadas
-    const mensagensFiltradas = mensagens.filter((m) => !m.agendadaPara);
-
-    // Enriquecer com informações do remetente
-    const mensagensEnriquecidas = await Promise.all(
-      mensagensFiltradas.map(async (mensagem) => {
-        const remetente = await ctx.db.get(mensagem.remetenteId);
-        let arquivoUrl = null;
-        if (mensagem.arquivoId) {
-          arquivoUrl = await ctx.storage.getUrl(mensagem.arquivoId);
-        }
-        return {
-          ...mensagem,
-          remetente,
-          arquivoUrl,
-        };
-      })
-    );
-
-    return mensagensEnriquecidas.reverse();
-  },
-});
-
-/**
- * Obtém mensagens agendadas de uma conversa
- */
-export const obterMensagensAgendadas = query({
-  args: {
-    conversaId: v.id("conversas"),
-  },
-  handler: async (ctx, args) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) return [];
-
-    // Buscar mensagens agendadas
-    const todasMensagens = await ctx.db
-      .query("mensagens")
-      .withIndex("by_conversa", (q) => q.eq("conversaId", args.conversaId))
-      .collect();
-
-    // Filtrar apenas as agendadas do usuário atual
-    const minhasMensagensAgendadas = todasMensagens.filter(
-      (m) =>
-        m.remetenteId === usuarioAtual._id &&
-        m.agendadaPara &&
-        m.agendadaPara > Date.now()
-    );
-
-    return minhasMensagensAgendadas.sort(
-      (a, b) => (a.agendadaPara || 0) - (b.agendadaPara || 0)
-    );
-  },
-});
-
-/**
- * Obtém as notificações do usuário
- */
-export const obterNotificacoes = query({
-  args: {
-    apenasPendentes: v.optional(v.boolean()),
-  },
-  handler: async (ctx, args) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) return [];
-
-    let query = ctx.db
-      .query("notificacoes")
-      .withIndex("by_usuario", (q) => q.eq("usuarioId", usuarioAtual._id));
-
-    if (args.apenasPendentes) {
-      query = ctx.db
-        .query("notificacoes")
-        .withIndex("by_usuario_lida", (q) =>
-          q.eq("usuarioId", usuarioAtual._id).eq("lida", false)
-        );
-    }
-
-    const notificacoes = await query.order("desc").take(50);
-
-    // Enriquecer com informações do remetente
-    const notificacoesEnriquecidas = await Promise.all(
-      notificacoes.map(async (notificacao) => {
-        let remetente = null;
-        if (notificacao.remetenteId) {
-          remetente = await ctx.db.get(notificacao.remetenteId);
-        }
-        return {
-          ...notificacao,
-          remetente,
-        };
-      })
-    );
-
-    return notificacoesEnriquecidas;
-  },
-});
-
-/**
- * Conta o número de notificações não lidas
- */
-export const contarNotificacoesNaoLidas = query({
-  args: {},
-  handler: async (ctx) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) return 0;
-
-    const notificacoes = await ctx.db
-      .query("notificacoes")
-      .withIndex("by_usuario_lida", (q) =>
-        q.eq("usuarioId", usuarioAtual._id).eq("lida", false)
-      )
-      .collect();
-
-    return notificacoes.length;
-  },
-});
-
-/**
- * Obtém usuários online
- */
-export const obterUsuariosOnline = query({
-  args: {},
-  handler: async (ctx) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) return [];
-
-    const usuarios = await ctx.db
-      .query("usuarios")
-      .withIndex("by_status_presenca", (q) => q.eq("statusPresenca", "online"))
-      .collect();
-
-    return usuarios.map((u) => ({
-      _id: u._id,
-      nome: u.nome,
-      email: u.email,
-      avatar: u.avatar,
-      fotoPerfil: u.fotoPerfil,
-      statusPresenca: u.statusPresenca,
-      statusMensagem: u.statusMensagem,
-      setor: u.setor,
-    }));
-  },
-});
-
-/**
- * Lista todos os usuários (para criar nova conversa)
- */
-export const listarTodosUsuarios = query({
-  args: {},
-  handler: async (ctx) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) return [];
-
-    const usuarios = await ctx.db
-      .query("usuarios")
-      .withIndex("by_ativo", (q) => q.eq("ativo", true))
-      .collect();
-
-    // Excluir o usuário atual
-    return usuarios
-      .filter((u) => u._id !== usuarioAtual._id)
-      .map((u) => ({
-        _id: u._id,
-        nome: u.nome,
-        email: u.email,
-        matricula: u.matricula,
-        avatar: u.avatar,
-        fotoPerfil: u.fotoPerfil,
-        statusPresenca: u.statusPresenca,
-        statusMensagem: u.statusMensagem,
-        setor: u.setor,
-      }));
-  },
-});
-
-/**
- * Busca mensagens em conversas
- */
-export const buscarMensagens = query({
-  args: {
-    query: v.string(),
-    conversaId: v.optional(v.id("conversas")),
-  },
-  handler: async (ctx, args) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) return [];
-
-    // Buscar em todas as conversas do usuário
-    const todasConversas = await ctx.db.query("conversas").collect();
-    const conversasDoUsuario = todasConversas.filter((c) =>
-      c.participantes.includes(usuarioAtual._id)
-    );
-
-    let mensagens: any[] = [];
-
-    if (args.conversaId !== undefined) {
-      // Buscar em conversa específica
-      const mensagensConversa = await ctx.db
-        .query("mensagens")
-        .withIndex("by_conversa", (q) => q.eq("conversaId", args.conversaId!))
-        .collect();
-      mensagens = mensagensConversa;
-    } else {
-      // Buscar em todas as conversas
-      for (const conversa of conversasDoUsuario) {
-        const mensagensConversa = await ctx.db
-          .query("mensagens")
-          .withIndex("by_conversa", (q) => q.eq("conversaId", conversa._id))
-          .collect();
-        mensagens.push(...mensagensConversa);
-      }
-    }
-
-    // Filtrar por query
-    const queryLower = args.query.toLowerCase();
-    const mensagensFiltradas = mensagens.filter(
-      (m) =>
-        !m.deletada &&
-        !m.agendadaPara &&
-        m.conteudo.toLowerCase().includes(queryLower)
-    );
-
-    // Enriquecer com informações
-    const mensagensEnriquecidas = await Promise.all(
-      mensagensFiltradas.map(async (mensagem) => {
-        const remetente = await ctx.db.get(mensagem.remetenteId);
-        const conversa = await ctx.db.get(mensagem.conversaId);
-        return {
-          ...mensagem,
-          remetente,
-          conversa,
-        };
-      })
-    );
-
-    return mensagensEnriquecidas
-      .sort((a, b) => b.enviadaEm - a.enviadaEm)
-      .slice(0, 50);
-  },
-});
-
-/**
- * Obtém quem está digitando em uma conversa
- */
-export const obterDigitando = query({
-  args: {
-    conversaId: v.id("conversas"),
-  },
-  handler: async (ctx, args) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) return [];
-
-    // Buscar indicadores de digitação (últimos 10 segundos)
-    const dezSegundosAtras = Date.now() - 10000;
-    const digitando = await ctx.db
-      .query("digitando")
-      .withIndex("by_conversa", (q) => q.eq("conversaId", args.conversaId))
-      .filter((q) => q.gte(q.field("iniciouEm"), dezSegundosAtras))
-      .collect();
-
-    // Filtrar usuário atual e buscar informações
-    const digitandoFiltrado = digitando.filter(
-      (d) => d.usuarioId !== usuarioAtual._id
-    );
-
-    const usuarios = await Promise.all(
-      digitandoFiltrado.map(async (d) => {
-        const usuario = await ctx.db.get(d.usuarioId);
-        return usuario;
-      })
-    );
-
-    return usuarios.filter((u) => u !== null);
-  },
-});
-
-/**
- * Conta mensagens não lidas de uma conversa
- */
-export const contarNaoLidas = query({
-  args: {
-    conversaId: v.id("conversas"),
-  },
-  handler: async (ctx, args) => {
-    const usuarioAtual = await getUsuarioAutenticado(ctx);
-    if (!usuarioAtual) return 0;
-
-    const leitura = await ctx.db
-      .query("leituras")
-      .withIndex("by_conversa_usuario", (q) =>
-        q.eq("conversaId", args.conversaId).eq("usuarioId", usuarioAtual._id)
-      )
-      .first();
-
-    const mensagens = await ctx.db
-      .query("mensagens")
-      .withIndex("by_conversa", (q) => q.eq("conversaId", args.conversaId))
-      .filter((q) => q.eq(q.field("agendadaPara"), undefined))
-      .collect();
-
-    if (leitura) {
-      return mensagens.filter(
-        (m) =>
-          m.enviadaEm > (leitura.lidaEm || 0) &&
-          m.remetenteId !== usuarioAtual._id
-      ).length;
-    }
-
-    return mensagens.filter((m) => m.remetenteId !== usuarioAtual._id).length;
-  },
-});
-
-// ========== INTERNAL MUTATIONS (para crons) ==========
-
-/**
- * Envia mensagens agendadas (chamado pelo cron)
- */
-export const enviarMensagensAgendadas = internalMutation({
-  args: {},
-  handler: async (ctx) => {
-    const agora = Date.now();
-
-    // Buscar mensagens que deveriam ser enviadas
-    const mensagensAgendadas = await ctx.db
-      .query("mensagens")
-      .withIndex("by_agendamento")
-      .filter((q) =>
-        q.and(
-          q.neq(q.field("agendadaPara"), undefined),
-          q.lte(q.field("agendadaPara"), agora)
-        )
-      )
-      .collect();
-
-    for (const mensagem of mensagensAgendadas) {
-      // Atualizar mensagem para "enviada"
-      await ctx.db.patch(mensagem._id, {
-        agendadaPara: undefined,
-        enviadaEm: agora,
-      });
-
-      // Atualizar última mensagem da conversa
-      const conversa = await ctx.db.get(mensagem.conversaId);
-      if (conversa) {
-        await ctx.db.patch(mensagem.conversaId, {
-          ultimaMensagem: mensagem.conteudo.substring(0, 100),
-          ultimaMensagemTimestamp: agora,
-        });
-
-        // Criar notificações para outros participantes
-        const remetente = await ctx.db.get(mensagem.remetenteId);
-        for (const participanteId of conversa.participantes) {
-          if (participanteId !== mensagem.remetenteId) {
-            await ctx.db.insert("notificacoes", {
-              usuarioId: participanteId,
-              tipo: "nova_mensagem",
-              conversaId: mensagem.conversaId,
-              mensagemId: mensagem._id,
-              remetenteId: mensagem.remetenteId,
-              titulo: `Nova mensagem de ${remetente?.nome || "Usuário"}`,
-              descricao: mensagem.conteudo.substring(0, 100),
-              lida: false,
-              criadaEm: agora,
-            });
-          }
-        }
-      }
-    }
-
-    return mensagensAgendadas.length;
-  },
-});
-
-/**
- * Limpa indicadores de digitação antigos (chamado pelo cron)
- */
-export const limparIndicadoresDigitacao = internalMutation({
-  args: {},
-  handler: async (ctx) => {
-    const dezSegundosAtras = Date.now() - 10000;
-
-    const indicadoresAntigos = await ctx.db
-      .query("digitando")
-      .filter((q) => q.lt(q.field("iniciouEm"), dezSegundosAtras))
-      .collect();
-
-    for (const indicador of indicadoresAntigos) {
-      await ctx.db.delete(indicador._id);
-    }
-
-    return indicadoresAntigos.length;
-  },
-});
+import { v } from "convex/values";
+import { mutation, query, internalMutation } from "./_generated/server";
+import { Doc, Id } from "./_generated/dataModel";
+import type { QueryCtx, MutationCtx } from "./_generated/server";
+
+// ========== HELPERS ==========
+
+/**
+ * Helper function para obter usuário autenticado (Better Auth ou Sessão)
+ */
+async function getUsuarioAutenticado(ctx: QueryCtx | MutationCtx) {
+  // Tentar autenticação via Better Auth primeiro
+  const identity = await ctx.auth.getUserIdentity();
+  let usuarioAtual = null;
+
+  if (identity && identity.email) {
+    usuarioAtual = await ctx.db
+      .query("usuarios")
+      .withIndex("by_email", (q) => q.eq("email", identity.email!))
+      .first();
+  }
+
+  // Se não encontrou via Better Auth, tentar via sessão mais recente
+  if (!usuarioAtual) {
+    const sessaoAtiva = await ctx.db
+      .query("sessoes")
+      .filter((q) => q.eq(q.field("ativo"), true))
+      .order("desc")
+      .first();
+
+    if (sessaoAtiva) {
+      usuarioAtual = await ctx.db.get(sessaoAtiva.usuarioId);
+    }
+  }
+
+  return usuarioAtual;
+}
+
+// ========== MUTATIONS ==========
+
+/**
+ * Cria uma nova conversa (individual ou grupo)
+ */
+export const criarConversa = mutation({
+  args: {
+    tipo: v.union(v.literal("individual"), v.literal("grupo")),
+    participantes: v.array(v.id("usuarios")),
+    nome: v.optional(v.string()),
+    avatar: v.optional(v.string()),
+  },
+  handler: async (ctx, args) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) throw new Error("Não autenticado");
+
+    // Validar participantes
+    if (!args.participantes.includes(usuarioAtual._id)) {
+      args.participantes.push(usuarioAtual._id);
+    }
+
+    // Se for conversa individual, verificar se já existe
+    if (args.tipo === "individual" && args.participantes.length === 2) {
+      const conversaExistente = await ctx.db
+        .query("conversas")
+        .filter((q) => q.eq(q.field("tipo"), "individual"))
+        .collect();
+
+      for (const conversa of conversaExistente) {
+        if (
+          conversa.participantes.length === 2 &&
+          conversa.participantes.every((p) => args.participantes.includes(p))
+        ) {
+          return conversa._id;
+        }
+      }
+    }
+
+    // Criar nova conversa
+    const conversaId = await ctx.db.insert("conversas", {
+      tipo: args.tipo,
+      nome: args.nome,
+      avatar: args.avatar,
+      participantes: args.participantes,
+      criadoPor: usuarioAtual._id,
+      criadoEm: Date.now(),
+    });
+
+    // Criar notificações para outros participantes
+    if (args.tipo === "grupo") {
+      for (const participanteId of args.participantes) {
+        if (participanteId !== usuarioAtual._id) {
+          await ctx.db.insert("notificacoes", {
+            usuarioId: participanteId,
+            tipo: "adicionado_grupo",
+            conversaId,
+            remetenteId: usuarioAtual._id,
+            titulo: "Adicionado a grupo",
+            descricao: `Você foi adicionado ao grupo "${
+              args.nome || "Sem nome"
+            }" por ${usuarioAtual.nome}`,
+            lida: false,
+            criadaEm: Date.now(),
+          });
+        }
+      }
+    }
+
+    return conversaId;
+  },
+});
+
+/**
+ * Cria ou busca uma conversa individual com outro usuário
+ */
+export const criarOuBuscarConversaIndividual = mutation({
+  args: {
+    outroUsuarioId: v.id("usuarios"),
+  },
+  returns: v.id("conversas"),
+  handler: async (ctx, args) => {
+    // TENTAR BETTER AUTH PRIMEIRO
+    const identity = await ctx.auth.getUserIdentity();
+
+    let usuarioAtual = null;
+
+    if (identity && identity.email) {
+      // Buscar por email (Better Auth)
+      usuarioAtual = await ctx.db
+        .query("usuarios")
+        .withIndex("by_email", (q) => q.eq("email", identity.email!))
+        .first();
+    }
+
+    // SE NÃO ENCONTROU, BUSCAR POR SESSÃO ATIVA (Sistema customizado)
+    if (!usuarioAtual) {
+      const sessaoAtiva = await ctx.db
+        .query("sessoes")
+        .filter((q) => q.eq(q.field("ativo"), true))
+        .order("desc")
+        .first();
+
+      if (sessaoAtiva) {
+        usuarioAtual = await ctx.db.get(sessaoAtiva.usuarioId);
+      }
+    }
+
+    if (!usuarioAtual) throw new Error("Usuário não autenticado");
+
+    // Buscar conversa individual existente entre os dois usuários
+    const conversasExistentes = await ctx.db
+      .query("conversas")
+      .filter((q) => q.eq(q.field("tipo"), "individual"))
+      .collect();
+
+    for (const conversa of conversasExistentes) {
+      if (
+        conversa.participantes.length === 2 &&
+        conversa.participantes.includes(usuarioAtual._id) &&
+        conversa.participantes.includes(args.outroUsuarioId)
+      ) {
+        return conversa._id;
+      }
+    }
+
+    // Se não existe, criar nova conversa individual
+    const conversaId = await ctx.db.insert("conversas", {
+      tipo: "individual",
+      participantes: [usuarioAtual._id, args.outroUsuarioId],
+      criadoPor: usuarioAtual._id,
+      criadoEm: Date.now(),
+    });
+
+    return conversaId;
+  },
+});
+
+/**
+ * Envia uma mensagem em uma conversa
+ */
+export const enviarMensagem = mutation({
+  args: {
+    conversaId: v.id("conversas"),
+    conteudo: v.string(),
+    tipo: v.union(
+      v.literal("texto"),
+      v.literal("arquivo"),
+      v.literal("imagem")
+    ),
+    arquivoId: v.optional(v.id("_storage")),
+    arquivoNome: v.optional(v.string()),
+    arquivoTamanho: v.optional(v.number()),
+    arquivoTipo: v.optional(v.string()),
+    mencoes: v.optional(v.array(v.id("usuarios"))),
+    permitirNotificacaoParaSiMesmo: v.optional(v.boolean()), // ✅ NOVO: Permite criar notificação para si mesmo
+  },
+  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");
+    }
+
+    // Criar mensagem
+    const mensagemId = await ctx.db.insert("mensagens", {
+      conversaId: args.conversaId,
+      remetenteId: usuarioAtual._id,
+      tipo: args.tipo,
+      conteudo: args.conteudo,
+      arquivoId: args.arquivoId,
+      arquivoNome: args.arquivoNome,
+      arquivoTamanho: args.arquivoTamanho,
+      arquivoTipo: args.arquivoTipo,
+      mencoes: args.mencoes,
+      enviadaEm: Date.now(),
+    });
+
+    // Atualizar última mensagem da conversa
+    await ctx.db.patch(args.conversaId, {
+      ultimaMensagem: args.conteudo.substring(0, 100),
+      ultimaMensagemTimestamp: Date.now(),
+    });
+
+    // Criar notificações para participantes (com tratamento de erro)
+    try {
+      for (const participanteId of conversa.participantes) {
+        // ✅ MODIFICADO: Permite notificação para si mesmo se flag estiver ativa
+        const ehOMesmoUsuario = participanteId === usuarioAtual._id;
+        const deveCriarNotificacao =
+          !ehOMesmoUsuario || args.permitirNotificacaoParaSiMesmo;
+
+        if (deveCriarNotificacao) {
+          const tipoNotificacao = args.mencoes?.includes(participanteId)
+            ? "mencao"
+            : "nova_mensagem";
+
+          await ctx.db.insert("notificacoes", {
+            usuarioId: participanteId,
+            tipo: tipoNotificacao,
+            conversaId: args.conversaId,
+            mensagemId,
+            remetenteId: usuarioAtual._id,
+            titulo:
+              tipoNotificacao === "mencao"
+                ? `${usuarioAtual.nome} mencionou você`
+                : `Nova mensagem de ${usuarioAtual.nome}`,
+            descricao: args.conteudo.substring(0, 100),
+            lida: false,
+            criadaEm: Date.now(),
+          });
+        }
+      }
+    } catch (error) {
+      // Log do erro mas não falhar o envio da mensagem
+      console.error("Erro ao criar notificações:", error);
+      // A mensagem já foi criada, então retornamos o ID normalmente
+    }
+
+    return mensagemId;
+  },
+});
+
+/**
+ * Agenda uma mensagem para envio futuro
+ */
+export const agendarMensagem = mutation({
+  args: {
+    conversaId: v.id("conversas"),
+    conteudo: v.string(),
+    agendadaPara: v.number(), // timestamp
+  },
+  handler: async (ctx, args) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) throw new Error("Não autenticado");
+
+    // Validar data futura
+    if (args.agendadaPara <= Date.now()) {
+      throw new Error("Data de agendamento deve ser futura");
+    }
+
+    // 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");
+    }
+
+    // Criar mensagem agendada
+    const mensagemId = await ctx.db.insert("mensagens", {
+      conversaId: args.conversaId,
+      remetenteId: usuarioAtual._id,
+      tipo: "texto",
+      conteudo: args.conteudo,
+      agendadaPara: args.agendadaPara,
+      enviadaEm: args.agendadaPara, // Será usada quando a mensagem for enviada
+    });
+
+    return mensagemId;
+  },
+});
+
+/**
+ * Cancela uma mensagem agendada
+ */
+export const cancelarMensagemAgendada = mutation({
+  args: {
+    mensagemId: v.id("mensagens"),
+  },
+  returns: v.object({ sucesso: v.boolean(), erro: v.optional(v.string()) }),
+  handler: async (ctx, args): Promise<{ sucesso: boolean; erro?: string }> => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) {
+      return { sucesso: false, erro: "Usuário não autenticado" };
+    }
+
+    const mensagem = await ctx.db.get(args.mensagemId);
+    if (!mensagem) {
+      return { sucesso: false, erro: "Mensagem não encontrada" };
+    }
+
+    if (mensagem.remetenteId !== usuarioAtual._id) {
+      return {
+        sucesso: false,
+        erro: "Você só pode cancelar suas próprias mensagens",
+      };
+    }
+
+    if (!mensagem.agendadaPara) {
+      return { sucesso: false, erro: "Esta mensagem não está agendada" };
+    }
+
+    if (mensagem.agendadaPara <= Date.now()) {
+      return { sucesso: false, erro: "A data de agendamento já passou" };
+    }
+
+    await ctx.db.delete(args.mensagemId);
+    return { sucesso: true };
+  },
+});
+
+/**
+ * Adiciona uma reação (emoji) a uma mensagem
+ */
+export const reagirMensagem = mutation({
+  args: {
+    mensagemId: v.id("mensagens"),
+    emoji: v.string(),
+  },
+  handler: async (ctx, args) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) throw new Error("Não autenticado");
+
+    const mensagem = await ctx.db.get(args.mensagemId);
+    if (!mensagem) throw new Error("Mensagem não encontrada");
+
+    const reacoes = mensagem.reagiuPor || [];
+    const reacaoExistente = reacoes.find(
+      (r) => r.usuarioId === usuarioAtual._id && r.emoji === args.emoji
+    );
+
+    if (reacaoExistente) {
+      // Remover reação
+      await ctx.db.patch(args.mensagemId, {
+        reagiuPor: reacoes.filter(
+          (r) => !(r.usuarioId === usuarioAtual._id && r.emoji === args.emoji)
+        ),
+      });
+    } else {
+      // Adicionar reação
+      await ctx.db.patch(args.mensagemId, {
+        reagiuPor: [
+          ...reacoes,
+          { usuarioId: usuarioAtual._id, emoji: args.emoji },
+        ],
+      });
+    }
+
+    return true;
+  },
+});
+
+/**
+ * Marca mensagens de uma conversa como lidas
+ */
+export const marcarComoLida = mutation({
+  args: {
+    conversaId: v.id("conversas"),
+    mensagemId: v.id("mensagens"),
+  },
+  handler: async (ctx, args) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) throw new Error("Não autenticado");
+
+    // Buscar registro de leitura existente
+    const leituraExistente = await ctx.db
+      .query("leituras")
+      .withIndex("by_conversa_usuario", (q) =>
+        q.eq("conversaId", args.conversaId).eq("usuarioId", usuarioAtual._id)
+      )
+      .first();
+
+    if (leituraExistente) {
+      await ctx.db.patch(leituraExistente._id, {
+        ultimaMensagemLida: args.mensagemId,
+        lidaEm: Date.now(),
+      });
+    } else {
+      await ctx.db.insert("leituras", {
+        conversaId: args.conversaId,
+        usuarioId: usuarioAtual._id,
+        ultimaMensagemLida: args.mensagemId,
+        lidaEm: Date.now(),
+      });
+    }
+
+    // Marcar notificações desta conversa como lidas
+    const notificacoes = await ctx.db
+      .query("notificacoes")
+      .withIndex("by_usuario_lida", (q) =>
+        q.eq("usuarioId", usuarioAtual._id).eq("lida", false)
+      )
+      .filter((q) => q.eq(q.field("conversaId"), args.conversaId))
+      .collect();
+
+    for (const notificacao of notificacoes) {
+      await ctx.db.patch(notificacao._id, { lida: true });
+    }
+
+    return true;
+  },
+});
+
+/**
+ * Atualiza o status de presença do usuário
+ */
+export const atualizarStatusPresenca = mutation({
+  args: {
+    status: v.union(
+      v.literal("online"),
+      v.literal("offline"),
+      v.literal("ausente"),
+      v.literal("externo"),
+      v.literal("em_reuniao")
+    ),
+  },
+  handler: async (ctx, args) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) throw new Error("Não autenticado");
+
+    await ctx.db.patch(usuarioAtual._id, {
+      statusPresenca: args.status,
+      ultimaAtividade: Date.now(),
+    });
+
+    return true;
+  },
+});
+
+/**
+ * Indica que o usuário está digitando em uma conversa
+ */
+export const indicarDigitacao = mutation({
+  args: {
+    conversaId: v.id("conversas"),
+  },
+  handler: async (ctx, args) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) throw new Error("Não autenticado");
+
+    // Buscar indicador existente
+    const indicadorExistente = await ctx.db
+      .query("digitando")
+      .withIndex("by_usuario", (q) => q.eq("usuarioId", usuarioAtual._id))
+      .filter((q) => q.eq(q.field("conversaId"), args.conversaId))
+      .first();
+
+    if (indicadorExistente) {
+      await ctx.db.patch(indicadorExistente._id, {
+        iniciouEm: Date.now(),
+      });
+    } else {
+      await ctx.db.insert("digitando", {
+        conversaId: args.conversaId,
+        usuarioId: usuarioAtual._id,
+        iniciouEm: Date.now(),
+      });
+    }
+
+    return true;
+  },
+});
+
+/**
+ * Gera URL para upload de arquivo no chat
+ */
+export const uploadArquivoChat = mutation({
+  args: {
+    conversaId: v.id("conversas"),
+  },
+  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");
+    }
+
+    return await ctx.storage.generateUploadUrl();
+  },
+});
+
+/**
+ * Marca uma notificação como lida
+ */
+export const marcarNotificacaoLida = mutation({
+  args: {
+    notificacaoId: v.id("notificacoes"),
+  },
+  handler: async (ctx, args) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) throw new Error("Não autenticado");
+
+    await ctx.db.patch(args.notificacaoId, { lida: true });
+    return true;
+  },
+});
+
+/**
+ * Marca todas as notificações como lidas
+ */
+export const marcarTodasNotificacoesLidas = mutation({
+  args: {},
+  handler: async (ctx) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) throw new Error("Não autenticado");
+
+    const notificacoes = await ctx.db
+      .query("notificacoes")
+      .withIndex("by_usuario_lida", (q) =>
+        q.eq("usuarioId", usuarioAtual._id).eq("lida", false)
+      )
+      .collect();
+
+    for (const notificacao of notificacoes) {
+      await ctx.db.patch(notificacao._id, { lida: true });
+    }
+
+    return true;
+  },
+});
+
+/**
+ * Deleta uma mensagem (soft delete)
+ */
+export const deletarMensagem = mutation({
+  args: {
+    mensagemId: v.id("mensagens"),
+  },
+  handler: async (ctx, args) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) throw new Error("Não autenticado");
+
+    const mensagem = await ctx.db.get(args.mensagemId);
+    if (!mensagem) throw new Error("Mensagem não encontrada");
+
+    if (mensagem.remetenteId !== usuarioAtual._id) {
+      throw new Error("Você só pode deletar suas próprias mensagens");
+    }
+
+    await ctx.db.patch(args.mensagemId, {
+      deletada: true,
+      conteudo: "Mensagem deletada",
+    });
+
+    return true;
+  },
+});
+
+// ========== QUERIES ==========
+
+/**
+ * Lista todas as conversas do usuário logado
+ */
+export const listarConversas = query({
+  args: {},
+  handler: async (ctx) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) return [];
+
+    // Buscar todas as conversas do usuário
+    const todasConversas = await ctx.db.query("conversas").collect();
+    const conversasDoUsuario = todasConversas.filter((c) =>
+      c.participantes.includes(usuarioAtual._id)
+    );
+
+    // Ordenar por última mensagem
+    conversasDoUsuario.sort((a, b) => {
+      const timestampA = a.ultimaMensagemTimestamp || a.criadoEm;
+      const timestampB = b.ultimaMensagemTimestamp || b.criadoEm;
+      return timestampB - timestampA;
+    });
+
+    // Enriquecer com informações dos participantes
+    const conversasEnriquecidas = await Promise.all(
+      conversasDoUsuario.map(async (conversa) => {
+        // Buscar participantes
+        const participantes = await Promise.all(
+          conversa.participantes.map((id) => ctx.db.get(id))
+        );
+
+        // Para conversas individuais, pegar o outro usuário
+        let outroUsuario = null;
+        if (conversa.tipo === "individual") {
+          const outroUsuarioRaw = participantes.find(
+            (p) => p?._id !== usuarioAtual._id
+          );
+          if (outroUsuarioRaw) {
+            // 🔄 BUSCAR DADOS ATUALIZADOS DO USUÁRIO (não usar snapshot)
+            const usuarioAtualizado = await ctx.db.get(outroUsuarioRaw._id);
+
+            if (usuarioAtualizado) {
+              // Adicionar URL da foto de perfil
+              let fotoPerfilUrl = null;
+              if (usuarioAtualizado.fotoPerfil) {
+                fotoPerfilUrl = await ctx.storage.getUrl(
+                  usuarioAtualizado.fotoPerfil
+                );
+              }
+              outroUsuario = {
+                ...usuarioAtualizado,
+                fotoPerfilUrl,
+              };
+            }
+          }
+        }
+
+        // Contar mensagens não lidas (apenas mensagens NÃO agendadas)
+        const leitura = await ctx.db
+          .query("leituras")
+          .withIndex("by_conversa_usuario", (q) =>
+            q.eq("conversaId", conversa._id).eq("usuarioId", usuarioAtual._id)
+          )
+          .first();
+
+        // CORRIGIDO: Buscar apenas mensagens NÃO agendadas (agendadaPara === undefined)
+        const todasMensagens = await ctx.db
+          .query("mensagens")
+          .withIndex("by_conversa", (q) => q.eq("conversaId", conversa._id))
+          .collect();
+
+        const mensagens = todasMensagens.filter((m) => !m.agendadaPara);
+
+        let naoLidas = 0;
+        if (leitura) {
+          naoLidas = mensagens.filter(
+            (m) =>
+              m.enviadaEm > (leitura.lidaEm || 0) &&
+              m.remetenteId !== usuarioAtual._id
+          ).length;
+        } else {
+          naoLidas = mensagens.filter(
+            (m) => m.remetenteId !== usuarioAtual._id
+          ).length;
+        }
+
+        return {
+          ...conversa,
+          outroUsuario,
+          participantesInfo: participantes.filter((p) => p !== null),
+          naoLidas,
+        };
+      })
+    );
+
+    return conversasEnriquecidas;
+  },
+});
+
+/**
+ * Obtém as mensagens de uma conversa com paginação
+ */
+export const obterMensagens = query({
+  args: {
+    conversaId: v.id("conversas"),
+    limit: v.optional(v.number()),
+  },
+  handler: async (ctx, args) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) return [];
+
+    // Verificar se usuário pertence à conversa
+    const conversa = await ctx.db.get(args.conversaId);
+    if (!conversa || !conversa.participantes.includes(usuarioAtual._id)) {
+      return [];
+    }
+
+    // Buscar mensagens (excluir agendadas)
+    const mensagens = await ctx.db
+      .query("mensagens")
+      .withIndex("by_conversa", (q) => q.eq("conversaId", args.conversaId))
+      .order("desc")
+      .take(args.limit || 50);
+
+    // Filtrar mensagens agendadas
+    const mensagensFiltradas = mensagens.filter((m) => !m.agendadaPara);
+
+    // Enriquecer com informações do remetente
+    const mensagensEnriquecidas = await Promise.all(
+      mensagensFiltradas.map(async (mensagem) => {
+        const remetente = await ctx.db.get(mensagem.remetenteId);
+        let arquivoUrl = null;
+        if (mensagem.arquivoId) {
+          arquivoUrl = await ctx.storage.getUrl(mensagem.arquivoId);
+        }
+        return {
+          ...mensagem,
+          remetente,
+          arquivoUrl,
+        };
+      })
+    );
+
+    return mensagensEnriquecidas.reverse();
+  },
+});
+
+/**
+ * Obtém mensagens agendadas de uma conversa
+ */
+export const obterMensagensAgendadas = query({
+  args: {
+    conversaId: v.id("conversas"),
+  },
+  handler: async (ctx, args): Promise<Doc<"mensagens">[]> => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) return [];
+
+    // Buscar mensagens agendadas
+    const todasMensagens = await ctx.db
+      .query("mensagens")
+      .withIndex("by_conversa", (q) => q.eq("conversaId", args.conversaId))
+      .collect();
+
+    // Filtrar apenas as agendadas do usuário atual
+    const minhasMensagensAgendadas = todasMensagens.filter(
+      (m) =>
+        m.remetenteId === usuarioAtual._id &&
+        m.agendadaPara !== undefined &&
+        m.agendadaPara > Date.now()
+    );
+
+    return minhasMensagensAgendadas.sort(
+      (a, b) => (a.agendadaPara ?? 0) - (b.agendadaPara ?? 0)
+    );
+  },
+});
+
+/**
+ * Listar todas as mensagens agendadas do usuário atual (para página de notificações)
+ */
+export const listarAgendamentosChat = query({
+  args: {},
+  handler: async (
+    ctx
+  ): Promise<
+    Array<
+      Doc<"mensagens"> & {
+        conversaInfo: Doc<"conversas"> | null;
+        destinatarioInfo: Doc<"usuarios"> | null;
+      }
+    >
+  > => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) {
+      return [];
+    }
+
+    // Buscar todas as mensagens agendadas do usuário
+    const todasMensagens = await ctx.db
+      .query("mensagens")
+      .withIndex("by_remetente", (q) => q.eq("remetenteId", usuarioAtual._id))
+      .collect();
+
+    // Filtrar apenas as que têm agendamento (passadas ou futuras)
+    const mensagensAgendadas = todasMensagens.filter(
+      (m) => m.agendadaPara !== undefined
+    );
+
+    // Enriquecer com informações da conversa e destinatário
+    const mensagensEnriquecidas = await Promise.all(
+      mensagensAgendadas.map(async (mensagem) => {
+        let conversaInfo: Doc<"conversas"> | null = null;
+        let destinatarioInfo: Doc<"usuarios"> | null = null;
+
+        conversaInfo = await ctx.db.get(mensagem.conversaId);
+
+        // Se for conversa individual, encontrar o outro participante
+        if (conversaInfo && conversaInfo.tipo === "individual") {
+          const outroParticipanteId = conversaInfo.participantes.find(
+            (p) => p !== usuarioAtual._id
+          );
+          if (outroParticipanteId) {
+            destinatarioInfo = await ctx.db.get(outroParticipanteId);
+          }
+        }
+
+        return {
+          ...mensagem,
+          conversaInfo,
+          destinatarioInfo,
+        };
+      })
+    );
+
+    // Ordenar por data de agendamento (mais próximos primeiro)
+    return mensagensEnriquecidas.sort((a, b) => {
+      const dataA = a.agendadaPara ?? 0;
+      const dataB = b.agendadaPara ?? 0;
+      return dataA - dataB;
+    });
+  },
+});
+
+/**
+ * Obtém as notificações do usuário
+ */
+export const obterNotificacoes = query({
+  args: {
+    apenasPendentes: v.optional(v.boolean()),
+  },
+  handler: async (ctx, args) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) return [];
+
+    let query = ctx.db
+      .query("notificacoes")
+      .withIndex("by_usuario", (q) => q.eq("usuarioId", usuarioAtual._id));
+
+    if (args.apenasPendentes) {
+      query = ctx.db
+        .query("notificacoes")
+        .withIndex("by_usuario_lida", (q) =>
+          q.eq("usuarioId", usuarioAtual._id).eq("lida", false)
+        );
+    }
+
+    const notificacoes = await query.order("desc").take(50);
+
+    // Enriquecer com informações do remetente
+    const notificacoesEnriquecidas = await Promise.all(
+      notificacoes.map(async (notificacao) => {
+        let remetente = null;
+        if (notificacao.remetenteId) {
+          remetente = await ctx.db.get(notificacao.remetenteId);
+        }
+        return {
+          ...notificacao,
+          remetente,
+        };
+      })
+    );
+
+    return notificacoesEnriquecidas;
+  },
+});
+
+/**
+ * Conta o número de notificações não lidas
+ */
+export const contarNotificacoesNaoLidas = query({
+  args: {},
+  handler: async (ctx) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) return 0;
+
+    const notificacoes = await ctx.db
+      .query("notificacoes")
+      .withIndex("by_usuario_lida", (q) =>
+        q.eq("usuarioId", usuarioAtual._id).eq("lida", false)
+      )
+      .collect();
+
+    return notificacoes.length;
+  },
+});
+
+/**
+ * Obtém usuários online
+ */
+export const obterUsuariosOnline = query({
+  args: {},
+  handler: async (ctx) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) return [];
+
+    const usuarios = await ctx.db
+      .query("usuarios")
+      .withIndex("by_status_presenca", (q) => q.eq("statusPresenca", "online"))
+      .collect();
+
+    return usuarios.map((u) => ({
+      _id: u._id,
+      nome: u.nome,
+      email: u.email,
+      avatar: u.avatar,
+      fotoPerfil: u.fotoPerfil,
+      statusPresenca: u.statusPresenca,
+      statusMensagem: u.statusMensagem,
+      setor: u.setor,
+    }));
+  },
+});
+
+/**
+ * Lista todos os usuários (para criar nova conversa)
+ */
+export const listarTodosUsuarios = query({
+  args: {},
+  handler: async (ctx) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) return [];
+
+    const usuarios = await ctx.db
+      .query("usuarios")
+      .withIndex("by_ativo", (q) => q.eq("ativo", true))
+      .collect();
+
+    // Excluir o usuário atual e buscar matrículas
+    const usuariosComMatricula = await Promise.all(
+      usuarios
+        .filter((u) => u._id !== usuarioAtual._id)
+        .map(async (u) => {
+          let matricula: string | undefined = undefined;
+          if (u.funcionarioId) {
+            const funcionario = await ctx.db.get(u.funcionarioId);
+            matricula = funcionario?.matricula;
+          }
+          return {
+            _id: u._id,
+            nome: u.nome,
+            email: u.email,
+            matricula,
+            avatar: u.avatar,
+            fotoPerfil: u.fotoPerfil,
+            statusPresenca: u.statusPresenca,
+            statusMensagem: u.statusMensagem,
+            setor: u.setor,
+          };
+        })
+    );
+
+    return usuariosComMatricula;
+  },
+});
+
+/**
+ * Busca mensagens em conversas
+ */
+export const buscarMensagens = query({
+  args: {
+    query: v.string(),
+    conversaId: v.optional(v.id("conversas")),
+  },
+  handler: async (ctx, args) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) return [];
+
+    // Buscar em todas as conversas do usuário
+    const todasConversas = await ctx.db.query("conversas").collect();
+    const conversasDoUsuario = todasConversas.filter((c) =>
+      c.participantes.includes(usuarioAtual._id)
+    );
+
+    let mensagens: Doc<"mensagens">[] = [];
+
+    if (args.conversaId !== undefined) {
+      // Buscar em conversa específica
+      const mensagensConversa = await ctx.db
+        .query("mensagens")
+        .withIndex("by_conversa", (q) => q.eq("conversaId", args.conversaId!))
+        .collect();
+      mensagens = mensagensConversa;
+    } else {
+      // Buscar em todas as conversas
+      for (const conversa of conversasDoUsuario) {
+        const mensagensConversa = await ctx.db
+          .query("mensagens")
+          .withIndex("by_conversa", (q) => q.eq("conversaId", conversa._id))
+          .collect();
+        mensagens.push(...mensagensConversa);
+      }
+    }
+
+    // Filtrar por query
+    const queryLower = args.query.toLowerCase();
+    const mensagensFiltradas = mensagens.filter(
+      (m) =>
+        !m.deletada &&
+        !m.agendadaPara &&
+        m.conteudo.toLowerCase().includes(queryLower)
+    );
+
+    // Enriquecer com informações
+    const mensagensEnriquecidas = await Promise.all(
+      mensagensFiltradas.map(async (mensagem) => {
+        const remetente = await ctx.db.get(mensagem.remetenteId);
+        const conversa = await ctx.db.get(mensagem.conversaId);
+        return {
+          ...mensagem,
+          remetente,
+          conversa,
+        };
+      })
+    );
+
+    return mensagensEnriquecidas
+      .sort((a, b) => b.enviadaEm - a.enviadaEm)
+      .slice(0, 50);
+  },
+});
+
+/**
+ * Obtém quem está digitando em uma conversa
+ */
+export const obterDigitando = query({
+  args: {
+    conversaId: v.id("conversas"),
+  },
+  handler: async (ctx, args) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) return [];
+
+    // Buscar indicadores de digitação (últimos 10 segundos)
+    const dezSegundosAtras = Date.now() - 10000;
+    const digitando = await ctx.db
+      .query("digitando")
+      .withIndex("by_conversa", (q) => q.eq("conversaId", args.conversaId))
+      .filter((q) => q.gte(q.field("iniciouEm"), dezSegundosAtras))
+      .collect();
+
+    // Filtrar usuário atual e buscar informações
+    const digitandoFiltrado = digitando.filter(
+      (d) => d.usuarioId !== usuarioAtual._id
+    );
+
+    const usuarios = await Promise.all(
+      digitandoFiltrado.map(async (d) => {
+        const usuario = await ctx.db.get(d.usuarioId);
+        return usuario;
+      })
+    );
+
+    return usuarios.filter((u) => u !== null);
+  },
+});
+
+/**
+ * Conta mensagens não lidas de uma conversa
+ */
+export const contarNaoLidas = query({
+  args: {
+    conversaId: v.id("conversas"),
+  },
+  handler: async (ctx, args) => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) return 0;
+
+    const leitura = await ctx.db
+      .query("leituras")
+      .withIndex("by_conversa_usuario", (q) =>
+        q.eq("conversaId", args.conversaId).eq("usuarioId", usuarioAtual._id)
+      )
+      .first();
+
+    const mensagens = await ctx.db
+      .query("mensagens")
+      .withIndex("by_conversa", (q) => q.eq("conversaId", args.conversaId))
+      .filter((q) => q.eq(q.field("agendadaPara"), undefined))
+      .collect();
+
+    if (leitura) {
+      return mensagens.filter(
+        (m) =>
+          m.enviadaEm > (leitura.lidaEm || 0) &&
+          m.remetenteId !== usuarioAtual._id
+      ).length;
+    }
+
+    return mensagens.filter((m) => m.remetenteId !== usuarioAtual._id).length;
+  },
+});
+
+// ========== INTERNAL MUTATIONS (para crons) ==========
+
+/**
+ * Envia mensagens agendadas (chamado pelo cron)
+ */
+export const enviarMensagensAgendadas = internalMutation({
+  args: {},
+  handler: async (ctx) => {
+    const agora = Date.now();
+
+    // Buscar mensagens que deveriam ser enviadas
+    const mensagensAgendadas = await ctx.db
+      .query("mensagens")
+      .withIndex("by_agendamento")
+      .filter((q) =>
+        q.and(
+          q.neq(q.field("agendadaPara"), undefined),
+          q.lte(q.field("agendadaPara"), agora)
+        )
+      )
+      .collect();
+
+    for (const mensagem of mensagensAgendadas) {
+      // Atualizar mensagem para "enviada"
+      await ctx.db.patch(mensagem._id, {
+        agendadaPara: undefined,
+        enviadaEm: agora,
+      });
+
+      // Atualizar última mensagem da conversa
+      const conversa = await ctx.db.get(mensagem.conversaId);
+      if (conversa) {
+        await ctx.db.patch(mensagem.conversaId, {
+          ultimaMensagem: mensagem.conteudo.substring(0, 100),
+          ultimaMensagemTimestamp: agora,
+        });
+
+        // Criar notificações para outros participantes
+        const remetente = await ctx.db.get(mensagem.remetenteId);
+        for (const participanteId of conversa.participantes) {
+          if (participanteId !== mensagem.remetenteId) {
+            await ctx.db.insert("notificacoes", {
+              usuarioId: participanteId,
+              tipo: "nova_mensagem",
+              conversaId: mensagem.conversaId,
+              mensagemId: mensagem._id,
+              remetenteId: mensagem.remetenteId,
+              titulo: `Nova mensagem de ${remetente?.nome || "Usuário"}`,
+              descricao: mensagem.conteudo.substring(0, 100),
+              lida: false,
+              criadaEm: agora,
+            });
+          }
+        }
+      }
+    }
+
+    return mensagensAgendadas.length;
+  },
+});
+
+/**
+ * Limpa indicadores de digitação antigos (chamado pelo cron)
+ */
+export const limparIndicadoresDigitacao = internalMutation({
+  args: {},
+  handler: async (ctx) => {
+    const dezSegundosAtras = Date.now() - 10000;
+
+    const indicadoresAntigos = await ctx.db
+      .query("digitando")
+      .filter((q) => q.lt(q.field("iniciouEm"), dezSegundosAtras))
+      .collect();
+
+    for (const indicador of indicadoresAntigos) {
+      await ctx.db.delete(indicador._id);
+    }
+
+    return indicadoresAntigos.length;
+  },
+});
diff --git a/packages/backend/convex/configuracaoEmail.ts b/packages/backend/convex/configuracaoEmail.ts
index 76acde6..8453f87 100644
--- a/packages/backend/convex/configuracaoEmail.ts
+++ b/packages/backend/convex/configuracaoEmail.ts
@@ -1,7 +1,8 @@
 import { v } from "convex/values";
-import { mutation, query, action } from "./_generated/server";
-import { hashPassword } from "./auth/utils";
+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)
@@ -62,8 +63,29 @@ export const salvarConfigEmail = mutation({
       return { sucesso: false as const, erro: "Email remetente inválido" };
     }
 
-    // Criptografar senha
-    const senhaHash = await hashPassword(args.senha);
+    // 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" };
+    }
+
+    // Buscar config ativa anterior para manter senha se não fornecida
+    const configAtiva = await ctx.db
+      .query("configuracaoEmail")
+      .withIndex("by_ativo", (q) => q.eq("ativo", true))
+      .first();
+
+    // Determinar senhaHash: usar nova senha se fornecida, senão manter a atual
+    let senhaHash: string;
+    if (args.senha && args.senha.trim().length > 0) {
+      // Nova senha fornecida, criptografar usando criptografia reversível (AES)
+      senhaHash = await encryptSMTPPassword(args.senha);
+    } else if (configAtiva) {
+      // Senha não fornecida, manter a atual (já criptografada)
+      senhaHash = configAtiva.senhaHash;
+    } else {
+      // Sem senha e sem config existente - erro
+      return { sucesso: false as const, erro: "Senha é obrigatória para nova configuração" };
+    }
 
     // Desativar config anterior
     const configsAntigas = await ctx.db
@@ -105,10 +127,23 @@ export const salvarConfigEmail = mutation({
 });
 
 /**
- * Testar conexão SMTP (action - precisa de Node.js)
- * 
- * NOTA: Esta action será implementada quando instalarmos nodemailer.
- * Por enquanto, retorna sucesso simulado para não bloquear o desenvolvimento.
+ * Mutation interna para atualizar testadoEm
+ */
+export const atualizarTestadoEm = internalMutation({
+  args: {
+    configId: v.id("configuracaoEmail"),
+  },
+  returns: v.null(),
+  handler: async (ctx, args) => {
+    await ctx.db.patch(args.configId, {
+      testadoEm: Date.now(),
+    });
+    return null;
+  },
+});
+
+/**
+ * Testar conexão SMTP (action que chama action real)
  */
 export const testarConexaoSMTP = action({
   args: {
@@ -123,28 +158,58 @@ export const testarConexaoSMTP = action({
     v.object({ sucesso: v.literal(true) }),
     v.object({ sucesso: v.literal(false), erro: v.string() })
   ),
-  handler: async (ctx, args) => {
-    // TODO: Implementar teste real com nodemailer
-    // Por enquanto, simula sucesso
-    
+  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" };
+    }
+
+    if (!args.porta || args.porta < 1 || args.porta > 65535) {
+      return { sucesso: false as const, erro: "Porta inválida. Deve ser entre 1 e 65535" };
+    }
+
+    if (!args.usuario || args.usuario.trim().length === 0) {
+      return { sucesso: false as const, erro: "Usuário não pode estar vazio" };
+    }
+
+    if (!args.senha || args.senha.trim().length === 0) {
+      return { sucesso: false as const, erro: "Senha não pode estar vazia" };
+    }
+
+    // Validação de SSL/TLS mutuamente exclusivos
+    if (args.usarSSL && args.usarTLS) {
+      return { sucesso: false as const, erro: "SSL e TLS não podem estar habilitados simultaneamente" };
+    }
+
+    // Chamar action de teste real (que usa nodemailer)
     try {
-      // Validações básicas
-      if (!args.servidor || args.servidor.trim() === "") {
-        return { sucesso: false as const, erro: "Servidor SMTP não pode estar vazio" };
+      const resultado: { sucesso: true } | { sucesso: false; erro: string } = await ctx.runAction(api.actions.smtp.testarConexao, {
+        servidor: args.servidor,
+        porta: args.porta,
+        usuario: args.usuario,
+        senha: args.senha,
+        usarSSL: args.usarSSL,
+        usarTLS: args.usarTLS,
+      });
+
+      // Se o teste foi bem-sucedido e há uma config ativa, atualizar testadoEm
+      if (resultado.sucesso) {
+        const configAtiva = await ctx.runQuery(api.configuracaoEmail.obterConfigEmail, {});
+        
+        if (configAtiva) {
+          await ctx.runMutation(internal.configuracaoEmail.atualizarTestadoEm, {
+            configId: configAtiva._id,
+          });
+        }
       }
 
-      if (args.porta < 1 || args.porta > 65535) {
-        return { sucesso: false as const, erro: "Porta inválida" };
-      }
-
-      // Simular delay de teste
-      await new Promise((resolve) => setTimeout(resolve, 1000));
-
-      // Retornar sucesso simulado
-      console.log("⚠️ AVISO: Teste de conexão SMTP simulado (nodemailer não instalado ainda)");
-      return { sucesso: true as const };
-    } catch (error: any) {
-      return { sucesso: false as const, erro: error.message || "Erro ao testar conexão" };
+      return resultado;
+    } catch (error: unknown) {
+      const errorMessage = error instanceof Error ? error.message : String(error);
+      return { 
+        sucesso: false as const, 
+        erro: errorMessage || "Erro ao conectar com o servidor SMTP" 
+      };
     }
   },
 });
@@ -162,5 +227,3 @@ export const marcarConfigTestada = mutation({
     });
   },
 });
-
-
diff --git a/packages/backend/convex/criarFuncionarioTeste.ts b/packages/backend/convex/criarFuncionarioTeste.ts
deleted file mode 100644
index d70afc4..0000000
--- a/packages/backend/convex/criarFuncionarioTeste.ts
+++ /dev/null
@@ -1,127 +0,0 @@
-import { v } from "convex/values";
-import { mutation } from "./_generated/server";
-
-/**
- * Mutation de teste para criar um funcionário e associar ao usuário TI Master
- * Isso permite testar o sistema de férias completo
- */
-export const criarFuncionarioParaTIMaster = mutation({
-  args: {
-    usuarioEmail: v.string(), // Email do usuário TI Master
-  },
-  returns: v.union(
-    v.object({ sucesso: v.literal(true), funcionarioId: v.id("funcionarios") }),
-    v.object({ sucesso: v.literal(false), erro: v.string() })
-  ),
-  handler: async (ctx, args) => {
-    // Buscar usuário
-    const usuario = await ctx.db
-      .query("usuarios")
-      .withIndex("by_email", (q) => q.eq("email", args.usuarioEmail))
-      .first();
-
-    if (!usuario) {
-      return { sucesso: false as const, erro: "Usuário não encontrado" };
-    }
-
-    // Verificar se já tem funcionário associado
-    if (usuario.funcionarioId) {
-      return { sucesso: false as const, erro: "Usuário já tem funcionário associado" };
-    }
-
-    // Buscar um símbolo qualquer (pegamos o primeiro)
-    const simbolo = await ctx.db.query("simbolos").first();
-    
-    if (!simbolo) {
-      return { sucesso: false as const, erro: "Nenhum símbolo encontrado no sistema" };
-    }
-
-    // Criar funcionário de teste
-    const funcionarioId = await ctx.db.insert("funcionarios", {
-      nome: usuario.nome,
-      cpf: "000.000.000-00", // CPF de teste
-      rg: "0000000",
-      endereco: "Endereço de Teste",
-      bairro: "Centro",
-      cidade: "Recife",
-      uf: "PE",
-      telefone: "(81) 99999-9999",
-      email: usuario.email,
-      matricula: usuario.matricula,
-      admissaoData: "2023-01-01", // Data de admissão: 1 ano atrás
-      simboloId: simbolo._id,
-      simboloTipo: simbolo.tipo,
-      statusFerias: "ativo",
-      
-      // IMPORTANTE: Definir regime de trabalho
-      // Altere aqui para testar diferentes regimes:
-      // - "clt" = CLT (máx 3 períodos, mín 5 dias)
-      // - "estatutario_pe" = Servidor Público PE (máx 2 períodos, mín 10 dias)
-      regimeTrabalho: "clt",
-      
-      // Dados opcionais
-      descricaoCargo: "Gestor de TI - Cargo de Teste",
-      nomePai: "Pai de Teste",
-      nomeMae: "Mãe de Teste",
-      naturalidade: "Recife",
-      naturalidadeUF: "PE",
-      sexo: "masculino",
-      estadoCivil: "solteiro",
-      nacionalidade: "Brasileira",
-      grauInstrucao: "superior_completo",
-      tipoSanguineo: "O+",
-    });
-
-    // Associar funcionário ao usuário
-    await ctx.db.patch(usuario._id, {
-      funcionarioId,
-    });
-
-    return { sucesso: true as const, funcionarioId };
-  },
-});
-
-/**
- * Mutation para alterar o regime de trabalho de um funcionário
- * Útil para testar diferentes regras (CLT vs Servidor PE)
- */
-export const alterarRegimeTrabalho = mutation({
-  args: {
-    funcionarioId: v.id("funcionarios"),
-    novoRegime: v.union(
-      v.literal("clt"),
-      v.literal("estatutario_pe"),
-      v.literal("estatutario_federal"),
-      v.literal("estatutario_municipal")
-    ),
-  },
-  returns: v.object({ sucesso: v.boolean() }),
-  handler: async (ctx, args) => {
-    await ctx.db.patch(args.funcionarioId, {
-      regimeTrabalho: args.novoRegime,
-    });
-
-    return { sucesso: true };
-  },
-});
-
-/**
- * Mutation para alterar data de admissão
- * Útil para testar diferentes períodos aquisitivos
- */
-export const alterarDataAdmissao = mutation({
-  args: {
-    funcionarioId: v.id("funcionarios"),
-    novaData: v.string(), // Formato: "YYYY-MM-DD"
-  },
-  returns: v.object({ sucesso: v.boolean() }),
-  handler: async (ctx, args) => {
-    await ctx.db.patch(args.funcionarioId, {
-      admissaoData: args.novaData,
-    });
-
-    return { sucesso: true };
-  },
-});
-
-
diff --git a/packages/backend/convex/criarUsuarioTeste.ts b/packages/backend/convex/criarUsuarioTeste.ts
deleted file mode 100644
index 81a3de4..0000000
--- a/packages/backend/convex/criarUsuarioTeste.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-import { v } from "convex/values";
-import { mutation } from "./_generated/server";
-import { hashPassword } from "./auth/utils";
-
-/**
- * Cria um usuário de teste com funcionário associado
- * para testar o sistema de férias
- */
-export const criarUsuarioParaTesteFerias = mutation({
-  args: {},
-  returns: v.object({
-    sucesso: v.boolean(),
-    login: v.string(),
-    senha: v.string(),
-    mensagem: v.string(),
-  }),
-  handler: async (ctx, args) => {
-    const loginTeste = "teste.ferias";
-    const senhaTeste = "Teste@2025";
-    const emailTeste = "teste.ferias@sgse.pe.gov.br";
-    const nomeTeste = "João Silva (Teste)";
-
-    // Verificar se já existe
-    const usuarioExistente = await ctx.db
-      .query("usuarios")
-      .withIndex("by_matricula", (q) => q.eq("matricula", loginTeste))
-      .first();
-
-    if (usuarioExistente) {
-      return {
-        sucesso: true,
-        login: loginTeste,
-        senha: senhaTeste,
-        mensagem: "Usuário de teste já existe! Use as credenciais abaixo.",
-      };
-    }
-
-    // Buscar role padrão (usuário comum)
-    const roleUsuario = await ctx.db
-      .query("roles")
-      .filter((q) => q.eq(q.field("nome"), "usuario"))
-      .first();
-
-    if (!roleUsuario) {
-      return {
-        sucesso: false,
-        login: "",
-        senha: "",
-        mensagem: "Erro: Role 'usuario' não encontrada",
-      };
-    }
-
-    // Buscar um símbolo qualquer
-    const simbolo = await ctx.db.query("simbolos").first();
-
-    if (!simbolo) {
-      return {
-        sucesso: false,
-        login: "",
-        senha: "",
-        mensagem: "Erro: Nenhum símbolo encontrado. Crie um símbolo primeiro.",
-      };
-    }
-
-    // Criar funcionário
-    const funcionarioId = await ctx.db.insert("funcionarios", {
-      nome: nomeTeste,
-      cpf: "111.222.333-44",
-      rg: "1234567",
-      nascimento: "1990-05-15",
-      endereco: "Rua de Teste, 123",
-      bairro: "Centro",
-      cidade: "Recife",
-      uf: "PE",
-      cep: "50000-000",
-      telefone: "(81) 98765-4321",
-      email: emailTeste,
-      matricula: loginTeste,
-      admissaoData: "2023-01-15", // Admitido em jan/2023 (quase 2 anos)
-      simboloId: simbolo._id,
-      simboloTipo: simbolo.tipo,
-      statusFerias: "ativo",
-      regimeTrabalho: "clt", // CLT para testar
-      descricaoCargo: "Analista Administrativo",
-      nomePai: "José Silva",
-      nomeMae: "Maria Silva",
-      naturalidade: "Recife",
-      naturalidadeUF: "PE",
-      sexo: "masculino",
-      estadoCivil: "solteiro",
-      nacionalidade: "Brasileira",
-      grauInstrucao: "superior",
-    });
-
-    // Criar usuário
-    const senhaHash = await hashPassword(senhaTeste);
-    const usuarioId = await ctx.db.insert("usuarios", {
-      matricula: loginTeste,
-      senhaHash,
-      nome: nomeTeste,
-      email: emailTeste,
-      funcionarioId,
-      roleId: roleUsuario._id,
-      ativo: true,
-      primeiroAcesso: false, // Já consideramos que fez primeiro acesso
-      criadoEm: Date.now(),
-      atualizadoEm: Date.now(),
-    });
-
-    return {
-      sucesso: true,
-      login: loginTeste,
-      senha: senhaTeste,
-      mensagem: "Usuário de teste criado com sucesso!",
-    };
-  },
-});
-
diff --git a/packages/backend/convex/documentos.ts b/packages/backend/convex/documentos.ts
index 4115e51..3efa9b2 100644
--- a/packages/backend/convex/documentos.ts
+++ b/packages/backend/convex/documentos.ts
@@ -1,5 +1,6 @@
 import { v } from "convex/values";
 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({
@@ -27,7 +28,7 @@ export const updateDocumento = mutation({
     // Atualizar o campo específico do documento
     await ctx.db.patch(args.funcionarioId, {
       [args.campo]: args.storageId,
-    } as any);
+    });
 
     return null;
   },
@@ -72,9 +73,70 @@ export const getDocumentosUrls = query({
       throw new Error("Funcionário não encontrado");
     }
 
-    // Gerar URLs para todos os documentos
-    const urls: Record<string, string | null> = {};
-    const campos = [
+    // Tipo exato do retorno para alinhar com o validator
+    type DocumentUrls = {
+      certidaoAntecedentesPF: string | null;
+      certidaoAntecedentesJFPE: string | null;
+      certidaoAntecedentesSDS: string | null;
+      certidaoAntecedentesTJPE: string | null;
+      certidaoImprobidade: string | null;
+      rgFrente: string | null;
+      rgVerso: string | null;
+      cpfFrente: string | null;
+      cpfVerso: string | null;
+      situacaoCadastralCPF: string | null;
+      tituloEleitorFrente: string | null;
+      tituloEleitorVerso: string | null;
+      comprovanteVotacao: string | null;
+      carteiraProfissionalFrente: string | null;
+      carteiraProfissionalVerso: string | null;
+      comprovantePIS: string | null;
+      certidaoRegistroCivil: string | null;
+      certidaoNascimentoDependentes: string | null;
+      cpfDependentes: string | null;
+      reservistaDoc: string | null;
+      comprovanteEscolaridade: string | null;
+      comprovanteResidencia: string | null;
+      comprovanteContaBradesco: string | null;
+      declaracaoAcumulacaoCargo: string | null;
+      declaracaoDependentesIR: string | null;
+      declaracaoIdoneidade: string | null;
+      termoNepotismo: string | null;
+      termoOpcaoRemuneracao: string | null;
+    };
+
+    const urls: DocumentUrls = {
+      certidaoAntecedentesPF: null,
+      certidaoAntecedentesJFPE: null,
+      certidaoAntecedentesSDS: null,
+      certidaoAntecedentesTJPE: null,
+      certidaoImprobidade: null,
+      rgFrente: null,
+      rgVerso: null,
+      cpfFrente: null,
+      cpfVerso: null,
+      situacaoCadastralCPF: null,
+      tituloEleitorFrente: null,
+      tituloEleitorVerso: null,
+      comprovanteVotacao: null,
+      carteiraProfissionalFrente: null,
+      carteiraProfissionalVerso: null,
+      comprovantePIS: null,
+      certidaoRegistroCivil: null,
+      certidaoNascimentoDependentes: null,
+      cpfDependentes: null,
+      reservistaDoc: null,
+      comprovanteEscolaridade: null,
+      comprovanteResidencia: null,
+      comprovanteContaBradesco: null,
+      declaracaoAcumulacaoCargo: null,
+      declaracaoDependentesIR: null,
+      declaracaoIdoneidade: null,
+      termoNepotismo: null,
+      termoOpcaoRemuneracao: null,
+    };
+
+    const campos: Array<keyof DocumentUrls> = [
       "certidaoAntecedentesPF",
       "certidaoAntecedentesJFPE",
       "certidaoAntecedentesSDS",
@@ -106,7 +168,9 @@ export const getDocumentosUrls = query({
     ];
 
     for (const campo of campos) {
-      const storageId = (funcionario as any)[campo];
+      const storageId = (funcionario as Record<string, unknown>)[campo as string] as
+        | Id<"_storage">
+        | undefined;
       if (storageId) {
         urls[campo] = await ctx.storage.getUrl(storageId);
       } else {
@@ -114,7 +178,7 @@ export const getDocumentosUrls = query({
       }
     }
 
-    return urls as any;
+    return urls;
   },
 });
 
diff --git a/packages/backend/convex/email.ts b/packages/backend/convex/email.ts
index fa58c37..af8208f 100644
--- a/packages/backend/convex/email.ts
+++ b/packages/backend/convex/email.ts
@@ -6,9 +6,43 @@ import {
   internalMutation,
   internalQuery,
 } from "./_generated/server";
-import { Id } from "./_generated/dataModel";
+import { Doc, Id } from "./_generated/dataModel";
+import type { QueryCtx, MutationCtx } from "./_generated/server";
 import { renderizarTemplate } from "./templatesMensagens";
-import { internal } from "./_generated/api";
+import { internal, api } from "./_generated/api";
+
+// ========== HELPERS ==========
+
+/**
+ * Helper function para obter usuário autenticado (Better Auth ou Sessão)
+ */
+async function getUsuarioAutenticado(ctx: QueryCtx | MutationCtx): Promise<Doc<"usuarios"> | null> {
+  // Tentar autenticação via Better Auth primeiro
+  const identity = await ctx.auth.getUserIdentity();
+  let usuarioAtual: Doc<"usuarios"> | null = null;
+
+  if (identity && identity.email) {
+    usuarioAtual = await ctx.db
+      .query("usuarios")
+      .withIndex("by_email", (q) => q.eq("email", identity.email!))
+      .first();
+  }
+
+  // Se não encontrou via Better Auth, tentar via sessão mais recente
+  if (!usuarioAtual) {
+    const sessaoAtiva = await ctx.db
+      .query("sessoes")
+      .filter((q) => q.eq(q.field("ativo"), true))
+      .order("desc")
+      .first();
+
+    if (sessaoAtiva) {
+      usuarioAtual = await ctx.db.get(sessaoAtiva.usuarioId);
+    }
+  }
+
+  return usuarioAtual;
+}
 
 /**
  * Enfileirar email para envio
@@ -21,6 +55,7 @@ export const enfileirarEmail = mutation({
     corpo: v.string(),
     templateId: v.optional(v.id("templatesMensagens")),
     enviadoPorId: v.id("usuarios"),
+    agendadaPara: v.optional(v.number()), // timestamp opcional para agendamento
   },
   returns: v.object({
     sucesso: v.boolean(),
@@ -33,6 +68,13 @@ export const enfileirarEmail = mutation({
       return { sucesso: false };
     }
 
+    // Validar agendamento se fornecido
+    if (args.agendadaPara !== undefined) {
+      if (args.agendadaPara <= Date.now()) {
+        return { sucesso: false };
+      }
+    }
+
     // Adicionar à fila
     const emailId = await ctx.db.insert("notificacoesEmail", {
       destinatario: args.destinatario,
@@ -44,8 +86,23 @@ export const enfileirarEmail = mutation({
       tentativas: 0,
       enviadoPor: args.enviadoPorId,
       criadoEm: Date.now(),
+      agendadaPara: args.agendadaPara,
     });
 
+    // Agendar envio
+    if (args.agendadaPara !== undefined) {
+      // Agendar para o momento especificado
+      const delayMs = args.agendadaPara - Date.now();
+      await ctx.scheduler.runAfter(delayMs, api.actions.email.enviar, {
+        emailId,
+      });
+    } else {
+      // Envio imediato
+      await ctx.scheduler.runAfter(0, api.actions.email.enviar, {
+        emailId,
+      });
+    }
+
     return { sucesso: true, emailId };
   },
 });
@@ -58,8 +115,9 @@ export const enviarEmailComTemplate = mutation({
     destinatario: v.string(),
     destinatarioId: v.optional(v.id("usuarios")),
     templateCodigo: v.string(),
-    variaveis: v.any(), // Record<string, string>
+    variaveis: v.record(v.string(), v.string()),
     enviadoPorId: v.id("usuarios"),
+    agendadaPara: v.optional(v.number()), // timestamp opcional para agendamento
   },
   returns: v.object({
     sucesso: v.boolean(),
@@ -77,6 +135,13 @@ export const enviarEmailComTemplate = mutation({
       return { sucesso: false };
     }
 
+    // Validar agendamento se fornecido
+    if (args.agendadaPara !== undefined) {
+      if (args.agendadaPara <= Date.now()) {
+        return { sucesso: false };
+      }
+    }
+
     // Renderizar template
     const assunto = renderizarTemplate(template.titulo, args.variaveis);
     const corpo = renderizarTemplate(template.corpo, args.variaveis);
@@ -92,8 +157,23 @@ export const enviarEmailComTemplate = mutation({
       tentativas: 0,
       enviadoPor: args.enviadoPorId,
       criadoEm: Date.now(),
+      agendadaPara: args.agendadaPara,
     });
 
+    // Agendar envio
+    if (args.agendadaPara !== undefined) {
+      // Agendar para o momento especificado
+      const delayMs = args.agendadaPara - Date.now();
+      await ctx.scheduler.runAfter(delayMs, api.actions.email.enviar, {
+        emailId,
+      });
+    } else {
+      // Envio imediato
+      await ctx.scheduler.runAfter(0, api.actions.email.enviar, {
+        emailId,
+      });
+    }
+
     return { sucesso: true, emailId };
   },
 });
@@ -113,7 +193,7 @@ export const listarFilaEmails = query({
     ),
     limite: v.optional(v.number()),
   },
-  returns: v.array(v.any()),
+  // Tipo inferido automaticamente pelo Convex
   handler: async (ctx, args) => {
     if (args.status) {
       const emails = await ctx.db
@@ -140,11 +220,21 @@ export const reenviarEmail = mutation({
   args: {
     emailId: v.id("notificacoesEmail"),
   },
-  returns: v.object({ sucesso: v.boolean() }),
-  handler: async (ctx, args) => {
+  returns: v.object({ sucesso: v.boolean(), erro: v.optional(v.string()) }),
+  handler: async (ctx, args): Promise<{ sucesso: boolean; erro?: string }> => {
     const email = await ctx.db.get(args.emailId);
     if (!email) {
-      return { sucesso: false };
+      return { sucesso: false, erro: "Email não encontrado" };
+    }
+
+    // Verificar se o email não foi enviado com sucesso ainda
+    if (email.status === "enviado") {
+      return { sucesso: false, erro: "Este email já foi enviado com sucesso" };
+    }
+
+    // Verificar se ainda não excedeu o limite de tentativas (max 3)
+    if ((email.tentativas || 0) >= 3 && email.status !== "falha") {
+      return { sucesso: false, erro: "Número máximo de tentativas excedido. Crie um novo email." };
     }
 
     // Resetar status para pendente
@@ -155,6 +245,57 @@ export const reenviarEmail = mutation({
       erroDetalhes: undefined,
     });
 
+    // Agendar envio imediato
+    await ctx.scheduler.runAfter(0, api.actions.email.enviar, {
+      emailId: args.emailId,
+    });
+
+    return { sucesso: true };
+  },
+});
+
+/**
+ * Cancelar agendamento de email
+ */
+export const cancelarAgendamentoEmail = mutation({
+  args: {
+    emailId: v.id("notificacoesEmail"),
+  },
+  returns: v.object({ sucesso: v.boolean(), erro: v.optional(v.string()) }),
+  handler: async (ctx, args): Promise<{ sucesso: boolean; erro?: string }> => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) {
+      return { sucesso: false, erro: "Usuário não autenticado" };
+    }
+
+    const email = await ctx.db.get(args.emailId);
+    if (!email) {
+      return { sucesso: false, erro: "Email não encontrado" };
+    }
+
+    // Verificar se o email pertence ao usuário atual
+    if (email.enviadoPor !== usuarioAtual._id) {
+      return { sucesso: false, erro: "Você não tem permissão para cancelar este agendamento" };
+    }
+
+    // Verificar se o email está agendado
+    if (!email.agendadaPara) {
+      return { sucesso: false, erro: "Este email não está agendado" };
+    }
+
+    // Verificar se ainda não foi enviado
+    if (email.status === "enviado") {
+      return { sucesso: false, erro: "Este email já foi enviado" };
+    }
+
+    // Verificar se já passou a data de agendamento
+    if (email.agendadaPara <= Date.now()) {
+      return { sucesso: false, erro: "A data de agendamento já passou" };
+    }
+
+    // Deletar o email agendado
+    await ctx.db.delete(args.emailId);
+
     return { sucesso: true };
   },
 });
@@ -166,15 +307,137 @@ export const reenviarEmail = mutation({
  */
 export const getEmailById = internalQuery({
   args: { emailId: v.id("notificacoesEmail") },
-  returns: v.union(v.any(), v.null()),
+  // Tipo inferido automaticamente pelo Convex
   handler: async (ctx, args) => {
     return await ctx.db.get(args.emailId);
   },
 });
 
+/**
+ * Buscar emails por IDs (query pública)
+ */
+export const buscarEmailsPorIds = query({
+  args: {
+    emailIds: v.array(v.id("notificacoesEmail")),
+  },
+  handler: async (ctx, args): Promise<Doc<"notificacoesEmail">[]> => {
+    const emails: Doc<"notificacoesEmail">[] = [];
+    for (const emailId of args.emailIds) {
+      const email = await ctx.db.get(emailId);
+      if (email) {
+        emails.push(email);
+      }
+    }
+    return emails;
+  },
+});
+
+/**
+ * Obter estatísticas da fila de emails
+ */
+export const obterEstatisticasFilaEmails = query({
+  args: {},
+  returns: v.object({
+    total: v.number(),
+    pendentes: v.number(),
+    enviando: v.number(),
+    enviados: v.number(),
+    falhas: v.number(),
+    comErro: v.number(),
+    ultimaExecucaoCron: v.optional(v.number()),
+  }),
+  handler: async (ctx) => {
+    const todosEmails = await ctx.db
+      .query("notificacoesEmail")
+      .collect();
+
+    const estatisticas = {
+      total: todosEmails.length,
+      pendentes: 0,
+      enviando: 0,
+      enviados: 0,
+      falhas: 0,
+      comErro: 0,
+    };
+
+    for (const email of todosEmails) {
+      switch (email.status) {
+        case "pendente":
+          estatisticas.pendentes++;
+          break;
+        case "enviando":
+          estatisticas.enviando++;
+          break;
+        case "enviado":
+          estatisticas.enviados++;
+          break;
+        case "falha":
+          estatisticas.falhas++;
+          if (email.erroDetalhes) {
+            estatisticas.comErro++;
+          }
+          break;
+      }
+    }
+
+    return estatisticas;
+  },
+});
+
+/**
+ * Listar agendamentos de email do usuário atual
+ */
+export const listarAgendamentosEmail = query({
+  args: {},
+  handler: async (ctx): Promise<Array<Doc<"notificacoesEmail"> & { destinatarioInfo: Doc<"usuarios"> | null; templateInfo: Doc<"templatesMensagens"> | null }>> => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) {
+      return [];
+    }
+
+    // Buscar todos os emails do usuário
+    const todosEmails = await ctx.db
+      .query("notificacoesEmail")
+      .withIndex("by_enviado_por", (q) => q.eq("enviadoPor", usuarioAtual._id))
+      .collect();
+
+    // Filtrar apenas os que têm agendamento (passados ou futuros)
+    const emailsAgendados = todosEmails.filter((email) => email.agendadaPara !== undefined);
+
+    // Enriquecer com informações do destinatário e template
+    const emailsEnriquecidos = await Promise.all(
+      emailsAgendados.map(async (email) => {
+        let destinatarioInfo: Doc<"usuarios"> | null = null;
+        let templateInfo: Doc<"templatesMensagens"> | null = null;
+
+        if (email.destinatarioId) {
+          destinatarioInfo = await ctx.db.get(email.destinatarioId);
+        }
+
+        if (email.templateId) {
+          templateInfo = await ctx.db.get(email.templateId);
+        }
+
+        return {
+          ...email,
+          destinatarioInfo,
+          templateInfo,
+        };
+      })
+    );
+
+    // Ordenar por data de agendamento (mais próximos primeiro)
+    return emailsEnriquecidos.sort((a, b) => {
+      const dataA = a.agendadaPara ?? 0;
+      const dataB = b.agendadaPara ?? 0;
+      return dataA - dataB;
+    });
+  },
+});
+
 export const getActiveEmailConfig = internalQuery({
   args: {},
-  returns: v.union(v.any(), v.null()),
+  // Tipo inferido automaticamente pelo Convex
   handler: async (ctx) => {
     return await ctx.db
       .query("configuracaoEmail")
@@ -183,14 +446,39 @@ export const getActiveEmailConfig = internalQuery({
   },
 });
 
+// Query interna para obter configuração com senha descriptografada
+export const getActiveEmailConfigWithPassword = internalQuery({
+  args: {},
+  handler: async (ctx) => {
+    const { decryptSMTPPassword } = await import("./auth/utils");
+    const config = await ctx.db
+      .query("configuracaoEmail")
+      .withIndex("by_ativo", (q) => q.eq("ativo", true))
+      .first();
+
+    if (!config) {
+      return null;
+    }
+
+    // Descriptografar senha
+    const senhaDescriptografada = await decryptSMTPPassword(config.senhaHash);
+
+    return {
+      ...config,
+      senha: senhaDescriptografada,
+    };
+  },
+});
+
 export const markEmailEnviando = internalMutation({
   args: { emailId: v.id("notificacoesEmail") },
   returns: v.null(),
   handler: async (ctx, args) => {
     const email = await ctx.db.get(args.emailId);
+    if (!email) return null;
     await ctx.db.patch(args.emailId, {
       status: "enviando",
-      tentativas: ((email as any)?.tentativas || 0) + 1,
+      tentativas: (email.tentativas || 0) + 1,
       ultimaTentativa: Date.now(),
     });
     return null;
@@ -214,121 +502,40 @@ export const markEmailFalha = internalMutation({
   returns: v.null(),
   handler: async (ctx, args) => {
     const email = await ctx.db.get(args.emailId);
+    if (!email) return null;
     await ctx.db.patch(args.emailId, {
       status: "falha",
       erroDetalhes: args.erro,
-      tentativas: ((email as any)?.tentativas || 0) + 1,
+      tentativas: (email.tentativas || 0) + 1,
     });
     return null;
   },
 });
 
-export const enviarEmailAction = action({
-  args: {
-    emailId: v.id("notificacoesEmail"),
-  },
-  returns: v.object({ sucesso: v.boolean(), erro: v.optional(v.string()) }),
-  handler: async (ctx, args) => {
-    "use node";
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    const nodemailer = require("nodemailer");
-
-    try {
-      // Buscar email da fila
-      const email = await ctx.runQuery(internal.email.getEmailById, {
-        emailId: args.emailId,
-      });
-
-      if (!email) {
-        return { sucesso: false, erro: "Email não encontrado" };
-      }
-
-      // Buscar configuração SMTP
-      const config = await ctx.runQuery(
-        internal.email.getActiveEmailConfig,
-        {}
-      );
-
-      if (!config) {
-        return {
-          sucesso: false,
-          erro: "Configuração de email não encontrada ou inativa",
-        };
-      }
-
-      if (!config.testadoEm) {
-        return {
-          sucesso: false,
-          erro: "Configuração SMTP não foi testada. Teste a conexão primeiro!",
-        };
-      }
-
-      // Marcar como enviando
-      await ctx.runMutation(internal.email.markEmailEnviando, {
-        emailId: args.emailId,
-      });
-
-      // Criar transporter do nodemailer
-      const transporter = nodemailer.createTransport({
-        host: (config as any).smtpHost,
-        port: (config as any).smtpPort,
-        secure: (config as any).smtpSecure,
-        auth: {
-          user: (config as any).smtpUser,
-          pass: (config as any).smtpPassword,
-        },
-        tls: {
-          rejectUnauthorized: false,
-        },
-      });
-
-      // Enviar email REAL
-      const info = await transporter.sendMail({
-        from: `"${(config as any).remetenteNome}" <${(config as any).remetenteEmail}>`,
-        to: (email as any).destinatario,
-        subject: (email as any).assunto,
-        html: (email as any).corpo,
-      });
-
-      console.log("✅ Email enviado com sucesso!");
-      console.log("  Para:", (email as any).destinatario);
-      console.log("  Assunto:", (email as any).assunto);
-      console.log("  Message ID:", info.messageId);
-
-      // Marcar como enviado
-      await ctx.runMutation(internal.email.markEmailEnviado, {
-        emailId: args.emailId,
-      });
-
-      return { sucesso: true };
-    } catch (error: any) {
-      console.error("❌ Erro ao enviar email:", error.message);
-
-      // Marcar como falha
-      await ctx.runMutation(internal.email.markEmailFalha, {
-        emailId: args.emailId,
-        erro: error.message || "Erro ao enviar email",
-      });
-
-      return { sucesso: false, erro: error.message || "Erro ao enviar email" };
-    }
-  },
-});
+// Action de envio foi movida para `actions/email.ts`
 
 /**
  * Processar fila de emails (cron job - processa emails pendentes)
  */
 export const processarFilaEmails = internalMutation({
   args: {},
-  returns: v.object({ processados: v.number() }),
+  returns: v.object({ processados: v.number(), falhas: v.number() }),
   handler: async (ctx) => {
-    // Buscar emails pendentes (max 10 por execução)
+    // Buscar emails pendentes que não estão agendados para o futuro (max 10 por execução)
+    const agora = Date.now();
     const emailsPendentes = await ctx.db
       .query("notificacoesEmail")
       .withIndex("by_status", (q) => q.eq("status", "pendente"))
+      .filter((q) => 
+        q.or(
+          q.eq(q.field("agendadaPara"), undefined),
+          q.lte(q.field("agendadaPara"), agora)
+        )
+      )
       .take(10);
 
     let processados = 0;
+    let falhas = 0;
 
     for (const email of emailsPendentes) {
       // Verificar se não excedeu tentativas (max 3)
@@ -337,23 +544,115 @@ export const processarFilaEmails = internalMutation({
           status: "falha",
           erroDetalhes: "Número máximo de tentativas excedido",
         });
+        falhas++;
         continue;
       }
 
       // Agendar envio via action
-      // IMPORTANTE: Não podemos chamar action diretamente de mutation
-      // Por isso, usaremos o scheduler
-      await ctx.scheduler.runAfter(0, "email:enviarEmailAction" as any, {
-        emailId: email._id,
-      });
-
-      processados++;
+      try {
+        await ctx.scheduler.runAfter(0, api.actions.email.enviar, {
+          emailId: email._id,
+        });
+        processados++;
+      } catch (error) {
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        console.error(`Erro ao agendar email ${email._id}:`, errorMessage);
+        await ctx.db.patch(email._id, {
+          status: "falha",
+          erroDetalhes: `Erro ao agendar envio: ${errorMessage}`,
+          tentativas: (email.tentativas || 0) + 1,
+        });
+        falhas++;
+      }
     }
 
-    console.log(
-      `📧 Fila de emails processada: ${processados} emails agendados para envio`
-    );
+    if (processados > 0 || falhas > 0) {
+      console.log(
+        `📧 Fila de emails processada: ${processados} emails agendados, ${falhas} falhas`
+      );
+    }
 
-    return { processados };
+    return { processados, falhas };
+  },
+});
+
+/**
+ * Processar fila de emails manualmente (para testes e envio imediato)
+ */
+export const processarFilaEmailsManual = mutation({
+  args: {
+    limite: v.optional(v.number()),
+  },
+  returns: v.object({ 
+    sucesso: v.boolean(), 
+    processados: v.number(), 
+    falhas: v.number(),
+    erro: v.optional(v.string()) 
+  }),
+  handler: async (ctx, args): Promise<{ 
+    sucesso: boolean; 
+    processados: number; 
+    falhas: number; 
+    erro?: string 
+  }> => {
+    const usuarioAtual = await getUsuarioAutenticado(ctx);
+    if (!usuarioAtual) {
+      return { sucesso: false, processados: 0, falhas: 0, erro: "Usuário não autenticado" };
+    }
+
+    // Verificar se usuário tem permissão (TI_MASTER ou admin)
+    const role = await ctx.db.get(usuarioAtual.roleId);
+    if (!role || (role.nivel !== 0 && role.nivel !== 1)) {
+      return { sucesso: false, processados: 0, falhas: 0, erro: "Permissão negada" };
+    }
+
+    const limite = args.limite || 10;
+    const agora = Date.now();
+    
+    // Buscar emails pendentes que não estão agendados para o futuro
+    const emailsPendentes = await ctx.db
+      .query("notificacoesEmail")
+      .withIndex("by_status", (q) => q.eq("status", "pendente"))
+      .filter((q) => 
+        q.or(
+          q.eq(q.field("agendadaPara"), undefined),
+          q.lte(q.field("agendadaPara"), agora)
+        )
+      )
+      .take(limite);
+
+    let processados = 0;
+    let falhas = 0;
+
+    for (const email of emailsPendentes) {
+      // Verificar se não excedeu tentativas (max 3)
+      if ((email.tentativas || 0) >= 3) {
+        await ctx.db.patch(email._id, {
+          status: "falha",
+          erroDetalhes: "Número máximo de tentativas excedido",
+        });
+        falhas++;
+        continue;
+      }
+
+      // Agendar envio via action
+      try {
+        await ctx.scheduler.runAfter(0, api.actions.email.enviar, {
+          emailId: email._id,
+        });
+        processados++;
+      } catch (error) {
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        console.error(`Erro ao agendar email ${email._id}:`, errorMessage);
+        await ctx.db.patch(email._id, {
+          status: "falha",
+          erroDetalhes: `Erro ao agendar envio: ${errorMessage}`,
+          tentativas: (email.tentativas || 0) + 1,
+        });
+        falhas++;
+      }
+    }
+
+    return { sucesso: true, processados, falhas };
   },
 });
diff --git a/packages/backend/convex/ferias.ts b/packages/backend/convex/ferias.ts
index 5c0437d..d08633f 100644
--- a/packages/backend/convex/ferias.ts
+++ b/packages/backend/convex/ferias.ts
@@ -1,7 +1,7 @@
 import { v } from "convex/values";
 import { mutation, query, internalMutation } from "./_generated/server";
 import { internal } from "./_generated/api";
-import { Id } from "./_generated/dataModel";
+import { Id, Doc } from "./_generated/dataModel";
 
 // Validador para períodos
 const periodoValidator = v.object({
@@ -11,28 +11,30 @@ const periodoValidator = v.object({
 });
 
 // Query: Listar TODAS as solicitações (para RH)
+// Retorna tipo inferido automaticamente pelo Convex
 export const listarTodas = query({
   args: {},
-  returns: v.array(v.any()),
   handler: async (ctx) => {
     const solicitacoes = await ctx.db.query("solicitacoesFerias").collect();
-    
+
     const solicitacoesComDetalhes = await Promise.all(
       solicitacoes.map(async (s) => {
         const funcionario = await ctx.db.get(s.funcionarioId);
-        
+
         // Buscar time do funcionário
         const membroTime = await ctx.db
           .query("timesMembros")
-          .withIndex("by_funcionario", (q) => q.eq("funcionarioId", s.funcionarioId))
+          .withIndex("by_funcionario", (q) =>
+            q.eq("funcionarioId", s.funcionarioId)
+          )
           .filter((q) => q.eq(q.field("ativo"), true))
           .first();
-        
+
         let time = null;
         if (membroTime) {
           time = await ctx.db.get(membroTime.timeId);
         }
-        
+
         return {
           ...s,
           funcionario,
@@ -40,28 +42,61 @@ export const listarTodas = query({
         };
       })
     );
-    
-    return solicitacoesComDetalhes.sort((a, b) => b._creationTime - a._creationTime);
+
+    return solicitacoesComDetalhes.sort(
+      (a, b) => b._creationTime - a._creationTime
+    );
   },
 });
 
 // Query: Listar solicitações do funcionário
 export const listarMinhasSolicitacoes = query({
   args: { funcionarioId: v.id("funcionarios") },
-  returns: v.array(v.any()),
+  // returns não especificado - TypeScript inferirá automaticamente o tipo correto
   handler: async (ctx, args) => {
-    return await ctx.db
+    const solicitacoes = await ctx.db
       .query("solicitacoesFerias")
-      .withIndex("by_funcionario", (q) => q.eq("funcionarioId", args.funcionarioId))
+      .withIndex("by_funcionario", (q) =>
+        q.eq("funcionarioId", args.funcionarioId)
+      )
       .order("desc")
       .collect();
+
+    // Enriquecer com dados do funcionário e time
+    const solicitacoesComDetalhes = await Promise.all(
+      solicitacoes.map(async (s) => {
+        const funcionario = await ctx.db.get(s.funcionarioId);
+        
+        // Buscar time do funcionário
+        const membroTime = await ctx.db
+          .query("timesMembros")
+          .withIndex("by_funcionario", (q) =>
+            q.eq("funcionarioId", s.funcionarioId)
+          )
+          .filter((q) => q.eq(q.field("ativo"), true))
+          .first();
+
+        let time = null;
+        if (membroTime) {
+          time = await ctx.db.get(membroTime.timeId);
+        }
+
+        return {
+          ...s,
+          funcionario,
+          time,
+        };
+      })
+    );
+
+    return solicitacoesComDetalhes;
   },
 });
 
 // Query: Listar solicitações dos subordinados (para gestores)
+// Retorna tipo inferido automaticamente pelo Convex
 export const listarSolicitacoesSubordinados = query({
   args: { gestorId: v.id("usuarios") },
-  returns: v.array(v.any()),
   handler: async (ctx, args) => {
     // Buscar times onde o usuário é gestor
     const timesGestor = await ctx.db
@@ -69,23 +104,30 @@ export const listarSolicitacoesSubordinados = query({
       .withIndex("by_gestor", (q) => q.eq("gestorId", args.gestorId))
       .filter((q) => q.eq(q.field("ativo"), true))
       .collect();
-    
-    const solicitacoes: Array<any> = [];
-    
+
+    const solicitacoes: Array<Doc<"solicitacoesFerias"> & {
+      funcionario: Doc<"funcionarios"> | null;
+      time: Doc<"times"> | null;
+    }> = [];
+
     for (const time of timesGestor) {
       // Buscar membros do time
       const membros = await ctx.db
         .query("timesMembros")
-        .withIndex("by_time_and_ativo", (q) => q.eq("timeId", time._id).eq("ativo", true))
+        .withIndex("by_time_and_ativo", (q) =>
+          q.eq("timeId", time._id).eq("ativo", true)
+        )
         .collect();
-      
+
       // Buscar solicitações de cada membro
       for (const membro of membros) {
         const solic = await ctx.db
           .query("solicitacoesFerias")
-          .withIndex("by_funcionario", (q) => q.eq("funcionarioId", membro.funcionarioId))
+          .withIndex("by_funcionario", (q) =>
+            q.eq("funcionarioId", membro.funcionarioId)
+          )
           .collect();
-        
+
         // Adicionar info do funcionário
         for (const s of solic) {
           const funcionario = await ctx.db.get(s.funcionarioId);
@@ -97,25 +139,25 @@ export const listarSolicitacoesSubordinados = query({
         }
       }
     }
-    
+
     return solicitacoes.sort((a, b) => b._creationTime - a._creationTime);
   },
 });
 
 // Query: Obter detalhes completos de uma solicitação
+// Retorna tipo inferido automaticamente pelo Convex
 export const obterDetalhes = query({
   args: { solicitacaoId: v.id("solicitacoesFerias") },
-  returns: v.union(v.any(), v.null()),
   handler: async (ctx, args) => {
     const solicitacao = await ctx.db.get(args.solicitacaoId);
     if (!solicitacao) return null;
-    
+
     const funcionario = await ctx.db.get(solicitacao.funcionarioId);
     let gestor = null;
     if (solicitacao.gestorId) {
       gestor = await ctx.db.get(solicitacao.gestorId);
     }
-    
+
     return {
       ...solicitacao,
       funcionario,
@@ -137,42 +179,46 @@ export const criarSolicitacao = mutation({
     if (args.periodos.length === 0) {
       throw new Error("É necessário adicionar pelo menos 1 período");
     }
-    
+
     const funcionario = await ctx.db.get(args.funcionarioId);
     if (!funcionario) throw new Error("Funcionário não encontrado");
-    
+
     // Calcular total de dias
     let totalDias = 0;
     for (const p of args.periodos) {
       totalDias += p.diasCorridos;
     }
-    
+
     // Reservar dias no saldo (impede uso duplo)
     await ctx.runMutation(internal.saldoFerias.reservarDias, {
       funcionarioId: args.funcionarioId,
       anoReferencia: args.anoReferencia,
       totalDias,
     });
-    
+
     // Buscar usuário que está criando (pode não ser o próprio funcionário)
     const usuario = await ctx.db
       .query("usuarios")
-      .withIndex("by_funcionarioId", (q) => q.eq("funcionarioId", args.funcionarioId))
+      .withIndex("by_funcionarioId", (q) =>
+        q.eq("funcionarioId", args.funcionarioId)
+      )
       .first();
-    
+
     const solicitacaoId = await ctx.db.insert("solicitacoesFerias", {
       funcionarioId: args.funcionarioId,
       anoReferencia: args.anoReferencia,
       status: "aguardando_aprovacao",
       periodos: args.periodos,
       observacao: args.observacao,
-      historicoAlteracoes: [{
-        data: Date.now(),
-        usuarioId: usuario?._id || funcionario.gestorId!,
-        acao: "Solicitação criada",
-      }],
+      historicoAlteracoes: [
+        {
+          data: Date.now(),
+          usuarioId: usuario?._id || funcionario.gestorId!,
+          acao: "Solicitação criada",
+        },
+      ],
     });
-    
+
     // Notificar gestor
     if (funcionario.gestorId) {
       await ctx.db.insert("notificacoesFerias", {
@@ -183,7 +229,7 @@ export const criarSolicitacao = mutation({
         mensagem: `${funcionario.nome} solicitou férias`,
       });
     }
-    
+
     return solicitacaoId;
   },
 });
@@ -198,13 +244,13 @@ export const aprovar = mutation({
   handler: async (ctx, args) => {
     const solicitacao = await ctx.db.get(args.solicitacaoId);
     if (!solicitacao) throw new Error("Solicitação não encontrada");
-    
+
     if (solicitacao.status !== "aguardando_aprovacao") {
       throw new Error("Esta solicitação já foi processada");
     }
-    
+
     const funcionario = await ctx.db.get(solicitacao.funcionarioId);
-    
+
     await ctx.db.patch(args.solicitacaoId, {
       status: "aprovado",
       gestorId: args.gestorId,
@@ -218,19 +264,21 @@ export const aprovar = mutation({
         },
       ],
     });
-    
+
     // Atualizar saldo (de pendente para usado)
     await ctx.runMutation(internal.saldoFerias.atualizarSaldoAposAprovacao, {
       solicitacaoId: args.solicitacaoId,
     });
-    
+
     // Notificar funcionário
     if (funcionario) {
       const usuario = await ctx.db
         .query("usuarios")
-        .withIndex("by_funcionarioId", (q) => q.eq("funcionarioId", funcionario._id))
+        .withIndex("by_funcionarioId", (q) =>
+          q.eq("funcionarioId", funcionario._id)
+        )
         .first();
-      
+
       if (usuario) {
         await ctx.db.insert("notificacoesFerias", {
           destinatarioId: usuario._id,
@@ -241,7 +289,7 @@ export const aprovar = mutation({
         });
       }
     }
-    
+
     return null;
   },
 });
@@ -257,13 +305,13 @@ export const reprovar = mutation({
   handler: async (ctx, args) => {
     const solicitacao = await ctx.db.get(args.solicitacaoId);
     if (!solicitacao) throw new Error("Solicitação não encontrada");
-    
+
     if (solicitacao.status !== "aguardando_aprovacao") {
       throw new Error("Esta solicitação já foi processada");
     }
-    
+
     const funcionario = await ctx.db.get(solicitacao.funcionarioId);
-    
+
     await ctx.db.patch(args.solicitacaoId, {
       status: "reprovado",
       gestorId: args.gestorId,
@@ -278,19 +326,21 @@ export const reprovar = mutation({
         },
       ],
     });
-    
+
     // Liberar dias reservados de volta ao saldo
     await ctx.runMutation(internal.saldoFerias.liberarDias, {
       solicitacaoId: args.solicitacaoId,
     });
-    
+
     // Notificar funcionário
     if (funcionario) {
       const usuario = await ctx.db
         .query("usuarios")
-        .withIndex("by_funcionarioId", (q) => q.eq("funcionarioId", funcionario._id))
+        .withIndex("by_funcionarioId", (q) =>
+          q.eq("funcionarioId", funcionario._id)
+        )
         .first();
-      
+
       if (usuario) {
         await ctx.db.insert("notificacoesFerias", {
           destinatarioId: usuario._id,
@@ -301,7 +351,7 @@ export const reprovar = mutation({
         });
       }
     }
-    
+
     return null;
   },
 });
@@ -317,34 +367,34 @@ export const ajustarEAprovar = mutation({
   handler: async (ctx, args) => {
     const solicitacao = await ctx.db.get(args.solicitacaoId);
     if (!solicitacao) throw new Error("Solicitação não encontrada");
-    
+
     if (solicitacao.status !== "aguardando_aprovacao") {
       throw new Error("Esta solicitação já foi processada");
     }
-    
+
     if (args.novosPeriodos.length === 0) {
       throw new Error("É necessário adicionar pelo menos 1 período");
     }
-    
+
     const funcionario = await ctx.db.get(solicitacao.funcionarioId);
-    
+
     // Liberar dias antigos
     await ctx.runMutation(internal.saldoFerias.liberarDias, {
       solicitacaoId: args.solicitacaoId,
     });
-    
+
     // Calcular novos dias e reservar
     let totalNovosDias = 0;
     for (const p of args.novosPeriodos) {
       totalNovosDias += p.diasCorridos;
     }
-    
+
     await ctx.runMutation(internal.saldoFerias.reservarDias, {
       funcionarioId: solicitacao.funcionarioId,
       anoReferencia: solicitacao.anoReferencia,
       totalDias: totalNovosDias,
     });
-    
+
     await ctx.db.patch(args.solicitacaoId, {
       status: "data_ajustada_aprovada",
       periodos: args.novosPeriodos,
@@ -360,19 +410,21 @@ export const ajustarEAprovar = mutation({
         },
       ],
     });
-    
+
     // Atualizar saldo (marcar como usado)
     await ctx.runMutation(internal.saldoFerias.atualizarSaldoAposAprovacao, {
       solicitacaoId: args.solicitacaoId,
     });
-    
+
     // Notificar funcionário
     if (funcionario) {
       const usuario = await ctx.db
         .query("usuarios")
-        .withIndex("by_funcionarioId", (q) => q.eq("funcionarioId", funcionario._id))
+        .withIndex("by_funcionarioId", (q) =>
+          q.eq("funcionarioId", funcionario._id)
+        )
         .first();
-      
+
       if (usuario) {
         await ctx.db.insert("notificacoesFerias", {
           destinatarioId: usuario._id,
@@ -383,7 +435,7 @@ export const ajustarEAprovar = mutation({
         });
       }
     }
-    
+
     return null;
   },
 });
@@ -395,38 +447,41 @@ export const verificarStatusFerias = query({
   handler: async (ctx, args) => {
     const hoje = new Date();
     hoje.setHours(0, 0, 0, 0);
-    
+
     const solicitacoesAprovadas = await ctx.db
       .query("solicitacoesFerias")
       .withIndex("by_funcionario_and_status", (q) =>
-        q.eq("funcionarioId", args.funcionarioId)
-          .eq("status", "aprovado")
+        q.eq("funcionarioId", args.funcionarioId).eq("status", "aprovado")
       )
       .collect();
-    
+
     const solicitacoesAjustadas = await ctx.db
       .query("solicitacoesFerias")
       .withIndex("by_funcionario_and_status", (q) =>
-        q.eq("funcionarioId", args.funcionarioId)
+        q
+          .eq("funcionarioId", args.funcionarioId)
           .eq("status", "data_ajustada_aprovada")
       )
       .collect();
-    
-    const todasSolicitacoes = [...solicitacoesAprovadas, ...solicitacoesAjustadas];
-    
+
+    const todasSolicitacoes = [
+      ...solicitacoesAprovadas,
+      ...solicitacoesAjustadas,
+    ];
+
     for (const solicitacao of todasSolicitacoes) {
       for (const periodo of solicitacao.periodos) {
         const inicio = new Date(periodo.dataInicio);
         const fim = new Date(periodo.dataFim);
         inicio.setHours(0, 0, 0, 0);
         fim.setHours(23, 59, 59, 999);
-        
+
         if (hoje >= inicio && hoje <= fim) {
           return "em_ferias";
         }
       }
     }
-    
+
     return "ativo";
   },
 });
@@ -434,7 +489,6 @@ export const verificarStatusFerias = query({
 // Query: Obter notificações não lidas
 export const obterNotificacoesNaoLidas = query({
   args: { usuarioId: v.id("usuarios") },
-  returns: v.array(v.any()),
   handler: async (ctx, args) => {
     return await ctx.db
       .query("notificacoesFerias")
@@ -461,29 +515,30 @@ export const atualizarStatusTodosFuncionarios = internalMutation({
   returns: v.null(),
   handler: async (ctx) => {
     const funcionarios = await ctx.db.query("funcionarios").collect();
-    
+
     for (const func of funcionarios) {
       const hoje = new Date();
       hoje.setHours(0, 0, 0, 0);
-      
+
       const solicitacoesAprovadas = await ctx.db
         .query("solicitacoesFerias")
         .withIndex("by_funcionario_and_status", (q) =>
-          q.eq("funcionarioId", func._id)
-            .eq("status", "aprovado")
+          q.eq("funcionarioId", func._id).eq("status", "aprovado")
         )
         .collect();
-      
+
       const solicitacoesAjustadas = await ctx.db
         .query("solicitacoesFerias")
         .withIndex("by_funcionario_and_status", (q) =>
-          q.eq("funcionarioId", func._id)
-            .eq("status", "data_ajustada_aprovada")
+          q.eq("funcionarioId", func._id).eq("status", "data_ajustada_aprovada")
         )
         .collect();
-      
-      const todasSolicitacoes = [...solicitacoesAprovadas, ...solicitacoesAjustadas];
-      
+
+      const todasSolicitacoes = [
+        ...solicitacoesAprovadas,
+        ...solicitacoesAjustadas,
+      ];
+
       let emFerias = false;
       for (const solicitacao of todasSolicitacoes) {
         for (const periodo of solicitacao.periodos) {
@@ -491,7 +546,7 @@ export const atualizarStatusTodosFuncionarios = internalMutation({
           const fim = new Date(periodo.dataFim);
           inicio.setHours(0, 0, 0, 0);
           fim.setHours(23, 59, 59, 999);
-          
+
           if (hoje >= inicio && hoje <= fim) {
             emFerias = true;
             break;
@@ -499,15 +554,14 @@ export const atualizarStatusTodosFuncionarios = internalMutation({
         }
         if (emFerias) break;
       }
-      
+
       const novoStatus = emFerias ? "em_ferias" : "ativo";
-      
+
       if (func.statusFerias !== novoStatus) {
         await ctx.db.patch(func._id, { statusFerias: novoStatus });
       }
     }
-    
+
     return null;
   },
 });
-
diff --git a/packages/backend/convex/funcionarios.ts b/packages/backend/convex/funcionarios.ts
index 6d6a7ad..47761f6 100644
--- a/packages/backend/convex/funcionarios.ts
+++ b/packages/backend/convex/funcionarios.ts
@@ -38,7 +38,6 @@ const aposentadoValidator = v.optional(
 
 export const getAll = query({
   args: {},
-  returns: v.array(v.any()),
   handler: async (ctx) => {
     // Autorização: listar funcionários
     await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
@@ -47,9 +46,8 @@ export const getAll = query({
     });
     const funcionarios = await ctx.db.query("funcionarios").collect();
     // Retornar apenas os campos necessários para listagem
-    return funcionarios.map((f: any) => ({
+    return funcionarios.map((f) => ({
       _id: f._id,
-      _creationTime: f._creationTime,
       nome: f.nome,
       matricula: f.matricula,
       cpf: f.cpf,
@@ -65,13 +63,14 @@ export const getAll = query({
       simboloTipo: f.simboloTipo,
       admissaoData: f.admissaoData,
       desligamentoData: f.desligamentoData,
+      descricaoCargo: f.descricaoCargo,
     }));
   },
 });
 
 export const getById = query({
   args: { id: v.id("funcionarios") },
-  returns: v.union(v.any(), v.null()),
+  // Tipo inferido automaticamente pelo Convex
   handler: async (ctx, args) => {
     // Autorização: ver funcionário
     await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
@@ -175,6 +174,25 @@ export const create = mutation({
     declaracaoIdoneidade: v.optional(v.id("_storage")),
     termoNepotismo: v.optional(v.id("_storage")),
     termoOpcaoRemuneracao: v.optional(v.id("_storage")),
+    // Dependentes (opcional)
+    dependentes: v.optional(
+      v.array(
+        v.object({
+          parentesco: v.union(
+            v.literal("filho"),
+            v.literal("filha"),
+            v.literal("conjuge"),
+            v.literal("outro")
+          ),
+          nome: v.string(),
+          cpf: v.string(),
+          nascimento: v.string(),
+          documentoId: v.optional(v.id("_storage")),
+          salarioFamilia: v.optional(v.boolean()),
+          impostoRenda: v.optional(v.boolean()),
+        })
+      )
+    ),
   },
   returns: v.id("funcionarios"),
   handler: async (ctx, args) => {
@@ -199,11 +217,13 @@ export const create = mutation({
         .withIndex("by_matricula", (q) => q.eq("matricula", args.matricula))
         .unique();
       if (matriculaExists) {
-        throw new Error("Já existe um funcionário com esta matrícula. Por favor, use outra ou deixe em branco.");
+        throw new Error(
+          "Já existe um funcionário com esta matrícula. Por favor, use outra ou deixe em branco."
+        );
       }
     }
 
-    const novoFuncionarioId = await ctx.db.insert("funcionarios", args as any);
+    const novoFuncionarioId = await ctx.db.insert("funcionarios", args);
     return novoFuncionarioId;
   },
 });
@@ -302,6 +322,25 @@ export const update = mutation({
     declaracaoIdoneidade: v.optional(v.id("_storage")),
     termoNepotismo: v.optional(v.id("_storage")),
     termoOpcaoRemuneracao: v.optional(v.id("_storage")),
+    // Dependentes (opcional)
+    dependentes: v.optional(
+      v.array(
+        v.object({
+          parentesco: v.union(
+            v.literal("filho"),
+            v.literal("filha"),
+            v.literal("conjuge"),
+            v.literal("outro")
+          ),
+          nome: v.string(),
+          cpf: v.string(),
+          nascimento: v.string(),
+          documentoId: v.optional(v.id("_storage")),
+          salarioFamilia: v.optional(v.boolean()),
+          impostoRenda: v.optional(v.boolean()),
+        })
+      )
+    ),
   },
   returns: v.null(),
   handler: async (ctx, args) => {
@@ -326,12 +365,14 @@ export const update = mutation({
         .withIndex("by_matricula", (q) => q.eq("matricula", args.matricula))
         .unique();
       if (matriculaExists && matriculaExists._id !== args.id) {
-        throw new Error("Já existe um funcionário com esta matrícula. Por favor, use outra ou deixe em branco.");
+        throw new Error(
+          "Já existe um funcionário com esta matrícula. Por favor, use outra ou deixe em branco."
+        );
       }
     }
 
     const { id, ...updateData } = args;
-    await ctx.db.patch(id, updateData as any);
+    await ctx.db.patch(id, updateData);
     return null;
   },
 });
@@ -354,7 +395,7 @@ export const remove = mutation({
 // Query para obter ficha completa para impressão
 export const getFichaCompleta = query({
   args: { id: v.id("funcionarios") },
-  returns: v.union(v.any(), v.null()),
+  // Tipo inferido automaticamente pelo Convex
   handler: async (ctx, args) => {
     await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
       recurso: "funcionarios",
@@ -394,11 +435,10 @@ export const getFichaCompleta = query({
         ? {
             nome: simbolo.nome,
             descricao: simbolo.descricao,
-            // campos adicionais, se existirem no símbolo
-            tipo: (simbolo as any).tipo,
-            vencValor: (simbolo as any).vencValor,
-            repValor: (simbolo as any).repValor,
-            valor: (simbolo as any).valor,
+            tipo: simbolo.tipo,
+            vencValor: simbolo.vencValor,
+            repValor: simbolo.repValor,
+            valor: simbolo.valor,
           }
         : null,
       cursos: cursosComUrls,
diff --git a/packages/backend/convex/http.ts b/packages/backend/convex/http.ts
index 185d69c..a4cf87c 100644
--- a/packages/backend/convex/http.ts
+++ b/packages/backend/convex/http.ts
@@ -1,5 +1,150 @@
-import { httpRouter } from "convex/server";
-
-const http = httpRouter();
-
-export default http;
+import { httpRouter } from "convex/server";
+import { httpAction } from "./_generated/server";
+import { internal } from "./_generated/api";
+import { getClientIP } from "./utils/getClientIP";
+import { v } from "convex/values";
+
+const http = httpRouter();
+
+/**
+ * Endpoint de teste para debug - retorna todos os headers disponíveis
+ * GET /api/debug/headers
+ */
+http.route({
+  path: "/api/debug/headers",
+  method: "GET",
+  handler: httpAction(async (ctx, request) => {
+    const headers: Record<string, string> = {};
+    request.headers.forEach((value, key) => {
+      headers[key] = value;
+    });
+    
+    const ip = getClientIP(request);
+    
+    return new Response(
+      JSON.stringify({
+        headers,
+        extractedIP: ip,
+        url: request.url,
+      }),
+      {
+        status: 200,
+        headers: { "Content-Type": "application/json" },
+      }
+    );
+  }),
+});
+
+/**
+ * Endpoint HTTP para login que captura automaticamente o IP do cliente
+ * POST /api/login
+ * Body: { matriculaOuEmail: string, senha: string }
+ */
+http.route({
+  path: "/api/login",
+  method: "POST",
+  handler: httpAction(async (ctx, request) => {
+    try {
+      // Debug: Log todos os headers disponíveis
+      console.log("=== DEBUG: Headers HTTP ===");
+      const headersEntries: string[] = [];
+      request.headers.forEach((value, key) => {
+        headersEntries.push(`${key}: ${value}`);
+      });
+      console.log("Headers:", headersEntries.join(", "));
+      console.log("Request URL:", request.url);
+      
+      // Extrair IP do cliente do request
+      let clientIP = getClientIP(request);
+      console.log("IP extraído:", clientIP);
+      
+      // Se não encontrou IP, tentar obter do URL ou usar valor padrão
+      if (!clientIP) {
+        try {
+          const url = new URL(request.url);
+          // Tentar pegar do query param se disponível
+          const ipParam = url.searchParams.get("client_ip");
+          if (ipParam && /^(\d{1,3}\.){3}\d{1,3}$/.test(ipParam)) {
+            clientIP = ipParam;
+            console.log("IP obtido do query param:", clientIP);
+          } else {
+            // Se ainda não tiver IP, usar um identificador baseado no timestamp
+            // Isso pelo menos diferencia requisições
+            console.warn("IP não encontrado nos headers. Usando fallback.");
+            clientIP = undefined; // Deixar como undefined para registrar como não disponível
+          }
+        } catch {
+          console.warn("Erro ao processar URL para IP");
+        }
+      }
+      
+      // Extrair User-Agent
+      const userAgent = request.headers.get("user-agent") || undefined;
+      
+      // Ler body da requisição
+      const body = await request.json();
+      
+      if (!body.matriculaOuEmail || !body.senha) {
+        return new Response(
+          JSON.stringify({
+            sucesso: false,
+            erro: "Matrícula/Email e senha são obrigatórios",
+          }),
+          {
+            status: 400,
+            headers: { "Content-Type": "application/json" },
+          }
+        );
+      }
+      
+      // Chamar a mutation de login interna com IP e userAgent
+      const resultado = await ctx.runMutation(internal.autenticacao.loginComIP, {
+        matriculaOuEmail: body.matriculaOuEmail,
+        senha: body.senha,
+        ipAddress: clientIP,
+        userAgent: userAgent,
+      });
+      
+      return new Response(JSON.stringify(resultado), {
+        status: 200,
+        headers: {
+          "Content-Type": "application/json",
+          "Access-Control-Allow-Origin": "*",
+          "Access-Control-Allow-Methods": "POST, OPTIONS",
+          "Access-Control-Allow-Headers": "Content-Type",
+        },
+      });
+    } catch (error) {
+      return new Response(
+        JSON.stringify({
+          sucesso: false,
+          erro: error instanceof Error ? error.message : "Erro ao processar login",
+        }),
+        {
+          status: 500,
+          headers: { "Content-Type": "application/json" },
+        }
+      );
+    }
+  }),
+});
+
+/**
+ * Endpoint OPTIONS para CORS preflight
+ */
+http.route({
+  path: "/api/login",
+  method: "OPTIONS",
+  handler: httpAction(async () => {
+    return new Response(null, {
+      status: 200,
+      headers: {
+        "Access-Control-Allow-Origin": "*",
+        "Access-Control-Allow-Methods": "POST, OPTIONS",
+        "Access-Control-Allow-Headers": "Content-Type",
+      },
+    });
+  }),
+});
+
+export default http;
diff --git a/packages/backend/convex/limparPerfisAntigos.ts b/packages/backend/convex/limparPerfisAntigos.ts
index 9ed3797..9e7d53d 100644
--- a/packages/backend/convex/limparPerfisAntigos.ts
+++ b/packages/backend/convex/limparPerfisAntigos.ts
@@ -190,15 +190,6 @@ export const limparPerfisAntigos = internalMutation({
             await ctx.db.delete(perm._id);
           }
 
-          // Remover menu permissões associadas
-          const menuPerms = await ctx.db
-            .query("menuPermissoes")
-            .withIndex("by_role", (q) => q.eq("roleId", role._id))
-            .collect();
-          for (const menuPerm of menuPerms) {
-            await ctx.db.delete(menuPerm._id);
-          }
-
           // Remover o role
           await ctx.db.delete(role._id);
 
diff --git a/packages/backend/convex/logsAcesso.ts b/packages/backend/convex/logsAcesso.ts
index 70e6421..bfa1d76 100644
--- a/packages/backend/convex/logsAcesso.ts
+++ b/packages/backend/convex/logsAcesso.ts
@@ -88,9 +88,14 @@ export const listar = query({
       if (log.usuarioId) {
         const user = await ctx.db.get(log.usuarioId);
         if (user) {
+          let matricula: string | undefined = undefined;
+          if (user.funcionarioId) {
+            const funcionario = await ctx.db.get(user.funcionarioId);
+            matricula = funcionario?.matricula;
+          }
           usuario = {
             _id: user._id,
-            matricula: user.matricula,
+            matricula: matricula || "",
             nome: user.nome,
           };
         }
diff --git a/packages/backend/convex/logsAtividades.ts b/packages/backend/convex/logsAtividades.ts
index 2a87b16..090957a 100644
--- a/packages/backend/convex/logsAtividades.ts
+++ b/packages/backend/convex/logsAtividades.ts
@@ -78,10 +78,15 @@ export const listarAtividades = query({
     const atividadesComUsuarios = await Promise.all(
       atividades.map(async (atividade) => {
         const usuario = await ctx.db.get(atividade.usuarioId);
+        let matricula = "N/A";
+        if (usuario?.funcionarioId) {
+          const funcionario = await ctx.db.get(usuario.funcionarioId);
+          matricula = funcionario?.matricula || "N/A";
+        }
         return {
           ...atividade,
           usuarioNome: usuario?.nome || "Usuário Desconhecido",
-          usuarioMatricula: usuario?.matricula || "N/A",
+          usuarioMatricula: matricula,
         };
       })
     );
@@ -157,10 +162,15 @@ export const obterHistoricoRecurso = query({
     const atividadesComUsuarios = await Promise.all(
       atividades.map(async (atividade) => {
         const usuario = await ctx.db.get(atividade.usuarioId);
+        let matricula = "N/A";
+        if (usuario?.funcionarioId) {
+          const funcionario = await ctx.db.get(usuario.funcionarioId);
+          matricula = funcionario?.matricula || "N/A";
+        }
         return {
           ...atividade,
           usuarioNome: usuario?.nome || "Usuário Desconhecido",
-          usuarioMatricula: usuario?.matricula || "N/A",
+          usuarioMatricula: matricula,
         };
       })
     );
diff --git a/packages/backend/convex/logsLogin.ts b/packages/backend/convex/logsLogin.ts
index acb377d..96259d4 100644
--- a/packages/backend/convex/logsLogin.ts
+++ b/packages/backend/convex/logsLogin.ts
@@ -5,6 +5,35 @@ import { Doc, Id } from "./_generated/dataModel";
 /**
  * Helper para registrar tentativas de login
  */
+/**
+ * Valida se uma string é um IP válido
+ */
+function validarIP(ip: string | undefined): string | undefined {
+  if (!ip || ip.length < 7) return undefined; // IP mínimo: "1.1.1.1" = 7 chars
+  
+  // Validar IPv4
+  const ipv4Regex = /^(\d{1,3}\.){3}\d{1,3}$/;
+  if (ipv4Regex.test(ip)) {
+    const parts = ip.split('.');
+    if (parts.length === 4 && parts.every(part => {
+      const num = parseInt(part, 10);
+      return !isNaN(num) && num >= 0 && num <= 255;
+    })) {
+      return ip;
+    }
+  }
+  
+  // Validar IPv6 básico
+  const ipv6Regex = /^([0-9a-fA-F]{0,4}:){2,7}[0-9a-fA-F]{0,4}$|^::[0-9a-fA-F]{0,4}(:[0-9a-fA-F]{0,4}){0,6}$|^[0-9a-fA-F]{0,4}::[0-9a-fA-F]{0,4}(:[0-9a-fA-F]{0,4}){0,5}$/;
+  if (ipv6Regex.test(ip)) {
+    return ip;
+  }
+  
+  // IP inválido - não salvar
+  console.warn(`IP inválido detectado e ignorado: "${ip}"`);
+  return undefined;
+}
+
 export async function registrarLogin(
   ctx: MutationCtx,
   dados: {
@@ -21,12 +50,15 @@ export async function registrarLogin(
   const browser = dados.userAgent ? extrairBrowser(dados.userAgent) : undefined;
   const sistema = dados.userAgent ? extrairSistema(dados.userAgent) : undefined;
 
+  // Validar e sanitizar IP antes de salvar
+  const ipAddressValidado = validarIP(dados.ipAddress);
+
   await ctx.db.insert("logsLogin", {
     usuarioId: dados.usuarioId,
     matriculaOuEmail: dados.matriculaOuEmail,
     sucesso: dados.sucesso,
     motivoFalha: dados.motivoFalha,
-    ipAddress: dados.ipAddress,
+    ipAddress: ipAddressValidado,
     userAgent: dados.userAgent,
     device,
     browser,
@@ -37,26 +69,182 @@ export async function registrarLogin(
 
 // Helpers para extrair informações do userAgent
 function extrairDevice(userAgent: string): string {
-  if (/mobile/i.test(userAgent)) return "Mobile";
-  if (/tablet/i.test(userAgent)) return "Tablet";
+  const ua = userAgent.toLowerCase();
+  
+  // Detectar dispositivos móveis primeiro
+  if (/mobile|android|iphone|ipod|blackberry|opera mini|iemobile|wpdesktop/i.test(ua)) {
+    // Verificar se é tablet
+    if (/ipad|tablet|playbook|silk|(android(?!.*mobile))/i.test(ua)) {
+      return "Tablet";
+    }
+    return "Mobile";
+  }
+  
+  // Detectar outros dispositivos
+  if (/smart-tv|smarttv|googletv|appletv|roku|chromecast/i.test(ua)) {
+    return "Smart TV";
+  }
+  
+  if (/watch|wear/i.test(ua)) {
+    return "Smart Watch";
+  }
+  
+  // Padrão: Desktop
   return "Desktop";
 }
 
 function extrairBrowser(userAgent: string): string {
-  if (/edg/i.test(userAgent)) return "Edge";
-  if (/chrome/i.test(userAgent)) return "Chrome";
-  if (/firefox/i.test(userAgent)) return "Firefox";
-  if (/safari/i.test(userAgent)) return "Safari";
-  if (/opera/i.test(userAgent)) return "Opera";
+  const ua = userAgent.toLowerCase();
+  
+  // Ordem de detecção é importante (Edge deve vir antes de Chrome)
+  if (/edgios/i.test(ua)) {
+    return "Edge iOS";
+  }
+  
+  if (/edg/i.test(ua)) {
+    // Extrair versão do Edge
+    const match = ua.match(/edg[e\/]([\d.]+)/i);
+    return match ? `Edge ${match[1]}` : "Edge";
+  }
+  
+  if (/opr|opera/i.test(ua)) {
+    const match = ua.match(/(?:opr|opera)[\/\s]([\d.]+)/i);
+    return match ? `Opera ${match[1]}` : "Opera";
+  }
+  
+  if (/chrome|crios/i.test(ua) && !/edg|opr|opera/i.test(ua)) {
+    const match = ua.match(/chrome[/\s]([\d.]+)/i);
+    return match ? `Chrome ${match[1]}` : "Chrome";
+  }
+  
+  if (/firefox|fxios/i.test(ua)) {
+    const match = ua.match(/firefox[/\s]([\d.]+)/i);
+    return match ? `Firefox ${match[1]}` : "Firefox";
+  }
+  
+  if (/safari/i.test(ua) && !/chrome|crios|android/i.test(ua)) {
+    const match = ua.match(/version[/\s]([\d.]+)/i);
+    return match ? `Safari ${match[1]}` : "Safari";
+  }
+  
+  if (/msie|trident/i.test(ua)) {
+    const match = ua.match(/(?:msie |rv:)([\d.]+)/i);
+    return match ? `Internet Explorer ${match[1]}` : "Internet Explorer";
+  }
+  
+  if (/samsungbrowser/i.test(ua)) {
+    return "Samsung Internet";
+  }
+  
+  if (/ucbrowser/i.test(ua)) {
+    return "UC Browser";
+  }
+  
+  if (/micromessenger/i.test(ua)) {
+    return "WeChat";
+  }
+  
+  if (/baiduboxapp/i.test(ua)) {
+    return "Baidu Browser";
+  }
+  
   return "Desconhecido";
 }
 
 function extrairSistema(userAgent: string): string {
-  if (/windows/i.test(userAgent)) return "Windows";
-  if (/mac/i.test(userAgent)) return "MacOS";
-  if (/linux/i.test(userAgent)) return "Linux";
-  if (/android/i.test(userAgent)) return "Android";
-  if (/ios/i.test(userAgent)) return "iOS";
+  const ua = userAgent.toLowerCase();
+  
+  // Windows
+  if (/windows nt 10.0/i.test(ua)) {
+    return "Windows 10/11";
+  }
+  if (/windows nt 6.3/i.test(ua)) {
+    return "Windows 8.1";
+  }
+  if (/windows nt 6.2/i.test(ua)) {
+    return "Windows 8";
+  }
+  if (/windows nt 6.1/i.test(ua)) {
+    return "Windows 7";
+  }
+  if (/windows nt 6.0/i.test(ua)) {
+    return "Windows Vista";
+  }
+  if (/windows nt 5.1/i.test(ua)) {
+    return "Windows XP";
+  }
+  if (/windows/i.test(ua)) {
+    return "Windows";
+  }
+  
+  // macOS
+  if (/macintosh|mac os x/i.test(ua)) {
+    const match = ua.match(/mac os x ([\d_]+)/i);
+    if (match) {
+      const version = match[1].replace(/_/g, '.');
+      return `macOS ${version}`;
+    }
+    return "macOS";
+  }
+  
+  // iOS
+  if (/iphone|ipad|ipod/i.test(ua)) {
+    const match = ua.match(/os ([\d_]+)/i);
+    if (match) {
+      const version = match[1].replace(/_/g, '.');
+      return `iOS ${version}`;
+    }
+    return "iOS";
+  }
+  
+  // Android
+  if (/android/i.test(ua)) {
+    const match = ua.match(/android ([\d.]+)/i);
+    if (match) {
+      return `Android ${match[1]}`;
+    }
+    return "Android";
+  }
+  
+  // Linux
+  if (/linux/i.test(ua)) {
+    // Tentar identificar distribuição
+    if (/ubuntu/i.test(ua)) {
+      return "Ubuntu";
+    }
+    if (/debian/i.test(ua)) {
+      return "Debian";
+    }
+    if (/fedora/i.test(ua)) {
+      return "Fedora";
+    }
+    if (/centos/i.test(ua)) {
+      return "CentOS";
+    }
+    if (/redhat/i.test(ua)) {
+      return "Red Hat";
+    }
+    if (/suse/i.test(ua)) {
+      return "SUSE";
+    }
+    return "Linux";
+  }
+  
+  // Chrome OS
+  if (/cros/i.test(ua)) {
+    return "Chrome OS";
+  }
+  
+  // BlackBerry
+  if (/blackberry/i.test(ua)) {
+    return "BlackBerry OS";
+  }
+  
+  // Windows Phone
+  if (/windows phone/i.test(ua)) {
+    return "Windows Phone";
+  }
+  
   return "Desconhecido";
 }
 
diff --git a/packages/backend/convex/migrarParaTimes.ts b/packages/backend/convex/migrarParaTimes.ts
deleted file mode 100644
index df26043..0000000
--- a/packages/backend/convex/migrarParaTimes.ts
+++ /dev/null
@@ -1,171 +0,0 @@
-import { internalMutation } from "./_generated/server";
-import { v } from "convex/values";
-
-/**
- * Migração: Converte estrutura antiga de gestores individuais para times
- * 
- * Esta função cria automaticamente times baseados nos gestores existentes
- * e adiciona os funcionários subordinados aos respectivos times.
- * 
- * Execute uma vez via dashboard do Convex: 
- * Settings > Functions > Internal > migrarParaTimes > executar
- */
-export const executar = internalMutation({
-  args: {},
-  returns: v.object({
-    timesCreated: v.number(),
-    funcionariosAtribuidos: v.number(),
-    erros: v.array(v.string()),
-  }),
-  handler: async (ctx) => {
-    const erros: string[] = [];
-    let timesCreated = 0;
-    let funcionariosAtribuidos = 0;
-
-    try {
-      // 1. Buscar todos os funcionários que têm gestor definido
-      const funcionariosComGestor = await ctx.db
-        .query("funcionarios")
-        .filter((q) => q.neq(q.field("gestorId"), undefined))
-        .collect();
-
-      if (funcionariosComGestor.length === 0) {
-        return {
-          timesCreated: 0,
-          funcionariosAtribuidos: 0,
-          erros: ["Nenhum funcionário com gestor configurado encontrado"],
-        };
-      }
-
-      // 2. Agrupar funcionários por gestor
-      const gestoresMap = new Map<string, any[]>();
-      
-      for (const funcionario of funcionariosComGestor) {
-        if (!funcionario.gestorId) continue;
-        
-        const gestorId = funcionario.gestorId;
-        if (!gestoresMap.has(gestorId)) {
-          gestoresMap.set(gestorId, []);
-        }
-        gestoresMap.get(gestorId)!.push(funcionario);
-      }
-
-      // 3. Para cada gestor, criar um time
-      for (const [gestorId, subordinados] of gestoresMap.entries()) {
-        try {
-          const gestor = await ctx.db.get(gestorId as any);
-          
-          if (!gestor) {
-            erros.push(`Gestor ${gestorId} não encontrado`);
-            continue;
-          }
-
-          // Verificar se já existe time para este gestor
-          const timeExistente = await ctx.db
-            .query("times")
-            .withIndex("by_gestor", (q) => q.eq("gestorId", gestorId as any))
-            .filter((q) => q.eq(q.field("ativo"), true))
-            .first();
-
-          let timeId;
-          
-          if (timeExistente) {
-            timeId = timeExistente._id;
-          } else {
-            // Criar novo time
-            timeId = await ctx.db.insert("times", {
-              nome: `Equipe ${gestor.nome}`,
-              descricao: `Time gerenciado por ${gestor.nome} (migração automática)`,
-              gestorId: gestorId as any,
-              ativo: true,
-              cor: "#3B82F6",
-            });
-            timesCreated++;
-          }
-
-          // Adicionar membros ao time
-          for (const funcionario of subordinados) {
-            try {
-              // Verificar se já está em algum time
-              const membroExistente = await ctx.db
-                .query("timesMembros")
-                .withIndex("by_funcionario", (q) => q.eq("funcionarioId", funcionario._id))
-                .filter((q) => q.eq(q.field("ativo"), true))
-                .first();
-
-              if (!membroExistente) {
-                await ctx.db.insert("timesMembros", {
-                  timeId: timeId,
-                  funcionarioId: funcionario._id,
-                  dataEntrada: Date.now(),
-                  ativo: true,
-                });
-                funcionariosAtribuidos++;
-              }
-            } catch (e: any) {
-              erros.push(`Erro ao adicionar ${funcionario.nome} ao time: ${e.message}`);
-            }
-          }
-        } catch (e: any) {
-          erros.push(`Erro ao processar gestor ${gestorId}: ${e.message}`);
-        }
-      }
-
-      return {
-        timesCreated,
-        funcionariosAtribuidos,
-        erros,
-      };
-    } catch (e: any) {
-      erros.push(`Erro geral na migração: ${e.message}`);
-      return {
-        timesCreated,
-        funcionariosAtribuidos,
-        erros,
-      };
-    }
-  },
-});
-
-/**
- * Função auxiliar para limpar times inativos antigos
- */
-export const limparTimesInativos = internalMutation({
-  args: {
-    diasInativos: v.optional(v.number()),
-  },
-  returns: v.number(),
-  handler: async (ctx, args) => {
-    const diasLimite = args.diasInativos || 30;
-    const dataLimite = Date.now() - (diasLimite * 24 * 60 * 60 * 1000);
-    
-    const timesInativos = await ctx.db
-      .query("times")
-      .filter((q) => q.eq(q.field("ativo"), false))
-      .collect();
-    
-    let removidos = 0;
-    
-    for (const time of timesInativos) {
-      if (time._creationTime < dataLimite) {
-        // Remover membros inativos do time
-        const membrosInativos = await ctx.db
-          .query("timesMembros")
-          .withIndex("by_time", (q) => q.eq("timeId", time._id))
-          .filter((q) => q.eq(q.field("ativo"), false))
-          .collect();
-        
-        for (const membro of membrosInativos) {
-          await ctx.db.delete(membro._id);
-        }
-        
-        // Remover o time
-        await ctx.db.delete(time._id);
-        removidos++;
-      }
-    }
-    
-    return removidos;
-  },
-});
-
diff --git a/packages/backend/convex/migrarUsuariosAdmin.ts b/packages/backend/convex/migrarUsuariosAdmin.ts
deleted file mode 100644
index df9e9b2..0000000
--- a/packages/backend/convex/migrarUsuariosAdmin.ts
+++ /dev/null
@@ -1,211 +0,0 @@
-import { internalMutation, query } from "./_generated/server";
-import { v } from "convex/values";
-
-/**
- * Listar usuários usando o perfil "admin" antigo (nível 0)
- */
-export const listarUsuariosAdminAntigo = query({
-  args: {},
-  returns: v.array(
-    v.object({
-      _id: v.id("usuarios"),
-      matricula: v.string(),
-      nome: v.string(),
-      email: v.string(),
-      roleId: v.id("roles"),
-      roleNome: v.string(),
-      roleNivel: v.number(),
-    })
-  ),
-  handler: async (ctx) => {
-    // Buscar todos os perfis "admin"
-    const allAdmins = await ctx.db
-      .query("roles")
-      .filter((q) => q.eq(q.field("nome"), "admin"))
-      .collect();
-
-    console.log("Perfis 'admin' encontrados:", allAdmins.length);
-
-    // Identificar o admin antigo (nível 0)
-    const adminAntigo = allAdmins.find((r) => r.nivel === 0);
-    
-    if (!adminAntigo) {
-      console.log("Nenhum admin antigo (nível 0) encontrado");
-      return [];
-    }
-
-    console.log("Admin antigo encontrado:", adminAntigo);
-
-    // Buscar usuários usando este perfil
-    const usuarios = await ctx.db
-      .query("usuarios")
-      .withIndex("by_role", (q) => q.eq("roleId", adminAntigo._id))
-      .collect();
-
-    console.log("Usuários usando admin antigo:", usuarios.length);
-
-    return usuarios.map((u) => ({
-      _id: u._id,
-      matricula: u.matricula,
-      nome: u.nome,
-      email: u.email || "",
-      roleId: u.roleId,
-      roleNome: adminAntigo.nome,
-      roleNivel: adminAntigo.nivel,
-    }));
-  },
-});
-
-/**
- * Migrar usuários do perfil "admin" antigo (nível 0) para o novo (nível 2)
- */
-export const migrarUsuariosParaAdminNovo = internalMutation({
-  args: {},
-  returns: v.object({
-    migrados: v.number(),
-    usuariosMigrados: v.array(
-      v.object({
-        matricula: v.string(),
-        nome: v.string(),
-        roleAntigo: v.string(),
-        roleNovo: v.string(),
-      })
-    ),
-  }),
-  handler: async (ctx) => {
-    // Buscar todos os perfis "admin"
-    const allAdmins = await ctx.db
-      .query("roles")
-      .filter((q) => q.eq(q.field("nome"), "admin"))
-      .collect();
-
-    // Identificar admin antigo (nível 0) e admin novo (nível 2)
-    const adminAntigo = allAdmins.find((r) => r.nivel === 0);
-    const adminNovo = allAdmins.find((r) => r.nivel === 2);
-
-    if (!adminAntigo) {
-      console.log("❌ Admin antigo (nível 0) não encontrado");
-      return { migrados: 0, usuariosMigrados: [] };
-    }
-
-    if (!adminNovo) {
-      console.log("❌ Admin novo (nível 2) não encontrado");
-      return { migrados: 0, usuariosMigrados: [] };
-    }
-
-    console.log("✅ Admin antigo ID:", adminAntigo._id, "- Nível:", adminAntigo.nivel);
-    console.log("✅ Admin novo ID:", adminNovo._id, "- Nível:", adminNovo.nivel);
-
-    // Buscar usuários usando o admin antigo
-    const usuarios = await ctx.db
-      .query("usuarios")
-      .withIndex("by_role", (q) => q.eq("roleId", adminAntigo._id))
-      .collect();
-
-    console.log(`📊 Encontrados ${usuarios.length} usuário(s) para migrar`);
-
-    const usuariosMigrados: Array<{
-      matricula: string;
-      nome: string;
-      roleAntigo: string;
-      roleNovo: string;
-    }> = [];
-
-    // Migrar cada usuário
-    for (const usuario of usuarios) {
-      await ctx.db.patch(usuario._id, {
-        roleId: adminNovo._id,
-      });
-
-      usuariosMigrados.push({
-        matricula: usuario.matricula,
-        nome: usuario.nome,
-        roleAntigo: `admin (nível 0) - ${adminAntigo._id}`,
-        roleNovo: `admin (nível 2) - ${adminNovo._id}`,
-      });
-
-      console.log(
-        `✅ MIGRADO: ${usuario.nome} (${usuario.matricula}) → admin nível 2`
-      );
-    }
-
-    return {
-      migrados: usuarios.length,
-      usuariosMigrados,
-    };
-  },
-});
-
-/**
- * Remover perfil "admin" antigo (nível 0) após migração
- */
-export const removerAdminAntigo = internalMutation({
-  args: {},
-  returns: v.object({
-    sucesso: v.boolean(),
-    mensagem: v.string(),
-  }),
-  handler: async (ctx) => {
-    // Buscar todos os perfis "admin"
-    const allAdmins = await ctx.db
-      .query("roles")
-      .filter((q) => q.eq(q.field("nome"), "admin"))
-      .collect();
-
-    // Identificar admin antigo (nível 0)
-    const adminAntigo = allAdmins.find((r) => r.nivel === 0);
-
-    if (!adminAntigo) {
-      return {
-        sucesso: false,
-        mensagem: "Admin antigo (nível 0) não encontrado",
-      };
-    }
-
-    // Verificar se ainda há usuários usando
-    const usuarios = await ctx.db
-      .query("usuarios")
-      .withIndex("by_role", (q) => q.eq("roleId", adminAntigo._id))
-      .collect();
-
-    if (usuarios.length > 0) {
-      return {
-        sucesso: false,
-        mensagem: `Ainda há ${usuarios.length} usuário(s) usando este perfil. Execute migrarUsuariosParaAdminNovo primeiro.`,
-      };
-    }
-
-    // Remover permissões associadas
-    const permissoes = await ctx.db
-      .query("rolePermissoes")
-      .withIndex("by_role", (q) => q.eq("roleId", adminAntigo._id))
-      .collect();
-    for (const perm of permissoes) {
-      await ctx.db.delete(perm._id);
-    }
-
-    // Remover menu permissões associadas
-    const menuPerms = await ctx.db
-      .query("menuPermissoes")
-      .withIndex("by_role", (q) => q.eq("roleId", adminAntigo._id))
-      .collect();
-    for (const menuPerm of menuPerms) {
-      await ctx.db.delete(menuPerm._id);
-    }
-
-    // Remover o perfil
-    await ctx.db.delete(adminAntigo._id);
-
-    console.log(
-      `🗑️ REMOVIDO: Admin antigo (nível 0) - ${adminAntigo._id}`
-    );
-
-    return {
-      sucesso: true,
-      mensagem: "Admin antigo removido com sucesso",
-    };
-  },
-});
-
-
-
diff --git a/packages/backend/convex/monitoramento.ts b/packages/backend/convex/monitoramento.ts
index c1c15a4..f318b7f 100644
--- a/packages/backend/convex/monitoramento.ts
+++ b/packages/backend/convex/monitoramento.ts
@@ -1,15 +1,16 @@
 import { v } from "convex/values";
 import { mutation, query, internalMutation } from "./_generated/server";
 import { internal } from "./_generated/api";
-import { Id } from "./_generated/dataModel";
+import { Id, Doc } from "./_generated/dataModel";
+import type { QueryCtx } from "./_generated/server";
 
 /**
  * Helper para obter usuário autenticado
  */
-async function getUsuarioAutenticado(ctx: any) {
+async function getUsuarioAutenticado(ctx: QueryCtx) {
   const usuariosOnline = await ctx.db.query("usuarios").collect();
   const usuarioOnline = usuariosOnline.find(
-    (u: any) => u.statusPresenca === "online"
+    (u) => u.statusPresenca === "online"
   );
   return usuarioOnline || null;
 }
@@ -190,23 +191,36 @@ export const obterMetricas = query({
     })
   ),
   handler: async (ctx, args) => {
-    let query = ctx.db.query("systemMetrics");
-
-    // Filtrar por data se fornecido
-    if (args.dataInicio !== undefined || args.dataFim !== undefined) {
-      query = query.withIndex("by_timestamp", (q) => {
-        if (args.dataInicio !== undefined && args.dataFim !== undefined) {
-          return q.gte("timestamp", args.dataInicio).lte("timestamp", args.dataFim);
-        } else if (args.dataInicio !== undefined) {
-          return q.gte("timestamp", args.dataInicio);
-        } else {
-          return q.lte("timestamp", args.dataFim!);
-        }
-      });
+    // Construir consulta respeitando tipos sem reatribuições
+    let metricas;
+    if (args.dataInicio !== undefined && args.dataFim !== undefined) {
+      const inicio: number = args.dataInicio as number;
+      const fim: number = args.dataFim as number;
+      metricas = await ctx.db
+        .query("systemMetrics")
+        .withIndex("by_timestamp", (q) =>
+          q.gte("timestamp", inicio).lte("timestamp", fim)
+        )
+        .order("desc")
+        .collect();
+    } else if (args.dataInicio !== undefined) {
+      const inicio: number = args.dataInicio as number;
+      metricas = await ctx.db
+        .query("systemMetrics")
+        .withIndex("by_timestamp", (q) => q.gte("timestamp", inicio))
+        .order("desc")
+        .collect();
+    } else if (args.dataFim !== undefined) {
+      const fim: number = args.dataFim as number;
+      metricas = await ctx.db
+        .query("systemMetrics")
+        .withIndex("by_timestamp", (q) => q.lte("timestamp", fim))
+        .order("desc")
+        .collect();
+    } else {
+      metricas = await ctx.db.query("systemMetrics").order("desc").collect();
     }
 
-    let metricas = await query.order("desc").collect();
-
     // Limitar resultados
     if (args.limit !== undefined && args.limit > 0) {
       metricas = metricas.slice(0, args.limit);
@@ -297,10 +311,10 @@ export const verificarAlertasInternal = internalMutation({
       .collect();
 
     for (const alerta of alertasAtivos) {
-      // Obter valor da métrica correspondente
-      const metricValue = (metrica as any)[alerta.metricName];
-      
-      if (metricValue === undefined) continue;
+      // Obter valor da métrica correspondente, validando tipo número
+      const rawValue = (metrica as Record<string, unknown>)[alerta.metricName];
+      if (typeof rawValue !== "number") continue;
+      const metricValue = rawValue;
 
       // Verificar se o alerta deve ser disparado
       let shouldTrigger = false;
@@ -352,11 +366,16 @@ export const verificarAlertasInternal = internalMutation({
 
         // Criar notificação no chat se configurado
         if (alerta.notifyByChat) {
-          // Buscar usuários TI para notificar
+          // Buscar roles administrativas (nível <= 1) e filtrar usuários por roleId
+          const rolesAdminOuTi = await ctx.db
+            .query("roles")
+            .filter((q) => q.lte(q.field("nivel"), 1))
+            .collect();
+
+          const rolesPermitidas = new Set(rolesAdminOuTi.map((r) => r._id));
+
           const usuarios = await ctx.db.query("usuarios").collect();
-          const usuariosTI = usuarios.filter(
-            (u: any) => u.role?.nome === "ti" || u.role?.nivel === 0
-          );
+          const usuariosTI = usuarios.filter((u) => rolesPermitidas.has(u.roleId));
 
           for (const usuario of usuariosTI) {
             await ctx.db.insert("notificacoes", {
diff --git a/packages/backend/convex/perfisCustomizados.ts b/packages/backend/convex/perfisCustomizados.ts
index 34529bc..8b13789 100644
--- a/packages/backend/convex/perfisCustomizados.ts
+++ b/packages/backend/convex/perfisCustomizados.ts
@@ -1,436 +1 @@
-import { v } from "convex/values";
-import { mutation, query } from "./_generated/server";
-import { registrarAtividade } from "./logsAtividades";
-import { api } from "./_generated/api";
-import { Id } from "./_generated/dataModel";
 
-/**
- * Listar todos os perfis customizados
- */
-export const listarPerfisCustomizados = query({
-  args: {},
-  returns: v.array(v.any()),
-  handler: async (ctx) => {
-    const perfis = await ctx.db.query("perfisCustomizados").collect();
-
-    // Buscar role correspondente para cada perfil
-    const perfisComDetalhes = await Promise.all(
-      perfis.map(async (perfil) => {
-        const role = await ctx.db.get(perfil.roleId);
-        const criador = await ctx.db.get(perfil.criadoPor);
-
-        // Contar usuários usando este perfil
-        const usuarios = await ctx.db
-          .query("usuarios")
-          .withIndex("by_role", (q) => q.eq("roleId", perfil.roleId))
-          .collect();
-
-        return {
-          ...perfil,
-          roleNome: role?.nome || "Desconhecido",
-          criadorNome: criador?.nome || "Desconhecido",
-          numeroUsuarios: usuarios.length,
-        };
-      })
-    );
-
-    return perfisComDetalhes;
-  },
-});
-
-/**
- * Obter perfil com permissões detalhadas
- */
-export const obterPerfilComPermissoes = query({
-  args: {
-    perfilId: v.id("perfisCustomizados"),
-  },
-  returns: v.union(
-    v.object({
-      perfil: v.any(),
-      role: v.any(),
-      permissoes: v.array(v.any()),
-      menuPermissoes: v.array(v.any()),
-      usuarios: v.array(v.any()),
-    }),
-    v.null()
-  ),
-  handler: async (ctx, args) => {
-    const perfil = await ctx.db.get(args.perfilId);
-    if (!perfil) {
-      return null;
-    }
-
-    const role = await ctx.db.get(perfil.roleId);
-    if (!role) {
-      return null;
-    }
-
-    // Buscar permissões do role
-    const rolePermissoes = await ctx.db
-      .query("rolePermissoes")
-      .withIndex("by_role", (q) => q.eq("roleId", perfil.roleId))
-      .collect();
-
-    const permissoes = await Promise.all(
-      rolePermissoes.map(async (rp) => {
-        return await ctx.db.get(rp.permissaoId);
-      })
-    );
-
-    // Buscar permissões de menu
-    const menuPermissoes = await ctx.db
-      .query("menuPermissoes")
-      .withIndex("by_role", (q) => q.eq("roleId", perfil.roleId))
-      .collect();
-
-    // Buscar usuários usando este perfil
-    const usuarios = await ctx.db
-      .query("usuarios")
-      .withIndex("by_role", (q) => q.eq("roleId", perfil.roleId))
-      .collect();
-
-    return {
-      perfil,
-      role,
-      permissoes: permissoes.filter((p) => p !== null),
-      menuPermissoes,
-      usuarios,
-    };
-  },
-});
-
-/**
- * Criar perfil customizado (apenas TI_MASTER)
- */
-export const criarPerfilCustomizado = mutation({
-  args: {
-    nome: v.string(),
-    descricao: v.string(),
-    nivel: v.number(), // >= 3
-    clonarDeRoleId: v.optional(v.id("roles")), // role para copiar permissões
-    criadoPorId: v.id("usuarios"),
-  },
-  returns: v.union(
-    v.object({
-      sucesso: v.literal(true),
-      perfilId: v.id("perfisCustomizados"),
-    }),
-    v.object({ sucesso: v.literal(false), erro: v.string() })
-  ),
-  handler: async (ctx, args) => {
-    // Validar nível (deve ser >= 3)
-    if (args.nivel < 3) {
-      return {
-        sucesso: false as const,
-        erro: "Perfis customizados devem ter nível >= 3",
-      };
-    }
-
-    // Verificar se nome já existe
-    const roles = await ctx.db.query("roles").collect();
-    const nomeExiste = roles.some(
-      (r) => r.nome.toLowerCase() === args.nome.toLowerCase()
-    );
-    if (nomeExiste) {
-      return {
-        sucesso: false as const,
-        erro: "Já existe um perfil com este nome",
-      };
-    }
-
-    // Criar role correspondente
-    const roleId = await ctx.db.insert("roles", {
-      nome: args.nome.toLowerCase().replace(/\s+/g, "_"),
-      descricao: args.descricao,
-      nivel: args.nivel,
-      customizado: true,
-      criadoPor: args.criadoPorId,
-      editavel: true,
-    });
-
-    // Copiar permissões se especificado
-    if (args.clonarDeRoleId) {
-      // Copiar permissões gerais
-      const permissoesClonar = await ctx.db
-        .query("rolePermissoes")
-        .withIndex("by_role", (q) => q.eq("roleId", args.clonarDeRoleId!))
-        .collect();
-
-      for (const perm of permissoesClonar) {
-        await ctx.db.insert("rolePermissoes", {
-          roleId,
-          permissaoId: perm.permissaoId,
-        });
-      }
-
-      // Copiar permissões de menu
-      const menuPermsClonar = await ctx.db
-        .query("menuPermissoes")
-        .withIndex("by_role", (q) => q.eq("roleId", args.clonarDeRoleId!))
-        .collect();
-
-      for (const menuPerm of menuPermsClonar) {
-        await ctx.db.insert("menuPermissoes", {
-          roleId,
-          menuPath: menuPerm.menuPath,
-          podeAcessar: menuPerm.podeAcessar,
-          podeConsultar: menuPerm.podeConsultar,
-          podeGravar: menuPerm.podeGravar,
-        });
-      }
-    }
-
-    // Criar perfil customizado
-    const perfilId = await ctx.db.insert("perfisCustomizados", {
-      nome: args.nome,
-      descricao: args.descricao,
-      nivel: args.nivel,
-      roleId,
-      criadoPor: args.criadoPorId,
-      criadoEm: Date.now(),
-      atualizadoEm: Date.now(),
-    });
-
-    // Log de atividade
-    await registrarAtividade(
-      ctx,
-      args.criadoPorId,
-      "criar",
-      "perfis",
-      JSON.stringify({ perfilId, nome: args.nome, nivel: args.nivel }),
-      perfilId
-    );
-
-    return { sucesso: true as const, perfilId };
-  },
-});
-
-/**
- * Editar perfil customizado (apenas TI_MASTER)
- */
-export const editarPerfilCustomizado = mutation({
-  args: {
-    perfilId: v.id("perfisCustomizados"),
-    nome: v.optional(v.string()),
-    descricao: v.optional(v.string()),
-    editadoPorId: v.id("usuarios"),
-  },
-  returns: v.union(
-    v.object({ sucesso: v.literal(true) }),
-    v.object({ sucesso: v.literal(false), erro: v.string() })
-  ),
-  handler: async (ctx, args) => {
-    const perfil = await ctx.db.get(args.perfilId);
-    if (!perfil) {
-      return { sucesso: false as const, erro: "Perfil não encontrado" };
-    }
-
-    // Atualizar perfil
-    const updates: any = {
-      atualizadoEm: Date.now(),
-    };
-
-    if (args.nome !== undefined) updates.nome = args.nome;
-    if (args.descricao !== undefined) updates.descricao = args.descricao;
-
-    await ctx.db.patch(args.perfilId, updates);
-
-    // Atualizar role correspondente se nome mudou
-    if (args.nome !== undefined) {
-      await ctx.db.patch(perfil.roleId, {
-        nome: args.nome.toLowerCase().replace(/\s+/g, "_"),
-      });
-    }
-
-    if (args.descricao !== undefined) {
-      await ctx.db.patch(perfil.roleId, {
-        descricao: args.descricao,
-      });
-    }
-
-    // Log de atividade
-    await registrarAtividade(
-      ctx,
-      args.editadoPorId,
-      "editar",
-      "perfis",
-      JSON.stringify(updates),
-      args.perfilId
-    );
-
-    return { sucesso: true as const };
-  },
-});
-
-/**
- * Excluir perfil customizado (apenas TI_MASTER)
- */
-export const excluirPerfilCustomizado = mutation({
-  args: {
-    perfilId: v.id("perfisCustomizados"),
-    excluidoPorId: v.id("usuarios"),
-  },
-  returns: v.union(
-    v.object({ sucesso: v.literal(true) }),
-    v.object({ sucesso: v.literal(false), erro: v.string() })
-  ),
-  handler: async (ctx, args) => {
-    const perfil = await ctx.db.get(args.perfilId);
-    if (!perfil) {
-      return { sucesso: false as const, erro: "Perfil não encontrado" };
-    }
-
-    // Verificar se existem usuários usando este perfil
-    const usuarios = await ctx.db
-      .query("usuarios")
-      .withIndex("by_role", (q) => q.eq("roleId", perfil.roleId))
-      .collect();
-
-    if (usuarios.length > 0) {
-      return {
-        sucesso: false as const,
-        erro: `Não é possível excluir. ${usuarios.length} usuário(s) ainda usa(m) este perfil.`,
-      };
-    }
-
-    // Remover permissões associadas ao role
-    const rolePermissoes = await ctx.db
-      .query("rolePermissoes")
-      .withIndex("by_role", (q) => q.eq("roleId", perfil.roleId))
-      .collect();
-
-    for (const rp of rolePermissoes) {
-      await ctx.db.delete(rp._id);
-    }
-
-    // Remover permissões de menu
-    const menuPermissoes = await ctx.db
-      .query("menuPermissoes")
-      .withIndex("by_role", (q) => q.eq("roleId", perfil.roleId))
-      .collect();
-
-    for (const mp of menuPermissoes) {
-      await ctx.db.delete(mp._id);
-    }
-
-    // Excluir role
-    await ctx.db.delete(perfil.roleId);
-
-    // Excluir perfil
-    await ctx.db.delete(args.perfilId);
-
-    // Log de atividade
-    await registrarAtividade(
-      ctx,
-      args.excluidoPorId,
-      "excluir",
-      "perfis",
-      JSON.stringify({ perfilId: args.perfilId, nome: perfil.nome }),
-      args.perfilId
-    );
-
-    return { sucesso: true as const };
-  },
-});
-
-/**
- * Clonar perfil existente
- */
-export const clonarPerfil = mutation({
-  args: {
-    perfilOrigemId: v.id("perfisCustomizados"),
-    novoNome: v.string(),
-    novaDescricao: v.string(),
-    criadoPorId: v.id("usuarios"),
-  },
-  returns: v.union(
-    v.object({
-      sucesso: v.literal(true),
-      perfilId: v.id("perfisCustomizados"),
-    }),
-    v.object({ sucesso: v.literal(false), erro: v.string() })
-  ),
-  handler: async (ctx, args) => {
-    const perfilOrigem = await ctx.db.get(args.perfilOrigemId);
-    if (!perfilOrigem) {
-      return { sucesso: false as const, erro: "Perfil origem não encontrado" };
-    }
-
-    // Verificar se nome já existe
-    const roles = await ctx.db.query("roles").collect();
-    const nomeExiste = roles.some(
-      (r) => r.nome.toLowerCase() === args.novoNome.toLowerCase()
-    );
-    if (nomeExiste) {
-      return {
-        sucesso: false as const,
-        erro: "Já existe um perfil com este nome",
-      };
-    }
-
-    // Criar role correspondente
-    const roleId = await ctx.db.insert("roles", {
-      nome: args.novoNome.toLowerCase().replace(/\s+/g, "_"),
-      descricao: args.novaDescricao,
-      nivel: perfilOrigem.nivel,
-      customizado: true,
-      criadoPor: args.criadoPorId,
-      editavel: true,
-    });
-
-    // Copiar permissões gerais do perfil de origem
-    const permissoesClonar = await ctx.db
-      .query("rolePermissoes")
-      .withIndex("by_role", (q) => q.eq("roleId", perfilOrigem.roleId))
-      .collect();
-    for (const perm of permissoesClonar) {
-      await ctx.db.insert("rolePermissoes", {
-        roleId,
-        permissaoId: perm.permissaoId,
-      });
-    }
-
-    // Copiar permissões de menu
-    const menuPermsClonar = await ctx.db
-      .query("menuPermissoes")
-      .withIndex("by_role", (q) => q.eq("roleId", perfilOrigem.roleId))
-      .collect();
-    for (const menuPerm of menuPermsClonar) {
-      await ctx.db.insert("menuPermissoes", {
-        roleId,
-        menuPath: menuPerm.menuPath,
-        podeAcessar: menuPerm.podeAcessar,
-        podeConsultar: menuPerm.podeConsultar,
-        podeGravar: menuPerm.podeGravar,
-      });
-    }
-
-    // Criar perfil customizado
-    const perfilId = await ctx.db.insert("perfisCustomizados", {
-      nome: args.novoNome,
-      descricao: args.novaDescricao,
-      nivel: perfilOrigem.nivel,
-      roleId,
-      criadoPor: args.criadoPorId,
-      criadoEm: Date.now(),
-      atualizadoEm: Date.now(),
-    });
-
-    // Log de atividade
-    await registrarAtividade(
-      ctx as any,
-      args.criadoPorId,
-      "criar",
-      "perfis",
-      JSON.stringify({
-        perfilId,
-        nome: args.novoNome,
-        nivel: perfilOrigem.nivel,
-      }),
-      perfilId
-    );
-
-    return { sucesso: true as const, perfilId };
-  },
-});
diff --git a/packages/backend/convex/permissoesAcoes.ts b/packages/backend/convex/permissoesAcoes.ts
index 25820e4..e17a9f4 100644
--- a/packages/backend/convex/permissoesAcoes.ts
+++ b/packages/backend/convex/permissoesAcoes.ts
@@ -1,5 +1,6 @@
 import { query, mutation, internalQuery } from "./_generated/server";
 import { v } from "convex/values";
+import type { Doc } from "./_generated/dataModel";
 
 // Catálogo base de recursos e ações
 // Ajuste/expanda conforme os módulos disponíveis no sistema
@@ -165,7 +166,7 @@ export const assertPermissaoAcaoAtual = internalQuery({
   returns: v.null(),
   handler: async (ctx, args) => {
     const identity = await ctx.auth.getUserIdentity();
-    let usuarioAtual: any = null;
+    let usuarioAtual: Doc<"usuarios"> | null = null;
 
     if (identity && identity.email) {
       usuarioAtual = await ctx.db
@@ -187,9 +188,9 @@ export const assertPermissaoAcaoAtual = internalQuery({
 
     if (!usuarioAtual) throw new Error("acesso_negado");
 
-    const role: any = await ctx.db.get(usuarioAtual.roleId as any);
+    const role = await ctx.db.get(usuarioAtual.roleId);
     if (!role) throw new Error("acesso_negado");
-    if ((role as any).nivel <= 1) return null;
+    if (role.nivel <= 1) return null;
 
     const permissao = await ctx.db
       .query("permissoes")
@@ -201,7 +202,7 @@ export const assertPermissaoAcaoAtual = internalQuery({
 
     const links = await ctx.db
       .query("rolePermissoes")
-      .withIndex("by_role", (q) => q.eq("roleId", (role as any)._id as any))
+      .withIndex("by_role", (q) => q.eq("roleId", role._id))
       .collect();
     const ok = links.some((rp) => rp.permissaoId === permissao!._id);
     if (!ok) throw new Error("acesso_negado");
diff --git a/packages/backend/convex/roles.ts b/packages/backend/convex/roles.ts
index d4f2d48..6f9d25f 100644
--- a/packages/backend/convex/roles.ts
+++ b/packages/backend/convex/roles.ts
@@ -6,19 +6,6 @@ import { query } from "./_generated/server";
  */
 export const listar = query({
   args: {},
-  returns: v.array(
-    v.object({
-      _id: v.id("roles"),
-      _creationTime: v.number(),
-      nome: v.string(),
-      descricao: v.string(),
-      nivel: v.number(),
-      setor: v.optional(v.string()),
-      customizado: v.optional(v.boolean()),
-      editavel: v.optional(v.boolean()),
-      criadoPor: v.optional(v.id("usuarios")),
-    })
-  ),
   handler: async (ctx) => {
     return await ctx.db.query("roles").collect();
   },
@@ -45,3 +32,4 @@ export const buscarPorId = query({
     return await ctx.db.get(args.roleId);
   },
 });
+
diff --git a/packages/backend/convex/saldoFerias.ts b/packages/backend/convex/saldoFerias.ts
index 589e1ea..9a7fc56 100644
--- a/packages/backend/convex/saldoFerias.ts
+++ b/packages/backend/convex/saldoFerias.ts
@@ -2,6 +2,7 @@ import { v } from "convex/values";
 import { query, mutation, internalMutation } from "./_generated/server";
 import { internal } from "./_generated/api";
 import { Id } from "./_generated/dataModel";
+import type { QueryCtx } from "./_generated/server";
 
 /**
  * SISTEMA DE CÁLCULO DE SALDO DE FÉRIAS
@@ -87,7 +88,7 @@ function calcularDataFimPeriodo(dataAdmissao: string, anosPassados: number): str
 }
 
 // Helper: Obter regime de trabalho do funcionário
-async function obterRegimeTrabalho(ctx: any, funcionarioId: Id<"funcionarios">): Promise<RegimeTrabalho> {
+async function obterRegimeTrabalho(ctx: QueryCtx, funcionarioId: Id<"funcionarios">): Promise<RegimeTrabalho> {
   const funcionario = await ctx.db.get(funcionarioId);
   return funcionario?.regimeTrabalho || "clt"; // Default CLT
 }
@@ -126,7 +127,7 @@ export const obterSaldo = query({
       .first();
 
     if (!periodo) {
-      // Se não existe, criar automaticamente
+      // Se não existe, calcular e retornar dados previstos sem mutar o banco
       const funcionario = await ctx.db.get(args.funcionarioId);
       if (!funcionario || !funcionario.admissaoData) return null;
 
@@ -139,23 +140,14 @@ export const obterSaldo = query({
 
       if (anosDesdeAdmissao < 1) return null; // Ainda não tem direito
 
-      const dataInicio = calcularDataFimPeriodo(funcionario.admissaoData, anosDesdeAdmissao - 1);
-      const dataFim = calcularDataFimPeriodo(funcionario.admissaoData, anosDesdeAdmissao);
-
-      // Criar período aquisitivo
-      await ctx.db.insert("periodosAquisitivos", {
-        funcionarioId: args.funcionarioId,
-        anoReferencia: args.anoReferencia,
-        dataInicio,
-        dataFim,
-        diasDireito: 30,
-        diasUsados: 0,
-        diasPendentes: 0,
-        diasDisponiveis: 30,
-        abonoPermitido: config.abonoPermitido,
-        diasAbono: 0,
-        status: "ativo",
-      });
+      const dataInicio = calcularDataFimPeriodo(
+        funcionario.admissaoData,
+        anosDesdeAdmissao - 1
+      );
+      const dataFim = calcularDataFimPeriodo(
+        funcionario.admissaoData,
+        anosDesdeAdmissao
+      );
 
       return {
         anoReferencia: args.anoReferencia,
diff --git a/packages/backend/convex/schema.ts b/packages/backend/convex/schema.ts
index 744de8e..d561bbd 100644
--- a/packages/backend/convex/schema.ts
+++ b/packages/backend/convex/schema.ts
@@ -30,18 +30,19 @@ export default defineSchema({
     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"))
+    ),
+
     // Regime de trabalho (para cálculo correto de férias)
-    regimeTrabalho: v.optional(v.union(
-      v.literal("clt"), // CLT - Consolidação das Leis do Trabalho
-      v.literal("estatutario_pe"), // Servidor Público Estadual de Pernambuco
-      v.literal("estatutario_federal"), // Servidor Público Federal
-      v.literal("estatutario_municipal") // Servidor Público Municipal
-    )),
+    regimeTrabalho: v.optional(
+      v.union(
+        v.literal("clt"), // CLT - Consolidação das Leis do Trabalho
+        v.literal("estatutario_pe"), // Servidor Público Estadual de Pernambuco
+        v.literal("estatutario_federal"), // Servidor Público Federal
+        v.literal("estatutario_municipal") // Servidor Público Municipal
+      )
+    ),
 
     // Dados Pessoais Adicionais (opcionais)
     nomePai: v.optional(v.string()),
@@ -134,6 +135,27 @@ export default defineSchema({
     comprovanteResidencia: v.optional(v.id("_storage")),
     comprovanteContaBradesco: v.optional(v.id("_storage")),
 
+    // Dependentes do funcionário (uploads opcionais)
+    dependentes: v.optional(
+      v.array(
+        v.object({
+          parentesco: v.union(
+            v.literal("filho"),
+            v.literal("filha"),
+            v.literal("conjuge"),
+            v.literal("outro")
+          ),
+          nome: v.string(),
+          cpf: v.string(),
+          nascimento: v.string(),
+          documentoId: v.optional(v.id("_storage")),
+          // Benefícios/declarações por dependente
+          salarioFamilia: v.optional(v.boolean()),
+          impostoRenda: v.optional(v.boolean()),
+        })
+      )
+    ),
+
     // Declarações (Storage IDs)
     declaracaoAcumulacaoCargo: v.optional(v.id("_storage")),
     declaracaoDependentesIR: v.optional(v.id("_storage")),
@@ -151,11 +173,40 @@ export default defineSchema({
 
   atestados: defineTable({
     funcionarioId: v.id("funcionarios"),
+    tipo: v.union(
+      v.literal("atestado_medico"),
+      v.literal("declaracao_comparecimento")
+    ),
     dataInicio: v.string(),
     dataFim: v.string(),
-    cid: v.string(),
-    descricao: v.string(),
-  }),
+    cid: v.optional(v.string()), // Apenas para atestado médico
+    observacoes: v.optional(v.string()),
+    documentoId: v.optional(v.id("_storage")),
+    criadoPor: v.id("usuarios"),
+    criadoEm: v.number(),
+  })
+    .index("by_funcionario", ["funcionarioId"])
+    .index("by_tipo", ["tipo"])
+    .index("by_data_inicio", ["dataInicio"])
+    .index("by_funcionario_and_tipo", ["funcionarioId", "tipo"]),
+
+  licencas: defineTable({
+    funcionarioId: v.id("funcionarios"),
+    tipo: v.union(v.literal("maternidade"), v.literal("paternidade")),
+    dataInicio: v.string(),
+    dataFim: v.string(),
+    documentoId: v.optional(v.id("_storage")),
+    observacoes: v.optional(v.string()),
+    licencaOriginalId: v.optional(v.id("licencas")), // Para prorrogações
+    ehProrrogacao: v.boolean(),
+    criadoPor: v.id("usuarios"),
+    criadoEm: v.number(),
+  })
+    .index("by_funcionario", ["funcionarioId"])
+    .index("by_tipo", ["tipo"])
+    .index("by_data_inicio", ["dataInicio"])
+    .index("by_licenca_original", ["licencaOriginalId"])
+    .index("by_funcionario_and_tipo", ["funcionarioId", "tipo"]),
 
   solicitacoesFerias: defineTable({
     funcionarioId: v.id("funcionarios"),
@@ -184,11 +235,15 @@ export default defineSchema({
           data: v.number(),
           usuarioId: v.id("usuarios"),
           acao: v.string(),
-          periodosAnteriores: v.optional(v.array(v.object({
-            dataInicio: v.string(),
-            dataFim: v.string(),
-            diasCorridos: v.number(),
-          }))),
+          periodosAnteriores: v.optional(
+            v.array(
+              v.object({
+                dataInicio: v.string(),
+                dataFim: v.string(),
+                diasCorridos: v.number(),
+              })
+            )
+          ),
         })
       )
     ),
@@ -290,7 +345,6 @@ export default defineSchema({
 
   // Sistema de Autenticação e Controle de Acesso
   usuarios: defineTable({
-    matricula: v.string(),
     senhaHash: v.string(), // Senha criptografada com bcrypt
     nome: v.string(),
     email: v.string(),
@@ -327,7 +381,6 @@ export default defineSchema({
     notificacoesAtivadas: v.optional(v.boolean()),
     somNotificacao: v.optional(v.boolean()),
   })
-    .index("by_matricula", ["matricula"])
     .index("by_email", ["email"])
     .index("by_role", ["roleId"])
     .index("by_ativo", ["ativo"])
@@ -366,32 +419,6 @@ export default defineSchema({
     .index("by_role", ["roleId"])
     .index("by_permissao", ["permissaoId"]),
 
-  // Permissões de Menu (granulares por role)
-  menuPermissoes: defineTable({
-    roleId: v.id("roles"),
-    menuPath: v.string(), // "/recursos-humanos", "/financeiro", etc.
-    podeAcessar: v.boolean(),
-    podeConsultar: v.boolean(), // Pode apenas visualizar
-    podeGravar: v.boolean(), // Pode criar/editar/excluir
-  })
-    .index("by_role", ["roleId"])
-    .index("by_menu", ["menuPath"])
-    .index("by_role_and_menu", ["roleId", "menuPath"]),
-
-  // Permissões de Menu Personalizadas (por matrícula)
-  menuPermissoesPersonalizadas: defineTable({
-    usuarioId: v.id("usuarios"),
-    matricula: v.string(), // Para facilitar busca
-    menuPath: v.string(),
-    podeAcessar: v.boolean(),
-    podeConsultar: v.boolean(),
-    podeGravar: v.boolean(),
-  })
-    .index("by_usuario", ["usuarioId"])
-    .index("by_matricula", ["matricula"])
-    .index("by_usuario_and_menu", ["usuarioId", "menuPath"])
-    .index("by_matricula_and_menu", ["matricula", "menuPath"]),
-
   sessoes: defineTable({
     usuarioId: v.id("usuarios"),
     token: v.string(),
@@ -473,19 +500,6 @@ export default defineSchema({
     .index("by_data_inicio", ["dataInicio"]),
 
   // Perfis Customizados
-  perfisCustomizados: defineTable({
-    nome: v.string(),
-    descricao: v.string(),
-    nivel: v.number(), // >= 3
-    roleId: v.id("roles"), // role correspondente criada
-    criadoPor: v.id("usuarios"), // TI_MASTER que criou
-    criadoEm: v.number(),
-    atualizadoEm: v.number(),
-  })
-    .index("by_nome", ["nome"])
-    .index("by_nivel", ["nivel"])
-    .index("by_criado_por", ["criadoPor"])
-    .index("by_role", ["roleId"]),
 
   // Templates de Mensagens
   templatesMensagens: defineTable({
@@ -510,7 +524,7 @@ export default defineSchema({
     servidor: v.string(), // smtp.gmail.com
     porta: v.number(), // 587, 465, etc.
     usuario: v.string(),
-    senhaHash: v.string(), // senha criptografada
+    senhaHash: v.string(), // senha criptografada reversível (AES-GCM) - necessário para descriptografar e usar no SMTP
     emailRemetente: v.string(),
     nomeRemetente: v.string(),
     usarSSL: v.boolean(),
@@ -540,11 +554,13 @@ export default defineSchema({
     enviadoPor: v.id("usuarios"),
     criadoEm: v.number(),
     enviadoEm: v.optional(v.number()),
+    agendadaPara: v.optional(v.number()), // timestamp para agendamento
   })
     .index("by_status", ["status"])
     .index("by_destinatario", ["destinatarioId"])
     .index("by_enviado_por", ["enviadoPor"])
-    .index("by_criado_em", ["criadoEm"]),
+    .index("by_criado_em", ["criadoEm"])
+    .index("by_agendamento", ["agendadaPara"]),
 
   configuracaoAcesso: defineTable({
     chave: v.string(), // "sessao_duracao", "max_tentativas_login", etc.
@@ -647,8 +663,7 @@ export default defineSchema({
     mensagensPorMinuto: v.optional(v.number()),
     tempoRespostaMedio: v.optional(v.number()),
     errosCount: v.optional(v.number()),
-  })
-    .index("by_timestamp", ["timestamp"]),
+  }).index("by_timestamp", ["timestamp"]),
 
   alertConfigurations: defineTable({
     metricName: v.string(),
@@ -665,8 +680,7 @@ export default defineSchema({
     notifyByChat: v.boolean(),
     createdBy: v.id("usuarios"),
     lastModified: v.number(),
-  })
-    .index("by_enabled", ["enabled"]),
+  }).index("by_enabled", ["enabled"]),
 
   alertHistory: defineTable({
     configId: v.id("alertConfigurations"),
diff --git a/packages/backend/convex/seed.ts b/packages/backend/convex/seed.ts
index 29ec545..d24f307 100644
--- a/packages/backend/convex/seed.ts
+++ b/packages/backend/convex/seed.ts
@@ -1,6 +1,8 @@
-import { internalMutation } from "./_generated/server";
+import { internalMutation, mutation, query } from "./_generated/server";
+import { internal } from "./_generated/api";
 import { v } from "convex/values";
 import { hashPassword } from "./auth/utils";
+import { Id } from "./_generated/dataModel";
 
 // Dados exportados do Convex Cloud
 const simbolosData = [
@@ -246,203 +248,41 @@ export const seedDatabase = internalMutation({
     });
     console.log("  ✅ Role criada: financeiro");
 
-    const roleControladoria = await ctx.db.insert("roles", {
-      nome: "controladoria",
-      descricao: "Controladoria",
-      nivel: 2,
-      setor: "controladoria",
-      customizado: false,
-      editavel: false,
-    });
-    console.log("  ✅ Role criada: controladoria");
-
-    const roleLicitacoes = await ctx.db.insert("roles", {
-      nome: "licitacoes",
-      descricao: "Licitações",
-      nivel: 2,
-      setor: "licitacoes",
-      customizado: false,
-      editavel: false,
-    });
-    console.log("  ✅ Role criada: licitacoes");
-
-    const roleCompras = await ctx.db.insert("roles", {
-      nome: "compras",
-      descricao: "Compras",
-      nivel: 2,
-      setor: "compras",
-      customizado: false,
-      editavel: false,
-    });
-    console.log("  ✅ Role criada: compras");
-
-    const roleJuridico = await ctx.db.insert("roles", {
-      nome: "juridico",
-      descricao: "Jurídico",
-      nivel: 2,
-      setor: "juridico",
-      customizado: false,
-      editavel: false,
-    });
-    console.log("  ✅ Role criada: juridico");
-
-    const roleComunicacao = await ctx.db.insert("roles", {
-      nome: "comunicacao",
-      descricao: "Comunicação",
-      nivel: 2,
-      setor: "comunicacao",
-      customizado: false,
-      editavel: false,
-    });
-    console.log("  ✅ Role criada: comunicacao");
-
-    const roleProgramasEsportivos = await ctx.db.insert("roles", {
-      nome: "programas_esportivos",
-      descricao: "Programas Esportivos",
-      nivel: 2,
-      setor: "programas_esportivos",
-      customizado: false,
-      editavel: false,
-    });
-    console.log("  ✅ Role criada: programas_esportivos");
-
-    const roleSecretariaExecutiva = await ctx.db.insert("roles", {
-      nome: "secretaria_executiva",
-      descricao: "Secretaria Executiva",
-      nivel: 2,
-      setor: "secretaria_executiva",
-      customizado: false,
-      editavel: false,
-    });
-    console.log("  ✅ Role criada: secretaria_executiva");
-
-    const roleGestaoPessoas = await ctx.db.insert("roles", {
-      nome: "gestao_pessoas",
-      descricao: "Gestão de Pessoas",
-      nivel: 2,
-      setor: "gestao_pessoas",
-      customizado: false,
-      editavel: false,
-    });
-    console.log("  ✅ Role criada: gestao_pessoas");
-
     const roleUsuario = await ctx.db.insert("roles", {
       nome: "usuario",
-      descricao: "Usuário Comum",
-      nivel: 10,
+      descricao: "Usuário Padrão",
+      nivel: 3,
+      setor: undefined,
       customizado: false,
       editavel: false,
     });
-    console.log("  ✅ Role criada: usuario");
+    console.log("  ✅ Role criada: usuario (Nível 3 - Padrão)");
 
-    // 2. Criar usuários iniciais
-    console.log("👤 Criando usuários iniciais...");
-
-    // TI Master
-    const senhaTIMaster = await hashPassword("TI@123");
-    await ctx.db.insert("usuarios", {
-      matricula: "1000",
-      senhaHash: senhaTIMaster,
-      nome: "Gestor TI Master",
-      email: "ti.master@sgse.pe.gov.br",
-      setor: "ti",
-      roleId: roleTIMaster as any,
-      ativo: true,
-      primeiroAcesso: false,
-      criadoEm: Date.now(),
-      atualizadoEm: Date.now(),
-    });
-    console.log("  ✅ TI Master criado (matrícula: 1000, senha: TI@123)");
-
-    // Admin (permissões configuráveis)
-    const senhaAdmin = await hashPassword("Admin@123");
-    const adminId = await ctx.db.insert("usuarios", {
-      matricula: "2000",
-      senhaHash: senhaAdmin,
-      nome: "Administrador Geral",
-      email: "admin@sgse.pe.gov.br",
-      setor: "administrativo",
-      roleId: roleAdmin as any,
-      ativo: true,
-      primeiroAcesso: false,
-      criadoEm: Date.now(),
-      atualizadoEm: Date.now(),
-    });
-    console.log("  ✅ Admin criado (matrícula: 2000, senha: Admin@123)");
-
-    // 2.1 Criar catálogo de permissões por ação e conceder a Admin/TI
-    console.log("🔐 Criando permissões por ação...");
-    const CATALOGO_RECURSOS = [
-      { recurso: "dashboard", acoes: ["ver"] },
-      {
-        recurso: "funcionarios",
-        acoes: ["ver", "listar", "criar", "editar", "excluir"],
-      },
-      {
-        recurso: "simbolos",
-        acoes: ["ver", "listar", "criar", "editar", "excluir"],
-      },
-      {
-        recurso: "usuarios",
-        acoes: ["ver", "listar", "criar", "editar", "excluir"],
-      },
-      {
-        recurso: "perfis",
-        acoes: ["ver", "listar", "criar", "editar", "excluir"],
-      },
-    ] as const;
-
-    const permissaoKeyToId = new Map<string, string>();
-    for (const item of CATALOGO_RECURSOS) {
-      for (const acao of item.acoes) {
-        const nome = `${item.recurso}.${acao}`;
-        const id = await ctx.db.insert("permissoes", {
-          nome,
-          descricao: `Permite ${acao} em ${item.recurso}`,
-          recurso: item.recurso,
-          acao,
-        });
-        permissaoKeyToId.set(nome, id);
-      }
-    }
-    console.log(`  ✅ ${permissaoKeyToId.size} permissões criadas`);
-
-    // Conceder todas permissões a Admin e TI
-    const rolesParaConceder = [roleAdmin, roleTIUsuario, roleTIMaster];
-    for (const roleId of rolesParaConceder) {
-      for (const [, permId] of permissaoKeyToId) {
-        await ctx.db.insert("rolePermissoes", {
-          roleId: roleId as any,
-          permissaoId: permId as any,
-        });
-      }
-    }
-    console.log("  ✅ Todas as permissões concedidas a Admin e TI");
-
-    // 3. Inserir símbolos
-    console.log("📝 Inserindo símbolos...");
-    const simbolosMap = new Map<string, string>();
+    // 2. Criar Símbolos (Cargos)
+    console.log("💰 Criando símbolos...");
+    const simbolosMap = new Map<string, Id<"simbolos">>();
 
     for (const simbolo of simbolosData) {
-      const id = await ctx.db.insert("simbolos", {
-        descricao: simbolo.descricao,
+      const simboloId = await ctx.db.insert("simbolos", {
         nome: simbolo.nome,
-        repValor: simbolo.repValor,
+        descricao: simbolo.descricao,
         tipo: simbolo.tipo,
         valor: simbolo.valor,
-        vencValor: simbolo.vencValor,
+        repValor: simbolo.repValor || "",
+        vencValor: simbolo.vencValor || "",
       });
-      simbolosMap.set(simbolo.nome, id);
+      simbolosMap.set(simbolo.nome, simboloId);
       console.log(`  ✅ Símbolo criado: ${simbolo.nome}`);
     }
 
-    // 4. Inserir funcionários
-    console.log("👥 Inserindo funcionários...");
-    const funcionariosMap = new Map<string, string>();
+    // 3. Criar Funcionários
+    console.log("👥 Criando funcionários...");
+    const funcionariosMap = new Map<string, Id<"funcionarios">>();
+
     for (const funcionario of funcionariosData) {
       const simboloId = simbolosMap.get(funcionario.simboloNome);
       if (!simboloId) {
-        console.error(
+        console.log(
           `  ❌ Símbolo não encontrado: ${funcionario.simboloNome}`
         );
         continue;
@@ -459,7 +299,7 @@ export const seedDatabase = internalMutation({
         nascimento: funcionario.nascimento,
         nome: funcionario.nome,
         rg: funcionario.rg,
-        simboloId: simboloId as any,
+        simboloId: simboloId as Id<"simbolos">,
         simboloTipo: funcionario.simboloTipo,
         telefone: funcionario.telefone,
         uf: funcionario.uf,
@@ -476,12 +316,11 @@ export const seedDatabase = internalMutation({
 
       const senhaInicial = await hashPassword("Mudar@123");
       await ctx.db.insert("usuarios", {
-        matricula: funcionario.matricula,
         senhaHash: senhaInicial,
         nome: funcionario.nome,
         email: funcionario.email,
-        funcionarioId: funcId as any,
-        roleId: roleUsuario as any,
+        funcionarioId: funcId as Id<"funcionarios">,
+        roleId: roleUsuario,
         ativo: true,
         primeiroAcesso: true,
         criadoEm: Date.now(),
@@ -495,90 +334,55 @@ export const seedDatabase = internalMutation({
     // 6. Inserir solicitações de acesso
     console.log("📋 Inserindo solicitações de acesso...");
     for (const solicitacao of solicitacoesAcessoData) {
-      await ctx.db.insert("solicitacoesAcesso", {
-        dataResposta: solicitacao.dataResposta,
-        dataSolicitacao: solicitacao.dataSolicitacao,
-        email: solicitacao.email,
-        matricula: solicitacao.matricula,
+      const dadosSolicitacao: {
+        nome: string;
+        matricula: string;
+        email: string;
+        telefone: string;
+        status: "pendente" | "aprovado" | "rejeitado";
+        dataSolicitacao: number;
+        dataResposta?: number;
+        observacoes?: string;
+      } = {
         nome: solicitacao.nome,
-        observacoes: solicitacao.observacoes,
-        status: solicitacao.status,
+        matricula: solicitacao.matricula,
+        email: solicitacao.email,
         telefone: solicitacao.telefone,
-      });
-      console.log(`  ✅ Solicitação criada: ${solicitacao.nome}`);
+        status: solicitacao.status,
+        dataSolicitacao: solicitacao.dataSolicitacao,
+      };
+
+      if (solicitacao.dataResposta) {
+        dadosSolicitacao.dataResposta = solicitacao.dataResposta;
+      }
+
+      if (solicitacao.observacoes) {
+        dadosSolicitacao.observacoes = solicitacao.observacoes;
+      }
+
+      await ctx.db.insert("solicitacoesAcesso", dadosSolicitacao);
+      console.log(
+        `  ✅ Solicitação criada: ${solicitacao.nome} (${solicitacao.status})`
+      );
     }
 
-    // 7. Criar templates de mensagens padrão
-    console.log("📧 Criando templates de mensagens padrão...");
-    const templatesPadrao = [
-      {
-        codigo: "USUARIO_BLOQUEADO",
-        nome: "Usuário Bloqueado",
-        titulo: "Sua conta foi bloqueada",
-        corpo:
-          "Sua conta no SGSE foi bloqueada.\\n\\nMotivo: {{motivo}}\\n\\nPara mais informações, entre em contato com a TI.",
-        variaveis: ["motivo"],
-      },
-      {
-        codigo: "USUARIO_DESBLOQUEADO",
-        nome: "Usuário Desbloqueado",
-        titulo: "Sua conta foi desbloqueada",
-        corpo:
-          "Sua conta no SGSE foi desbloqueada e você já pode acessar o sistema normalmente.",
-        variaveis: [],
-      },
-      {
-        codigo: "SENHA_RESETADA",
-        nome: "Senha Resetada",
-        titulo: "Sua senha foi resetada",
-        corpo:
-          "Sua senha foi resetada pela equipe de TI.\\n\\nNova senha temporária: {{senha}}\\n\\nPor favor, altere sua senha no próximo login.",
-        variaveis: ["senha"],
-      },
-      {
-        codigo: "PERMISSAO_ALTERADA",
-        nome: "Permissão Alterada",
-        titulo: "Suas permissões foram atualizadas",
-        corpo:
-          "Suas permissões de acesso ao sistema foram atualizadas.\\n\\nPara verificar suas novas permissões, acesse o menu de perfil.",
-        variaveis: [],
-      },
-      {
-        codigo: "AVISO_GERAL",
-        nome: "Aviso Geral",
-        titulo: "{{titulo}}",
-        corpo: "{{mensagem}}",
-        variaveis: ["titulo", "mensagem"],
-      },
-      {
-        codigo: "BEM_VINDO",
-        nome: "Boas-vindas",
-        titulo: "Bem-vindo ao SGSE",
-        corpo:
-          "Olá {{nome}},\\n\\nSeja bem-vindo ao Sistema de Gestão da Secretaria de Esportes!\\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"],
-      },
-    ];
+    console.log("✨ Seed do banco de dados concluído com sucesso!");
+    return null;
+  }
+});
 
-    for (const template of templatesPadrao) {
-      await ctx.db.insert("templatesMensagens", {
-        codigo: template.codigo,
-        nome: template.nome,
-        tipo: "sistema" as const,
-        titulo: template.titulo,
-        corpo: template.corpo,
-        variaveis: template.variaveis,
-        criadoEm: Date.now(),
-      });
-      console.log(`  ✅ Template criado: ${template.nome}`);
-    }
-
-    console.log("✨ Seed concluído com sucesso!");
-    console.log("");
-    console.log("🔑 CREDENCIAIS DE ACESSO:");
-    console.log("  Admin: matrícula 0000, senha Admin@123");
-    console.log("  TI: matrícula 1000, senha TI@123");
-    console.log("  Funcionários: usar matrícula, senha Mudar@123");
+/**
+ * Mutation pública para popular o banco de dados com os dados de seed
+ * Permite executar via CLI: `npx convex run seed:popularBanco`
+ */
+export const popularBanco = mutation({
+  args: {},
+  returns: v.null(),
+  handler: async (ctx) => {
+    console.log("🌱 Executando popularBanco (wrapper público para seedDatabase)...");
+    // Chama a internalMutation para reaproveitar a lógica de seed
+    await ctx.runMutation(internal.seed.seedDatabase, {});
+    console.log("✅ Seed concluído pelo wrapper público");
     return null;
   },
 });
@@ -592,88 +396,559 @@ export const clearDatabase = internalMutation({
   handler: async (ctx) => {
     console.log("🗑️  Limpando banco de dados...");
 
-    // Limpar logs de acesso
-    const logs = await ctx.db.query("logsAcesso").collect();
-    for (const log of logs) {
+    // Limpar em ordem (respeitando dependências)
+
+    // 1. Tabelas de logs e auditoria
+    const logsAcesso = await ctx.db.query("logsAcesso").collect();
+    for (const log of logsAcesso) {
       await ctx.db.delete(log._id);
     }
-    console.log(`  ✅ ${logs.length} logs de acesso removidos`);
+    console.log(`  ✅ ${logsAcesso.length} logs de acesso removidos`);
 
-    // Limpar sessões
+    const logsLogin = await ctx.db.query("logsLogin").collect();
+    for (const log of logsLogin) {
+      await ctx.db.delete(log._id);
+    }
+    console.log(`  ✅ ${logsLogin.length} logs de login removidos`);
+
+    const logsAtividades = await ctx.db.query("logsAtividades").collect();
+    for (const log of logsAtividades) {
+      await ctx.db.delete(log._id);
+    }
+    console.log(`  ✅ ${logsAtividades.length} logs de atividades removidos`);
+
+    // 2. Sistema de chat
+    const leituras = await ctx.db.query("leituras").collect();
+    for (const leitura of leituras) {
+      await ctx.db.delete(leitura._id);
+    }
+    console.log(`  ✅ ${leituras.length} leituras removidas`);
+
+    const mensagens = await ctx.db.query("mensagens").collect();
+    for (const mensagem of mensagens) {
+      await ctx.db.delete(mensagem._id);
+    }
+    console.log(`  ✅ ${mensagens.length} mensagens removidas`);
+
+    const digitando = await ctx.db.query("digitando").collect();
+    for (const d of digitando) {
+      await ctx.db.delete(d._id);
+    }
+    console.log(`  ✅ ${digitando.length} registros de digitando removidos`);
+
+    const conversas = await ctx.db.query("conversas").collect();
+    for (const conversa of conversas) {
+      await ctx.db.delete(conversa._id);
+    }
+    console.log(`  ✅ ${conversas.length} conversas removidas`);
+
+    // 3. Notificações
+    const notificacoes = await ctx.db.query("notificacoes").collect();
+    for (const notificacao of notificacoes) {
+      await ctx.db.delete(notificacao._id);
+    }
+    console.log(`  ✅ ${notificacoes.length} notificações removidas`);
+
+    const notificacoesEmail = await ctx.db.query("notificacoesEmail").collect();
+    for (const email of notificacoesEmail) {
+      await ctx.db.delete(email._id);
+    }
+    console.log(
+      `  ✅ ${notificacoesEmail.length} notificações de email removidas`
+    );
+
+    const notificacoesFerias = await ctx.db
+      .query("notificacoesFerias")
+      .collect();
+    for (const notif of notificacoesFerias) {
+      await ctx.db.delete(notif._id);
+    }
+    console.log(
+      `  ✅ ${notificacoesFerias.length} notificações de férias removidas`
+    );
+
+    // 4. Férias e períodos aquisitivos
+    const solicitacoesFerias = await ctx.db
+      .query("solicitacoesFerias")
+      .collect();
+    for (const solicitacao of solicitacoesFerias) {
+      await ctx.db.delete(solicitacao._id);
+    }
+    console.log(
+      `  ✅ ${solicitacoesFerias.length} solicitações de férias removidas`
+    );
+
+    const periodosAquisitivos = await ctx.db
+      .query("periodosAquisitivos")
+      .collect();
+    for (const periodo of periodosAquisitivos) {
+      await ctx.db.delete(periodo._id);
+    }
+    console.log(
+      `  ✅ ${periodosAquisitivos.length} períodos aquisitivos removidos`
+    );
+
+    // 5. Atestados
+    const atestados = await ctx.db.query("atestados").collect();
+    for (const atestado of atestados) {
+      await ctx.db.delete(atestado._id);
+    }
+    console.log(`  ✅ ${atestados.length} atestados removidos`);
+
+    // 6. Times e membros
+    const timesMembros = await ctx.db.query("timesMembros").collect();
+    for (const membro of timesMembros) {
+      await ctx.db.delete(membro._id);
+    }
+    console.log(`  ✅ ${timesMembros.length} membros de times removidos`);
+
+    const times = await ctx.db.query("times").collect();
+    for (const time of times) {
+      await ctx.db.delete(time._id);
+    }
+    console.log(`  ✅ ${times.length} times removidos`);
+
+    // 7. Cursos
+    const cursos = await ctx.db.query("cursos").collect();
+    for (const curso of cursos) {
+      await ctx.db.delete(curso._id);
+    }
+    console.log(`  ✅ ${cursos.length} cursos removidos`);
+
+    // 8. Bloqueios de usuários
+    const bloqueiosUsuarios = await ctx.db.query("bloqueiosUsuarios").collect();
+    for (const bloqueio of bloqueiosUsuarios) {
+      await ctx.db.delete(bloqueio._id);
+    }
+    console.log(
+      `  ✅ ${bloqueiosUsuarios.length} bloqueios de usuários removidos`
+    );
+
+    // 9. Perfis customizados
+    
+    // 10. Templates de mensagens
+    const templatesMensagens = await ctx.db
+      .query("templatesMensagens")
+      .collect();
+    for (const template of templatesMensagens) {
+      await ctx.db.delete(template._id);
+    }
+    console.log(
+      `  ✅ ${templatesMensagens.length} templates de mensagens removidos`
+    );
+
+    // 11. Configurações
+    const configuracaoEmail = await ctx.db.query("configuracaoEmail").collect();
+    for (const config of configuracaoEmail) {
+      await ctx.db.delete(config._id);
+    }
+    console.log(
+      `  ✅ ${configuracaoEmail.length} configurações de email removidas`
+    );
+
+    const configuracaoAcesso = await ctx.db
+      .query("configuracaoAcesso")
+      .collect();
+    for (const config of configuracaoAcesso) {
+      await ctx.db.delete(config._id);
+    }
+    console.log(
+      `  ✅ ${configuracaoAcesso.length} configurações de acesso removidas`
+    );
+
+    // 12. Monitoramento
+    const alertHistory = await ctx.db.query("alertHistory").collect();
+    for (const alert of alertHistory) {
+      await ctx.db.delete(alert._id);
+    }
+    console.log(`  ✅ ${alertHistory.length} histórico de alertas removido`);
+
+    const alertConfigurations = await ctx.db
+      .query("alertConfigurations")
+      .collect();
+    for (const alert of alertConfigurations) {
+      await ctx.db.delete(alert._id);
+    }
+    console.log(
+      `  ✅ ${alertConfigurations.length} configurações de alertas removidas`
+    );
+
+    const systemMetrics = await ctx.db.query("systemMetrics").collect();
+    for (const metric of systemMetrics) {
+      await ctx.db.delete(metric._id);
+    }
+    console.log(`  ✅ ${systemMetrics.length} métricas do sistema removidas`);
+
+    // 13. Sessões
     const sessoes = await ctx.db.query("sessoes").collect();
     for (const sessao of sessoes) {
       await ctx.db.delete(sessao._id);
     }
     console.log(`  ✅ ${sessoes.length} sessões removidas`);
 
-    // Limpar usuários
-    const usuarios = await ctx.db.query("usuarios").collect();
-    for (const usuario of usuarios) {
-      await ctx.db.delete(usuario._id);
-    }
-    console.log(`  ✅ ${usuarios.length} usuários removidos`);
-
-    // Limpar funcionários
-    const funcionarios = await ctx.db.query("funcionarios").collect();
-    for (const funcionario of funcionarios) {
-      await ctx.db.delete(funcionario._id);
-    }
-    console.log(`  ✅ ${funcionarios.length} funcionários removidos`);
-
-    // Limpar símbolos
-    const simbolos = await ctx.db.query("simbolos").collect();
-    for (const simbolo of simbolos) {
-      await ctx.db.delete(simbolo._id);
-    }
-    console.log(`  ✅ ${simbolos.length} símbolos removidos`);
-
-    // Limpar solicitações de acesso
-    const solicitacoes = await ctx.db.query("solicitacoesAcesso").collect();
-    for (const solicitacao of solicitacoes) {
-      await ctx.db.delete(solicitacao._id);
-    }
-    console.log(`  ✅ ${solicitacoes.length} solicitações removidas`);
-
-    // Limpar menu-permissões
-    const menuPermissoes = await ctx.db.query("menuPermissoes").collect();
-    for (const mp of menuPermissoes) {
-      await ctx.db.delete(mp._id);
-    }
-    console.log(`  ✅ ${menuPermissoes.length} menu-permissões removidas`);
-
-    // Limpar menu-permissões personalizadas
-    const menuPermissoesPersonalizadas = await ctx.db
-      .query("menuPermissoesPersonalizadas")
-      .collect();
-    for (const mpp of menuPermissoesPersonalizadas) {
-      await ctx.db.delete(mpp._id);
-    }
-    console.log(
-      `  ✅ ${menuPermissoesPersonalizadas.length} menu-permissões personalizadas removidas`
-    );
-
-    // Limpar role-permissões
+    // 14. Menu-permissões personalizadas
+    
+    // 15. Menu-permissões
+    
+    // 16. Role-permissões
     const rolePermissoes = await ctx.db.query("rolePermissoes").collect();
     for (const rp of rolePermissoes) {
       await ctx.db.delete(rp._id);
     }
     console.log(`  ✅ ${rolePermissoes.length} role-permissões removidas`);
 
-    // Limpar permissões
+    // 17. Permissões
     const permissoes = await ctx.db.query("permissoes").collect();
     for (const permissao of permissoes) {
       await ctx.db.delete(permissao._id);
     }
     console.log(`  ✅ ${permissoes.length} permissões removidas`);
 
-    // Limpar roles
+    // 18. Usuários (deve vir antes de roles se houver referência)
+    const usuarios = await ctx.db.query("usuarios").collect();
+    for (const usuario of usuarios) {
+      await ctx.db.delete(usuario._id);
+    }
+    console.log(`  ✅ ${usuarios.length} usuários removidos`);
+
+    // 19. Funcionários
+    const funcionarios = await ctx.db.query("funcionarios").collect();
+    for (const funcionario of funcionarios) {
+      await ctx.db.delete(funcionario._id);
+    }
+    console.log(`  ✅ ${funcionarios.length} funcionários removidos`);
+
+    // 20. Solicitações de acesso
+    const solicitacoesAcesso = await ctx.db
+      .query("solicitacoesAcesso")
+      .collect();
+    for (const solicitacao of solicitacoesAcesso) {
+      await ctx.db.delete(solicitacao._id);
+    }
+    console.log(
+      `  ✅ ${solicitacoesAcesso.length} solicitações de acesso removidas`
+    );
+
+    // 21. Símbolos
+    const simbolos = await ctx.db.query("simbolos").collect();
+    for (const simbolo of simbolos) {
+      await ctx.db.delete(simbolo._id);
+    }
+    console.log(`  ✅ ${simbolos.length} símbolos removidos`);
+
+    // 22. Roles (deve vir por último se outras tabelas referenciam)
     const roles = await ctx.db.query("roles").collect();
     for (const role of roles) {
       await ctx.db.delete(role._id);
     }
     console.log(`  ✅ ${roles.length} roles removidas`);
 
-    console.log("✨ Banco de dados limpo!");
+    // 23. Todos (tabela de exemplo)
+    const todos = await ctx.db.query("todos").collect();
+    for (const todo of todos) {
+      await ctx.db.delete(todo._id);
+    }
+    console.log(`  ✅ ${todos.length} todos removidos`);
+
+    console.log("✨ Banco de dados completamente limpo!");
     return null;
   },
 });
+
+/**
+ * Mutation pública para limpar o banco de dados (para uso via CLI)
+ * ATENÇÃO: Esta função deleta TODOS os dados do banco!
+ */
+export const limparBanco = mutation({
+  args: {},
+  returns: v.null(),
+  handler: async (ctx) => {
+    // Executa diretamente a limpeza (mesmo código da internalMutation)
+    console.log("🗑️  Limpando banco de dados...");
+
+    // Limpar em ordem (respeitando dependências)
+
+    // 1. Tabelas de logs e auditoria
+    const logsAcesso = await ctx.db.query("logsAcesso").collect();
+    for (const log of logsAcesso) {
+      await ctx.db.delete(log._id);
+    }
+    console.log(`  ✅ ${logsAcesso.length} logs de acesso removidos`);
+
+    const logsLogin = await ctx.db.query("logsLogin").collect();
+    for (const log of logsLogin) {
+      await ctx.db.delete(log._id);
+    }
+    console.log(`  ✅ ${logsLogin.length} logs de login removidos`);
+
+    const logsAtividades = await ctx.db.query("logsAtividades").collect();
+    for (const log of logsAtividades) {
+      await ctx.db.delete(log._id);
+    }
+    console.log(`  ✅ ${logsAtividades.length} logs de atividades removidos`);
+
+    // 2. Sistema de chat
+    const leituras = await ctx.db.query("leituras").collect();
+    for (const leitura of leituras) {
+      await ctx.db.delete(leitura._id);
+    }
+    console.log(`  ✅ ${leituras.length} leituras removidas`);
+
+    const mensagens = await ctx.db.query("mensagens").collect();
+    for (const mensagem of mensagens) {
+      await ctx.db.delete(mensagem._id);
+    }
+    console.log(`  ✅ ${mensagens.length} mensagens removidas`);
+
+    const digitando = await ctx.db.query("digitando").collect();
+    for (const d of digitando) {
+      await ctx.db.delete(d._id);
+    }
+    console.log(`  ✅ ${digitando.length} registros de digitando removidos`);
+
+    const conversas = await ctx.db.query("conversas").collect();
+    for (const conversa of conversas) {
+      await ctx.db.delete(conversa._id);
+    }
+    console.log(`  ✅ ${conversas.length} conversas removidas`);
+
+    // 3. Notificações
+    const notificacoes = await ctx.db.query("notificacoes").collect();
+    for (const notificacao of notificacoes) {
+      await ctx.db.delete(notificacao._id);
+    }
+    console.log(`  ✅ ${notificacoes.length} notificações removidas`);
+
+    const notificacoesEmail = await ctx.db.query("notificacoesEmail").collect();
+    for (const email of notificacoesEmail) {
+      await ctx.db.delete(email._id);
+    }
+    console.log(
+      `  ✅ ${notificacoesEmail.length} notificações de email removidas`
+    );
+
+    const notificacoesFerias = await ctx.db
+      .query("notificacoesFerias")
+      .collect();
+    for (const notif of notificacoesFerias) {
+      await ctx.db.delete(notif._id);
+    }
+    console.log(
+      `  ✅ ${notificacoesFerias.length} notificações de férias removidas`
+    );
+
+    // 4. Férias e períodos aquisitivos
+    const solicitacoesFerias = await ctx.db
+      .query("solicitacoesFerias")
+      .collect();
+    for (const solicitacao of solicitacoesFerias) {
+      await ctx.db.delete(solicitacao._id);
+    }
+    console.log(
+      `  ✅ ${solicitacoesFerias.length} solicitações de férias removidas`
+    );
+
+    const periodosAquisitivos = await ctx.db
+      .query("periodosAquisitivos")
+      .collect();
+    for (const periodo of periodosAquisitivos) {
+      await ctx.db.delete(periodo._id);
+    }
+    console.log(
+      `  ✅ ${periodosAquisitivos.length} períodos aquisitivos removidos`
+    );
+
+    // 5. Atestados
+    const atestados = await ctx.db.query("atestados").collect();
+    for (const atestado of atestados) {
+      await ctx.db.delete(atestado._id);
+    }
+    console.log(`  ✅ ${atestados.length} atestados removidos`);
+
+    // 6. Times e membros
+    const timesMembros = await ctx.db.query("timesMembros").collect();
+    for (const membro of timesMembros) {
+      await ctx.db.delete(membro._id);
+    }
+    console.log(`  ✅ ${timesMembros.length} membros de times removidos`);
+
+    const times = await ctx.db.query("times").collect();
+    for (const time of times) {
+      await ctx.db.delete(time._id);
+    }
+    console.log(`  ✅ ${times.length} times removidos`);
+
+    // 7. Cursos
+    const cursos = await ctx.db.query("cursos").collect();
+    for (const curso of cursos) {
+      await ctx.db.delete(curso._id);
+    }
+    console.log(`  ✅ ${cursos.length} cursos removidos`);
+
+    // 8. Bloqueios de usuários
+    const bloqueiosUsuarios = await ctx.db.query("bloqueiosUsuarios").collect();
+    for (const bloqueio of bloqueiosUsuarios) {
+      await ctx.db.delete(bloqueio._id);
+    }
+    console.log(
+      `  ✅ ${bloqueiosUsuarios.length} bloqueios de usuários removidos`
+    );
+
+    // 9. Perfis customizados (já está no código da internalMutation mas vazio)
+    
+    // 10. Templates de mensagens
+    const templatesMensagens = await ctx.db
+      .query("templatesMensagens")
+      .collect();
+    for (const template of templatesMensagens) {
+      await ctx.db.delete(template._id);
+    }
+    console.log(
+      `  ✅ ${templatesMensagens.length} templates de mensagens removidos`
+    );
+
+    // 11. Configurações
+    const configuracaoEmail = await ctx.db.query("configuracaoEmail").collect();
+    for (const config of configuracaoEmail) {
+      await ctx.db.delete(config._id);
+    }
+    console.log(
+      `  ✅ ${configuracaoEmail.length} configurações de email removidas`
+    );
+
+    const configuracaoAcesso = await ctx.db
+      .query("configuracaoAcesso")
+      .collect();
+    for (const config of configuracaoAcesso) {
+      await ctx.db.delete(config._id);
+    }
+    console.log(
+      `  ✅ ${configuracaoAcesso.length} configurações de acesso removidas`
+    );
+
+    // 12. Monitoramento
+    const alertHistory = await ctx.db.query("alertHistory").collect();
+    for (const alert of alertHistory) {
+      await ctx.db.delete(alert._id);
+    }
+    console.log(`  ✅ ${alertHistory.length} histórico de alertas removido`);
+
+    const alertConfigurations = await ctx.db
+      .query("alertConfigurations")
+      .collect();
+    for (const alert of alertConfigurations) {
+      await ctx.db.delete(alert._id);
+    }
+    console.log(
+      `  ✅ ${alertConfigurations.length} configurações de alertas removidas`
+    );
+
+    const systemMetrics = await ctx.db.query("systemMetrics").collect();
+    for (const metric of systemMetrics) {
+      await ctx.db.delete(metric._id);
+    }
+    console.log(`  ✅ ${systemMetrics.length} métricas do sistema removidas`);
+
+    // 13. Sessões
+    const sessoes = await ctx.db.query("sessoes").collect();
+    for (const sessao of sessoes) {
+      await ctx.db.delete(sessao._id);
+    }
+    console.log(`  ✅ ${sessoes.length} sessões removidas`);
+
+    // 14. Menu-permissões personalizadas (já está no código da internalMutation mas vazio)
+    
+    // 15. Menu-permissões (já está no código da internalMutation mas vazio)
+    
+    // 16. Role-permissões
+    const rolePermissoes = await ctx.db.query("rolePermissoes").collect();
+    for (const rp of rolePermissoes) {
+      await ctx.db.delete(rp._id);
+    }
+    console.log(`  ✅ ${rolePermissoes.length} role-permissões removidas`);
+
+    // 17. Permissões
+    const permissoes = await ctx.db.query("permissoes").collect();
+    for (const permissao of permissoes) {
+      await ctx.db.delete(permissao._id);
+    }
+    console.log(`  ✅ ${permissoes.length} permissões removidas`);
+
+    // 18. Usuários (deve vir antes de roles se houver referência)
+    const usuarios = await ctx.db.query("usuarios").collect();
+    for (const usuario of usuarios) {
+      await ctx.db.delete(usuario._id);
+    }
+    console.log(`  ✅ ${usuarios.length} usuários removidos`);
+
+    // 19. Funcionários
+    const funcionarios = await ctx.db.query("funcionarios").collect();
+    for (const funcionario of funcionarios) {
+      await ctx.db.delete(funcionario._id);
+    }
+    console.log(`  ✅ ${funcionarios.length} funcionários removidos`);
+
+    // 20. Solicitações de acesso
+    const solicitacoesAcesso = await ctx.db
+      .query("solicitacoesAcesso")
+      .collect();
+    for (const solicitacao of solicitacoesAcesso) {
+      await ctx.db.delete(solicitacao._id);
+    }
+    console.log(
+      `  ✅ ${solicitacoesAcesso.length} solicitações de acesso removidas`
+    );
+
+    // 21. Símbolos
+    const simbolos = await ctx.db.query("simbolos").collect();
+    for (const simbolo of simbolos) {
+      await ctx.db.delete(simbolo._id);
+    }
+    console.log(`  ✅ ${simbolos.length} símbolos removidos`);
+
+    // 22. Roles (deve vir por último se outras tabelas referenciam)
+    const roles = await ctx.db.query("roles").collect();
+    for (const role of roles) {
+      await ctx.db.delete(role._id);
+    }
+    console.log(`  ✅ ${roles.length} roles removidas`);
+
+    // 23. Todos (tabela de exemplo)
+    const todos = await ctx.db.query("todos").collect();
+    for (const todo of todos) {
+      await ctx.db.delete(todo._id);
+    }
+    console.log(`  ✅ ${todos.length} todos removidos`);
+
+    console.log("✨ Banco de dados completamente limpo!");
+    return null;
+  },
+});
+
+/**
+ * Query para verificar quantos registros existem no banco
+ */
+export const verificarBanco = query({
+  args: {},
+  returns: v.object({
+    usuarios: v.number(),
+    funcionarios: v.number(),
+    roles: v.number(),
+    simbolos: v.number(),
+    total: v.number(),
+  }),
+  handler: async (ctx) => {
+    const usuarios = await ctx.db.query("usuarios").collect();
+    const funcionarios = await ctx.db.query("funcionarios").collect();
+    const roles = await ctx.db.query("roles").collect();
+    const simbolos = await ctx.db.query("simbolos").collect();
+    
+    return {
+      usuarios: usuarios.length,
+      funcionarios: funcionarios.length,
+      roles: roles.length,
+      simbolos: simbolos.length,
+      total: usuarios.length + funcionarios.length + roles.length + simbolos.length,
+    };
+  },
+});
diff --git a/packages/backend/convex/templatesMensagens.ts b/packages/backend/convex/templatesMensagens.ts
index 115e28d..c1e5959 100644
--- a/packages/backend/convex/templatesMensagens.ts
+++ b/packages/backend/convex/templatesMensagens.ts
@@ -1,6 +1,7 @@
 import { v } from "convex/values";
 import { mutation, query } from "./_generated/server";
 import { registrarAtividade } from "./logsAtividades";
+import { Doc } from "./_generated/dataModel";
 
 /**
  * Listar todos os templates
@@ -111,7 +112,7 @@ export const editarTemplate = mutation({
     }
 
     // Atualizar template
-    const updates: any = {};
+    const updates: Partial<Doc<"templatesMensagens">> = {};
     if (args.nome !== undefined) updates.nome = args.nome;
     if (args.titulo !== undefined) updates.titulo = args.titulo;
     if (args.corpo !== undefined) updates.corpo = args.corpo;
diff --git a/packages/backend/convex/times.ts b/packages/backend/convex/times.ts
index 5c97724..dbde1ab 100644
--- a/packages/backend/convex/times.ts
+++ b/packages/backend/convex/times.ts
@@ -1,11 +1,11 @@
 import { v } from "convex/values";
 import { mutation, query } from "./_generated/server";
-import { Id } from "./_generated/dataModel";
+import { Id, Doc } from "./_generated/dataModel";
 
 // Query: Listar todos os times
+// Tipo inferido automaticamente pelo Convex
 export const listar = query({
   args: {},
-  returns: v.array(v.any()),
   handler: async (ctx) => {
     const times = await ctx.db.query("times").collect();
     
@@ -31,9 +31,9 @@ export const listar = query({
 });
 
 // Query: Obter time por ID com membros
+// Tipo inferido automaticamente pelo Convex
 export const obterPorId = query({
   args: { id: v.id("times") },
-  returns: v.union(v.any(), v.null()),
   handler: async (ctx, args) => {
     const time = await ctx.db.get(args.id);
     if (!time) return null;
@@ -64,9 +64,9 @@ export const obterPorId = query({
 });
 
 // Query: Obter time do funcionário
+// Tipo inferido automaticamente pelo Convex
 export const obterTimeFuncionario = query({
   args: { funcionarioId: v.id("funcionarios") },
-  returns: v.union(v.any(), v.null()),
   handler: async (ctx, args) => {
     const relacao = await ctx.db
       .query("timesMembros")
@@ -89,9 +89,9 @@ export const obterTimeFuncionario = query({
 });
 
 // Query: Obter times do gestor
+// Tipo inferido automaticamente pelo Convex
 export const listarPorGestor = query({
   args: { gestorId: v.id("usuarios") },
-  returns: v.array(v.any()),
   handler: async (ctx, args) => {
     const times = await ctx.db
       .query("times")
diff --git a/packages/backend/convex/tsconfig.json b/packages/backend/convex/tsconfig.json
index a761a93..f1a9352 100644
--- a/packages/backend/convex/tsconfig.json
+++ b/packages/backend/convex/tsconfig.json
@@ -11,15 +11,22 @@
 		"jsx": "react-jsx",
 		"skipLibCheck": true,
 		"allowSyntheticDefaultImports": true,
-
+		"types": [],
 		/* These compiler options are required by Convex */
 		"target": "ESNext",
-		"lib": ["ES2021", "dom"],
+		"lib": [
+			"ES2021",
+			"dom"
+		],
 		"forceConsistentCasingInFileNames": true,
 		"module": "ESNext",
 		"isolatedModules": true,
 		"noEmit": true
 	},
-	"include": ["./**/*"],
-	"exclude": ["./_generated"]
-}
+	"include": [
+		"./**/*"
+	],
+	"exclude": [
+		"./_generated"
+	]
+}
\ No newline at end of file
diff --git a/packages/backend/convex/usuarios.ts b/packages/backend/convex/usuarios.ts
index 1cf0aa3..95946d9 100644
--- a/packages/backend/convex/usuarios.ts
+++ b/packages/backend/convex/usuarios.ts
@@ -2,8 +2,23 @@ import { v } from "convex/values";
 import { mutation, query } from "./_generated/server";
 import { hashPassword, generateToken } from "./auth/utils";
 import { registrarAtividade } from "./logsAtividades";
-import { Id } from "./_generated/dataModel";
+import { Id, Doc } from "./_generated/dataModel";
 import { api } from "./_generated/api";
+import type { QueryCtx } from "./_generated/server";
+
+/**
+ * Helper para obter a matrícula do usuário (do funcionário se houver)
+ */
+async function obterMatriculaUsuario(
+  ctx: QueryCtx,
+  usuario: Doc<"usuarios">
+): Promise<string | undefined> {
+  if (usuario.funcionarioId) {
+    const funcionario = await ctx.db.get(usuario.funcionarioId);
+    return funcionario?.matricula;
+  }
+  return undefined;
+}
 
 /**
  * Associar funcionário a um usuário
@@ -30,8 +45,11 @@ export const associarFuncionario = mutation({
       .first();
 
     if (usuarioExistente && usuarioExistente._id !== args.usuarioId) {
+      const matricula = await obterMatriculaUsuario(ctx, usuarioExistente);
       throw new Error(
-        `Este funcionário já está associado ao usuário: ${usuarioExistente.nome} (${usuarioExistente.matricula})`
+        `Este funcionário já está associado ao usuário: ${
+          usuarioExistente.nome
+        }${matricula ? ` (${matricula})` : ""}`
       );
     }
 
@@ -66,7 +84,6 @@ export const desassociarFuncionario = mutation({
  */
 export const criar = mutation({
   args: {
-    matricula: v.string(),
     nome: v.string(),
     email: v.string(),
     roleId: v.id("roles"),
@@ -78,16 +95,6 @@ export const criar = mutation({
     v.object({ sucesso: v.literal(false), erro: v.string() })
   ),
   handler: async (ctx, args) => {
-    // Verificar se matrícula já existe
-    const existente = await ctx.db
-      .query("usuarios")
-      .withIndex("by_matricula", (q) => q.eq("matricula", args.matricula))
-      .first();
-
-    if (existente) {
-      return { sucesso: false as const, erro: "Matrícula já cadastrada" };
-    }
-
     // Verificar se email já existe
     const emailExistente = await ctx.db
       .query("usuarios")
@@ -103,7 +110,6 @@ export const criar = mutation({
 
     // Criar usuário
     const usuarioId = await ctx.db.insert("usuarios", {
-      matricula: args.matricula,
       senhaHash,
       nome: args.nome,
       email: args.email,
@@ -128,42 +134,83 @@ export const listar = query({
     matricula: v.optional(v.string()),
     ativo: v.optional(v.boolean()),
   },
-  returns: v.array(
-    v.object({
-      _id: v.id("usuarios"),
-      matricula: v.string(),
-      nome: v.string(),
-      email: v.string(),
-      ativo: v.boolean(),
-      bloqueado: v.optional(v.boolean()),
-      motivoBloqueio: v.optional(v.string()),
-      primeiroAcesso: v.boolean(),
-      ultimoAcesso: v.optional(v.number()),
-      criadoEm: v.number(),
-      role: v.object({
-        _id: v.id("roles"),
-        nome: v.string(),
-        nivel: v.number(),
-        setor: v.optional(v.string()),
-      }),
-      funcionario: v.optional(
-        v.object({
-          _id: v.id("funcionarios"),
-          nome: v.string(),
-          simboloTipo: v.union(
-            v.literal("cargo_comissionado"),
-            v.literal("funcao_gratificada")
-          ),
-        })
-      ),
-    })
-  ),
+  // returns: v.array(
+  //   v.object({
+  //     _id: v.id("usuarios"),
+  //     matricula: v.string(),
+  //     nome: v.string(),
+  //     email: v.string(),
+  //     ativo: v.boolean(),
+  //     bloqueado: v.optional(v.boolean()),
+  //     motivoBloqueio: v.optional(v.string()),
+  //     primeiroAcesso: v.boolean(),
+  //     ultimoAcesso: v.optional(v.number()),
+  //     criadoEm: v.number(),
+  //     role: v.union(
+  //       v.object({
+  //         _id: v.id("roles"),
+  //         _creationTime: v.optional(v.number()),
+  //         criadoPor: v.optional(v.id("usuarios")),
+  //         customizado: v.optional(v.boolean()),
+  //         descricao: v.string(),
+  //         editavel: v.optional(v.boolean()),
+  //         nome: v.string(),
+  //         nivel: v.number(),
+  //         setor: v.optional(v.string()),
+  //       }),
+  //       v.object({
+  //         _id: v.id("roles"),
+  //         _creationTime: v.optional(v.number()),
+  //         criadoPor: v.optional(v.id("usuarios")),
+  //         customizado: v.optional(v.boolean()),
+  //         descricao: v.literal("Perfil não encontrado"),
+  //         editavel: v.optional(v.boolean()),
+  //         nome: v.literal("erro_role_ausente"),
+  //         nivel: v.literal(999),
+  //         setor: v.optional(v.string()),
+  //         erro: v.literal(true),
+  //       })
+  //     ),
+  //     funcionario: v.optional(
+  //       v.object({
+  //         _id: v.id("funcionarios"),
+  //         nome: v.string(),
+  //         matricula: v.optional(v.string()),
+  //         descricaoCargo: v.optional(v.string()),
+  //         simboloTipo: v.union(
+  //           v.literal("cargo_comissionado"),
+  //           v.literal("funcao_gratificada")
+  //         ),
+  //       })
+  //     ),
+  //     avisos: v.optional(
+  //       v.array(
+  //         v.object({
+  //           tipo: v.union(
+  //             v.literal("erro"),
+  //             v.literal("aviso"),
+  //             v.literal("info")
+  //           ),
+  //           mensagem: v.string(),
+  //         })
+  //       )
+  //     ),
+  //   })
+  // ),
   handler: async (ctx, args) => {
     let usuarios = await ctx.db.query("usuarios").collect();
 
-    // Filtrar por matrícula
+    // Filtrar por matrícula (buscar no funcionário)
     if (args.matricula) {
-      usuarios = usuarios.filter((u) => u.matricula.includes(args.matricula!));
+      const usuariosComMatricula = await Promise.all(
+        usuarios.map(async (u) => {
+          const matricula = await obterMatriculaUsuario(ctx, u);
+          return { usuario: u, matricula };
+        })
+      );
+      usuarios = usuariosComMatricula
+        .filter(({ matricula }) => matricula?.includes(args.matricula!))
+        .map(({ usuario }) => usuario);
     }
 
     // Filtrar por ativo
@@ -173,46 +220,158 @@ export const listar = query({
 
     // Buscar roles e funcionários
     const resultado = [];
+    const usuariosSemRole: Array<{
+      nome: string;
+      matricula: string;
+      roleId: Id<"roles">;
+    }> = [];
+
     for (const usuario of usuarios) {
-      const role = await ctx.db.get(usuario.roleId);
-      if (!role) continue;
+      try {
+        const role = await ctx.db.get(usuario.roleId);
 
-      // Filtrar por setor
-      if (args.setor && role.setor !== args.setor) {
-        continue;
-      }
+        // Se a role não existe, criar uma role de erro mas ainda incluir o usuário
+        if (!role) {
+          const matricula = await obterMatriculaUsuario(ctx, usuario);
+          usuariosSemRole.push({
+            nome: usuario.nome,
+            matricula: matricula || "N/A",
+            roleId: usuario.roleId,
+          });
 
-      let funcionario = undefined;
-      if (usuario.funcionarioId) {
-        const func = await ctx.db.get(usuario.funcionarioId);
-        if (func) {
-          funcionario = {
-            _id: func._id,
-            nome: func.nome,
-            simboloTipo: func.simboloTipo,
-          };
+          // Filtrar por setor - se filtro está ativo e role não existe, pular
+          if (args.setor) {
+            continue;
+          }
+
+          // Incluir usuário com role de erro
+          let funcionario = undefined;
+          if (usuario.funcionarioId) {
+            try {
+              const func = await ctx.db.get(usuario.funcionarioId);
+              if (func) {
+                funcionario = {
+                  _id: func._id,
+                  nome: func.nome,
+                  matricula: func.matricula,
+                  descricaoCargo: func.descricaoCargo,
+                  simboloTipo: func.simboloTipo,
+                };
+              }
+            } catch (error) {
+              console.error(
+                `Erro ao buscar funcionário ${usuario.funcionarioId} para usuário ${usuario._id}:`,
+                error
+              );
+            }
+          }
+
+          const matriculaUsuario = await obterMatriculaUsuario(ctx, usuario);
+
+          // Criar role de erro (sem _creationTime pois a role não existe)
+          resultado.push({
+            _id: usuario._id,
+            matricula: matriculaUsuario,
+            nome: usuario.nome,
+            email: usuario.email,
+            ativo: usuario.ativo,
+            bloqueado: usuario.bloqueado,
+            motivoBloqueio: usuario.motivoBloqueio,
+            primeiroAcesso: usuario.primeiroAcesso,
+            ultimoAcesso: usuario.ultimoAcesso,
+            criadoEm: usuario.criadoEm,
+            role: {
+              _id: usuario.roleId,
+              descricao: "Perfil não encontrado" as const,
+              nome: "erro_role_ausente" as const,
+              nivel: 999 as const,
+              erro: true as const,
+            },
+            funcionario,
+            avisos: [
+              {
+                tipo: "erro" as const,
+                mensagem: `Perfil de acesso (ID: ${usuario.roleId}) não encontrado. Este usuário precisa ter seu perfil reatribuído.`,
+              },
+            ],
+          });
+          continue;
         }
-      }
 
-      resultado.push({
-        _id: usuario._id,
-        matricula: usuario.matricula,
-        nome: usuario.nome,
-        email: usuario.email,
-        ativo: usuario.ativo,
-        bloqueado: usuario.bloqueado,
-        motivoBloqueio: usuario.motivoBloqueio,
-        primeiroAcesso: usuario.primeiroAcesso,
-        ultimoAcesso: usuario.ultimoAcesso,
-        criadoEm: usuario.criadoEm,
-        role: {
+        // Filtrar por setor
+        if (args.setor && role.setor !== args.setor) {
+          continue;
+        }
+
+        // Buscar funcionário associado
+        let funcionario = undefined;
+        if (usuario.funcionarioId) {
+          try {
+            const func = await ctx.db.get(usuario.funcionarioId);
+            if (func) {
+              funcionario = {
+                _id: func._id,
+                nome: func.nome,
+                matricula: func.matricula,
+                descricaoCargo: func.descricaoCargo,
+                simboloTipo: func.simboloTipo,
+              };
+            }
+          } catch (error) {
+            console.error(
+              `Erro ao buscar funcionário ${usuario.funcionarioId} para usuário ${usuario._id}:`,
+              error
+            );
+          }
+        }
+
+        // Construir objeto role - incluir _creationTime se existir (campo automático do Convex)
+        const roleObj = {
           _id: role._id,
+          descricao: role.descricao,
           nome: role.nome,
           nivel: role.nivel,
-          setor: role.setor,
-        },
-        funcionario,
-      });
+          ...(role.criadoPor !== undefined && { criadoPor: role.criadoPor }),
+          ...(role.customizado !== undefined && {
+            customizado: role.customizado,
+          }),
+          ...(role.editavel !== undefined && { editavel: role.editavel }),
+          ...(role.setor !== undefined && { setor: role.setor }),
+        };
+
+        const matriculaUsuario = await obterMatriculaUsuario(ctx, usuario);
+
+        resultado.push({
+          _id: usuario._id,
+          matricula: matriculaUsuario,
+          nome: usuario.nome,
+          email: usuario.email,
+          ativo: usuario.ativo,
+          bloqueado: usuario.bloqueado,
+          motivoBloqueio: usuario.motivoBloqueio,
+          primeiroAcesso: usuario.primeiroAcesso,
+          ultimoAcesso: usuario.ultimoAcesso,
+          criadoEm: usuario.criadoEm,
+          role: roleObj,
+          funcionario,
+        });
+      } catch (error) {
+        console.error(`Erro ao processar usuário ${usuario._id}:`, error);
+        // Continua processando outros usuários mesmo se houver erro em um
+      }
+    }
+
+    // Log de usuários sem role para depuração
+    if (usuariosSemRole.length > 0) {
+      console.warn(
+        `⚠️ Encontrados ${usuariosSemRole.length} usuário(s) com perfil ausente:`,
+        usuariosSemRole.map(
+          (u) =>
+            `${u.nome}${
+              u.matricula !== "N/A" ? ` (${u.matricula})` : ""
+            } - RoleID: ${u.roleId}`
+        )
+      );
     }
 
     return resultado;
@@ -436,7 +595,9 @@ export const atualizarPerfil = mutation({
     }
 
     // Atualizar apenas os campos fornecidos
-    const updates: any = { atualizadoEm: Date.now() };
+    const updates: Partial<Doc<"usuarios">> & { atualizadoEm: number } = {
+      atualizadoEm: Date.now(),
+    };
 
     if (args.avatar !== undefined) updates.avatar = args.avatar;
     if (args.fotoPerfil !== undefined) updates.fotoPerfil = args.fotoPerfil;
@@ -468,7 +629,7 @@ export const obterPerfil = query({
       _id: v.id("usuarios"),
       nome: v.string(),
       email: v.string(),
-      matricula: v.string(),
+      matricula: v.optional(v.string()),
       funcionarioId: v.optional(v.id("funcionarios")),
       avatar: v.optional(v.string()),
       fotoPerfil: v.optional(v.id("_storage")),
@@ -552,11 +713,13 @@ export const obterPerfil = query({
       fotoPerfilUrl = await ctx.storage.getUrl(usuarioAtual.fotoPerfil);
     }
 
+    const matricula = await obterMatriculaUsuario(ctx, usuarioAtual);
+
     return {
       _id: usuarioAtual._id,
       nome: usuarioAtual.nome,
       email: usuarioAtual.email,
-      matricula: usuarioAtual.matricula,
+      matricula: matricula || undefined,
       funcionarioId: usuarioAtual.funcionarioId,
       avatar: usuarioAtual.avatar,
       fotoPerfil: usuarioAtual.fotoPerfil,
@@ -612,11 +775,13 @@ export const listarParaChat = query({
           fotoPerfilUrl = await ctx.storage.getUrl(usuario.fotoPerfil);
         }
 
+        const matricula = await obterMatriculaUsuario(ctx, usuario);
+
         return {
           _id: usuario._id,
           nome: usuario.nome,
           email: usuario.email,
-          matricula: usuario.matricula || undefined,
+          matricula: matricula || undefined,
           avatar: usuario.avatar,
           fotoPerfil: usuario.fotoPerfil,
           fotoPerfilUrl,
@@ -882,7 +1047,7 @@ export const editarUsuario = mutation({
     }
 
     // Atualizar campos fornecidos
-    const updates: any = {
+    const updates: Partial<Doc<"usuarios">> & { atualizadoEm: number } = {
       atualizadoEm: Date.now(),
     };
 
@@ -912,7 +1077,6 @@ export const editarUsuario = mutation({
  */
 export const criarAdminMaster = mutation({
   args: {
-    matricula: v.string(),
     nome: v.string(),
     email: v.string(),
     senha: v.optional(v.string()),
@@ -951,32 +1115,9 @@ export const criarAdminMaster = mutation({
       };
     }
 
-    // Se já existir usuário por matrícula, promove/atualiza
-    const existentePorMatricula = await ctx.db
-      .query("usuarios")
-      .withIndex("by_matricula", (q) => q.eq("matricula", args.matricula))
-      .first();
-
     const senhaTemporaria = args.senha || gerarSenhaTemporaria();
     const senhaHash = await hashPassword(senhaTemporaria);
 
-    if (existentePorMatricula) {
-      await ctx.db.patch(existentePorMatricula._id, {
-        nome: args.nome,
-        email: args.email,
-        senhaHash,
-        roleId: roleTIMaster._id,
-        ativo: true,
-        primeiroAcesso: true,
-        atualizadoEm: Date.now(),
-      });
-      return {
-        sucesso: true as const,
-        usuarioId: existentePorMatricula._id,
-        senhaTemporaria,
-      };
-    }
-
     // Verificar se email já existe
     const existentePorEmail = await ctx.db
       .query("usuarios")
@@ -985,7 +1126,6 @@ export const criarAdminMaster = mutation({
     if (existentePorEmail) {
       // Promove usuário existente por email
       await ctx.db.patch(existentePorEmail._id, {
-        matricula: args.matricula,
         nome: args.nome,
         senhaHash,
         roleId: roleTIMaster._id,
@@ -1002,7 +1142,6 @@ export const criarAdminMaster = mutation({
 
     // Criar novo usuário TI Master
     const usuarioId = await ctx.db.insert("usuarios", {
-      matricula: args.matricula,
       senhaHash,
       nome: args.nome,
       email: args.email,
@@ -1071,7 +1210,6 @@ export const excluirUsuarioLogico = mutation({
  */
 export const criarUsuarioCompleto = mutation({
   args: {
-    matricula: v.string(),
     nome: v.string(),
     email: v.string(),
     roleId: v.id("roles"),
@@ -1089,16 +1227,6 @@ export const criarUsuarioCompleto = mutation({
     v.object({ sucesso: v.literal(false), erro: v.string() })
   ),
   handler: async (ctx, args) => {
-    // Verificar se matrícula já existe
-    const existente = await ctx.db
-      .query("usuarios")
-      .withIndex("by_matricula", (q) => q.eq("matricula", args.matricula))
-      .first();
-
-    if (existente) {
-      return { sucesso: false as const, erro: "Matrícula já cadastrada" };
-    }
-
     // Verificar se email já existe
     const emailExistente = await ctx.db
       .query("usuarios")
@@ -1115,7 +1243,6 @@ export const criarUsuarioCompleto = mutation({
 
     // Criar usuário
     const usuarioId = await ctx.db.insert("usuarios", {
-      matricula: args.matricula,
       senhaHash,
       nome: args.nome,
       email: args.email,
@@ -1133,7 +1260,7 @@ export const criarUsuarioCompleto = mutation({
       args.criadoPorId,
       "criar",
       "usuarios",
-      JSON.stringify({ usuarioId, matricula: args.matricula, nome: args.nome }),
+      JSON.stringify({ usuarioId, nome: args.nome }),
       usuarioId
     );
 
@@ -1149,7 +1276,6 @@ export const criarUsuarioCompleto = mutation({
  */
 export const criarAdminPadrao = mutation({
   args: {
-    matricula: v.optional(v.string()),
     nome: v.optional(v.string()),
     email: v.optional(v.string()),
     senha: v.optional(v.string()),
@@ -1159,7 +1285,6 @@ export const criarAdminPadrao = mutation({
     usuarioId: v.optional(v.id("usuarios")),
   }),
   handler: async (ctx, args) => {
-    const matricula = args.matricula ?? "0000";
     const nome = args.nome ?? "Administrador Geral";
     const email = args.email ?? "admin@sgse.pe.gov.br";
     const senha = args.senha ?? "Admin@123";
@@ -1183,12 +1308,7 @@ export const criarAdminPadrao = mutation({
 
     if (!roleAdmin) return { sucesso: false };
 
-    // Verificar se já existe por matrícula ou email
-    const existentePorMatricula = await ctx.db
-      .query("usuarios")
-      .withIndex("by_matricula", (q) => q.eq("matricula", matricula))
-      .first();
-
+    // Verificar se já existe por email
     const existentePorEmail = await ctx.db
       .query("usuarios")
       .withIndex("by_email", (q) => q.eq("email", email))
@@ -1196,10 +1316,8 @@ export const criarAdminPadrao = mutation({
 
     const senhaHash = await hashPassword(senha);
 
-    if (existentePorMatricula || existentePorEmail) {
-      const alvo = existentePorMatricula ?? existentePorEmail!;
-      await ctx.db.patch(alvo._id, {
-        matricula,
+    if (existentePorEmail) {
+      await ctx.db.patch(existentePorEmail._id, {
         nome,
         email,
         senhaHash,
@@ -1208,11 +1326,10 @@ export const criarAdminPadrao = mutation({
         primeiroAcesso: false,
         atualizadoEm: Date.now(),
       });
-      return { sucesso: true, usuarioId: alvo._id };
+      return { sucesso: true, usuarioId: existentePorEmail._id };
     }
 
     const usuarioId = await ctx.db.insert("usuarios", {
-      matricula,
       senhaHash,
       nome,
       email,
diff --git a/packages/backend/convex/utils/getClientIP.ts b/packages/backend/convex/utils/getClientIP.ts
new file mode 100644
index 0000000..7063688
--- /dev/null
+++ b/packages/backend/convex/utils/getClientIP.ts
@@ -0,0 +1,151 @@
+/**
+ * Função utilitária para extrair o IP do cliente de um Request HTTP
+ * Sem usar APIs externas - usa apenas headers HTTP
+ */
+
+/**
+ * Extrai o IP do cliente de um Request HTTP
+ * Considera headers como X-Forwarded-For, X-Real-IP, etc.
+ */
+export function getClientIP(request: Request): string | undefined {
+  // Headers que podem conter o IP do cliente (case-insensitive)
+  const getHeader = (name: string): string | null => {
+    // Tentar diferentes variações de case
+    const variations = [
+      name,
+      name.toLowerCase(),
+      name.toUpperCase(),
+      name.charAt(0).toUpperCase() + name.slice(1).toLowerCase(),
+    ];
+    
+    for (const variation of variations) {
+      const value = request.headers.get(variation);
+      if (value) return value;
+    }
+    
+    // As variações de case já cobrem a maioria dos casos
+    // Se não encontrou, retorna null
+    return null;
+  };
+  
+  const forwardedFor = getHeader("x-forwarded-for");
+  const realIP = getHeader("x-real-ip");
+  const cfConnectingIP = getHeader("cf-connecting-ip"); // Cloudflare
+  const trueClientIP = getHeader("true-client-ip"); // Cloudflare Enterprise
+  const xClientIP = getHeader("x-client-ip");
+  const forwarded = getHeader("forwarded");
+  const remoteAddr = getHeader("remote-addr");
+  
+  // Log para debug
+  console.log("Procurando IP nos headers:", {
+    "x-forwarded-for": forwardedFor,
+    "x-real-ip": realIP,
+    "cf-connecting-ip": cfConnectingIP,
+    "true-client-ip": trueClientIP,
+    "x-client-ip": xClientIP,
+    "forwarded": forwarded,
+    "remote-addr": remoteAddr,
+  });
+  
+  // Prioridade: X-Forwarded-For pode conter múltiplos IPs (proxy chain)
+  // O primeiro IP é geralmente o IP original do cliente
+  if (forwardedFor) {
+    const ips = forwardedFor.split(",").map((ip) => ip.trim());
+    // Pegar o primeiro IP válido
+    for (const ip of ips) {
+      if (isValidIP(ip)) {
+        console.log("IP encontrado em X-Forwarded-For:", ip);
+        return ip;
+      }
+    }
+  }
+  
+  // Forwarded header (RFC 7239)
+  if (forwarded) {
+    // Formato: for=192.0.2.60;proto=http;by=203.0.113.43
+    const forMatch = forwarded.match(/for=([^;,\s]+)/i);
+    if (forMatch && forMatch[1]) {
+      const ip = forMatch[1].replace(/^\[|\]$/g, ''); // Remove brackets de IPv6
+      if (isValidIP(ip)) {
+        console.log("IP encontrado em Forwarded:", ip);
+        return ip;
+      }
+    }
+  }
+  
+  // Outros headers com IP único
+  if (realIP && isValidIP(realIP)) {
+    console.log("IP encontrado em X-Real-IP:", realIP);
+    return realIP;
+  }
+  
+  if (cfConnectingIP && isValidIP(cfConnectingIP)) {
+    console.log("IP encontrado em CF-Connecting-IP:", cfConnectingIP);
+    return cfConnectingIP;
+  }
+  
+  if (trueClientIP && isValidIP(trueClientIP)) {
+    console.log("IP encontrado em True-Client-IP:", trueClientIP);
+    return trueClientIP;
+  }
+  
+  if (xClientIP && isValidIP(xClientIP)) {
+    console.log("IP encontrado em X-Client-IP:", xClientIP);
+    return xClientIP;
+  }
+  
+  if (remoteAddr && isValidIP(remoteAddr)) {
+    console.log("IP encontrado em Remote-Addr:", remoteAddr);
+    return remoteAddr;
+  }
+  
+  // Tentar extrair do URL (último recurso)
+  try {
+    const url = new URL(request.url);
+    // Se o servidor estiver configurado para passar IP via query param
+    const ipFromQuery = url.searchParams.get("ip");
+    if (ipFromQuery && isValidIP(ipFromQuery)) {
+      console.log("IP encontrado em query param:", ipFromQuery);
+      return ipFromQuery;
+    }
+  } catch {
+    // Ignorar erro de parsing do URL
+  }
+  
+  console.log("Nenhum IP válido encontrado nos headers");
+  return undefined;
+}
+
+/**
+ * Valida se uma string é um endereço IP válido (IPv4 ou IPv6)
+ */
+function isValidIP(ip: string): boolean {
+  if (!ip || ip.length === 0) {
+    return false;
+  }
+  
+  // Validar IPv4
+  const ipv4Regex = /^(\d{1,3}\.){3}\d{1,3}$/;
+  if (ipv4Regex.test(ip)) {
+    const parts = ip.split(".");
+    return parts.every((part) => {
+      const num = parseInt(part, 10);
+      return num >= 0 && num <= 255;
+    });
+  }
+  
+  // Validar IPv6 (formato simplificado)
+  const ipv6Regex = /^([0-9a-fA-F]{0,4}:){2,7}[0-9a-fA-F]{0,4}$/;
+  if (ipv6Regex.test(ip)) {
+    return true;
+  }
+  
+  // Validar IPv6 comprimido (com ::)
+  const ipv6CompressedRegex = /^([0-9a-fA-F]{0,4}:)*::([0-9a-fA-F]{0,4}:)*[0-9a-fA-F]{0,4}$/;
+  if (ipv6CompressedRegex.test(ip)) {
+    return true;
+  }
+  
+  return false;
+}
+
diff --git a/packages/backend/convex/verificarMatriculas.ts b/packages/backend/convex/verificarMatriculas.ts
index 4d9f9d5..0b05979 100644
--- a/packages/backend/convex/verificarMatriculas.ts
+++ b/packages/backend/convex/verificarMatriculas.ts
@@ -1,8 +1,9 @@
 import { internalMutation, query } from "./_generated/server";
 import { v } from "convex/values";
+import { Id, Doc } from "./_generated/dataModel";
 
 /**
- * Verificar duplicatas de matrícula
+ * Verificar duplicatas de matrícula (agora busca do funcionário associado)
  */
 export const verificarDuplicatas = query({
   args: {},
@@ -22,18 +23,27 @@ export const verificarDuplicatas = query({
   handler: async (ctx) => {
     const usuarios = await ctx.db.query("usuarios").collect();
     
-    // Agrupar por matrícula
-    const gruposPorMatricula = usuarios.reduce((acc, usuario) => {
-      if (!acc[usuario.matricula]) {
-        acc[usuario.matricula] = [];
+    // Agrupar por matrícula do funcionário associado
+    const gruposPorMatricula: Record<string, Array<{ _id: Id<"usuarios">; nome: string; email: string }>> = {};
+    
+    for (const usuario of usuarios) {
+      let matricula: string | undefined = undefined;
+      if (usuario.funcionarioId) {
+        const funcionario = await ctx.db.get(usuario.funcionarioId);
+        matricula = funcionario?.matricula;
       }
-      acc[usuario.matricula].push({
-        _id: usuario._id,
-        nome: usuario.nome,
-        email: usuario.email || "",
-      });
-      return acc;
-    }, {} as Record<string, any[]>);
+      
+      if (matricula) {
+        if (!gruposPorMatricula[matricula]) {
+          gruposPorMatricula[matricula] = [];
+        }
+        gruposPorMatricula[matricula].push({
+          _id: usuario._id,
+          nome: usuario.nome,
+          email: usuario.email || "",
+        });
+      }
+    }
     
     // Filtrar apenas duplicatas
     const duplicatas = Object.entries(gruposPorMatricula)
@@ -49,7 +59,7 @@ export const verificarDuplicatas = query({
 });
 
 /**
- * Remover duplicatas mantendo apenas o mais recente
+ * Remover duplicatas mantendo apenas o mais recente (agora busca do funcionário associado)
  */
 export const removerDuplicatas = internalMutation({
   args: {},
@@ -60,14 +70,23 @@ export const removerDuplicatas = internalMutation({
   handler: async (ctx) => {
     const usuarios = await ctx.db.query("usuarios").collect();
     
-    // Agrupar por matrícula
-    const gruposPorMatricula = usuarios.reduce((acc, usuario) => {
-      if (!acc[usuario.matricula]) {
-        acc[usuario.matricula] = [];
+    // Agrupar por matrícula do funcionário associado
+    const gruposPorMatricula: Record<string, Doc<"usuarios">[]> = {};
+    
+    for (const usuario of usuarios) {
+      let matricula: string | undefined = undefined;
+      if (usuario.funcionarioId) {
+        const funcionario = await ctx.db.get(usuario.funcionarioId);
+        matricula = funcionario?.matricula;
       }
-      acc[usuario.matricula].push(usuario);
-      return acc;
-    }, {} as Record<string, any[]>);
+      
+      if (matricula) {
+        if (!gruposPorMatricula[matricula]) {
+          gruposPorMatricula[matricula] = [];
+        }
+        gruposPorMatricula[matricula].push(usuario);
+      }
+    }
     
     let removidos = 0;
     const matriculasDuplicadas: string[] = [];
diff --git a/packages/backend/package.json b/packages/backend/package.json
index dc60e84..e9aa35b 100644
--- a/packages/backend/package.json
+++ b/packages/backend/package.json
@@ -11,17 +11,17 @@
   "devDependencies": {
     "@types/cookie": "^1.0.0",
     "@types/estree": "^1.0.8",
+    "@types/nodemailer": "^7.0.3",
     "@types/json-schema": "^7.0.15",
     "@types/node": "^24.3.0",
-    "@types/nodemailer": "^7.0.3",
     "@types/pako": "^2.0.4",
     "@types/raf": "^3.4.3",
     "@types/trusted-types": "^2.0.7",
-    "typescript": "^5.9.2"
+    "typescript": "catalog:"
   },
   "dependencies": {
     "@dicebear/avataaars": "^9.2.4",
-    "convex": "^1.28.0",
+    "convex": "catalog:",
     "nodemailer": "^7.0.10"
   }
 }
\ No newline at end of file