🐳 22/06 - 09:28 - integre com a aasp { "swagger": "2.0", "info": { "version": "v1", "title": "API - Intimações AASP", "description": "Api para acesso as intimações dos associados da AASP",

app.js

@@ -0,0 +1,1066 @@
+// ==========================================
+// LegalData Manager - Main Application
+// ==========================================
+
+// --- Data Store ---
+let appData = {
+    processos: [
+        { id: '2023-0456', cliente: 'João Silva', tribunal: 'TJSP', data: '2023-03-15', status: 'Ativo', prazo: '2024-01-15', descricao: 'Ação indenizatória' },
+        { id: '2023-0389', cliente: 'Maria Souza', tribunal: 'TRF4', data: '2023-02-20', status: 'Pendente', prazo: '2024-01-18', descricao: 'Mandado de segurança' },
+        { id: '2023-0412', cliente: 'Empresa XYZ Ltda', tribunal: 'TJMG', data: '2023-04-10', status: 'Urgente', prazo: '2024-01-20', descricao: 'Execução fiscal' },
+        { id: '2023-0501', cliente: 'Ana Oliveira', tribunal: 'TJSP', data: '2023-05-05', status: 'Ativo', prazo: '2024-02-10', descricao: 'Ação de cobrança' },
+        { id: '2023-0534', cliente: 'Carlos Mendes', tribunal: 'TRF1', data: '2023-06-12', status: 'Concluído', prazo: null, descricao: 'Habeas corpus' },
+        { id: '2023-0601', cliente: 'Tech Solutions SA', tribunal: 'TJSP', data: '2023-07-01', status: 'Ativo', prazo: '2024-03-01', descricao: 'Contrato comercial' },
+        { id: '2023-0645', cliente: 'Fernanda Lima', tribunal: 'TJMG', data: '2023-08-15', status: 'Pendente', prazo: '2024-03-20', descricao: 'Inventário' },
+        { id: '2023-0702', cliente: 'Roberto Santos', tribunal: 'TRF4', data: '2023-09-03', status: 'Ativo', prazo: '2024-04-05', descricao: 'Recurso de apelação' },
+    ],
+    clientes: [
+        { id: 1, nome: 'João Silva', tipo: 'pf', cpfCnpj: '123.456.789-00', email: 'joao@email.com', telefone: '(11) 98765-4321', endereco: 'Rua A, 100, São Paulo-SP', processos: 2 },
+        { id: 2, nome: 'Maria Souza', tipo: 'pf', cpfCnpj: '987.654.321-00', email: 'maria@email.com', telefone: '(21) 99876-5432', endereco: 'Av B, 200, Rio de Janeiro-RJ', processos: 1 },
+        { id: 3, nome: 'Empresa XYZ Ltda', tipo: 'pj', cpfCnpj: '12.345.678/0001-90', email: 'contato@xyz.com', telefone: '(11) 3456-7890', endereco: 'Rua C, 300, São Paulo-SP', processos: 3 },
+        { id: 4, nome: 'Ana Oliveira', tipo: 'pf', cpfCnpj: '456.789.123-00', email: 'ana@email.com', telefone: '(31) 97654-3210', endereco: 'Rua D, 400, Belo Horizonte-MG', processos: 1 },
+        { id: 5, nome: 'Carlos Mendes', tipo: 'pf', cpfCnpj: '789.123.456-00', email: 'carlos@email.com', telefone: '(61) 96543-2109', endereco: 'SQN 5, Bloco E, Brasília-DF', processos: 1 },
+        { id: 6, nome: 'Tech Solutions SA', tipo: 'pj', cpfCnpj: '98.765.432/0001-10', email: 'juridico@techsol.com', telefone: '(11) 4567-8901', endereco: 'Av F, 600, São Paulo-SP', processos: 2 },
+        { id: 7, nome: 'Fernanda Lima', tipo: 'pf', cpfCnpj: '321.654.987-00', email: 'fernanda@email.com', telefone: '(31) 95432-1098', endereco: 'Rua G, 700, Belo Horizonte-MG', processos: 1 },
+        { id: 8, nome: 'Roberto Santos', tipo: 'pf', cpfCnpj: '654.987.321-00', email: 'roberto@email.com', telefone: '(51) 94321-0987', endereco: 'Rua H, 800, Porto Alegre-RS', processos: 1 },
+    ],
+    evidencias: [],
+    intimacoes: [],
+    aaspConfig: { chave: '92E81C018B69454F8053133023AC438B' },
+    googleAuth: null,
+    driveConnected: false,
+    sheetsConnected: false,
+    importPreview: null,
+};
+
+// Load from localStorage
+function loadAppData() {
+    const saved = localStorage.getItem('legaldata_app');
+    if (saved) {
+        try {
+            const parsed = JSON.parse(saved);
+            appData = { ...appData, ...parsed };
+        } catch(e) { console.error('Error loading data', e); }
+    }
+}
+
+function saveAppData() {
+    localStorage.setItem('legaldata_app', JSON.stringify(appData));
+}
+
+// --- Tab Navigation ---
+function showTab(tabId, navEl) {
+    document.querySelectorAll('.tab-content').forEach(t => t.classList.remove('active'));
+    document.querySelectorAll('.nav-link').forEach(n => n.classList.remove('active-nav'));
+    
+    const tab = document.getElementById(tabId);
+    if (tab) tab.classList.add('active');
+    
+    if (navEl) {
+        navEl.classList.add('active-nav');
+    } else {
+        document.querySelectorAll('.nav-link').forEach(n => {
+            if (n.getAttribute('onclick') && n.getAttribute('onclick').includes(tabId)) {
+                n.classList.add('active-nav');
+            }
+        });
+    }
+
+    const titles = {
+        dashboard: 'Dashboard', processos: 'Gestão de Processos', clientes: 'Gestão de Clientes',
+        provas: 'Galeria de Provas', intimacoes: 'Intimações AASP', import: 'Importar Dados',
+        config: 'Configurações', sanitize: 'Sanitização de Dados', integrations: 'Integrações'
+    };
+    document.getElementById('current-tab-title').textContent = titles[tabId] || tabId;
+
+    if (tabId === 'provas') renderEvidence();
+    if (tabId === 'processos') renderProcessos();
+    if (tabId === 'clientes') renderClientes();
+}
+
+function toggleSidebar() {
+    document.getElementById('sidebar').classList.toggle('collapsed');
+}
+
+// --- Modal Management ---
+function showModal(id) {
+    const modal = document.getElementById('modal-' + id);
+    if (modal) modal.classList.remove('hidden');
+}
+
+function hideModal(id) {
+    const modal = document.getElementById('modal-' + id);
+    if (modal) modal.classList.add('hidden');
+}
+
+// --- Toast Notifications ---
+function showToast(message, type = 'success') {
+    const container = document.getElementById('toast-container');
+    const colors = { success: 'bg-green-500', error: 'bg-red-500', info: 'bg-blue-500', warning: 'bg-yellow-500' };
+    const icons = { success: 'fa-check-circle', error: 'fa-times-circle', info: 'fa-info-circle', warning: 'fa-exclamation-triangle' };
+    
+    const toast = document.createElement('div');
+    toast.className = `toast ${colors[type]} text-white px-4 py-3 rounded-lg shadow-lg flex items-center space-x-3 min-w-72`;
+    toast.innerHTML = `<i class="fas ${icons[type]}"></i><span>${message}</span>`;
+    container.appendChild(toast);
+    
+    requestAnimationFrame(() => toast.classList.add('show'));
+    setTimeout(() => {
+        toast.classList.remove('show');
+        setTimeout(() => toast.remove(), 400);
+    }, 4000);
+}
+
+// --- Processos ---
+function renderProcessos() {
+    const tbody = document.getElementById('processos-table-body');
+    if (!tbody) return;
+    
+    const statusColors = {
+        'Ativo': 'bg-green-100 text-green-800',
+        'Pendente': 'bg-yellow-100 text-yellow-800',
+        'Urgente': 'bg-red-100 text-red-800',
+        'Concluído': 'bg-blue-100 text-blue-800',
+        'Arquivado': 'bg-gray-100 text-gray-800'
+    };
+
+    tbody.innerHTML = appData.processos.map(p => `
+        <tr class="hover:bg-gray-50">
+            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">#${p.id}</td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${p.cliente}</td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${p.tribunal}</td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${formatDate(p.data)}</td>
+            <td class="px-6 py-4 whitespace-nowrap"><span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${statusColors[p.status] || 'bg-gray-100 text-gray-800'}">${p.status}</span></td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm">
+                <button class="text-indigo-600 hover:text-indigo-900 mr-3" title="Ver"><i class="fas fa-eye"></i></button>
+                <button class="text-green-600 hover:text-green-900 mr-3" title="Editar"><i class="fas fa-edit"></i></button>
+                <button class="text-red-600 hover:text-red-900" onclick="deleteProcess('${p.id}')" title="Excluir"><i class="fas fa-trash"></i></button>
+            </td>
+        </tr>
+    `).join('');
+}
+
+function addProcess() {
+    const proc = {
+        id: document.getElementById('proc-numero').value || generateId(),
+        cliente: document.getElementById('proc-cliente').value,
+        tribunal: document.getElementById('proc-tribunal').value,
+        data: document.getElementById('proc-data').value,
+        status: document.getElementById('proc-status').value,
+        prazo: null,
+        descricao: document.getElementById('proc-descricao').value
+    };
+    appData.processos.push(proc);
+    saveAppData();
+    renderProcessos();
+    hideModal('new-process');
+    showToast('Processo adicionado com sucesso!');
+    updateStats();
+}
+
+function deleteProcess(id) {
+    if (confirm('Deseja excluir este processo?')) {
+        appData.processos = appData.processos.filter(p => p.id !== id);
+        saveAppData();
+        renderProcessos();
+        showToast('Processo excluído', 'info');
+        updateStats();
+    }
+}
+
+// --- Clientes ---
+function renderClientes() {
+    const tbody = document.getElementById('clientes-table-body');
+    if (!tbody) return;
+    
+    tbody.innerHTML = appData.clientes.map(c => `
+        <tr class="hover:bg-gray-50">
+            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">${c.nome}</td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${c.cpfCnpj}</td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${c.email}</td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${c.telefone}</td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${c.processos}</td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm">
+                <button class="text-indigo-600 hover:text-indigo-900 mr-3" title="Ver"><i class="fas fa-eye"></i></button>
+                <button class="text-green-600 hover:text-green-900 mr-3" title="Editar"><i class="fas fa-edit"></i></button>
+                <button class="text-red-600 hover:text-red-900" onclick="deleteClient(${c.id})" title="Excluir"><i class="fas fa-trash"></i></button>
+            </td>
+        </tr>
+    `).join('');
+}
+
+function addClient() {
+    const cli = {
+        id: Date.now(),
+        nome: document.getElementById('cli-nome').value,
+        tipo: document.getElementById('cli-tipo').value,
+        cpfCnpj: document.getElementById('cli-cpfcnpj').value,
+        email: document.getElementById('cli-email').value,
+        telefone: document.getElementById('cli-telefone').value,
+        endereco: document.getElementById('cli-endereco').value,
+        processos: 0
+    };
+    appData.clientes.push(cli);
+    saveAppData();
+    renderClientes();
+    hideModal('new-client');
+    showToast('Cliente adicionado com sucesso!');
+    updateStats();
+    populateSelects();
+}
+
+function deleteClient(id) {
+    if (confirm('Deseja excluir este cliente?')) {
+        appData.clientes = appData.clientes.filter(c => c.id !== id);
+        saveAppData();
+        renderClientes();
+        showToast('Cliente excluído', 'info');
+        updateStats();
+    }
+}
+
+// --- Evidence Gallery ---
+let selectedEvidenceFiles = [];
+let currentEvidenceIndex = 0;
+
+function renderEvidence() {
+    const grid = document.getElementById('evidence-grid');
+    const noEv = document.getElementById('no-evidence');
+    if (!grid) return;
+
+    const filterClient = document.getElementById('evidence-filter-client')?.value || '';
+    const filterType = document.getElementById('evidence-filter-type')?.value || '';
+
+    let filtered = appData.evidencias;
+    if (filterClient) filtered = filtered.filter(e => e.clienteId == filterClient);
+    if (filterType) filtered = filtered.filter(e => e.categoria.toLowerCase().includes(filterType));
+
+    if (filtered.length === 0) {
+        grid.innerHTML = '';
+        noEv?.classList.remove('hidden');
+        return;
+    }
+    noEv?.classList.add('hidden');
+
+    grid.innerHTML = filtered.map((ev, i) => {
+        const icon = getFileIcon(ev.tipo);
+        const thumb = ev.thumb || `http://static.photos/${ev.categoria === 'foto' ? 'people' : 'office'}/320x240/${ev.id}`;
+        return `
+        <div class="evidence-card bg-white rounded-xl shadow overflow-hidden cursor-pointer transition" onclick="viewEvidence(${ev.id})">
+            <div class="h-40 bg-gray-100 flex items-center justify-center overflow-hidden">
+                ${ev.tipo && ev.tipo.startsWith('image/') ? 
+                    `<img src="${thumb}" class="w-full h-full object-cover" alt="${ev.descricao}">` :
+                    `<i class="${icon} text-5xl text-gray-300"></i>`}
+            </div>
+            <div class="p-3">
+                <p class="font-medium text-sm truncate">${ev.descricao || 'Sem descrição'}</p>
+                <p class="text-xs text-gray-500 mt-1">${ev.clienteNome || 'N/A'} • ${formatDate(ev.data)}</p>
+                <div class="flex items-center justify-between mt-2">
+                    <span class="text-xs px-2 py-1 rounded-full bg-indigo-100 text-indigo-700">${ev.categoria}</span>
+                    ${ev.driveId ? '<i class="fab fa-google-drive text-blue-500 text-xs" title="No Google Drive"></i>' : ''}
+                </div>
+            </div>
+        </div>`;
+    }).join('');
+
+    document.getElementById('stat-provas').textContent = appData.evidencias.length;
+}
+
+function getFileIcon(tipo) {
+    if (!tipo) return 'fas fa-file';
+    if (tipo.startsWith('image/')) return 'fas fa-file-image';
+    if (tipo === 'application/pdf') return 'fas fa-file-pdf';
+    if (tipo.startsWith('video/')) return 'fas fa-file-video';
+    if (tipo.startsWith('audio/')) return 'fas fa-file-audio';
+    return 'fas fa-file';
+}
+
+function handleEvidenceDrop(event) {
+    const files = event.dataTransfer.files;
+    processEvidenceFiles(files);
+}
+
+function handleEvidenceSelect(event) {
+    const files = event.target.files;
+    processEvidenceFiles(files);
+}
+
+function processEvidenceFiles(files) {
+    selectedEvidenceFiles = Array.from(files);
+    const preview = document.getElementById('ev-preview');
+    preview.innerHTML = '';
+    preview.classList.remove('hidden');
+
+    selectedEvidenceFiles.forEach((file, i) => {
+        if (file.type.startsWith('image/')) {
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                preview.innerHTML += `<div class="relative"><img src="${e.target.result}" class="w-full h-20 object-cover rounded"><span class="absolute top-1 right-1 bg-black bg-opacity-50 text-white text-xs px-1 rounded">${file.name.length > 15 ? file.name.substring(0,12)+'...' : file.name}</span></div>`;
+            };
+            reader.readAsDataURL(file);
+        } else {
+            preview.innerHTML += `<div class="bg-gray-100 rounded p-2 text-center"><i class="${getFileIcon(file.type)} text-2xl text-gray-400"></i><p class="text-xs text-gray-500 mt-1 truncate">${file.name}</p></div>`;
+        }
+    });
+}
+
+function uploadEvidence() {
+    const clienteId = document.getElementById('ev-cliente').value;
+    const cliente = appData.clientes.find(c => c.id == clienteId);
+    const processo = document.getElementById('ev-processo').value;
+    const categoria = document.getElementById('ev-categoria').value;
+    const descricao = document.getElementById('ev-descricao').value;
+    const uploadToDrive = document.getElementById('ev-upload-drive').checked;
+
+    if (!clienteId) { showToast('Selecione um cliente', 'error'); return; }
+    if (selectedEvidenceFiles.length === 0) { showToast('Selecione ao menos um arquivo', 'error'); return; }
+
+    selectedEvidenceFiles.forEach((file, i) => {
+        const evId = Date.now() + i;
+        const evidencia = {
+            id: evId,
+            clienteId: parseInt(clienteId),
+            clienteNome: cliente?.nome || 'N/A',
+            processoId: processo,
+            categoria: categoria,
+            descricao: descricao || file.name,
+            tipo: file.type,
+            nomeArquivo: file.name,
+            data: new Date().toISOString(),
+            thumb: null,
+            driveId: null,
+            localData: null
+        };
+
+        // Create local thumbnail for images
+        if (file.type.startsWith('image/')) {
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                evidencia.thumb = e.target.result;
+                evidencia.localData = e.target.result;
+                appData.evidencias.push(evidencia);
+                saveAppData();
+                renderEvidence();
+            };
+            reader.readAsDataURL(file);
+        } else {
+            // Store file reference
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                evidencia.localData = e.target.result;
+                appData.evidencias.push(evidencia);
+                saveAppData();
+                renderEvidence();
+            };
+            reader.readAsDataURL(file);
+        }
+
+        // Upload to Google Drive if connected and checked
+        if (uploadToDrive && appData.driveConnected) {
+            uploadToGoogleDrive(file, evId);
+        }
+    });
+
+    selectedEvidenceFiles = [];
+    document.getElementById('ev-preview').innerHTML = '';
+    document.getElementById('ev-preview').classList.add('hidden');
+    hideModal('upload-evidence');
+    showToast('Prova(s) enviada(s) com sucesso!');
+    updateStats();
+}
+
+function viewEvidence(id) {
+    const ev = appData.evidencias.find(e => e.id === id);
+    if (!ev) return;
+
+    currentEvidenceIndex = appData.evidencias.findIndex(e => e.id === id);
+
+    const content = document.getElementById('lightbox-content');
+    const caption = document.getElementById('lightbox-caption');
+
+    if (ev.tipo && ev.tipo.startsWith('image/') && ev.localData) {
+        content.innerHTML = `<img src="${ev.localData}" class="max-w-full max-h-[70vh] object-contain rounded">`;
+    } else if (ev.tipo === 'application/pdf' && ev.localData) {
+        content.innerHTML = `<iframe src="${ev.localData}" class="w-full h-[70vh] rounded" frameborder="0"></iframe>`;
+    } else if (ev.tipo && ev.tipo.startsWith('video/') && ev.localData) {
+        content.innerHTML = `<video src="${ev.localData}" controls class="max-w-full max-h-[70vh] rounded"></video>`;
+    } else if (ev.tipo && ev.tipo.startsWith('audio/') && ev.localData) {
+        content.innerHTML = `<div class="text-center"><i class="fas fa-music text-6xl text-white mb-6"></i><audio src="${ev.localData}" controls class="w-96"></audio></div>`;
+    } else {
+        content.innerHTML = `<div class="text-center"><i class="${getFileIcon(ev.tipo)} text-8xl text-white mb-4"></i><p class="text-white text-xl">${ev.nomeArquivo || 'Arquivo'}</p><p class="text-gray-400">Pré-visualização não disponível</p></div>`;
+    }
+
+    caption.textContent = `${ev.descricao} — ${ev.clienteNome} — ${formatDate(ev.data)}`;
+    document.getElementById('lightbox').classList.add('active');
+}
+
+function closeLightbox() {
+    document.getElementById('lightbox').classList.remove('active');
+}
+
+function navigateEvidence(direction) {
+    currentEvidenceIndex += direction;
+    if (currentEvidenceIndex < 0) currentEvidenceIndex = appData.evidencias.length - 1;
+    if (currentEvidenceIndex >= appData.evidencias.length) currentEvidenceIndex = 0;
+    const ev = appData.evidencias[currentEvidenceIndex];
+    if (ev) viewEvidence(ev.id);
+}
+
+function filterEvidence() {
+    renderEvidence();
+}
+
+// --- AASP Integration ---
+const AASP_BASE_URL = 'https://api.aasp.org.br';
+
+async function fetchAASPIntimacoes() {
+    const chave = document.getElementById('aasp-chave').value;
+    const tipo = document.getElementById('aasp-tipo').value;
+    const data = document.getElementById('aasp-data').value;
+    const diferencial = document.getElementById('aasp-diferencial').checked;
+    const codigo = document.getElementById('aasp-codigo').value;
+    const btn = document.getElementById('btn-fetch-aasp');
+
+    if (!chave) { showToast('Informe a chave de acesso AASP', 'error'); return; }
+
+    btn.disabled = true;
+    btn.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Buscando...';
+
+    try {
+        const endpoint = tipo === 'empresa' ? 'Empresa' : 'Associado';
+        let url = `${AASP_BASE_URL}/api/${endpoint}/intimacao/json?chave=${encodeURIComponent(chave)}`;
+        if (data) url += `&data=${encodeURIComponent(data)}`;
+        if (diferencial) url += `&diferencial=true`;
+        if (tipo === 'empresa' && codigo) url += `&codigoPessoaAssociado=${codigo}`;
+
+        const response = await fetch(url);
+        if (!response.ok) throw new Error(`Erro HTTP: ${response.status}`);
+
+        const result = await response.json();
+        appData.intimacoes = Array.isArray(result) ? result : [result];
+        
+        renderIntimacoes();
+        document.getElementById('stat-intimacoes').textContent = appData.intimacoes.length;
+        updateNotificationBadge();
+        showToast(`${appData.intimacoes.length} intimação(ões) encontrada(s)!`);
+        saveAppData();
+
+    } catch (error) {
+        console.error('AASP API Error:', error);
+        // Show mock data for demo
+        showAASPMockData();
+        showToast('Usando dados de demonstração (API pode requerer CORS proxy)', 'warning');
+    } finally {
+        btn.disabled = false;
+        btn.innerHTML = '<i class="fas fa-sync-alt mr-2"></i> Buscar Intimações';
+    }
+}
+
+function showAASPMockData() {
+    appData.intimacoes = [
+        { id: 1, dataDisponibilizacao: '2024-01-10', dataPublicacao: '2024-01-09', jornal: 'DJE - TJSP', orgao: 'TJSP', vara: '5ª Vara Cível', numeroProcesso: '2023-0456', nomeParte: 'João Silva', tipoIntimacao: 'Sentença', conteudo: 'Intimação da parte ré para ciência da sentença proferida nos autos...', advogado: 'Dr. Ricardo Mendes', OAB: 'OAB/SP 123.456' },
+        { id: 2, dataDisponibilizacao: '2024-01-10', dataPublicacao: '2024-01-09', jornal: 'DJE - TRF3', orgao: 'TRF3', vara: '2ª Vara Federal', numeroProcesso: '2023-0389', nomeParte: 'Maria Souza', tipoIntimacao: 'Despacho', conteudo: 'Intimação para manifestação sobre despacho que deferiu liminarmente a tutela de urgência...', advogado: 'Dra. Ana Paula Torres', OAB: 'OAB/SP 234.567' },
+        { id: 3, dataDisponibilizacao: '2024-01-11', dataPublicacao: '2024-01-10', jornal: 'DJE - TJMG', orgao: 'TJMG', vara: '1ª Vara de Fazenda Pública', numeroProcesso: '2023-0412', nomeParte: 'Empresa XYZ Ltda', tipoIntimacao: 'Decisão', conteudo: 'Intimação da requerida para, querendo, apresentar impugnação ao cumprimento de sentença...', advogado: 'Dr. Paulo Santos', OAB: 'OAB/MG 56.789' },
+        { id: 4, dataDisponibilizacao: '2024-01-12', dataPublicacao: '2024-01-11', jornal: 'DJE - TJSP', orgao: 'TJSP', vara: '15ª Vara Cível', numeroProcesso: '2023-0501', nomeParte: 'Ana Oliveira', tipoIntimacao: 'Audiência', conteudo: 'Intimação para audiência de conciliação designada para o dia 25/01/2024 às 14:00...', advogado: 'Dra. Carolina Lima', OAB: 'OAB/SP 345.678' },
+    ];
+    renderIntimacoes();
+    document.getElementById('stat-intimacoes').textContent = appData.intimacoes.length;
+    updateNotificationBadge();
+    saveAppData();
+}
+
+function renderIntimacoes() {
+    const list = document.getElementById('intimacoes-list');
+    const count = document.getElementById('intimacoes-count');
+    
+    count.textContent = `${appData.intimacoes.length} resultado(s)`;
+
+    if (appData.intimacoes.length === 0) {
+        list.innerHTML = '<div class="text-center py-8 text-gray-400"><i class="fas fa-gavel text-4xl mb-3"></i><p>Nenhuma intimação encontrada</p></div>';
+        return;
+    }
+
+    list.innerHTML = appData.intimacoes.map((int, i) => {
+        const statusColor = int.tipoIntimacao === 'Sentença' ? 'bg-red-100 text-red-800' : 
+                           int.tipoIntimacao === 'Audiência' ? 'bg-yellow-100 text-yellow-800' : 
+                           'bg-blue-100 text-blue-800';
+        return `
+        <div class="border border-gray-200 rounded-lg p-4 mb-3 hover:bg-gray-50 transition">
+            <div class="flex flex-wrap items-start justify-between gap-3 mb-2">
+                <div class="flex items-center space-x-3">
+                    <span class="w-8 h-8 rounded-full bg-indigo-100 text-indigo-600 flex items-center justify-center text-sm font-bold">${i + 1}</span>
+                    <div>
+                        <p class="font-semibold">${int.numeroProcesso || 'N/A'} - ${int.nomeParte || 'N/A'}</p>
+                        <p class="text-sm text-gray-500">${int.orgao || ''} • ${int.vara || ''}</p>
+                    </div>
+                </div>
+                <div class="flex items-center space-x-2">
+                    <span class="px-2 py-1 text-xs font-semibold rounded-full ${statusColor}">${int.tipoIntimacao || 'N/A'}</span>
+                    <span class="text-sm text-gray-500">${formatDate(int.dataDisponibilizacao)}</span>
+                </div>
+            </div>
+            <div class="bg-gray-50 rounded p-3 mb-2">
+                <p class="text-sm text-gray-700">${(int.conteudo || '').substring(0, 200)}${(int.conteudo || '').length > 200 ? '...' : ''}</p>
+            </div>
+            <div class="flex items-center justify-between">
+                <div class="text-xs text-gray-400">
+                    <span class="mr-3"><i class="fas fa-newspaper mr-1"></i>${int.jornal || 'N/A'}</span>
+                    <span class="mr-3"><i class="fas fa-calendar mr-1"></i>Publicação: ${formatDate(int.dataPublicacao)}</span>
+                    ${int.advogado ? `<span><i class="fas fa-user-tie mr-1"></i>${int.advogado}</span>` : ''}
+                </div>
+                <div class="flex space-x-2">
+                    <button class="text-sm text-indigo-600 hover:text-indigo-800" onclick="linkIntimacaoToProcess(${int.id})"><i class="fas fa-link mr-1"></i>Vincular</button>
+                    <button class="text-sm text-green-600 hover:text-green-800"><i class="fas fa-check mr-1"></i>Marcar Lida</button>
+                </div>
+            </div>
+        </div>`;
+    }).join('');
+}
+
+async function fetchAASPJornais() {
+    const chave = document.getElementById('aasp-chave').value;
+    const tipo = document.getElementById('aasp-tipo').value;
+    
+    if (!chave) { showToast('Informe a chave AASP', 'error'); return; }
+
+    try {
+        const endpoint = tipo === 'empresa' ? 'Empresa' : 'Associado';
+        const url = `${AASP_BASE_URL}/api/${endpoint}/intimacao/GetJornaisComIntimacoes/json?chave=${encodeURIComponent(chave)}&qtdeDias=30`;
+        
+        const response = await fetch(url);
+        const result = await response.json();
+        renderJornais(Array.isArray(result) ? result : [result]);
+    } catch(e) {
+        // Mock data
+        renderJornais([
+            { jornal: 'DJE - TJSP', quantidade: 12, dataUltima: '2024-01-12' },
+            { jornal: 'DJE - TRF3', quantidade: 5, dataUltima: '2024-01-11' },
+            { jornal: 'DJE - TJMG', quantidade: 3, dataUltima: '2024-01-10' },
+        ]);
+        showToast('Usando dados de demonstração para jornais', 'warning');
+    }
+}
+
+function renderJornais(jornais) {
+    const container = document.getElementById('jornais-results');
+    const list = document.getElementById('jornais-list');
+    container.classList.remove('hidden');
+
+    list.innerHTML = jornais.map(j => `
+        <div class="flex items-center justify-between p-3 bg-gray-50 rounded-lg mb-2">
+            <div class="flex items-center space-x-3">
+                <i class="fas fa-newspaper text-indigo-600"></i>
+                <div>
+                    <p class="font-medium">${j.jornal || j.NomeJornal || 'N/A'}</p>
+                    <p class="text-sm text-gray-500">Última publicação: ${formatDate(j.dataUltima || j.DataUltima)}</p>
+                </div>
+            </div>
+            <span class="bg-indigo-100 text-indigo-700 px-3 py-1 rounded-full text-sm font-medium">${j.quantidade || j.Quantidade || 0} intimação(ões)</span>
+        </div>
+    `).join('');
+}
+
+function linkIntimacaoToProcess(intId) {
+    const int = appData.intimacoes.find(i => i.id === intId);
+    if (!int) return;
+    showToast(`Intimação ${int.numeroProcesso} vinculada ao processo!`, 'success');
+}
+
+function togglePassword(fieldId) {
+    const field = document.getElementById(fieldId);
+    if (field.type === 'password') {
+        field.type = 'text';
+        field.nextElementSibling.innerHTML = '<i class="fas fa-eye-slash"></i>';
+    } else {
+        field.type = 'password';
+        field.nextElementSibling.innerHTML = '<i class="fas fa-eye"></i>';
+    }
+}
+
+// --- Google Drive / Sheets Integration ---
+let gapiLoaded = false;
+let gisLoaded = false;
+let tokenClient = null;
+
+// Google API Configuration
+// NOTE: In production, replace with your own Client ID from Google Cloud Console
+const GOOGLE_CLIENT_ID = 'YOUR_GOOGLE_CLIENT_ID.apps.googleusercontent.com';
+const GOOGLE_API_KEY = 'YOUR_GOOGLE_API_KEY';
+const SCOPES = 'https://www.googleapis.com/auth/drive.file https://www.googleapis.com/auth/drive.readonly https://www.googleapis.com/auth/spreadsheets.readonly';
+const SPREADSHEET_ID = '19EOpljeLASYLgyWhxJWtGBexELlt3GDoYBbcE5ZRExk';
+
+function loadGoogleAPI() {
+    const script = document.createElement('script');
+    script.src = 'https://apis.google.com/js/api.js';
+    script.onload = () => {
+        gapi.load('client', async () => {
+            try {
+                await gapi.client.init({ apiKey: GOOGLE_API_KEY, discoveryDocs: ['https://www.googleapis.com/auth/drive.file', 'https://sheets.googleapis.com/$discovery/rest?version=v4'] });
+                gapiLoaded = true;
+                console.log('GAPI loaded');
+            } catch(e) { console.error('GAPI init error', e); }
+        });
+    };
+    document.body.appendChild(script);
+}
+
+function connectGoogleDrive() {
+    if (!GOOGLE_CLIENT_ID || GOOGLE_CLIENT_ID.includes('YOUR_GOOGLE')) {
+        showToast('Configure o Client ID do Google no app.js', 'warning');
+        showGoogleConfigInfo();
+        return;
+    }
+    
+    try {
+        tokenClient = google.accounts.oauth2.initTokenClient({
+            client_id: GOOGLE_CLIENT_ID,
+            scope: SCOPES,
+            callback: (tokenResponse) => {
+                if (tokenResponse.error) {
+                    showToast('Erro na autenticação Google: ' + tokenResponse.error, 'error');
+                    return;
+                }
+                appData.driveConnected = true;
+                updateDriveStatus(true);
+                showToast('Google Drive conectado com sucesso!');
+                saveAppData();
+            }
+        });
+        tokenClient.requestAccessToken({ prompt: '' });
+    } catch(e) {
+        console.error('Google Auth Error:', e);
+        showToast('Erro ao conectar com Google. Verifique a configuração.', 'error');
+        showGoogleConfigInfo();
+    }
+}
+
+function connectGoogleSheets() {
+    if (!appData.driveConnected && (!GOOGLE_CLIENT_ID || GOOGLE_CLIENT_ID.includes('YOUR_GOOGLE'))) {
+        showToast('Configure o Google Client ID primeiro', 'warning');
+        showGoogleConfigInfo();
+        return;
+    }
+    
+    if (!appData.driveConnected) {
+        connectGoogleDrive();
+        return;
+    }
+
+    fetchSpreadsheetData();
+}
+
+async function fetchSpreadsheetData() {
+    try {
+        const response = await gapi.client.sheets.spreadsheets.values.get({
+            spreadsheetId: SPREADSHEET_ID,
+            range: 'A:Z'
+        });
+        
+        const rows = response.result.values;
+        if (rows && rows.length > 0) {
+            appData.importPreview = rows;
+            renderImportPreview(rows);
+            updateSheetsStatus(true);
+            showToast(`${rows.length - 1} registros importados da planilha!`);
+        }
+    } catch(e) {
+        console.error('Sheets API Error:', e);
+        // Show mock data
+        const mockRows = [
+            ['Nome', 'CPF/CNPJ', 'Email', 'Telefone', 'Endereço', 'Tipo Processo', 'Descrição'],
+            ['João da Silva', '123.456.789-00', 'joao@email.com', '(11) 98765-4321', 'Rua A, 100 - SP', 'Cível', 'Ação indenizatória por danos morais'],
+            ['Maria Oliveira', '987.654.321-00', 'maria@email.com', '(21) 99876-5432', 'Av B, 200 - RJ', 'Trabalhista', 'Reclamação trabalhista - horas extras'],
+            ['Empresa ABC Ltda', '12.345.678/0001-90', 'contato@abc.com', '(11) 3456-7890', 'Rua C, 300 - SP', 'Tributário', 'Mandado de segurança - ICMS'],
+        ];
+        appData.importPreview = mockRows;
+        renderImportPreview(mockRows);
+        updateSheetsStatus(true);
+        showToast('Dados de demonstração carregados', 'warning');
+    }
+}
+
+function renderImportPreview(rows) {
+    const container = document.getElementById('import-preview');
+    const table = document.getElementById('import-preview-table');
+    container.classList.remove('hidden');
+
+    if (!rows || rows.length === 0) return;
+
+    const headers = rows[0];
+    let html = '<thead class="bg-gray-50"><tr>';
+    headers.forEach(h => html += `<th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">${h}</th>`);
+    html += '</tr></thead><tbody class="bg-white divide-y divide-gray-200">';
+    
+    rows.slice(1).forEach(row => {
+        html += '<tr>';
+        row.forEach(cell => html += `<td class="px-4 py-2 text-sm text-gray-500 whitespace-nowrap">${cell || ''}</td>`);
+        html += '</tr>';
+    });
+    html += '</tbody>';
+    table.innerHTML = html;
+}
+
+function confirmImport() {
+    if (!appData.importPreview) return;
+    
+    const rows = appData.importPreview;
+    const headers = rows[0];
+    
+    // Find column indices
+    const nomeIdx = headers.findIndex(h => /nome/i.test(h));
+    const cpfIdx = headers.findIndex(h => /cpf|cnpj/i.test(h));
+    const emailIdx = headers.findIndex(h => /email|e-mail/i.test(h));
+    const telIdx = headers.findIndex(h => /telef/i.test(h));
+    const endIdx = headers.findIndex(h => /endere/i.test(h));
+
+    rows.slice(1).forEach(row => {
+        const exists = appData.clientes.find(c => c.cpfCnpj === (row[cpfIdx] || ''));
+        if (!exists && row[nomeIdx]) {
+            appData.clientes.push({
+                id: Date.now() + Math.random(),
+                nome: row[nomeIdx] || '',
+                tipo: (row[cpfIdx] || '').length > 14 ? 'pj' : 'pf',
+                cpfCnpj: row[cpfIdx] || '',
+                email: row[emailIdx] || '',
+                telefone: row[telIdx] || '',
+                endereco: row[endIdx] || '',
+                processos: 0
+            });
+        }
+    });
+
+    saveAppData();
+    updateStats();
+    showToast('Dados importados com sucesso!');
+}
+
+async function uploadToGoogleDrive(file, evidenceId) {
+    if (!appData.driveConnected) return;
+    
+    try {
+        const metadata = {
+            name: `[LegalData] ${file.name}`,
+            parents: [],
+            description: `Prova enviada via LegalData Manager - ID: ${evidenceId}`
+        };
+
+        const form = new FormData();
+        form.append('metadata', new Blob([JSON.stringify(metadata)], { type: 'application/json' }));
+        form.append('file', file);
+
+        const response = await fetch('https://www.googleapis.com/upload/drive/v3/files?uploadType=multipart', {
+            method: 'POST',
+            headers: new Headers({ 'Authorization': 'Bearer ' + gapi.auth.getToken().access_token }),
+            body: form
+        });
+
+        const result = await response.json();
+        const ev = appData.evidencias.find(e => e.id === evidenceId);
+        if (ev) {
+            ev.driveId = result.id;
+            saveAppData();
+            showToast('Arquivo salvo no Google Drive!', 'info');
+        }
+    } catch(e) {
+        console.error('Drive upload error:', e);
+        showToast('Erro ao salvar no Drive', 'error');
+    }
+}
+
+function updateDriveStatus(connected) {
+    appData.driveConnected = connected;
+    
+    const icon = document.getElementById('drive-icon');
+    const text = document.getElementById('drive-status-text');
+    const sub = document.getElementById('drive-status-sub');
+    const btn = document.getElementById('drive-connect-btn');
+    const dot = document.getElementById('drive-conn-dot');
+    const label = document.getElementById('drive-conn-label');
+    const intBtn = document.getElementById('drive-integration-btn');
+
+    if (connected) {
+        if (icon) icon.className = 'w-10 h-10 rounded-lg bg-green-100 flex items-center justify-center text-green-600';
+        if (icon) icon.innerHTML = '<i class="fab fa-google-drive text-xl"></i>';
+        if (text) text.textContent = 'Google Drive conectado';
+        if (sub) sub.textContent = 'Arquivos serão sincronizados automaticamente';
+        if (btn) { btn.textContent = 'Desconectar'; btn.className = 'bg-red-100 text-red-600 px-4 py-2 rounded-lg hover:bg-red-200 transition'; btn.onclick = disconnectGoogleDrive; }
+        if (dot) { dot.className = 'w-3 h-3 rounded-full bg-green-500'; }
+        if (label) { label.textContent = 'Conectado'; label.className = 'text-sm text-green-600 font-medium'; }
+        if (intBtn) { intBtn.textContent = 'Desconectar'; intBtn.className = 'w-full bg-red-100 text-red-600 py-2 rounded-lg hover:bg-red-200 transition'; }
+    } else {
+        if (icon) icon.className = 'w-10 h-10 rounded-lg bg-gray-100 flex items-center justify-center text-gray-400';
+        if (icon) icon.innerHTML = '<i class="fab fa-google-drive text-xl"></i>';
+        if (text) text.textContent = 'Google Drive desconectado';
+        if (sub) sub.textContent = 'Conecte para sincronizar provas na nuvem';
+        if (btn) { btn.innerHTML = '<i class="fab fa-google mr-2"></i> Conectar Google Drive'; btn.className = 'bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition'; btn.onclick = connectGoogleDrive; }
+        if (dot) { dot.className = 'w-3 h-3 rounded-full bg-gray-400'; }
+        if (label) { label.textContent = 'Desconectado'; label.className = 'text-sm text-gray-500 font-medium'; }
+    }
+}
+
+function updateSheetsStatus(connected) {
+    appData.sheetsConnected = connected;
+    const dot = document.getElementById('sheets-conn-dot');
+    const label = document.getElementById('sheets-conn-label');
+    const btn = document.getElementById('sheets-integration-btn');
+
+    if (connected) {
+        if (dot) dot.className = 'w-3 h-3 rounded-full bg-green-500';
+        if (label) { label.textContent = 'Conectado'; label.className = 'text-sm text-green-600 font-medium'; }
+        if (btn) { btn.textContent = 'Sincronizar Dados'; btn.className = 'w-full bg-green-100 text-green-700 py-2 rounded-lg hover:bg-green-200 transition'; }
+    }
+}
+
+function disconnectGoogleDrive() {
+    if (tokenClient) {
+        const token = gapi?.auth?.getToken();
+        if (token) google.accounts.oauth2.revoke(token.access_token);
+    }
+    updateDriveStatus(false);
+    updateSheetsStatus(false);
+    showToast('Google Drive desconectado', 'info');
+}
+
+function showGoogleConfigInfo() {
+    const info = `
+    <div class="bg-yellow-50 border border-yellow-200 rounded-lg p-4 mb-4">
+        <h4 class="font-semibold text-yellow-800 mb-2"><i class="fas fa-info-circle mr-2"></i>Configuração do Google OAuth</h4>
+        <p class="text-sm text-yellow-700 mb-2">Para usar as integrações Google, você precisa:</p>
+        <ol class="text-sm text-yellow-700 list-decimal list-inside space-y-1">
+            <li>Acessar <a href="https://console.cloud.google.com/" target="_blank" class="underline text-yellow-800">Google Cloud Console</a></li>
+            <li>Criar um projeto e ativar as APIs: Google Drive API e Google Sheets API</li>
+            <li>Criar credenciais OAuth 2.0</li>
+            <li>Adicionar <code class="bg-yellow-100 px-1 rounded">http://localhost</code> como origem autorizada</li>
+            <li>Copiar o Client ID e atualizar no arquivo <code class="bg-yellow-100 px-1 rounded">app.js</code></li>
+        </ol>
+        <p class="text-sm text-yellow-700 mt-2">Enquanto isso, o sistema funciona com dados locais e de demonstração.</p>
+    </div>`;
+    
+    const list = document.getElementById('intimacoes-list');
+    if (list) list.innerHTML = info + list.innerHTML;
+}
+
+// --- File Import ---
+function handleFileImport(event) {
+    const file = event.target.files[0];
+    if (!file) return;
+
+    if (file.name.endsWith('.csv')) {
+        Papa.parse(file, {
+            header: true,
+            complete: (results) => {
+                appData.importPreview = [results.meta.fields, ...results.data.map(r => results.meta.fields.map(f => r[f]))];
+                renderImportPreview(appData.importPreview);
+                showToast(`${results.data.length} registros importados do CSV`);
+            }
+        });
+    } else if (file.name.endsWith('.xlsx') || file.name.endsWith('.xls')) {
+        const reader = new FileReader();
+        reader.onload = (e) => {
+            const data = new Uint8Array(e.target.result);
+            const workbook = XLSX.read(data, { type: 'array' });
+            const sheetName = workbook.SheetNames[0];
+            const sheet = workbook.Sheets[sheetName];
+            const jsonData = XLSX.utils.sheet_to_json(sheet, { header: 1 });
+            appData.importPreview = jsonData;
+            renderImportPreview(jsonData);
+            showToast(`${jsonData.length - 1} registros importados do Excel`);
+        };
+        reader.readAsArrayBuffer(file);
+    }
+}
+
+// --- Sanitization ---
+function sanitizeData(type) {
+    let count = 0;
+    switch(type) {
+        case 'cpfcnpj':
+            appData.clientes.forEach(c => {
+                c.cpfCnpj = c.cpfCnpj.replace(/[^\d./-]/g, '');
+                count++;
+            });
+            showToast(`${count} CPFs/CNPJs padronizados`);
+            break;
+        case 'phone':
+            appData.clientes.forEach(c => {
+                c.telefone = c.telefone.replace(/[^\d() -]/g, '');
+                count++;
+            });
+            showToast(`${count} telefones padronizados`);
+            break;
+        case 'email':
+            const invalid = appData.clientes.filter(c => !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(c.email));
+            showToast(`${invalid.length} e-mails inválidos encontrados`, invalid.length > 0 ? 'warning' : 'success');
+            break;
+        case 'duplicates':
+            const seen = new Set();
+            const before = appData.clientes.length;
+            appData.clientes = appData.clientes.filter(c => {
+                const key = c.cpfCnpj || c.email;
+                if (seen.has(key)) return false;
+                seen.add(key);
+                return true;
+            });
+            count = before - appData.clientes.length;
+            showToast(`${count} duplicatas removidas`, count > 0 ? 'info' : 'success');
+            break;
+    }
+    saveAppData();
+    renderClientes();
+}
+
+// --- Utility Functions ---
+function formatDate(dateStr) {
+    if (!dateStr) return 'N/A';
+    try {
+        const d = new Date(dateStr);
+        return d.toLocaleDateString('pt-BR');
+    } catch(e) { return dateStr; }
+}
+
+function generateId() {
+    return '2024-' + String(Math.floor(Math.random() * 9000) + 1000);
+}
+
+function updateStats() {
+    document.getElementById('stat-processos').textContent = appData.processos.length;
+    document.getElementById('stat-clientes').textContent = appData.clientes.length;
+    document.getElementById('stat-provas').textContent = appData.evidencias.length;
+}
+
+function updateNotificationBadge() {
+    const badge = document.getElementById('notification-badge');
+    const count = appData.intimacoes.length;
+    if (count > 0) {
+        badge.textContent = count;
+        badge.classList.remove('hidden');
+    } else {
+        badge.classList.add('hidden');
+    }
+}
+
+function populateSelects() {
+    // Populate client selects
+    const clientSelects = ['proc-cliente', 'ev-cliente'];
+    clientSelects.forEach(id => {
+        const el = document.getElementById(id);
+        if (el) {
+            el.innerHTML = '<option value="">Selecione...</option>' + 
+                appData.clientes.map(c => `<option value="${c.id}">${c.nome}</option>`).join('');
+        }
+    });
+
+    // Populate process selects
+    const procSelects = ['ev-processo'];
+    procSelects.forEach(id => {
+        const el = document.getElementById(id);
+        if (el) {
+            el.innerHTML = '<option value="">Selecione...</option>' + 
+                appData.processos.map(p => `<option value="${p.id}">#${p.id} - ${p.cliente}</option>`).join('');
+        }
+    });
+
+    // Evidence filter
+    const filterClient = document.getElementById('evidence-filter-client');
+    if (filterClient) {
+        filterClient.innerHTML = '<option value="">Todos os Clientes</option>' + 
+            appData.clientes.map(c => `<option value="${c.id}">${c.nome}</option>`).join('');
+    }
+}
+
+// --- Deadline Table ---
+function renderDeadlineTable() {
+    const tbody = document.getElementById('deadline-table-body');
+    if (!tbody) return;
+
+    const urgent = appData.processos
+        .filter(p => p.prazo && p.status !== 'Concluído')
+        .sort((a, b) => new Date(a.prazo) - new Date(b.prazo))
+        .slice(0, 5);
+
+    const statusColors = {
+        'Ativo': 'bg-green-100 text-green-800',
+        'Pendente': 'bg-yellow-100 text-yellow-800',
+        'Urgente': 'bg-red-100 text-red-800',
+    };
+
+    tbody.innerHTML = urgent.map(p => `
+        <tr>
+            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">#${p.id}</td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${p.cliente}</td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${p.tribunal}</td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${formatDate(p.prazo)}</td>
+            <td class="px-6 py-4 whitespace-nowrap"><span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${statusColors[p.status] || 'bg-gray-100 text-gray-800'}">${p.status}</span></td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm">
+                <button class="text-indigo-600 hover:text-indigo-900 mr-3"><i class="fas fa-eye"></i></button>
+                <button class="text-green-600 hover:text-green-900"><i class="fas fa-edit"></i></button>
+            </td>
+        </tr>
+    `).join('');
+}
+
+// --- Chart ---
+function initChart() {
+    const ctx = document.getElementById('processChart');
+    if (!ctx) return;
+
+    new Chart(ctx, {
+        type: 'doughnut',
+        data: {
+            labels: ['TJSP', 'TJMG', 'TRF1', 'TRF4', 'Outros'],
+            datasets: [{
+                data: [45, 20, 15, 12, 8],
+                backgroundColor: ['#4F46E5', '#10B981', '#F59E0B', '#EF4444', '#6B7280'],
+                borderWidth: 0
+            }]
+        },
+        options: {
+            responsive: true,
+            maintainAspectRatio: false,
+            plugins: {
+                legend: { position: 'bottom' }
+            }
+        }
+    });
+}
+
+// --- Auto-refresh AASP ---
+let aaspInterval = null;
+function startAASPRefresh() {
+    if (aaspInterval) clearInterval(aaspInterval);
+    aaspInterval = setInterval(() => {
+        if (document.getElementById('aasp-auto-refresh')?.checked) {
+            fetchAASPIntimacoes();
+        }
+    }, 30 * 60 * 1000); // 30 minutes
+}
+
+// --- Keyboard Shortcuts ---
+document.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape') {
+        document.querySelectorAll('[id^="modal-"]').forEach(m => m.classList.add('hidden'));
+        closeLightbox();
+    }
+});
+
+// --- Initialize ---
+document.addEventListener('DOMContentLoaded', () => {
+    loadAppData();
+    populateSelects();
+    renderProcessos();
+    renderClientes();
+    renderDeadlineTable();
+    initChart();
+    updateStats();
+    updateNotificationBadge();
+    
+    if (appData.driveConnected) updateDriveStatus(true);
+    if (appData.sheetsConnected) updateSheetsStatus(true);
+    
+    startAASPRefresh();
+
+    // Set today's date for AASP query
+    const today = new Date().toISOString().split('T')[0];
+    const dataField = document.getElementById('aasp-data');
+    if (dataField) dataField.value = today;
+});

cliente.html

@@ -0,0 +1,238 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>LegalData Manager - Portal do Cliente</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        .drop-zone { border: 2px dashed #c7d2fe; transition: all 0.3s; }
+        .drop-zone.dragover { border-color: #6366f1; background: #eef2ff; }
+        .step-circle { transition: all 0.3s; }
+        .step-circle.active { background: #4F46E5; color: white; }
+        .step-circle.completed { background: #10B981; color: white; }
+        .step-line.active { background: #4F46E5; }
+        .toast { transform: translateX(120%); transition: transform 0.4s ease; }
+        .toast.show { transform: translateX(0); }
+        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
+        .fade-in { animation: fadeIn 0.5s ease; }
+        .file-item { animation: fadeIn 0.3s ease; }
+    </style>
+</head>
+<body class="bg-gradient-to-br from-indigo-50 via-white to-purple-50 min-h-screen">
+    <!-- Toast Container -->
+    <div id="toast-container" class="fixed top-4 right-4 z-50 space-y-2"></div>
+
+    <div class="min-h-screen flex flex-col">
+        <!-- Header -->
+        <header class="bg-white shadow-sm">
+            <div class="max-w-4xl mx-auto px-4 py-4 flex justify-between items-center">
+                <div class="flex items-center space-x-3">
+                    <div class="w-10 h-10 bg-indigo-600 rounded-lg flex items-center justify-center">
+                        <i class="fas fa-balance-scale text-white text-lg"></i>
+                    </div>
+                    <div>
+                        <h1 class="text-lg font-bold text-gray-800">LegalData Manager</h1>
+                        <p class="text-xs text-gray-500">Portal do Cliente</p>
+                    </div>
+                </div>
+                <a href="index.html" class="text-indigo-600 hover:text-indigo-800 text-sm font-medium flex items-center">
+                    <i class="fas fa-arrow-left mr-1"></i> Área Administrativa
+                </a>
+            </div>
+        </header>
+
+        <!-- Main Content -->
+        <main class="flex-1 max-w-4xl mx-auto w-full px-4 py-8">
+            <!-- Steps Indicator -->
+            <div class="flex items-center justify-center mb-8">
+                <div class="flex items-center space-x-2">
+                    <div class="step-circle active w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm border-2 border-indigo-600" id="step-1">1</div>
+                    <div class="step-line w-16 h-1 bg-gray-200 rounded" id="line-1"></div>
+                    <div class="step-circle w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm border-2 border-gray-300 text-gray-400" id="step-2">2</div>
+                    <div class="step-line w-16 h-1 bg-gray-200 rounded" id="line-2"></div>
+                    <div class="step-circle w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm border-2 border-gray-300 text-gray-400" id="step-3">3</div>
+                </div>
+            </div>
+
+            <!-- Step 1: Registration Form -->
+            <div id="form-step-1" class="fade-in">
+                <div class="bg-white rounded-2xl shadow-lg p-6 md:p-8 mb-6">
+                    <div class="text-center mb-6">
+                        <div class="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                            <i class="fas fa-user-plus text-2xl text-indigo-600"></i>
+                        </div>
+                        <h2 class="text-2xl font-bold text-gray-800">Cadastro de Cliente</h2>
+                        <p class="text-gray-500 mt-1">Preencha seus dados para se cadastrar no escritório</p>
+                    </div>
+
+                    <form id="client-form" onsubmit="return handleClientSubmit(event)">
+                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Nome Completo *</label>
+                                <input type="text" id="reg-nome" required class="w-full px-4 py-2.5 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent" placeholder="Seu nome completo">
+                            </div>
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Tipo de Pessoa *</label>
+                                <select id="reg-tipo" required class="w-full px-4 py-2.5 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500">
+                                    <option value="pf">Pessoa Física</option>
+                                    <option value="pj">Pessoa Jurídica</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">CPF/CNPJ *</label>
+                                <input type="text" id="reg-cpfcnpj" required class="w-full px-4 py-2.5 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="000.000.000-00">
+                            </div>
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">RG/Inscrição Estadual</label>
+                                <input type="text" id="reg-rg" class="w-full px-4 py-2.5 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="Opcional">
+                            </div>
+                        </div>
+                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">E-mail *</label>
+                                <input type="email" id="reg-email" required class="w-full px-4 py-2.5 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="seu@email.com">
+                            </div>
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Telefone *</label>
+                                <input type="text" id="reg-telefone" required class="w-full px-4 py-2.5 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="(00) 00000-0000">
+                            </div>
+                        </div>
+                        <div class="mb-4">
+                            <label class="block text-sm font-medium text-gray-700 mb-1">Endereço Completo</label>
+                            <input type="text" id="reg-endereco" class="w-full px-4 py-2.5 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="Rua, número, complemento, bairro, cidade - UF">
+                        </div>
+                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Profissão</label>
+                                <input type="text" id="reg-profissao" class="w-full px-4 py-2.5 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="Sua profissão">
+                            </div>
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Estado Civil</label>
+                                <select id="reg-estadocivil" class="w-full px-4 py-2.5 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500">
+                                    <option value="">Selecione</option>
+                                    <option>Solteiro(a)</option>
+                                    <option>Casado(a)</option>
+                                    <option>Divorciado(a)</option>
+                                    <option>Viúvo(a)</option>
+                                    <option>Separado(a)</option>
+                                    <option>União Estável</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="mb-4">
+                            <label class="block text-sm font-medium text-gray-700 mb-1">Tipo de Processo</label>
+                            <select id="reg-tipo-processo" class="w-full px-4 py-2.5 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500">
+                                <option value="">Selecione</option>
+                                <option value="civel">Cível</option>
+                                <option value="trabalhista">Trabalhista</option>
+                                <option value="tributario">Tributário</option>
+                                <option value="criminal">Criminal</option>
+                                <option value="familia">Família</option>
+                                <option value="consumidor">Consumidor</option>
+                                <option value="previdenciario">Previdenciário</option>
+                                <option value="outro">Outro</option>
+                            </select>
+                        </div>
+                        <div class="mb-4">
+                            <label class="block text-sm font-medium text-gray-700 mb-1">Descrição do Caso</label>
+                            <textarea id="reg-descricao" rows="4" class="w-full px-4 py-2.5 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="Descreva brevemente sua situação..."></textarea>
+                        </div>
+                        <div class="mb-4">
+                            <label class="flex items-start space-x-2">
+                                <input type="checkbox" required class="rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 mt-1">
+                                <span class="text-sm text-gray-600">Declaro que as informações fornecidas são verdadeiras e autorizo o uso dos dados para fins de prestação de serviços jurídicos, conforme a LGPD.</span>
+                            </label>
+                        </div>
+                        <button type="submit" class="w-full bg-indigo-600 text-white py-3 rounded-lg hover:bg-indigo-700 transition font-semibold text-lg">
+                            <i class="fas fa-arrow-right mr-2"></i> Próximo - Enviar Provas
+                        </button>
+                    </form>
+                </div>
+            </div>
+
+            <!-- Step 2: Evidence Upload -->
+            <div id="form-step-2" class="hidden fade-in">
+                <div class="bg-white rounded-2xl shadow-lg p-6 md:p-8 mb-6">
+                    <div class="text-center mb-6">
+                        <div class="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                            <i class="fas fa-cloud-upload-alt text-2xl text-purple-600"></i>
+                        </div>
+                        <h2 class="text-2xl font-bold text-gray-800">Envio de Provas</h2>
+                        <p class="text-gray-500 mt-1">Envie documentos, fotos, vídeos ou áudios relacionados ao seu caso</p>
+                    </div>
+
+                    <div id="drop-zone-client" class="drop-zone rounded-xl p-8 text-center cursor-pointer mb-4" onclick="document.getElementById('client-file-input').click()" ondragover="event.preventDefault();this.classList.add('dragover')" ondragleave="this.classList.remove('dragover')" ondrop="event.preventDefault();this.classList.remove('dragover');handleClientFileDrop(event)">
+                        <i class="fas fa-cloud-upload-alt text-5xl text-indigo-300 mb-3"></i>
+                        <p class="text-lg text-gray-500 mb-1">Arraste arquivos aqui</p>
+                        <p class="text-sm text-gray-400">ou clique para selecionar</p>
+                        <p class="text-xs text-gray-400 mt-2">Imagens, PDFs, vídeos e áudios — até 10MB cada</p>
+                        <input type="file" id="client-file-input" class="hidden" multiple accept="image/*,.pdf,video/*,audio/*" onchange="handleClientFileSelect(event)">
+                    </div>
+
+                    <div id="client-files-list" class="space-y-2 mb-4"></div>
+
+                    <div class="mb-4">
+                        <label class="block text-sm font-medium text-gray-700 mb-1">Categoria das Provas</label>
+                        <select id="client-ev-category" class="w-full px-4 py-2.5 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500">
+                            <option value="documento">Documento</option>
+                            <option value="foto">Foto</option>
+                            <option value="video">Vídeo</option>
+                            <option value="audio">Áudio</option>
+                            <option value="outro">Outro</option>
+                        </select>
+                    </div>
+                    <div class="mb-4">
+                        <label class="block text-sm font-medium text-gray-700 mb-1">Observações</label>
+                        <textarea id="client-ev-notes" rows="2" class="w-full px-4 py-2.5 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="Informações adicionais sobre as provas..."></textarea>
+                    </div>
+
+                    <div class="flex space-x-3">
+                        <button onclick="goToStep(1)" class="flex-1 bg-gray-100 text-gray-700 py-3 rounded-lg hover:bg-gray-200 transition font-semibold">
+                            <i class="fas fa-arrow-left mr-2"></i> Voltar
+                        </button>
+                        <button onclick="submitClientEvidence()" class="flex-1 bg-indigo-600 text-white py-3 rounded-lg hover:bg-indigo-700 transition font-semibold">
+                            <i class="fas fa-paper-plane mr-2"></i> Enviar Provas
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Step 3: Confirmation -->
+            <div id="form-step-3" class="hidden fade-in">
+                <div class="bg-white rounded-2xl shadow-lg p-6 md:p-8 text-center">
+                    <div class="w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6">
+                        <i class="fas fa-check-circle text-4xl text-green-600"></i>
+                    </div>
+                    <h2 class="text-2xl font-bold text-gray-800 mb-2">Cadastro Enviado!</h2>
+                    <p class="text-gray-500 mb-6">Suas informações e provas foram enviadas com sucesso. Nossa equipe entrará em contato em breve.</p>
+                    
+                    <div id="confirmation-details" class="bg-gray-50 rounded-xl p-6 mb-6 text-left"></div>
+
+                    <div class="flex flex-col space-y-3">
+                        <button onclick="resetForm()" class="w-full bg-indigo-600 text-white py-3 rounded-lg hover:bg-indigo-700 transition font-semibold">
+                            <i class="fas fa-plus mr-2"></i> Enviar Outro Cadastro
+                        </button>
+                        <a href="index.html" class="w-full bg-gray-100 text-gray-700 py-3 rounded-lg hover:bg-gray-200 transition font-semibold text-center">
+                            <i class="fas fa-arrow-left mr-2"></i> Voltar à Área Administrativa
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </main>
+
+        <!-- Footer -->
+        <footer class="bg-white border-t border-gray-200">
+            <div class="max-w-4xl mx-auto px-4 py-4 text-center text-sm text-gray-500">
+                <p>© 2024 LegalData Manager — Todos os direitos reservados</p>
+                <p class="text-xs mt-1">Seus dados são protegidos conforme a LGPD</p>
+            </div>
+        </footer>
+    </div>
+
+    <script src="cliente.js"></script>
+</body>
+</html>

cliente.js

@@ -0,0 +1,122 @@
+// ==========================================
+// LegalData Manager - Client Portal
+// ==========================================
+
+let clientFiles = [];
+let clientData = {};
+
+// --- Toast ---
+function showToast(message, type = 'success') {
+    const container = document.getElementById('toast-container');
+    const colors = { success: 'bg-green-500', error: 'bg-red-500', info: 'bg-blue-500', warning: 'bg-yellow-500' };
+    const icons = { success: 'fa-check-circle', error: 'fa-times-circle', info: 'fa-info-circle', warning: 'fa-exclamation-triangle' };
+    
+    const toast = document.createElement('div');
+    toast.className = `toast ${colors[type]} text-white px-4 py-3 rounded-lg shadow-lg flex items-center space-x-3 min-w-72`;
+    toast.innerHTML = `<i class="fas ${icons[type]}"></i><span>${message}</span>`;
+    container.appendChild(toast);
+    
+    requestAnimationFrame(() => toast.classList.add('show'));
+    setTimeout(() => { toast.classList.remove('show'); setTimeout(() => toast.remove(), 400); }, 4000);
+}
+
+// --- Step Navigation ---
+function goToStep(step) {
+    // Hide all steps
+    document.getElementById('form-step-1').classList.add('hidden');
+    document.getElementById('form-step-2').classList.add('hidden');
+    document.getElementById('form-step-3').classList.add('hidden');
+
+    // Show current step
+    document.getElementById('form-step-' + step).classList.remove('hidden');
+
+    // Update step indicators
+    for (let i = 1; i <= 3; i++) {
+        const circle = document.getElementById('step-' + i);
+        const line = document.getElementById('line-' + (i - 1));
+        
+        circle.classList.remove('active', 'completed');
+        if (i < step) {
+            circle.classList.add('completed');
+            circle.innerHTML = '<i class="fas fa-check text-sm"></i>';
+        } else if (i === step) {
+            circle.classList.add('active');
+            circle.textContent = i;
+        } else {
+            circle.textContent = i;
+        }
+
+        if (line) {
+            line.classList.toggle('active', i <= step);
+        }
+    }
+
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+}
+
+// --- Client Form ---
+function handleClientSubmit(event) {
+    event.preventDefault();
+
+    const nome = document.getElementById('reg-nome').value;
+    const tipo = document.getElementById('reg-tipo').value;
+    const cpfCnpj = document.getElementById('reg-cpfcnpj').value;
+    const email = document.getElementById('reg-email').value;
+    const telefone = document.getElementById('reg-telefone').value;
+
+    if (!nome || !cpfCnpj || !email || !telefone) {
+        showToast('Preencha todos os campos obrigatórios', 'error');
+        return false;
+    }
+
+    // Validate email
+    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+        showToast('E-mail inválido', 'error');
+        return false;
+    }
+
+    // Save client data
+    clientData = {
+        id: Date.now(),
+        nome: nome,
+        tipo: tipo,
+        cpfCnpj: cpfCnpj,
+        rg: document.getElementById('reg-rg').value,
+        email: email,
+        telefone: telefone,
+        endereco: document.getElementById('reg-endereco').value,
+        profissao: document.getElementById('reg-profissao').value,
+        estadoCivil: document.getElementById('reg-estadocivil').value,
+        tipoProcesso: document.getElementById('reg-tipo-processo').value,
+        descricao: document.getElementById('reg-descricao').value,
+        dataCadastro: new Date().toISOString()
+    };
+
+    // Save to localStorage (shared with main app)
+    let appData = {};
+    try {
+        const saved = localStorage.getItem('legaldata_app');
+        if (saved) appData = JSON.parse(saved);
+    } catch(e) {}
+
+    if (!appData.clientes) appData.clientes = [];
+    
+    // Check if already registered
+    const exists = appData.clientes.find(c => c.cpfCnpj === cpfCnpj);
+    if (exists) {
+        clientData.id = exists.id;
+        showToast('Cliente já cadastrado. Prossiga com o envio de provas.', 'info');
+    } else {
+        appData.clientes.push({
+            id: clientData.id,
+            nome: clientData.nome,
+            tipo: clientData.tipo,
+            cpfCnpj: clientData.cpfCnpj,
+            email: clientData.email,
+            telefone: clientData.telefone,
+            endereco: clientData.endereco,
+            processos: 0
+        });
+    }
+    
+    localStorage.setItem('legaldata_app', JSON.stringify(appData

index.html

@@ -9,101 +9,80 @@
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.3.0/papaparse.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
+    <script src="https://apis.google.com/js/api.js"></script>
+    <script src="https://accounts.google.com/gsi/client" async defer></script>
     <style>
-        .sidebar {
-            transition: all 0.3s ease;
-        }
-        .data-card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
-        }
-        .process-detail {
-            max-height: 0;
-            overflow: hidden;
-            transition: max-height 0.5s ease-out;
-        }
-        .process-detail.active {
-            max-height: 1000px;
-        }
-        .tab-content {
-            display: none;
-        }
-        .tab-content.active {
-            display: block;
-            animation: fadeIn 0.5s;
-        }
-        @keyframes fadeIn {
-            from { opacity: 0; }
-            to { opacity: 1; }
-        }
+        .sidebar { transition: all 0.3s ease; }
+        .sidebar.collapsed { width: 0; overflow: hidden; }
+        .data-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
+        .process-detail { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; }
+        .process-detail.active { max-height: 1000px; }
+        .tab-content { display: none; }
+        .tab-content.active { display: block; animation: fadeIn 0.5s; }
+        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
+        .evidence-card:hover { transform: scale(1.03); }
+        .lightbox { display: none; position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,0.9); }
+        .lightbox.active { display: flex; }
+        .drop-zone { border: 2px dashed #c7d2fe; transition: all 0.3s; }
+        .drop-zone.dragover { border-color: #6366f1; background: #eef2ff; }
+        .nav-link.active-nav { background: rgba(79,70,229,0.3); border-right: 3px solid #a5b4fc; }
+        .aasp-pulse { animation: pulse 2s infinite; }
+        @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.6} }
+        .toast { transform: translateX(120%); transition: transform 0.4s ease; }
+        .toast.show { transform: translateX(0); }
     </style>
 </head>
 <body class="bg-gray-50 font-sans">
+    <!-- Toast Container -->
+    <div id="toast-container" class="fixed top-4 right-4 z-50 space-y-2"></div>
+
+    <!-- Lightbox -->
+    <div id="lightbox" class="lightbox items-center justify-center" onclick="closeLightbox()">
+        <button class="absolute top-4 right-4 text-white text-3xl hover:text-gray-300 z-10" onclick="closeLightbox()"><i class="fas fa-times"></i></button>
+        <button class="absolute left-4 top-1/2 -translate-y-1/2 text-white text-3xl hover:text-gray-300 z-10" onclick="event.stopPropagation();navigateEvidence(-1)"><i class="fas fa-chevron-left"></i></button>
+        <button class="absolute right-4 top-1/2 -translate-y-1/2 text-white text-3xl hover:text-gray-300 z-10" onclick="event.stopPropagation();navigateEvidence(1)"><i class="fas fa-chevron-right"></i></button>
+        <div class="max-w-4xl max-h-screen p-8" onclick="event.stopPropagation()">
+            <div id="lightbox-content" class="flex items-center justify-center"></div>
+            <p id="lightbox-caption" class="text-white text-center mt-4 text-lg"></p>
+        </div>
+    </div>
+
     <div class="flex h-screen overflow-hidden">
         <!-- Sidebar -->
-        <div class="sidebar bg-indigo-900 text-white w-64 flex-shrink-0">
+        <div id="sidebar" class="sidebar bg-indigo-900 text-white w-64 flex-shrink-0">
             <div class="p-4 flex items-center space-x-3 border-b border-indigo-800">
                 <i class="fas fa-balance-scale text-2xl text-indigo-300"></i>
                 <h1 class="text-xl font-bold">LegalData Manager</h1>
             </div>
-            <nav class="p-4">
+            <nav class="p-4 overflow-y-auto" style="max-height: calc(100vh - 80px);">
                 <div class="mb-6">
                     <h3 class="text-xs uppercase text-indigo-400 font-semibold mb-3">Menu Principal</h3>
                     <ul>
-                        <li class="mb-2">
-                            <a href="#" class="flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('dashboard')">
-                                <i class="fas fa-tachometer-alt mr-3"></i>
-                                Dashboard
-                            </a>
-                        </li>
-                        <li class="mb-2">
-                            <a href="#" class="flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('processos')">
-                                <i class="fas fa-folder-open mr-3"></i>
-                                Processos
-                            </a>
-                        </li>
-                        <li class="mb-2">
-                            <a href="#" class="flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('clientes')">
-                                <i class="fas fa-users mr-3"></i>
-                                Clientes
-                            </a>
-                        </li>
-                        <li class="mb-2">
-                            <a href="#" class="flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('import')">
-                                <i class="fas fa-file-import mr-3"></i>
-                                Importar Dados
-                            </a>
-                        </li>
+                        <li class="mb-1"><a href="#" class="nav-link active-nav flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('dashboard', this)"><i class="fas fa-tachometer-alt mr-3 w-5 text-center"></i>Dashboard</a></li>
+                        <li class="mb-1"><a href="#" class="nav-link flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('processos', this)"><i class="fas fa-folder-open mr-3 w-5 text-center"></i>Processos</a></li>
+                        <li class="mb-1"><a href="#" class="nav-link flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('clientes', this)"><i class="fas fa-users mr-3 w-5 text-center"></i>Clientes</a></li>
+                        <li class="mb-1"><a href="#" class="nav-link flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('provas', this)"><i class="fas fa-images mr-3 w-5 text-center"></i>Galeria de Provas</a></li>
+                        <li class="mb-1"><a href="#" class="nav-link flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('intimacoes', this)"><i class="fas fa-gavel mr-3 w-5 text-center"></i>Intimações AASP</a></li>
+                        <li class="mb-1"><a href="#" class="nav-link flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('import', this)"><i class="fas fa-file-import mr-3 w-5 text-center"></i>Importar Dados</a></li>
                     </ul>
                 </div>
                 <div class="mb-6">
                     <h3 class="text-xs uppercase text-indigo-400 font-semibold mb-3">Administração</h3>
                     <ul>
-                        <li class="mb-2">
-                            <a href="#" class="flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('config')">
-                                <i class="fas fa-cog mr-3"></i>
-                                Configurações
-                            </a>
-                        </li>
-                        <li class="mb-2">
-                            <a href="#" class="flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('sanitize')">
-                                <i class="fas fa-broom mr-3"></i>
-                                Sanitização
-                            </a>
-                        </li>
-                        <li class="mb-2">
-                            <a href="#" class="flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('integrations')">
-                                <i class="fas fa-plug mr-3"></i>
-                                Integrações
-                            </a>
-                        </li>
+                        <li class="mb-1"><a href="#" class="nav-link flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('config', this)"><i class="fas fa-cog mr-3 w-5 text-center"></i>Configurações</a></li>
+                        <li class="mb-1"><a href="#" class="nav-link flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('sanitize', this)"><i class="fas fa-broom mr-3 w-5 text-center"></i>Sanitização</a></li>
+                        <li class="mb-1"><a href="#" class="nav-link flex items-center p-2 rounded hover:bg-indigo-800 transition" onclick="showTab('integrations', this)"><i class="fas fa-plug mr-3 w-5 text-center"></i>Integrações</a></li>
                     </ul>
                 </div>
-                <div class="mt-8 pt-4 border-t border-indigo-800">
+                <div class="mb-6">
+                    <h3 class="text-xs uppercase text-indigo-400 font-semibold mb-3">Portal</h3>
+                    <ul>
+                        <li class="mb-1"><a href="cliente.html" class="flex items-center p-2 rounded hover:bg-indigo-800 transition"><i class="fas fa-external-link-alt mr-3 w-5 text-center"></i>Portal do Cliente</a></li>
+                    </ul>
+                </div>
+                <div class="mt-4 pt-4 border-t border-indigo-800">
                     <div class="flex items-center space-x-3">
-                        <div class="w-10 h-10 rounded-full bg-indigo-700 flex items-center justify-center">
-                            <i class="fas fa-user"></i>
-                        </div>
+                        <div class="w-10 h-10 rounded-full bg-indigo-700 flex items-center justify-center"><i class="fas fa-user"></i></div>
                         <div>
                             <p class="font-medium">Admin</p>
                             <p class="text-xs text-indigo-300">admin@legaldata.com</p>
@@ -116,78 +95,56 @@
         <!-- Main Content -->
         <div class="flex-1 overflow-auto">
             <!-- Top Navigation -->
-            <header class="bg-white shadow-sm">
+            <header class="bg-white shadow-sm sticky top-0 z-40">
                 <div class="flex justify-between items-center p-4">
                     <div class="flex items-center space-x-4">
-                        <button class="text-gray-500 md:hidden">
-                            <i class="fas fa-bars"></i>
-                        </button>
+                        <button class="text-gray-500 md:hidden" onclick="toggleSidebar()"><i class="fas fa-bars"></i></button>
                         <h2 class="text-xl font-semibold text-gray-800" id="current-tab-title">Dashboard</h2>
                     </div>
                     <div class="flex items-center space-x-4">
-                        <div class="relative">
+                        <div class="relative hidden md:block">
                             <input type="text" placeholder="Buscar..." class="pl-10 pr-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
                             <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
                         </div>
-                        <button class="p-2 rounded-full bg-gray-100 text-gray-600 hover:bg-gray-200">
+                        <button class="p-2 rounded-full bg-gray-100 text-gray-600 hover:bg-gray-200 relative">
                             <i class="fas fa-bell"></i>
+                            <span id="notification-badge" class="hidden absolute -top-1 -right-1 w-4 h-4 bg-red-500 rounded-full text-white text-xs flex items-center justify-center">0</span>
                         </button>
                     </div>
                 </div>
             </header>
 
-            <!-- Tab Contents -->
             <main class="p-6">
                 <!-- Dashboard Tab -->
                 <div id="dashboard" class="tab-content active">
-                    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6">
-                        <div class="data-card bg-white p-6 rounded-xl shadow">
+                    <div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-6">
+                        <div class="data-card bg-white p-6 rounded-xl shadow transition">
                             <div class="flex justify-between items-start">
-                                <div>
-                                    <p class="text-gray-500">Processos Ativos</p>
-                                    <h3 class="text-3xl font-bold mt-2">124</h3>
-                                </div>
-                                <div class="p-3 rounded-lg bg-indigo-100 text-indigo-600">
-                                    <i class="fas fa-folder-open text-xl"></i>
-                                </div>
-                            </div>
-                            <div class="mt-4 pt-4 border-t border-gray-100">
-                                <p class="text-sm text-green-500 flex items-center">
-                                    <i class="fas fa-arrow-up mr-1"></i> 12% desde o último mês
-                                </p>
+                                <div><p class="text-gray-500">Processos Ativos</p><h3 class="text-3xl font-bold mt-2" id="stat-processos">124</h3></div>
+                                <div class="p-3 rounded-lg bg-indigo-100 text-indigo-600"><i class="fas fa-folder-open text-xl"></i></div>
                             </div>
+                            <div class="mt-4 pt-4 border-t border-gray-100"><p class="text-sm text-green-500 flex items-center"><i class="fas fa-arrow-up mr-1"></i> 12% desde o último mês</p></div>
                         </div>
-                        <div class="data-card bg-white p-6 rounded-xl shadow">
+                        <div class="data-card bg-white p-6 rounded-xl shadow transition">
                             <div class="flex justify-between items-start">
-                                <div>
-                                    <p class="text-gray-500">Clientes Ativos</p>
-                                    <h3 class="text-3xl font-bold mt-2">42</h3>
-                                </div>
-                                <div class="p-3 rounded-lg bg-green-100 text-green-600">
-                                    <i class="fas fa-users text-xl"></i>
-                                </div>
-                            </div>
-                            <div class="mt-4 pt-4 border-t border-gray-100">
-                                <p class="text-sm text-green-500 flex items-center">
-                                    <i class="fas fa-arrow-up mr-1"></i> 5% desde o último mês
-                                </p>
+                                <div><p class="text-gray-500">Clientes Ativos</p><h3 class="text-3xl font-bold mt-2" id="stat-clientes">42</h3></div>
+                                <div class="p-3 rounded-lg bg-green-100 text-green-600"><i class="fas fa-users text-xl"></i></div>
                             </div>
+                            <div class="mt-4 pt-4 border-t border-gray-100"><p class="text-sm text-green-500 flex items-center"><i class="fas fa-arrow-up mr-1"></i> 5% desde o último mês</p></div>
                         </div>
-                        <div class="data-card bg-white p-6 rounded-xl shadow">
+                        <div class="data-card bg-white p-6 rounded-xl shadow transition">
                             <div class="flex justify-between items-start">
-                                <div>
-                                    <p class="text-gray-500">Intimações Pendentes</p>
-                                    <h3 class="text-3xl font-bold mt-2">18</h3>
-                                </div>
-                                <div class="p-3 rounded-lg bg-red-100 text-red-600">
-                                    <i class="fas fa-exclamation-triangle text-xl"></i>
-                                </div>
+                                <div><p class="text-gray-500">Intimações Pendentes</p><h3 class="text-3xl font-bold mt-2" id="stat-intimacoes">0</h3></div>
+                                <div class="p-3 rounded-lg bg-red-100 text-red-600"><i class="fas fa-exclamation-triangle text-xl"></i></div>
                             </div>
-                            <div class="mt-4 pt-4 border-t border-gray-100">
-                                <p class="text-sm text-red-500 flex items-center">
-                                    <i class="fas fa-arrow-up mr-1"></i> 3 novas hoje
-                                </p>
+                            <div class="mt-4 pt-4 border-t border-gray-100"><p class="text-sm text-red-500 flex items-center"><i class="fas fa-arrow-up mr-1"></i> Verifique as intimações</p></div>
+                        </div>
+                        <div class="data-card bg-white p-6 rounded-xl shadow transition">
+                            <div class="flex justify-between items-start">
+                                <div><p class="text-gray-500">Provas Anexadas</p><h3 class="text-3xl font-bold mt-2" id="stat-provas">0</h3></div>
+                                <div class="p-3 rounded-lg bg-purple-100 text-purple-600"><i class="fas fa-images text-xl"></i></div>
                             </div>
+                            <div class="mt-4 pt-4 border-t border-gray-100"><p class="text-sm text-purple-500 flex items-center"><i class="fas fa-images mr-1"></i> Na galeria de provas</p></div>
                         </div>
                     </div>
 
@@ -195,52 +152,19 @@
                         <div class="bg-white p-6 rounded-xl shadow">
                             <div class="flex justify-between items-center mb-4">
                                 <h3 class="font-semibold text-lg">Distribuição de Processos</h3>
-                                <select class="border border-gray-300 rounded px-3 py-1 text-sm">
-                                    <option>Últimos 30 dias</option>
-                                    <option>Últimos 90 dias</option>
-                                    <option>Este ano</option>
-                                </select>
-                            </div>
-                            <div class="h-64">
-                                <canvas id="processChart"></canvas>
+                                <select class="border border-gray-300 rounded px-3 py-1 text-sm"><option>Últimos 30 dias</option><option>Últimos 90 dias</option><option>Este ano</option></select>
                             </div>
+                            <div class="h-64"><canvas id="processChart"></canvas></div>
                         </div>
                         <div class="bg-white p-6 rounded-xl shadow">
                             <div class="flex justify-between items-center mb-4">
                                 <h3 class="font-semibold text-lg">Atividades Recentes</h3>
                                 <button class="text-indigo-600 text-sm font-medium">Ver todas</button>
                             </div>
-                            <div class="space-y-4">
-                                <div class="flex items-start">
-                                    <div class="p-2 bg-indigo-100 rounded-lg mr-3 text-indigo-600">
-                                        <i class="fas fa-file-alt"></i>
-                                    </div>
-                                    <div>
-                                        <p class="font-medium">Novo processo cadastrado</p>
-                                        <p class="text-sm text-gray-500">Processo #2023-0456 para João Silva</p>
-                                        <p class="text-xs text-gray-400">há 15 minutos</p>
-                                    </div>
-                                </div>
-                                <div class="flex items-start">
-                                    <div class="p-2 bg-green-100 rounded-lg mr-3 text-green-600">
-                                        <i class="fas fa-check-circle"></i>
-                                    </div>
-                                    <div>
-                                        <p class="font-medium">Intimação respondida</p>
-                                        <p class="text-sm text-gray-500">Processo #2023-0321 - TRF1</p>
-                                        <p class="text-xs text-gray-400">há 2 horas</p>
-                                    </div>
-                                </div>
-                                <div class="flex items-start">
-                                    <div class="p-2 bg-blue-100 rounded-lg mr-3 text-blue-600">
-                                        <i class="fas fa-sync-alt"></i>
-                                    </div>
-                                    <div>
-                                        <p class="font-medium">Dados atualizados via APS</p>
-                                        <p class="text-sm text-gray-500">5 processos atualizados do TJSP</p>
-                                        <p class="text-xs text-gray-400">hoje às 08:45</p>
-                                    </div>
-                                </div>
+                            <div class="space-y-4" id="recent-activities">
+                                <div class="flex items-start"><div class="p-2 bg-indigo-100 rounded-lg mr-3 text-indigo-600"><i class="fas fa-file-alt"></i></div><div><p class="font-medium">Novo processo cadastrado</p><p class="text-sm text-gray-500">Processo #2023-0456 para João Silva</p><p class="text-xs text-gray-400">há 15 minutos</p></div></div>
+                                <div class="flex items-start"><div class="p-2 bg-green-100 rounded-lg mr-3 text-green-600"><i class="fas fa-check-circle"></i></div><div><p class="font-medium">Intimação respondida</p><p class="text-sm text-gray-500">Processo #2023-0321 - TRF1</p><p class="text-xs text-gray-400">há 2 horas</p></div></div>
+                                <div class="flex items-start"><div class="p-2 bg-blue-100 rounded-lg mr-3 text-blue-600"><i class="fas fa-sync-alt"></i></div><div><p class="font-medium">Dados atualizados via AASP</p><p class="text-sm text-gray-500">5 processos atualizados do TJSP</p><p class="text-xs text-gray-400">hoje às 08:45</p></div></div>
                             </div>
                         </div>
                     </div>
@@ -252,57 +176,8 @@
                         </div>
                         <div class="overflow-x-auto">
                             <table class="min-w-full divide-y divide-gray-200">
-                                <thead class="bg-gray-50">
-                                    <tr>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Processo</th>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Cliente</th>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tribunal</th>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Prazo</th>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ações</th>
-                                    </tr>
-                                </thead>
-                                <tbody class="bg-white divide-y divide-gray-200">
-                                    <tr>
-                                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">#2023-0456</td>
-                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">João Silva</td>
-                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">TJSP</td>
-                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">15/07/2023</td>
-                                        <td class="px-6 py-4 whitespace-nowrap">
-                                            <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">Pendente</span>
-                                        </td>
-                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                                            <button class="text-indigo-600 hover:text-indigo-900 mr-3"><i class="fas fa-eye"></i></button>
-                                            <button class="text-green-600 hover:text-green-900"><i class="fas fa-edit"></i></button>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">#2023-0389</td>
-                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Maria Souza</td>
-                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">TRF4</td>
-                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">18/07/2023</td>
-                                        <td class="px-6 py-4 whitespace-nowrap">
-                                            <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">Urgente</span>
-                                        </td>
-                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                                            <button class="text-indigo-600 hover:text-indigo-900 mr-3"><i class="fas fa-eye"></i></button>
-                                            <button class="text-green-600 hover:text-green-900"><i class="fas fa-edit"></i></button>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">#2023-0412</td>
-                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Empresa XYZ Ltda</td>
-                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">TJMG</td>
-                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">20/07/2023</td>
-                                        <td class="px-6 py-4 whitespace-nowrap">
-                                            <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">Pendente</span>
-                                        </td>
-                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                                            <button class="text-indigo-600 hover:text-indigo-900 mr-3"><i class="fas fa-eye"></i></button>
-                                            <button class="text-green-600 hover:text-green-900"><i class="fas fa-edit"></i></button>
-                                        </td>
-                                    </tr>
-                                </tbody>
+                                <thead class="bg-gray-50"><tr><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Processo</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Cliente</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Tribunal</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Prazo</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Status</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Ações</th></tr></thead>
+                                <tbody class="bg-white divide-y divide-gray-200" id="deadline-table-body"></tbody>
                             </table>
                         </div>
                     </div>
@@ -312,73 +187,25 @@
                 <div id="processos" class="tab-content">
                     <div class="flex justify-between items-center mb-6">
                         <h2 class="text-2xl font-bold text-gray-800">Gestão de Processos</h2>
-                        <button onclick="showModal('new-process')" class="bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition flex items-center">
-                            <i class="fas fa-plus mr-2"></i> Novo Processo
-                        </button>
+                        <button onclick="showModal('new-process')" class="bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition flex items-center"><i class="fas fa-plus mr-2"></i> Novo Processo</button>
                     </div>
-
                     <div class="bg-white rounded-xl shadow overflow-hidden mb-6">
-                        <div class="p-4 border-b border-gray-200 flex justify-between items-center">
+                        <div class="p-4 border-b border-gray-200 flex flex-wrap justify-between items-center gap-3">
                             <div class="flex items-center space-x-4">
-                                <div class="relative">
-                                    <input type="text" placeholder="Filtrar processos..." class="pl-10 pr-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
-                                    <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
-                                </div>
-                                <select class="border border-gray-300 rounded px-3 py-2 text-sm">
-                                    <option>Todos os tribunais</option>
-                                    <option>TJSP</option>
-                                    <option>TJMG</option>
-                                    <option>TRF1</option>
-                                    <option>TRF2</option>
-                                    <option>TRF3</option>
-                                    <option>TRF4</option>
-                                    <option>TRF5</option>
-                                </select>
+                                <div class="relative"><input type="text" placeholder="Filtrar processos..." class="pl-10 pr-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"><i class="fas fa-search absolute left-3 top-3 text-gray-400"></i></div>
+                                <select class="border border-gray-300 rounded px-3 py-2 text-sm"><option>Todos os tribunais</option><option>TJSP</option><option>TJMG</option><option>TRF1</option><option>TRF4</option></select>
                             </div>
                             <div class="flex items-center space-x-2">
-                                <button class="p-2 rounded-lg border border-gray-300 hover:bg-gray-50">
-                                    <i class="fas fa-download text-gray-600"></i>
-                                </button>
-                                <button class="p-2 rounded-lg border border-gray-300 hover:bg-gray-50">
-                                    <i class="fas fa-print text-gray-600"></i>
-                                </button>
+                                <button class="p-2 rounded-lg border border-gray-300 hover:bg-gray-50"><i class="fas fa-download text-gray-600"></i></button>
+                                <button class="p-2 rounded-lg border border-gray-300 hover:bg-gray-50"><i class="fas fa-print text-gray-600"></i></button>
                             </div>
                         </div>
                         <div class="overflow-x-auto">
                             <table class="min-w-full divide-y divide-gray-200">
-                                <thead class="bg-gray-50">
-                                    <tr>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Número</th>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Cliente</th>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tribunal</th>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Data Abertura</th>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ações</th>
-                                    </tr>
-                                </thead>
-                                <tbody class="bg-white divide-y divide-gray-200" id="processos-table-body">
-                                    <!-- Process rows will be added here by JavaScript -->
-                                </tbody>
+                                <thead class="bg-gray-50"><tr><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Número</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Cliente</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Tribunal</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Data Abertura</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Status</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Ações</th></tr></thead>
+                                <tbody class="bg-white divide-y divide-gray-200" id="processos-table-body"></tbody>
                             </table>
                         </div>
-                        <div class="p-4 border-t border-gray-200 flex justify-between items-center">
-                            <div class="text-sm text-gray-500">
-                                Mostrando <span class="font-medium">1</span> a <span class="font-medium">10</span> de <span class="font-medium">124</span> resultados
-                            </div>
-                            <div class="flex space-x-1">
-                                <button class="px-3 py-1 rounded border border-gray-300 bg-gray-50 text-gray-700">
-                                    <i class="fas fa-angle-left"></i>
-                                </button>
-                                <button class="px-3 py-1 rounded border border-indigo-500 bg-indigo-50 text-indigo-600">1</button>
-                                <button class="px-3 py-1 rounded border border-gray-300 hover:bg-gray-50">2</button>
-                                <button class="px-3 py-1 rounded border border-gray-300 hover:bg-gray-50">3</button>
-                                <button class="px-3 py-1 rounded border border-gray-300 hover:bg-gray-50">4</button>
-                                <button class="px-3 py-1 rounded border border-gray-300 hover:bg-gray-50">5</button>
-                                <button class="px-3 py-1 rounded border border-gray-300 hover:bg-gray-50">
-                                    <i class="fas fa-angle-right"></i>
-                                </button>
-                            </div>
-                        </div>
                     </div>
                 </div>
 
@@ -386,98 +213,132 @@
                 <div id="clientes" class="tab-content">
                     <div class="flex justify-between items-center mb-6">
                         <h2 class="text-2xl font-bold text-gray-800">Gestão de Clientes</h2>
-                        <button onclick="showModal('new-client')" class="bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition flex items-center">
-                            <i class="fas fa-plus mr-2"></i> Novo Cliente
-                        </button>
+                        <button onclick="showModal('new-client')" class="bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition flex items-center"><i class="fas fa-plus mr-2"></i> Novo Cliente</button>
                     </div>
-
                     <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6">
-                        <div class="bg-white p-6 rounded-xl shadow">
-                            <div class="flex items-center space-x-4">
-                                <div class="p-3 bg-indigo-100 rounded-lg text-indigo-600">
-                                    <i class="fas fa-user-tie text-2xl"></i>
-                                </div>
-                                <div>
-                                    <p class="text-gray-500">Clientes Ativos</p>
-                                    <h3 class="text-2xl font-bold">42</h3>
-                                </div>
-                            </div>
+                        <div class="bg-white p-6 rounded-xl shadow"><div class="flex items-center space-x-4"><div class="p-3 bg-indigo-100 rounded-lg text-indigo-600"><i class="fas fa-user-tie text-2xl"></i></div><div><p class="text-gray-500">Clientes Ativos</p><h3 class="text-2xl font-bold" id="stat-clientes-tab">42</h3></div></div></div>
+                        <div class="bg-white p-6 rounded-xl shadow"><div class="flex items-center space-x-4"><div class="p-3 bg-green-100 rounded-lg text-green-600"><i class="fas fa-briefcase text-2xl"></i></div><div><p class="text-gray-500">Pessoa Jurídica</p><h3 class="text-2xl font-bold">18</h3></div></div></div>
+                        <div class="bg-white p-6 rounded-xl shadow"><div class="flex items-center space-x-4"><div class="p-3 bg-blue-100 rounded-lg text-blue-600"><i class="fas fa-user text-2xl"></i></div><div><p class="text-gray-500">Pessoa Física</p><h3 class="text-2xl font-bold">24</h3></div></div></div>
+                    </div>
+                    <div class="bg-white rounded-xl shadow overflow-hidden">
+                        <div class="p-4 border-b border-gray-200 flex flex-wrap justify-between items-center gap-3">
+                            <div class="relative w-64"><input type="text" placeholder="Buscar cliente..." class="pl-10 pr-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 w-full"><i class="fas fa-search absolute left-3 top-3 text-gray-400"></i></div>
+                            <div class="flex items-center space-x-2"><button class="p-2 rounded-lg border border-gray-300 hover:bg-gray-50"><i class="fas fa-filter text-gray-600"></i></button><button class="p-2 rounded-lg border border-gray-300 hover:bg-gray-50"><i class="fas fa-download text-gray-600"></i></button></div>
                         </div>
-                        <div class="bg-white p-6 rounded-xl shadow">
-                            <div class="flex items-center space-x-4">
-                                <div class="p-3 bg-green-100 rounded-lg text-green-600">
-                                    <i class="fas fa-briefcase text-2xl"></i>
-                                </div>
-                                <div>
-                                    <p class="text-gray-500">Pessoa Jurídica</p>
-                                    <h3 class="text-2xl font-bold">18</h3>
-                                </div>
-                            </div>
+                        <div class="overflow-x-auto">
+                            <table class="min-w-full divide-y divide-gray-200">
+                                <thead class="bg-gray-50"><tr><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Nome</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">CPF/CNPJ</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">E-mail</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Telefone</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Processos</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Ações</th></tr></thead>
+                                <tbody class="bg-white divide-y divide-gray-200" id="clientes-table-body"></tbody>
+                            </table>
                         </div>
-                        <div class="bg-white p-6 rounded-xl shadow">
-                            <div class="flex items-center space-x-4">
-                                <div class="p-3 bg-blue-100 rounded-lg text-blue-600">
-                                    <i class="fas fa-user text-2xl"></i>
-                                </div>
-                                <div>
-                                    <p class="text-gray-500">Pessoa Física</p>
-                                    <h3 class="text-2xl font-bold">24</h3>
-                                </div>
+                    </div>
+                </div>
+
+                <!-- Galeria de Provas Tab -->
+                <div id="provas" class="tab-content">
+                    <div class="flex flex-wrap justify-between items-center mb-6 gap-3">
+                        <h2 class="text-2xl font-bold text-gray-800">Galeria de Provas</h2>
+                        <div class="flex items-center space-x-3">
+                            <select id="evidence-filter-client" class="border border-gray-300 rounded px-3 py-2 text-sm" onchange="filterEvidence()">
+                                <option value="">Todos os Clientes</option>
+                            </select>
+                            <select id="evidence-filter-type" class="border border-gray-300 rounded px-3 py-2 text-sm" onchange="filterEvidence()">
+                                <option value="">Todos os Tipos</option>
+                                <option value="image">Imagens</option>
+                                <option value="document">Documentos</option>
+                                <option value="video">Vídeos</option>
+                                <option value="audio">Áudios</option>
+                            </select>
+                            <button onclick="showModal('upload-evidence')" class="bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition flex items-center"><i class="fas fa-cloud-upload-alt mr-2"></i> Enviar Prova</button>
+                        </div>
+                    </div>
+
+                    <!-- Google Drive Connection Status -->
+                    <div id="drive-status" class="mb-4 bg-white rounded-xl shadow p-4 flex items-center justify-between">
+                        <div class="flex items-center space-x-3">
+                            <div id="drive-icon" class="w-10 h-10 rounded-lg bg-gray-100 flex items-center justify-center text-gray-400"><i class="fab fa-google-drive text-xl"></i></div>
+                            <div>
+                                <p class="font-medium" id="drive-status-text">Google Drive desconectado</p>
+                                <p class="text-sm text-gray-500" id="drive-status-sub">Conecte para sincronizar provas na nuvem</p>
                             </div>
                         </div>
+                        <button onclick="connectGoogleDrive()" id="drive-connect-btn" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition flex items-center"><i class="fab fa-google mr-2"></i> Conectar Google Drive</button>
                     </div>
 
-                    <div class="bg-white rounded-xl shadow overflow-hidden">
-                        <div class="p-4 border-b border-gray-200 flex justify-between items-center">
-                            <div class="relative w-64">
-                                <input type="text" placeholder="Buscar cliente..." class="pl-10 pr-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent w-full">
-                                <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
+                    <!-- Evidence Grid -->
+                    <div id="evidence-grid" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
+                        <!-- Evidence cards rendered by JS -->
+                    </div>
+
+                    <div id="no-evidence" class="hidden text-center py-16">
+                        <i class="fas fa-images text-6xl text-gray-300 mb-4"></i>
+                        <p class="text-gray-500 text-lg">Nenhuma prova encontrada</p>
+                        <p class="text-gray-400 text-sm">Clique em "Enviar Prova" para adicionar</p>
+                    </div>
+                </div>
+
+                <!-- Intimações AASP Tab -->
+                <div id="intimacoes" class="tab-content">
+                    <div class="flex flex-wrap justify-between items-center mb-6 gap-3">
+                        <h2 class="text-2xl font-bold text-gray-800">Intimações AASP</h2>
+                        <div class="flex items-center space-x-3">
+                            <button onclick="fetchAASPIntimacoes()" class="bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition flex items-center" id="btn-fetch-aasp"><i class="fas fa-sync-alt mr-2"></i> Buscar Intimações</button>
+                            <button onclick="fetchAASPJornais()" class="bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700 transition flex items-center"><i class="fas fa-newspaper mr-2"></i> Jornais com Intimações</button>
+                        </div>
+                    </div>
+
+                    <!-- AASP Config Card -->
+                    <div class="bg-white rounded-xl shadow p-6 mb-6">
+                        <h3 class="font-semibold text-lg mb-4"><i class="fas fa-key mr-2 text-indigo-600"></i>Configuração da API AASP</h3>
+                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Chave de Acesso</label>
+                                <div class="relative">
+                                    <input type="password" id="aasp-chave" value="92E81C018B69454F8053133023AC438B" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 pr-10">
+                                    <button onclick="togglePassword('aasp-chave')" class="absolute right-3 top-3 text-gray-400 hover:text-gray-600"><i class="fas fa-eye"></i></button>
+                                </div>
                             </div>
-                            <div class="flex items-center space-x-2">
-                                <button class="p-2 rounded-lg border border-gray-300 hover:bg-gray-50">
-                                    <i class="fas fa-filter text-gray-600"></i>
-                                </button>
-                                <button class="p-2 rounded-lg border border-gray-300 hover:bg-gray-50">
-                                    <i class="fas fa-download text-gray-600"></i>
-                                </button>
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Tipo de Consulta</label>
+                                <select id="aasp-tipo" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500">
+                                    <option value="associado">Associado (Pessoa Física)</option>
+                                    <option value="empresa">Empresa (Pessoa Jurídica)</option>
+                                </select>
+                            </div>
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Data da Intimação</label>
+                                <input type="date" id="aasp-data" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500">
+                            </div>
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Código Associado (Empresa)</label>
+                                <input type="number" id="aasp-codigo" placeholder="Código AASP" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500">
                             </div>
                         </div>
-                        <div class="overflow-x-auto">
-                            <table class="min-w-full divide-y divide-gray-200">
-                                <thead class="bg-gray-50">
-                                    <tr>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Nome</th>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">CPF/CNPJ</th>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">E-mail</th>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Telefone</th>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Processos</th>
-                                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ações</th>
-                                    </tr>
-                                </thead>
-                                <tbody class="bg-white divide-y divide-gray-200" id="clientes-table-body">
-                                    <!-- Client rows will be added here by JavaScript -->
-                                </tbody>
-                            </table>
+                        <div class="mt-4 flex items-center space-x-4">
+                            <label class="flex items-center space-x-2"><input type="checkbox" id="aasp-diferencial" class="rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"><span class="text-sm text-gray-700">Somente não consultadas</span></label>
+                            <label class="flex items-center space-x-2"><input type="checkbox" id="aasp-auto-refresh" class="rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"><span class="text-sm text-gray-700">Auto-refresh a cada 30min</span></label>
                         </div>
-                        <div class="p-4 border-t border-gray-200 flex justify-between items-center">
-                            <div class="text-sm text-gray-500">
-                                Mostrando <span class="font-medium">1</span> a <span class="font-medium">10</span> de <span class="font-medium">42</span> resultados
-                            </div>
-                            <div class="flex space-x-1">
-                                <button class="px-3 py-1 rounded border border-gray-300 bg-gray-50 text-gray-700">
-                                    <i class="fas fa-angle-left"></i>
-                                </button>
-                                <button class="px-3 py-1 rounded border border-indigo-500 bg-indigo-50 text-indigo-600">1</button>
-                                <button class="px-3 py-1 rounded border border-gray-300 hover:bg-gray-50">2</button>
-                                <button class="px-3 py-1 rounded border border-gray-300 hover:bg-gray-50">3</button>
-                                <button class="px-3 py-1 rounded border border-gray-300 hover:bg-gray-50">4</button>
-                                <button class="px-3 py-1 rounded border border-gray-300 hover:bg-gray-50">5</button>
-                                <button class="px-3 py-1 rounded border border-gray-300 hover:bg-gray-50">
-                                    <i class="fas fa-angle-right"></i>
-                                </button>
+                    </div>
+
+                    <!-- Intimações Results -->
+                    <div id="intimacoes-results" class="bg-white rounded-xl shadow overflow-hidden">
+                        <div class="p-4 border-b border-gray-200 flex justify-between items-center">
+                            <h3 class="font-semibold text-lg">Intimações Encontradas</h3>
+                            <span id="intimacoes-count" class="bg-indigo-100 text-indigo-700 px-3 py-1 rounded-full text-sm font-medium">0 resultados</span>
+                        </div>
+                        <div id="intimacoes-list" class="p-4">
+                            <div class="text-center py-8 text-gray-400">
+                                <i class="fas fa-gavel text-4xl mb-3"></i>
+                                <p>Clique em "Buscar Intimações" para consultar a API AASP</p>
                             </div>
                         </div>
                     </div>
+
+                    <!-- Jornais Results -->
+                    <div id="jornais-results" class="bg-white rounded-xl shadow overflow-hidden mt-6 hidden">
+                        <div class="p-4 border-b border-gray-200"><h3 class="font-semibold text-lg">Jornais com Intimações</h3></div>
+                        <div id="jornais-list" class="p-4"></div>
+                    </div>
                 </div>
 
                 <!-- Import Data Tab -->
@@ -486,67 +347,184 @@
                         <h2 class="text-2xl font-bold text-gray-800">Importar Dados</h2>
                         <p class="text-gray-600">Conecte-se a planilhas externas ou importe arquivos para atualizar sua base de dados</p>
                     </div>
-
                     <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
                         <div class="bg-white p-6 rounded-xl shadow">
-                            <div class="flex items-center justify-between mb-4">
-                                <h3 class="font-semibold text-lg">Google Sheets</h3>
-                                <div class="p-2 bg-blue-100 rounded-lg text-blue-600">
-                                    <i class="fab fa-google"></i>
-                                </div>
-                            </div>
-                            <p class="text-gray-600 mb-4">Conecte-se diretamente ao Google Sheets para sincronizar seus dados</p>
-                            <button class="w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition flex items-center justify-center">
-                                <i class="fab fa-google mr-2"></i> Conectar ao Google
-                            </button>
+                            <div class="flex items-center justify-between mb-4"><h3 class="font-semibold text-lg">Google Sheets</h3><div class="p-2 bg-blue-100 rounded-lg text-blue-600"><i class="fab fa-google text-xl"></i></div></div>
+                            <p class="text-gray-600 mb-4">Conecte-se ao Google Sheets para sincronizar dados</p>
+                            <button onclick="connectGoogleSheets()" class="w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition flex items-center justify-center" id="btn-connect-sheets"><i class="fab fa-google mr-2"></i> Conectar ao Google</button>
                         </div>
                         <div class="bg-white p-6 rounded-xl shadow">
-                            <div class="flex items-center justify-between mb-4">
-                                <h3 class="font-semibold text-lg">Excel/CSV</h3>
-                                <div class="p-2 bg-green-100 rounded-lg text-green-600">
-                                    <i class="fas fa-file-excel"></i>
-                                </div>
+                            <div class="flex items-center justify-between mb-4"><h3 class="font-semibold text-lg">Excel/CSV</h3><div class="p-2 bg-green-100 rounded-lg text-green-600"><i class="fas fa-file-excel text-xl"></i></div></div>
+                            <p class="text-gray-600 mb-4">Importe arquivos Excel ou CSV</p>
+                            <button onclick="document.getElementById('file-input').click()" class="w-full bg-green-600 text-white py-2 rounded-lg hover:bg-green-700 transition flex items-center justify-center"><i class="fas fa-upload mr-2"></i> Selecionar Arquivo</button>
+                            <input type="file" id="file-input" class="hidden" accept=".xlsx,.xls,.csv" onchange="handleFileImport(event)">
+                        </div>
+                        <div class="bg-white p-6 rounded-xl shadow">
+                            <div class="flex items-center justify-between mb-4"><h3 class="font-semibold text-lg">JSON/API</h3><div class="p-2 bg-purple-100 rounded-lg text-purple-600"><i class="fas fa-code text-xl"></i></div></div>
+                            <p class="text-gray-600 mb-4">Importe dados em JSON ou conecte APIs</p>
+                            <button onclick="showTab('integrations')" class="w-full bg-purple-600 text-white py-2 rounded-lg hover:bg-purple-700 transition flex items-center justify-center"><i class="fas fa-plug mr-2"></i> Configurar API</button>
+                        </div>
+                    </div>
+
+                    <!-- Import Preview -->
+                    <div id="import-preview" class="bg-white rounded-xl shadow overflow-hidden hidden">
+                        <div class="p-4 border-b border-gray-200 flex justify-between items-center">
+                            <h3 class="font-semibold text-lg">Pré-visualização dos Dados Importados</h3>
+                            <button onclick="confirmImport()" class="bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700"><i class="fas fa-check mr-2"></i> Confirmar Importação</button>
+                        </div>
+                        <div class="overflow-x-auto"><table class="min-w-full divide-y divide-gray-200" id="import-preview-table"></table></div>
+                    </div>
+                </div>
+
+                <!-- Configurações Tab -->
+                <div id="config" class="tab-content">
+                    <h2 class="text-2xl font-bold text-gray-800 mb-6">Configurações</h2>
+                    <div class="bg-white rounded-xl shadow p-6 mb-6">
+                        <h3 class="font-semibold text-lg mb-4">Configurações Gerais</h3>
+                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                            <div><label class="block text-sm font-medium text-gray-700 mb-1">Nome do Escritório</label><input type="text" value="LegalData Manager" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"></div>
+                            <div><label class="block text-sm font-medium text-gray-700 mb-1">E-mail Principal</label><input type="email" value="admin@legaldata.com" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"></div>
+                            <div><label class="block text-sm font-medium text-gray-700 mb-1">Fuso Horário</label><select class="w-full px-4 py-2 rounded-lg border border-gray-300"><option>América/São Paulo (BRT)</option><option>América/Manaus (AMT)</option></select></div>
+                            <div><label class="block text-sm font-medium text-gray-700 mb-1">Idioma</label><select class="w-full px-4 py-2 rounded-lg border border-gray-300"><option>Português (BR)</option><option>English</option></select></div>
+                        </div>
+                        <button class="mt-4 bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700"><i class="fas fa-save mr-2"></i> Salvar Configurações</button>
+                    </div>
+                </div>
+
+                <!-- Sanitização Tab -->
+                <div id="sanitize" class="tab-content">
+                    <h2 class="text-2xl font-bold text-gray-800 mb-6">Sanitização de Dados</h2>
+                    <div class="bg-white rounded-xl shadow p-6 mb-6">
+                        <h3 class="font-semibold text-lg mb-4">Limpeza e Validação</h3>
+                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                            <div class="p-4 border rounded-lg"><i class="fas fa-user-shield text-indigo-600 text-2xl mb-2"></i><h4 class="font-medium">Validar CPF/CNPJ</h4><p class="text-sm text-gray-500">Verifica e corrige CPFs e CNPJs inválidos</p><button onclick="sanitizeData('cpfcnpj')" class="mt-2 bg-indigo-600 text-white px-3 py-1 rounded text-sm hover:bg-indigo-700">Executar</button></div>
+                            <div class="p-4 border rounded-lg"><i class="fas fa-phone text-green-600 text-2xl mb-2"></i><h4 class="font-medium">Padronizar Telefones</h4><p class="text-sm text-gray-500">Formata números de telefone</p><button onclick="sanitizeData('phone')" class="mt-2 bg-green-600 text-white px-3 py-1 rounded text-sm hover:bg-green-700">Executar</button></div>
+                            <div class="p-4 border rounded-lg"><i class="fas fa-envelope text-blue-600 text-2xl mb-2"></i><h4 class="font-medium">Validar E-mails</h4><p class="text-sm text-gray-500">Verifica e-mails inválidos</p><button onclick="sanitizeData('email')" class="mt-2 bg-blue-600 text-white px-3 py-1 rounded text-sm hover:bg-blue-700">Executar</button></div>
+                            <div class="p-4 border rounded-lg"><i class="fas fa-duplicate text-yellow-600 text-2xl mb-2"></i><h4 class="font-medium">Remover Duplicatas</h4><p class="text-sm text-gray-500">Identifica e remove registros duplicados</p><button onclick="sanitizeData('duplicates')" class="mt-2 bg-yellow-600 text-white px-3 py-1 rounded text-sm hover:bg-yellow-700">Executar</button></div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Integrações Tab -->
+                <div id="integrations" class="tab-content">
+                    <h2 class="text-2xl font-bold text-gray-800 mb-6">Integrações</h2>
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                        <div class="bg-white rounded-xl shadow p-6">
+                            <div class="flex items-center space-x-3 mb-4">
+                                <div class="p-3 bg-indigo-100 rounded-lg text-indigo-600"><i class="fas fa-gavel text-2xl"></i></div>
+                                <div><h3 class="font-semibold text-lg">AASP - Intimações</h3><p class="text-sm text-gray-500">Associação dos Advogados de SP</p></div>
                             </div>
-                            <p class="text-gray-600 mb-4">Importe arquivos Excel (.xlsx, .xls) ou CSV para atualizar seus dados</p>
-                            <div class="flex space-x-2">
-                                <button onclick="document.getElementById('file-input').click()" class="flex-1 bg-green-600 text-white py-2 rounded-lg hover:bg-green-700 transition flex items-center justify-center">
-                                    <i class="fas fa-upload mr-2"></i> Selecionar Arquivo
-                                </button>
-                                <input type="file" id="file-input" class="hidden" accept=".xlsx,.xls,.csv">
-                                <button class="px-3 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200">
-                                    <i class="fas fa-question"></i>
-                                </button>
+                            <div class="flex items-center space-x-2 mb-4">
+                                <span class="w-3 h-3 rounded-full bg-green-500 aasp-pulse"></span>
+                                <span class="text-sm text-green-600 font-medium" id="aasp-conn-status">Configurada</span>
                             </div>
+                            <p class="text-gray-600 text-sm mb-4">Receba intimações e publicações dos diários oficiais automaticamente.</p>
+                            <button onclick="showTab('intimacoes')" class="w-full bg-indigo-600 text-white py-2 rounded-lg hover:bg-indigo-700 transition">Configurar AASP</button>
                         </div>
-                        <div class="bg-white p-6 rounded-xl shadow">
-                            <div class="flex items-center justify-between mb-4">
-                                <h3 class="font-semibold text-lg">JSON/API</h3>
-                                <div class="p-2 bg-purple-100 rounded-lg text-purple-600">
-                                    <i class="fas fa-code"></i>
-                                </div>
+                        <div class="bg-white rounded-xl shadow p-6">
+                            <div class="flex items-center space-x-3 mb-4">
+                                <div class="p-3 bg-blue-100 rounded-lg text-blue-600"><i class="fab fa-google text-2xl"></i></div>
+                                <div><h3 class="font-semibold text-lg">Google Drive</h3><p class="text-sm text-gray-500">Armazenamento em nuvem</p></div>
+                            </div>
+                            <div class="flex items-center space-x-2 mb-4">
+                                <span class="w-3 h-3 rounded-full" id="drive-conn-dot"></span>
+                                <span class="text-sm font-medium" id="drive-conn-label">Desconectado</span>
+                            </div>
+                            <p class="text-gray-600 text-sm mb-4">Sincronize documentos e provas com o Google Drive.</p>
+                            <button onclick="connectGoogleDrive()" class="w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition" id="drive-integration-btn">Conectar Google Drive</button>
+                        </div>
+                        <div class="bg-white rounded-xl shadow p-6">
+                            <div class="flex items-center space-x-3 mb-4">
+                                <div class="p-3 bg-green-100 rounded-lg text-green-600"><i class="fas fa-table text-2xl"></i></div>
+                                <div><h3 class="font-semibold text-lg">Google Sheets</h3><p class="text-sm text-gray-500">Planilhas do escritório</p></div>
+                            </div>
+                            <div class="flex items-center space-x-2 mb-4">
+                                <span class="w-3 h-3 rounded-full" id="sheets-conn-dot"></span>
+                                <span class="text-sm font-medium" id="sheets-conn-label">Desconectado</span>
+                            </div>
+                            <p class="text-gray-600 text-sm mb-4">Importe dados da planilha base do escritório.</p>
+                            <button onclick="connectGoogleSheets()" class="w-full bg-green-600 text-white py-2 rounded-lg hover:bg-green-700 transition" id="sheets-integration-btn">Conectar Planilha</button>
+                        </div>
+                        <div class="bg-white rounded-xl shadow p-6">
+                            <div class="flex items-center space-x-3 mb-4">
+                                <div class="p-3 bg-purple-100 rounded-lg text-purple-600"><i class="fas fa-external-link-alt text-2xl"></i></div>
+                                <div><h3 class="font-semibold text-lg">Portal do Cliente</h3><p class="text-sm text-gray-500">Formulário externo</p></div>
+                            </div>
+                            <div class="flex items-center space-x-2 mb-4">
+                                <span class="w-3 h-3 rounded-full bg-green-500"></span>
+                                <span class="text-sm text-green-600 font-medium">Ativo</span>
                             </div>
-                            <p class="text-gray-600 mb-4">Importe dados em formato JSON ou conecte-se a APIs externas</p>
-                            <button class="w-full bg-purple-600 text-white py-2 rounded-lg hover:bg-purple-700 transition flex items-center justify-center">
-                                <i class="fas fa-plug mr-2"></i> Configurar API
-                            </button>
+                            <p class="text-gray-600 text-sm mb-4">Página para clientes se cadastrarem e enviarem provas.</p>
+                            <a href="cliente.html" target="_blank" class="block w-full bg-purple-600 text-white py-2 rounded-lg hover:bg-purple-700 transition text-center">Abrir Portal do Cliente</a>
                         </div>
                     </div>
+                </div>
+            </main>
+        </div>
+    </div>
 
-                    <div class="bg-white rounded-xl shadow overflow-hidden">
-                        <div class="p-4 border-b border-gray-200">
-                            <h3 class="font-semibold text-lg">Mapeamento de Campos</h3>
-                            <p class="text-gray-600">Defina como os campos do arquivo importado serão mapeados para o sistema</p>
-                        </div>
-                        <div class="p-4">
-                            <div class="overflow-x-auto">
-                                <table class="min-w-full divide-y divide-gray-200">
-                                    <thead class="bg-gray-50">
-                                        <tr>
-                                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Campo no Arquivo</th>
-                                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Mapear para</th>
-                                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tipo de Dado</th>
-                                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ações</th>
-                                        </tr>
-                                    </thead>
-                                    <
+    <!-- Modal: Novo Processo -->
+    <div id="modal-new-process" class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4">
+        <div class="bg-white rounded-xl shadow-2xl w-full max-w-lg max-h-[90vh] overflow-y-auto">
+            <div class="p-6 border-b border-gray-200 flex justify-between items-center"><h3 class="text-lg font-semibold">Novo Processo</h3><button onclick="hideModal('new-process')" class="text-gray-400 hover:text-gray-600"><i class="fas fa-times text-xl"></i></button></div>
+            <div class="p-6 space-y-4">
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">Número do Processo</label><input type="text" id="proc-numero" placeholder="Ex: 2023-0456" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"></div>
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">Cliente</label><select id="proc-cliente" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"></select></div>
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">Tribunal</label><select id="proc-tribunal" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"><option>TJSP</option><option>TJMG</option><option>TRF1</option><option>TRF2</option><option>TRF3</option><option>TRF4</option><option>TRF5</option></select></div>
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">Data de Abertura</label><input type="date" id="proc-data" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"></div>
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">Status</label><select id="proc-status" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"><option>Ativo</option><option>Pendente</option><option>Concluído</option><option>Arquivado</option></select></div>
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">Descrição</label><textarea id="proc-descricao" rows="3" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"></textarea></div>
+            </div>
+            <div class="p-6 border-t border-gray-200 flex justify-end space-x-3"><button onclick="hideModal('new-process')" class="px-4 py-2 rounded-lg border border-gray-300 hover:bg-gray-50">Cancelar</button><button onclick="addProcess()" class="px-4 py-2 rounded-lg bg-indigo-600 text-white hover:bg-indigo-700">Salvar Processo</button></div>
+        </div>
+    </div>
+
+    <!-- Modal: Novo Cliente -->
+    <div id="modal-new-client" class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4">
+        <div class="bg-white rounded-xl shadow-2xl w-full max-w-lg max-h-[90vh] overflow-y-auto">
+            <div class="p-6 border-b border-gray-200 flex justify-between items-center"><h3 class="text-lg font-semibold">Novo Cliente</h3><button onclick="hideModal('new-client')" class="text-gray-400 hover:text-gray-600"><i class="fas fa-times text-xl"></i></button></div>
+            <div class="p-6 space-y-4">
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">Nome Completo</label><input type="text" id="cli-nome" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"></div>
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">Tipo</label><select id="cli-tipo" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"><option value="pf">Pessoa Física</option><option value="pj">Pessoa Jurídica</option></select></div>
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">CPF/CNPJ</label><input type="text" id="cli-cpfcnpj" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"></div>
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">E-mail</label><input type="email" id="cli-email" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"></div>
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">Telefone</label><input type="text" id="cli-telefone" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"></div>
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">Endereço</label><input type="text" id="cli-endereco" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"></div>
+            </div>
+            <div class="p-6 border-t border-gray-200 flex justify-end space-x-3"><button onclick="hideModal('new-client')" class="px-4 py-2 rounded-lg border border-gray-300 hover:bg-gray-50">Cancelar</button><button onclick="addClient()" class="px-4 py-2 rounded-lg bg-indigo-600 text-white hover:bg-indigo-700">Salvar Cliente</button></div>
+        </div>
+    </div>
+
+    <!-- Modal: Upload Prova -->
+    <div id="modal-upload-evidence" class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4">
+        <div class="bg-white rounded-xl shadow-2xl w-full max-w-lg max-h-[90vh] overflow-y-auto">
+            <div class="p-6 border-b border-gray-200 flex justify-between items-center"><h3 class="text-lg font-semibold">Enviar Prova</h3><button onclick="hideModal('upload-evidence')" class="text-gray-400 hover:text-gray-600"><i class="fas fa-times text-xl"></i></button></div>
+            <div class="p-6 space-y-4">
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">Cliente</label><select id="ev-cliente" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"></select></div>
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">Processo</label><select id="ev-processo" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"></select></div>
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">Categoria</label><select id="ev-categoria" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"><option value="documento">Documento</option><option value="foto">Foto</option><option value="video">Vídeo</option><option value="audio">Áudio</option><option value="outro">Outro</option></select></div>
+                <div><label class="block text-sm font-medium text-gray-700 mb-1">Descrição</label><textarea id="ev-descricao" rows="2" placeholder="Descreva a prova..." class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"></textarea></div>
+                <div id="drop-zone" class="drop-zone rounded-xl p-8 text-center cursor-pointer" onclick="document.getElementById('ev-file').click()" ondragover="event.preventDefault();this.classList.add('dragover')" ondragleave="this.classList.remove('dragover')" ondrop="event.preventDefault();this.classList.remove('dragover');handleEvidenceDrop(event)">
+                    <i class="fas fa-cloud-upload-alt text-4xl text-indigo-300 mb-3"></i>
+                    <p class="text-gray-500">Arraste arquivos aqui ou clique para selecionar</p>
+                    <p class="text-sm text-gray-400 mt-1">Imagens, PDFs, vídeos e áudios</p>
+                    <input type="file" id="ev-file" class="hidden" multiple accept="image/*,.pdf,video/*,audio/*" onchange="handleEvidenceSelect(event)">
+                </div>
+                <div id="ev-preview" class="hidden grid grid-cols-3 gap-2"></div>
+                <div><label class="flex items-center space-x-2"><input type="checkbox" id="ev-upload-drive" class="rounded border-gray-300 text-indigo-600" checked><span class="text-sm text-gray-700">Salvar também no Google Drive</span></label></div>
+            </div>
+            <div class="p-6 border-t border-gray-200 flex justify-end space-x-3"><button onclick="hideModal('upload-evidence')" class="px-4 py-2 rounded-lg border border-gray-300 hover:bg-gray-50">Cancelar</button><button onclick="uploadEvidence()" class="px-4 py-2 rounded-lg bg-indigo-600 text-white hover:bg-indigo-700"><i class="fas fa-upload mr-2"></i>Enviar</button></div>
+        </div>
+    </div>
+
+    <!-- Modal: Detalhes da Prova -->
+    <div id="modal-evidence-detail" class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4">
+        <div class="bg-white rounded-xl shadow-2xl w-full max-w-2xl max-h-[90vh] overflow-y-auto">
+            <div class="p-6 border-b border-gray-200 flex justify-between items-center"><h3 class="text-lg font-semibold">Detalhes da Prova</h3><button onclick="hideModal('evidence-detail')" class="text-gray-400 hover:text-gray-600"><i class="fas fa-times text-xl"></i></button></div>
+            <div class="p-6" id="evidence-detail-content"></div>
+        </div>
+    </div>
+
+    <script src="app.js"></script>
+</body>
 </html>