├── LICENSE.md
├── README.md
├── Script
    └── SecurityAuditDashboard.ps1
└── index.html


/LICENSE.md:
--------------------------------------------------------------------------------
 1 | # 📜 Licença MIT com Uso Restrito
 2 | 
 3 | > ### 🔒 Security Audit Dashboard - PowerShell
 4 | > **Status**: ✅ Aprovado para Produção  
 5 | > **Última Atualização**: 2025  
 6 | > **Autor**: Mathews Buzetti
 7 | 
 8 | ## 🔐 Termos de Uso
 9 | 
10 | ### 📑 Escopo do Conteúdo Protegido
11 | Esta licença protege especificamente:
12 | - Script PowerShell para análise de permissões (SecurityAuditDashboard.ps1)
13 | - Funções para escaneamento recursivo de permissões NTFS
14 | - Funções para detecção de problemas de segurança
15 | - Funções para geração de dashboard HTML interativo
16 | - Documentação técnica e instruções contidas no README.md
17 | - Todos os componentes de visualização e interface do dashboard HTML gerado
18 | 
19 | ### ⚖️ Licença Base (MIT Modificada)
20 | ```
21 | Copyright (c) 2025 Mathews Buzetti
22 | 
23 | É concedida permissão, gratuitamente, a qualquer pessoa que obtenha uma cópia deste 
24 | software e arquivos de documentação associados (o "Software"), para lidar com o 
25 | Software sem restrições, incluindo, sem limitação, os direitos de usar, copiar e 
26 | modificar, sujeito às seguintes condições:
27 | 
28 | O aviso de direitos autorais acima e este aviso de permissão devem ser incluídos 
29 | em todas as cópias ou partes substanciais do Software.
30 | 
31 | O SOFTWARE É FORNECIDO "COMO ESTÁ", SEM GARANTIA DE QUALQUER TIPO, EXPRESSA OU 
32 | IMPLÍCITA, INCLUINDO, MAS NÃO SE LIMITANDO ÀS GARANTIAS DE COMERCIALIZAÇÃO, 
33 | ADEQUAÇÃO A UM DETERMINADO FIM E NÃO VIOLAÇÃO. EM NENHUM CASO OS AUTORES OU 
34 | DETENTORES DE DIREITOS AUTORAIS SERÃO RESPONSÁVEIS POR QUALQUER REIVINDICAÇÃO, 
35 | DANOS OU OUTRA RESPONSABILIDADE, SEJA EM AÇÃO DE CONTRATO, DELITO OU DE OUTRA FORMA, 
36 | DECORRENTE DE, OU EM CONEXÃO COM O SOFTWARE OU O USO OU OUTRAS NEGOCIAÇÕES NO SOFTWARE.
37 | ```
38 | 
39 | ### ✅ Uso Permitido
40 | - Uso da ferramenta para auditoria de permissões em ambientes corporativos ou pessoais
41 | - Modificação do código para adequação a necessidades específicas
42 | - Distribuição interna em organizações
43 | - Uso como referência para estudos e aprendizado sobre PowerShell e segurança NTFS
44 | 
45 | ### ❌ Restrições Adicionais à Licença Base
46 | - Proibida a redistribuição comercial do software como produto independente sem autorização expressa
47 | - Proibido o uso da marca ou nome do autor para endossar produtos derivados
48 | - Proibida a remoção de atribuições de autoria e créditos no código e documentação
49 | - Proibida a remoção da marca d'água do desenvolvedor no dashboard HTML gerado
50 | 
51 | ### ⚠️ Garantia e Responsabilidade Específica
52 | ```markdown
53 | O autor não garante que os scripts funcionarão em todas as versões do PowerShell ou Windows.
54 | Alterações em versões futuras do PowerShell, .NET Framework ou sistemas operacionais Windows
55 | podem afetar o funcionamento adequado desta ferramenta.
56 | Usuários devem testar em ambientes controlados antes da implementação completa.
57 | O autor não é responsável por perdas de dados, interrupções de serviço ou vulnerabilidades
58 | não detectadas que possam ocorrer durante o uso desta ferramenta.
59 | ```
60 | 
61 | ---
62 | 
63 | ### 📧 Contato
64 | [![LinkedIn](https://img.shields.io/badge/LinkedIn-Mathews_Buzetti-blue)](https://www.linkedin.com/in/mathewsbuzetti)
65 | 
66 | Para solicitações de uso adicional ou comercial, entre em contato através do LinkedIn.
67 | 
68 | ---
69 | 
70 | ### 📝 Nota Legal
71 | Esta licença é uma adaptação da Licença MIT com restrições adicionais. Em caso de conflito ou ambiguidade, prevalecerão as restrições adicionais.
72 | 
73 | *Copyright © 2025 Mathews Buzetti. Todos os direitos reservados.*
74 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # 🔒 Security Audit Dashboard - PowerShell
  2 | 
  3 | [![LinkedIn](https://img.shields.io/badge/LinkedIn-Mathews_Buzetti-blue)](https://www.linkedin.com/in/mathewsbuzetti)
  4 | ![PowerShell](https://img.shields.io/badge/PowerShell-5391FE?style=flat-square&logo=powershell&logoColor=white)
  5 | ![Status](https://img.shields.io/badge/Status-Production-green?style=flat-square)
  6 | ![Documentation](https://img.shields.io/badge/Documentation-Technical-blue?style=flat-square)
  7 | 
  8 | **Aplica-se a:** ✔️ Windows Server 2016/2019/2022 ✔️ Compartilhamentos de Rede ✔️ Permissões NTFS
  9 | 
 10 | ## 📋 Metadados
 11 | 
 12 | | Metadado | Descrição |
 13 | |----------|-----------|
 14 | | **Título** | Security Audit Dashboard - Análise de Permissões NTFS |
 15 | | **Versão** | 1.1.0 |
 16 | | **Data** | 07/04/2025 |
 17 | | **Autor** | Mathews Buzetti |
 18 | | **Tags** | `powershell`, `security-audit`, `ntfs-permissions`, `dashboard`, `html-report` |
 19 | | **Status** | ✅ Aprovado para ambiente de produção |
 20 | 
 21 | ## 📷 Visualização do Relatório Interativo
 22 | 
 23 | A ferramenta gera um dashboard HTML interativo que facilita a visualização e análise de problemas de permissões em compartilhamentos de rede. O relatório inclui gráficos, estatísticas e uma tabela interativa com recursos de filtragem e busca avançada.
 24 | 
 25 | <p align="center">
 26 |   <strong>👇 Clique no botão abaixo para visualizar um exemplo de dashboard de análise de segurança 👇</strong>
 27 |   <br><br>
 28 |   <a href="https://mathewsbuzetti.github.io/powershell-security-audit-dashboard/" target="_blank">
 29 |     <img src="https://img.shields.io/badge/Acessar%20Demo-Dashboard:%20Análise%20de%20Segurança-brightgreen?style=for-the-badge&logo=html5" alt="Acessar Demo" width="400">
 30 |   </a>
 31 |   <br>
 32 |   <em>O demo mostra todas as funcionalidades do dashboard, incluindo métricas, gráficos e tabela de análise interativa</em>
 33 | </p>
 34 | 
 35 | ![image](https://github.com/user-attachments/assets/c86feab3-850a-4bd1-95d5-7c64717da385)
 36 | 
 37 | ![image](https://github.com/user-attachments/assets/913fc712-665b-4780-a0d4-a389958fcdcd)
 38 | 
 39 | ![image](https://github.com/user-attachments/assets/52363165-ea22-43f2-9a65-5167f21aa8e0)
 40 | 
 41 | ## 📋 Índice
 42 | 
 43 | 1. [Metadados](#-metadados)
 44 | 2. [Visualização do Relatório Interativo](#-visualização-do-relatório-interativo)
 45 | 3. [Funcionalidades](#-funcionalidades)
 46 | 4. [Pré-requisitos](#-pré-requisitos)
 47 | 5. [Como Usar](#-como-usar)
 48 | 6. [Parâmetros do Script](#-parâmetros-do-script)
 49 | 7. [Tratamento de Erros e Feedback](#-tratamento-de-erros-e-feedback)
 50 | 8. [Relatório HTML](#-relatório-html)
 51 | 9. [Recomendações de Segurança](#-recomendações-de-segurança)
 52 | 10. [Versionamento](#-versionamento)
 53 | 
 54 | ## 💻 Funcionalidades
 55 | 
 56 | ### 📊 Principais Recursos
 57 | * Escaneamento automatizado de permissões NTFS em compartilhamentos de rede
 58 | * Processamento em lotes para otimização de memória e desempenho
 59 | * Detecção inteligente de problemas de segurança e configurações de risco
 60 | * Dashboard HTML interativo com gráficos, estatísticas e tabela de análise
 61 | * Suporte para múltiplos compartilhamentos em uma única execução
 62 | * Cálculo automático de índice de risco de segurança
 63 | * Exportação de dados completos para CSV
 64 | 
 65 | ### 🔍 Detecção de Problemas de Segurança
 66 | * Permissões atribuídas diretamente a usuários
 67 | * Grupos com permissões excessivas (FullControl)
 68 | * Quebras de herança desnecessárias
 69 | * Violações de conformidade com modelo AGDLP
 70 | * Identificação de contas do sistema com privilégios elevados
 71 | 
 72 | ### 📈 Dashboard HTML Avançado
 73 | * Métricas de resumo com contadores e índice de risco
 74 | * Gráficos de distribuição de problemas por tipo e severidade
 75 | * Top 5 usuários/grupos com mais permissões
 76 | * Tabela completa de problemas com filtros e busca
 77 | * Sistema de classificação de severidade (Alta, Média, Baixa)
 78 | * Seção de recomendações personalizadas
 79 | 
 80 | ## 📋 Pré-requisitos
 81 | 
 82 | * Windows 10/11 ou Windows Server 2016/2019/2022
 83 | * PowerShell 5.1 ou superior
 84 | * Permissões de administrador nos compartilhamentos de rede a serem analisados
 85 | * Navegador moderno para visualizar o dashboard HTML (Chrome, Edge, Firefox)
 86 | * Acesso administrativo para ler permissões NTFS
 87 | 
 88 | ## 🚀 Como Usar
 89 | 
 90 | 1. Baixe o script:
 91 | 
 92 | [![Download Script SecurityAuditDashboard.ps1](https://img.shields.io/badge/Download%20Script%20SecurityAuditDashboard-blue?style=flat-square&logo=powershell)](https://github.com/mathewsbuzetti/powershell-security-audit-dashboard/blob/main/Script/SecurityAuditDashboard.ps1)
 93 | 
 94 | 2. Abra o script no PowerShell ISE
 95 | 
 96 | 3. Localize as linhas abaixo no início do script e altere para o IP do seu servidor e o compartilhamento de rede que deseja analisar:
 97 | 
 98 | ```powershell
 99 | param (
100 |     [string]$ServerIP = "10.0.0.15", # Altere para o IP do seu servidor
101 |     [array]$NetworkShares = @("\\10.0.0.15\compartilhamento\RH"), # Altere para seu compartilhamento
102 |     [string]$OutputPath = "C:\temp\SecurityAudit", 
103 |     [int]$MaxDepth = 3,
104 |     [int]$BatchSize = 1000,
105 |     [int]$MaxConcurrentJobs = 5,
106 |     [array]$SkipFolders = @("$", "System Volume Information", "Recycle.Bin"),
107 | ```
108 | > [!WARNING]\
109 | > **Parâmetros avançados e seus impactos:**
110 | > - **MaxDepth**: Define a profundidade máxima de pastas que serão analisadas. Valores mais altos (como 5) analisam mais subpastas, mas aumentam significativamente o tempo de execução.
111 | > - **BatchSize**: Define quantas pastas são processadas em cada lote. Valores maiores (2000) usam mais memória, mas podem ser mais rápidos em sistemas com muita RAM. Reduza para 500-1000 em sistemas com memória limitada.
112 | > - **MaxConcurrentJobs**: Define quantos processamentos paralelos serão executados simultaneamente. Aumentar (4+) pode melhorar a velocidade em CPUs multi-core, mas pode sobrecarregar servidores em produção durante horário comercial.
113 | > - **SkipFolders**: Lista de diretórios que serão ignorados durante a análise. Use este parâmetro para excluir pastas do sistema ou diretórios que não precisam ser verificados, economizando tempo de processamento e evitando erros com pastas especiais. Os valores padrão (`$`, `System Volume Information`, `Recycle.Bin`) são recomendados para qualquer análise.
114 | 
115 | 4. Execute o script pressionando F5 ou o botão de Play no PowerShell ISE
116 | 
117 | 5. Aguarde o escaneamento ser concluído. O progresso será exibido no terminal.
118 | 
119 | 6. Abra o dashboard HTML gerado no navegador. Por padrão, será aberto automaticamente ao final do processo.
120 | 
121 | ### Resultados
122 | - O script mostrará o progresso em tempo real no console, com informações detalhadas sobre o processo
123 | - Ao concluir, um dashboard HTML interativo será gerado na pasta de saída configurada "C:\temp\SecurityAudit"
124 | - O dashboard será aberto automaticamente no navegador padrão
125 | - Um arquivo CSV com todos os dados brutos também será gerado para análises adicionais
126 | 
127 | ## 🔧 Parâmetros do Script
128 | 
129 | | Parâmetro | Tipo | Descrição | Valor Padrão |
130 | |-----------|------|-----------|--------------|
131 | | `ServerIP` | string | Endereço IP do servidor que será analisado | "10.0.0.15" |
132 | | `NetworkShares` | array | Lista de compartilhamentos a serem analisados | @("\\\\$ServerIP\compartilhamento") |
133 | | `OutputPath` | string | Pasta de destino para arquivos de saída | "C:\Relatorios\Seguranca" |
134 | | `MaxDepth` | int | Profundidade máxima de recursão em subpastas | 3 |
135 | | `BatchSize` | int | Número de pastas processadas por lote | 1000 |
136 | | `MaxConcurrentJobs` | int | Número máximo de jobs concorrentes | 5 |
137 | | `SkipFolders` | array | Pastas a serem ignoradas na análise | @("$", "System Volume Information", "Recycle.Bin") |
138 | | `GenerateHTML` | switch | Gerar dashboard HTML interativo | $true |
139 | | `Compact` | bool | Modo compacto para console (menos verbose) | $true |
140 | | `LogLevel` | string | Nível de detalhamento dos logs ("Normal", "Verbose") | "Normal" |
141 | 
142 | ## ⚠️ Tratamento de Erros e Feedback
143 | 
144 | O script fornece feedback visual em tempo real com cores diferentes:
145 | - 🟦 **Azul/Ciano**: Informações do processo e progresso
146 | - 🟩 **Verde**: Operações concluídas com sucesso
147 | - 🟨 **Amarelo**: Avisos e alertas não críticos
148 | - 🟥 **Vermelho**: Erros que requerem atenção
149 | 
150 | Erros comuns que são tratados automaticamente:
151 | - Pastas inacessíveis ou com permissões insuficientes
152 | - Arquivos bloqueados ou em uso por outros processos
153 | - Problemas de rede em compartilhamentos remotos
154 | - Limites de memória durante o processamento (gerenciados pelo sistema de lotes)
155 | 
156 | ## 📊 Relatório HTML
157 | 
158 | O dashboard HTML gerado inclui:
159 | 
160 | 1. **Cabeçalho com Informações Gerais**
161 |    - Servidor e compartilhamentos analisados
162 |    - Data e hora da análise
163 |    - Estatísticas gerais (pastas, permissões, problemas)
164 | 
165 | 2. **Resumo de Métricas**
166 |    - Total de pastas analisadas
167 |    - Total de permissões encontradas
168 |    - Problemas de segurança detectados
169 |    - Índice de risco calculado
170 | 
171 | 3. **Visualizações Gráficas**
172 |    - Distribuição de problemas por tipo
173 |    - Top 5 usuários/grupos com mais permissões
174 |    - Análise de severidade (Alta, Média, Baixa)
175 |    - Conformidade com modelo AGDLP
176 | 
177 | 4. **Seção de Insights e Recomendações**
178 |    - Recomendações específicas com base nos problemas encontrados
179 |    - Priorização por nível de severidade
180 |    - Sugestões de boas práticas
181 | 
182 | 5. **Tabela Detalhada de Problemas**
183 |    - Filtros por severidade, tipo, pasta, entidade
184 |    - Sistema de busca em tempo real
185 |    - Paginação e controle de registros por página
186 |    - Badges coloridos para classificação visual
187 | 
188 | ## 🛡️ Recomendações de Segurança
189 | 
190 | Para melhorar a segurança de suas permissões, considere as seguintes recomendações:
191 | 
192 | 1. **Elimine permissões diretas de usuários**
193 |    - Substitua por grupos de segurança para facilitar a administração
194 | 
195 | 2. **Reduza permissões de "Controle Total"**
196 |    - Aplique o princípio do menor privilégio
197 |    - Conceda apenas as permissões necessárias
198 | 
199 | 3. **Simplifique heranças quebradas**
200 |    - Reative a herança quando possível
201 |    - Documente quando a quebra for necessária
202 | 
203 | 4. **Implemente o modelo AGDLP**
204 |    - Account → Global Group → Domain Local Group → Permission
205 |    - Facilita a gestão e auditoria
206 | 
207 | ## 🔄 Versionamento
208 | 
209 | - Versão: 1.1.0
210 | - Última atualização: 07/04/2025
211 | - Changelog:
212 |   - 1.1.0 - Adicionado dashboard HTML interativo
213 |   - 1.0.1 - Melhorias no sistema de processamento em lotes
214 |   - 1.0.0 - Versão inicial
215 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
   1 | <!DOCTYPE html>
   2 | <html lang="pt-BR">
   3 | <head>
   4 |     <meta charset="UTF-8">
   5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   6 |     <title>Análise de Segurança de Permissões</title>
   7 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   8 |     <style>
   9 |         :root {
  10 |             /* Esquema de cores Azure inspirado */
  11 |             --primary: #0078d4;
  12 |             --primary-light: #50b0e0;
  13 |             --primary-dark: #004578;
  14 |             --secondary: #2d3748;
  15 |             
  16 |             /* Cores para severidade */
  17 |             --high: #e53e3e;
  18 |             --medium: #f6ad55;
  19 |             --low: #38a169;
  20 |             
  21 |             /* Cores para tipos de problemas */
  22 |             --user-permission: #D32F2F;
  23 |             --inheritance-break: #8b5cf6;
  24 |             --excessive-permission: #f97316;
  25 |             
  26 |             /* Cores para tipos de entidades */
  27 |             --creator-owner: #CC0000; /* Vermelho escuro: PROPRIETÁRIO CRIADOR */
  28 |             --system: #FF0000; /* Vermelho intenso: AUTORIDADE NT\SISTEMA */
  29 |             --admin-group: #FF9900; /* Laranja: BUILTIN\Administradores */
  30 |             --users-group: #3366CC; /* Azul: BUILTIN\Usuários */
  31 |             --specific-user: #FFCC00; /* Amarelo: Usuários específicos */
  32 |             
  33 |             /* Cores de fundo e texto */
  34 |             --bg-main: #f0f3f8;
  35 |             --bg-card: #ffffff;
  36 |             --bg-card-hover: #f6f8ff;
  37 |             --bg-panel: #f8fafc;
  38 |             
  39 |             --text-primary: #1a202c;
  40 |             --text-secondary: #4a5568;
  41 |             --text-light: #f7fafc;
  42 |             
  43 |             /* Bordas e sombras */
  44 |             --border-color: #e2e8f0;
  45 |             --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  46 |             --shadow-md: 0 4px 10px rgba(0, 0, 0, 0.1);
  47 |             --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
  48 |         }
  49 |         
  50 |         * {
  51 |             margin: 0;
  52 |             padding: 0;
  53 |             box-sizing: border-box;
  54 |             font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, sans-serif;
  55 |         }
  56 |         
  57 |         body {
  58 |             background-color: var(--bg-main);
  59 |             color: var(--text-primary);
  60 |             padding: 2rem;
  61 |         }
  62 |         
  63 |         .container {
  64 |             max-width: 1400px;
  65 |             margin: 0 auto;
  66 |         }
  67 |         
  68 |         /* Cabeçalho */
  69 |         .page-header {
  70 |             display: flex;
  71 |             justify-content: space-between;
  72 |             align-items: center;
  73 |             margin-bottom: 2rem;
  74 |             padding: 1.75rem;
  75 |             border-radius: 16px;
  76 |             background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
  77 |             color: var(--text-light);
  78 |             box-shadow: var(--shadow-lg);
  79 |             position: relative;
  80 |             overflow: hidden;
  81 |         }
  82 |         
  83 |         .page-header::before {
  84 |             content: '';
  85 |             position: absolute;
  86 |             top: 0;
  87 |             left: 0;
  88 |             right: 0;
  89 |             bottom: 0;
  90 |             background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
  91 |             opacity: 0.5;
  92 |             z-index: 0;
  93 |         }
  94 |         
  95 |         .page-title {
  96 |             font-size: 28px;
  97 |             font-weight: 700;
  98 |             color: var(--text-light);
  99 |             position: relative;
 100 |             z-index: 1;
 101 |             text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 102 |             display: flex;
 103 |             align-items: center;
 104 |             gap: 12px;
 105 |         }
 106 |         
 107 |         .page-title i {
 108 |             font-size: 24px;
 109 |             color: rgba(255, 255, 255, 0.9);
 110 |         }
 111 |         
 112 |         .page-subtitle {
 113 |             color: rgba(255, 255, 255, 0.9);
 114 |             font-size: 16px;
 115 |             margin-top: 6px;
 116 |             position: relative;
 117 |             z-index: 1;
 118 |         }
 119 |         
 120 |         .page-actions {
 121 |             display: flex;
 122 |             align-items: center;
 123 |             gap: 1rem;
 124 |             position: relative;
 125 |             z-index: 1;
 126 |         }
 127 |         
 128 |         .server-tag {
 129 |             display: inline-flex;
 130 |             align-items: center;
 131 |             gap: 8px;
 132 |             padding: 8px 14px;
 133 |             border-radius: 8px;
 134 |             font-size: 14px;
 135 |             font-weight: 500;
 136 |             transition: all 0.3s ease;
 137 |             background: rgba(255, 255, 255, 0.1);
 138 |             color: white;
 139 |             border: 1px solid rgba(255, 255, 255, 0.2);
 140 |             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 141 |             backdrop-filter: blur(5px);
 142 |         }
 143 |         
 144 |         .server-tag i {
 145 |             color: rgba(255, 255, 255, 0.9);
 146 |         }
 147 |         
 148 |         /* Summary Section - Estilo modelo */
 149 |         .summary-section {
 150 |             background-color: var(--bg-card);
 151 |             border-radius: 16px;
 152 |             box-shadow: var(--shadow-lg);
 153 |             border: 1px solid var(--border-color);
 154 |             margin-bottom: 2rem;
 155 |             overflow: hidden;
 156 |             background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%2300a5de' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
 157 |             background-position: center;
 158 |             background-size: 200px;
 159 |             transition: all 0.3s ease;
 160 |             animation: fadeIn 0.6s ease-out;
 161 |         }
 162 |         
 163 |         @keyframes fadeIn {
 164 |             from { opacity: 0; transform: translateY(10px); }
 165 |             to { opacity: 1; transform: translateY(0); }
 166 |         }
 167 |         
 168 |         @keyframes pulseGlow {
 169 |             0% { box-shadow: 0 0 5px rgba(0, 120, 212, 0.3); }
 170 |             50% { box-shadow: 0 0 15px rgba(0, 120, 212, 0.5); }
 171 |             100% { box-shadow: 0 0 5px rgba(0, 120, 212, 0.3); }
 172 |         }
 173 |         
 174 |         .summary-section:hover {
 175 |             box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
 176 |             transform: translateY(-3px);
 177 |         }
 178 |         
 179 |         .summary-grid {
 180 |             display: grid;
 181 |             grid-template-columns: repeat(4, 1fr);
 182 |             gap: 0;
 183 |         }
 184 |         
 185 |         .summary-metric {
 186 |             padding: 2.5rem;
 187 |             position: relative;
 188 |             display: flex;
 189 |             flex-direction: column;
 190 |             gap: 1.25rem;
 191 |             overflow: hidden;
 192 |             transition: all 0.3s ease;
 193 |         }
 194 |         
 195 |         .summary-metric:not(:last-child) {
 196 |             border-right: 1px solid var(--border-color);
 197 |         }
 198 |         
 199 |         .summary-metric:hover {
 200 |             background-color: rgba(0, 120, 212, 0.02);
 201 |         }
 202 |         
 203 |         .summary-metric::before {
 204 |             content: '';
 205 |             position: absolute;
 206 |             top: -10px;
 207 |             left: -10px;
 208 |             width: 30px;
 209 |             height: 30px;
 210 |             background-color: var(--primary);
 211 |             opacity: 0.1;
 212 |             border-radius: 50%;
 213 |             transform: scale(0);
 214 |             transition: transform 0.5s;
 215 |         }
 216 |         
 217 |         .summary-metric:hover::before {
 218 |             transform: scale(10);
 219 |         }
 220 |         
 221 |         .metric-top {
 222 |             display: flex;
 223 |             justify-content: space-between;
 224 |             align-items: flex-start;
 225 |             position: relative;
 226 |             z-index: 1;
 227 |         }
 228 |         
 229 |         .metric-title {
 230 |             font-size: 15px;
 231 |             font-weight: 700;
 232 |             color: var(--text-secondary);
 233 |             text-transform: uppercase;
 234 |             letter-spacing: 0.5px;
 235 |             position: relative;
 236 |         }
 237 |         
 238 |         .metric-title::after {
 239 |             content: '';
 240 |             position: absolute;
 241 |             bottom: -6px;
 242 |             left: 0;
 243 |             width: 30px;
 244 |             height: 3px;
 245 |             background: linear-gradient(135deg, #0078d4 0%, #50b0e0 100%);
 246 |             border-radius: 3px;
 247 |             transition: width 0.3s ease;
 248 |         }
 249 |         
 250 |         .summary-metric:hover .metric-title::after {
 251 |             width: 60px;
 252 |         }
 253 |         
 254 |         .metric-icon {
 255 |             width: 46px;
 256 |             height: 46px;
 257 |             border-radius: 12px;
 258 |             display: flex;
 259 |             align-items: center;
 260 |             justify-content: center;
 261 |             color: white;
 262 |             font-size: 20px;
 263 |             position: relative;
 264 |             z-index: 1;
 265 |             box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
 266 |             transition: all 0.3s ease;
 267 |             animation: pulseGlow 3s infinite;
 268 |         }
 269 |         
 270 |         .summary-metric:hover .metric-icon {
 271 |             transform: scale(1.1) translateY(-5px);
 272 |         }
 273 |         
 274 |         .icon-folders {
 275 |             background: linear-gradient(135deg, #0078d4, #50b0e0);
 276 |         }
 277 |         
 278 |         .icon-permissions {
 279 |             background: linear-gradient(135deg, #10b981, #34d399);
 280 |         }
 281 |         
 282 |         .icon-issues {
 283 |             background: linear-gradient(135deg, #f59e0b, #f97316);
 284 |         }
 285 |         
 286 |         .icon-risk {
 287 |             background: linear-gradient(135deg, #cc0000, #ff0000);
 288 |         }
 289 |         
 290 |         .metric-value-section {
 291 |             display: flex;
 292 |             flex-direction: column;
 293 |             gap: 0.5rem;
 294 |             position: relative;
 295 |             z-index: 1;
 296 |         }
 297 |         
 298 |         .metric-value {
 299 |             font-size: 2.5rem;
 300 |             font-weight: 800;
 301 |             background: linear-gradient(135deg, #0078d4 0%, #50b0e0 100%);
 302 |             -webkit-background-clip: text;
 303 |             background-clip: text;
 304 |             -webkit-text-fill-color: transparent;
 305 |             line-height: 1.1;
 306 |             transition: all 0.3s ease;
 307 |         }
 308 |         
 309 |         .summary-metric:hover .metric-value {
 310 |             transform: scale(1.05);
 311 |         }
 312 |         
 313 |         .metric-value.green {
 314 |             background: linear-gradient(135deg, #10b981, #34d399);
 315 |             -webkit-background-clip: text;
 316 |             background-clip: text;
 317 |             -webkit-text-fill-color: transparent;
 318 |         }
 319 |         
 320 |         .metric-value.orange {
 321 |             background: linear-gradient(135deg, #f59e0b, #f97316);
 322 |             -webkit-background-clip: text;
 323 |             background-clip: text;
 324 |             -webkit-text-fill-color: transparent;
 325 |         }
 326 |         
 327 |         .metric-value.red {
 328 |             background: linear-gradient(135deg, #cc0000, #ff0000);
 329 |             -webkit-background-clip: text;
 330 |             background-clip: text;
 331 |             -webkit-text-fill-color: transparent;
 332 |         }
 333 |         
 334 |         .metric-description {
 335 |             font-size: 14px;
 336 |             color: var(--text-secondary);
 337 |             max-width: 250px;
 338 |         }
 339 |         
 340 |         /* Layout de grid para os gráficos lado a lado */
 341 |         .charts-grid {
 342 |             display: grid;
 343 |             grid-template-columns: 1fr 1fr;
 344 |             gap: 20px;
 345 |             margin-bottom: 24px;
 346 |         }
 347 |         
 348 |         @media (max-width: 1200px) {
 349 |             .charts-grid {
 350 |                 grid-template-columns: 1fr;
 351 |             }
 352 |         }
 353 |         
 354 |         /* Seções de conteúdo */
 355 |         .chart-card {
 356 |             background-color: var(--bg-card);
 357 |             border-radius: 16px;
 358 |             box-shadow: var(--shadow-lg);
 359 |             border: 1px solid var(--border-color);
 360 |             overflow: hidden;
 361 |             margin-bottom: 24px;
 362 |             height: 100%;
 363 |             display: flex;
 364 |             flex-direction: column;
 365 |         }
 366 |         
 367 |         .chart-header {
 368 |             padding: 1.5rem;
 369 |             border-bottom: 1px solid var(--border-color);
 370 |             background: linear-gradient(to right, rgba(0, 120, 212, 0.05), transparent);
 371 |         }
 372 |         
 373 |         .chart-title {
 374 |             font-size: 18px;
 375 |             font-weight: 700;
 376 |             margin-bottom: 0.25rem;
 377 |             color: var(--primary);
 378 |             display: flex;
 379 |             align-items: center;
 380 |             gap: 8px;
 381 |         }
 382 |         
 383 |         .chart-title i {
 384 |             font-size: 16px;
 385 |         }
 386 |         
 387 |         .chart-subtitle {
 388 |             font-size: 14px;
 389 |             color: var(--text-secondary);
 390 |         }
 391 |         
 392 |         .chart-body {
 393 |             padding: 1.5rem;
 394 |             height: 350px;
 395 |             position: relative;
 396 |             display: flex;
 397 |             flex-direction: column;
 398 |             justify-content: center;
 399 |             flex-grow: 1;
 400 |         }
 401 |         
 402 |         .chart-legend {
 403 |             display: flex;
 404 |             flex-wrap: wrap;
 405 |             gap: 1rem;
 406 |             padding: 1.25rem;
 407 |             background-color: var(--bg-panel);
 408 |             border-top: 1px solid var(--border-color);
 409 |             white-space: nowrap;
 410 |             justify-content: center; /* Centraliza os itens da legenda horizontalmente */
 411 |         }
 412 |         
 413 |         .legend-item {
 414 |             display: flex;
 415 |             align-items: center;
 416 |             gap: 0.5rem;
 417 |             font-size: 13px;
 418 |             color: var(--text-secondary);
 419 |         }
 420 |         
 421 |         .legend-color {
 422 |             width: 12px;
 423 |             height: 12px;
 424 |             border-radius: 3px;
 425 |         }
 426 |         
 427 |         /* Barras horizontais para o gráfico */
 428 |         .chart-fallback {
 429 |             width: 100%;
 430 |             height: 100%;
 431 |             display: flex;
 432 |             flex-direction: column;
 433 |             justify-content: center;
 434 |             gap: 25px;
 435 |         }
 436 |         
 437 |         .chart-bar-container {
 438 |             display: flex;
 439 |             gap: 5px; /* Reduzido para dar mais espaço aos rótulos */
 440 |             align-items: center;
 441 |             margin-bottom: 15px;
 442 |             flex-wrap: nowrap; /* Impede a quebra para nova linha */
 443 |         }
 444 |         
 445 |         /* Estilo geral para labels de gráficos */
 446 |         .chart-label {
 447 |             width: 180px; /* Tamanho base para labels de gráficos */
 448 |             min-width: 180px; /* Garante largura mínima */
 449 |             font-size: 14px; /* Ajustado para melhor legibilidade */
 450 |             font-weight: 600;
 451 |             color: var(--text-secondary);
 452 |             white-space: nowrap; /* Impede quebra de texto */
 453 |             overflow: visible; /* Permite que o texto fique visível */
 454 |         }
 455 |         
 456 |         /* Estilo específico para o gráfico de Problemas por Tipo */
 457 |         .problema-chart-label {
 458 |             width: 250px; /* Aumentado para acomodar textos mais longos */
 459 |             min-width: 250px; /* Garante largura mínima maior */
 460 |             font-size: 14px;
 461 |             font-weight: 600;
 462 |             color: var(--text-secondary);
 463 |             white-space: nowrap;
 464 |             overflow: visible;
 465 |         }
 466 |         
 467 |         .chart-bar {
 468 |             flex-grow: 1;
 469 |             height: 35px;
 470 |             background-color: rgba(80, 176, 224, 0.2);
 471 |             border-radius: 6px;
 472 |             position: relative;
 473 |             overflow: hidden;
 474 |             box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
 475 |         }
 476 |         
 477 |         .chart-bar-fill {
 478 |             height: 100%;
 479 |             border-radius: 6px;
 480 |             display: flex;
 481 |             align-items: center;
 482 |             justify-content: flex-end;
 483 |             padding-right: 15px;
 484 |             color: white;
 485 |             font-weight: 600;
 486 |             font-size: 14px;
 487 |             box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 488 |             min-width: 40px; /* Garantir largura mínima para o número ser visível */
 489 |             position: relative;
 490 |         }
 491 |         
 492 |         .chart-bar-value {
 493 |             position: absolute;
 494 |             right: 15px;
 495 |             color: white;
 496 |             font-weight: 600;
 497 |             font-size: 14px;
 498 |             white-space: nowrap;
 499 |         }
 500 |         
 501 |         /* NOVA SEÇÃO: Pontuação de Risco e Distribuição de Severidade */
 502 |         .risk-content {
 503 |             display: flex;
 504 |             flex-wrap: wrap;
 505 |             gap: 0;
 506 |         }
 507 |         
 508 |         /* Seção de pontuação */
 509 |         .risk-score-section {
 510 |             flex: 1;
 511 |             min-width: 220px;
 512 |             padding: 1rem;
 513 |             border-right: 1px solid var(--border-color);
 514 |             display: flex;
 515 |             flex-direction: column;
 516 |             align-items: center;
 517 |             justify-content: center;
 518 |         }
 519 |         
 520 |         .risk-score-container {
 521 |             text-align: center;
 522 |             padding: 0.5rem 0.5rem;
 523 |         }
 524 |         
 525 |         .risk-score {
 526 |             font-size: 65px;
 527 |             font-weight: 800;
 528 |             line-height: 1;
 529 |             color: var(--high);
 530 |             margin-bottom: 0;
 531 |         }
 532 |         
 533 |         .risk-score-label {
 534 |             font-size: 22px;
 535 |             font-weight: 700;
 536 |             color: var(--high);
 537 |             margin: 0.25rem 0;
 538 |         }
 539 |         
 540 |         .risk-score-sublabel {
 541 |             font-size: 13px;
 542 |             color: var(--text-secondary);
 543 |         }
 544 |         
 545 |         .risk-explanation {
 546 |             background-color: rgba(0, 120, 212, 0.05);
 547 |             border-left: 3px solid var(--primary);
 548 |             padding: 8px 10px;
 549 |             border-radius: 6px;
 550 |             font-size: 12.5px;
 551 |             color: var(--text-secondary);
 552 |             line-height: 1.4;
 553 |             width: 100%;
 554 |             margin-top: 12px;
 555 |         }
 556 |         
 557 |         .formula {
 558 |             background-color: rgba(0, 0, 0, 0.03);
 559 |             padding: 5px 7px;
 560 |             border-radius: 4px;
 561 |             font-family: monospace;
 562 |             margin: 6px 0;
 563 |             display: flex;
 564 |             justify-content: center;
 565 |         }
 566 |         
 567 |         /* Níveis de risco */
 568 |         .risk-ranges {
 569 |             display: flex;
 570 |             justify-content: space-between;
 571 |             margin-top: 12px;
 572 |             border-top: 1px solid #eaeaea;
 573 |             padding-top: 8px;
 574 |             width: 100%;
 575 |         }
 576 |         
 577 |         .risk-range {
 578 |             text-align: center;
 579 |             padding: 3px 0;
 580 |             flex: 1;
 581 |         }
 582 |         
 583 |         .risk-range-title {
 584 |             font-weight: 700;
 585 |             font-size: 13px;
 586 |             margin-bottom: 2px;
 587 |         }
 588 |         
 589 |         .risk-range-values {
 590 |             font-size: 12px;
 591 |             color: var(--text-secondary);
 592 |         }
 593 |         
 594 |         .risk-range.baixo .risk-range-title {
 595 |             color: var(--low);
 596 |         }
 597 |         
 598 |         .risk-range.moderado .risk-range-title {
 599 |             color: var(--medium);
 600 |         }
 601 |         
 602 |         .risk-range.alto .risk-range-title {
 603 |             color: var(--high);
 604 |         }
 605 |         
 606 |         .risk-range.critico .risk-range-title {
 607 |             color: #cc0000;
 608 |         }
 609 |         
 610 |         /* Seção de Distribuição de Severidade */
 611 |         .severity-distribution {
 612 |             flex: 2;
 613 |             min-width: 300px;
 614 |             padding: 1rem;
 615 |             display: flex;
 616 |             flex-direction: column;
 617 |         }
 618 |         
 619 |         .distribution-title {
 620 |             font-size: 16px;
 621 |             font-weight: 600;
 622 |             color: var(--text-primary);
 623 |             margin-bottom: 10px;
 624 |             text-align: center;
 625 |         }
 626 |         
 627 |         .chart-group {
 628 |             margin-bottom: 12px;
 629 |         }
 630 |         
 631 |         .chart-group:first-child {
 632 |             margin-top: 2px;
 633 |         }
 634 |         
 635 |         .bar-description {
 636 |             font-size: 11px;
 637 |             color: var(--text-secondary);
 638 |             margin-top: 2px;
 639 |             margin-left: 180px; /* Alinhado com o início do chart-label */
 640 |             font-style: italic;
 641 |         }
 642 |         
 643 |         /* Todos os Problemas */
 644 |         .table-section {
 645 |             background-color: var(--bg-card);
 646 |             border-radius: 16px;
 647 |             box-shadow: var(--shadow-lg);
 648 |             border: 1px solid var(--border-color);
 649 |             margin-bottom: 2rem;
 650 |             overflow: hidden;
 651 |         }
 652 |         
 653 |         .table-header {
 654 |             padding: 1.5rem;
 655 |             border-bottom: 1px solid var(--border-color);
 656 |             display: flex;
 657 |             justify-content: space-between;
 658 |             align-items: center;
 659 |             background: linear-gradient(to right, rgba(0, 120, 212, 0.05), transparent);
 660 |         }
 661 |         
 662 |         .table-title {
 663 |             font-size: 18px;
 664 |             font-weight: 700;
 665 |             margin-bottom: 0.25rem;
 666 |             color: var(--primary);
 667 |             display: flex;
 668 |             align-items: center;
 669 |             gap: 8px;
 670 |         }
 671 |         
 672 |         .table-title i {
 673 |             font-size: 16px;
 674 |         }
 675 |         
 676 |         .table-subtitle {
 677 |             font-size: 14px;
 678 |             color: var(--text-secondary);
 679 |         }
 680 |         
 681 |         .table-controls {
 682 |             display: flex;
 683 |             gap: 0.75rem;
 684 |         }
 685 |         
 686 |         .table-search {
 687 |             display: flex;
 688 |             align-items: center;
 689 |             gap: 8px;
 690 |             background: var(--bg-panel);
 691 |             border: 1px solid var(--border-color);
 692 |             padding: 8px 16px;
 693 |             border-radius: 10px;
 694 |             box-shadow: var(--shadow-sm);
 695 |             width: 300px;
 696 |         }
 697 |         
 698 |         .table-search-icon {
 699 |             color: var(--primary);
 700 |             font-size: 14px;
 701 |         }
 702 |         
 703 |         .table-search-input {
 704 |             background: transparent;
 705 |             border: none;
 706 |             color: var(--text-primary);
 707 |             font-size: 14px;
 708 |             outline: none;
 709 |             width: 100%;
 710 |             padding: 4px 0;
 711 |         }
 712 |         
 713 |         /* Estilo para filtros */
 714 |         .filter-section {
 715 |             display: flex;
 716 |             flex-wrap: wrap;
 717 |             gap: 15px;
 718 |             margin: 0 1.5rem 0.75rem;
 719 |             padding: 10px;
 720 |             background-color: #f8f9fa;
 721 |             border-radius: 8px;
 722 |             border: 1px solid #e9ecef;
 723 |         }
 724 |         
 725 |         .filter-field {
 726 |             flex: 1;
 727 |             min-width: 200px;
 728 |         }
 729 |         
 730 |         .filter-label {
 731 |             display: block;
 732 |             font-size: 13px;
 733 |             font-weight: 600;
 734 |             color: #515a6e;
 735 |             margin-bottom: 5px;
 736 |         }
 737 |         
 738 |         .filter-select {
 739 |             width: 100%;
 740 |             padding: 8px 12px;
 741 |             border: 1px solid #e0e0e0;
 742 |             border-radius: 4px;
 743 |             font-size: 14px;
 744 |             color: #333;
 745 |             background-color: #fff;
 746 |         }
 747 |         
 748 |         .filter-buttons {
 749 |             display: flex;
 750 |             gap: 10px;
 751 |             margin: 0 1.5rem 1.5rem;
 752 |         }
 753 |         
 754 |         .filter-apply {
 755 |             padding: 8px 16px;
 756 |             border: none;
 757 |             border-radius: 4px;
 758 |             font-size: 14px;
 759 |             font-weight: 500;
 760 |             cursor: pointer;
 761 |             background-color: #0288d1;
 762 |             color: white;
 763 |             display: flex;
 764 |             align-items: center;
 765 |             gap: 8px;
 766 |         }
 767 |         
 768 |         .filter-clear {
 769 |             padding: 8px 16px;
 770 |             background-color: #f5f5f5;
 771 |             color: #515a6e;
 772 |             border: 1px solid #e0e0e0;
 773 |             border-radius: 4px;
 774 |             font-size: 14px;
 775 |             font-weight: 500;
 776 |             cursor: pointer;
 777 |             display: flex;
 778 |             align-items: center;
 779 |             gap: 8px;
 780 |         }
 781 |         
 782 |         /* Tabela de problemas */
 783 |         .table-body {
 784 |             padding: 0.5rem 1.5rem;
 785 |         }
 786 |         
 787 |         .security-table {
 788 |             width: 100%;
 789 |             border-collapse: separate;
 790 |             border-spacing: 0;
 791 |             border: 1px solid var(--border-color);
 792 |         }
 793 |         
 794 |         .security-table th {
 795 |             background: #f5f7fa;
 796 |             color: var(--primary);
 797 |             font-weight: 600;
 798 |             font-size: 13px;
 799 |             text-transform: uppercase;
 800 |             letter-spacing: 0.5px;
 801 |             padding: 8px 16px;
 802 |             text-align: left;
 803 |             border-bottom: 2px solid var(--border-color);
 804 |             position: relative;
 805 |             vertical-align: middle;
 806 |         }
 807 |         
 808 |         .security-table td {
 809 |             padding: 14px 16px;
 810 |             font-size: 14px;
 811 |             border-bottom: 1px solid var(--border-color);
 812 |         }
 813 |         
 814 |         .security-table tr:nth-child(even) {
 815 |             background-color: #f9f9f9;
 816 |         }
 817 |         
 818 |         .security-table tr:hover {
 819 |             background-color: #f0f8ff;
 820 |         }
 821 |         
 822 |         /* Badges */
 823 |         .severity-badge {
 824 |             display: inline-flex;
 825 |             align-items: center;
 826 |             gap: 6px;
 827 |             padding: 6px 12px;
 828 |             border-radius: 6px;
 829 |             font-size: 12px;
 830 |             font-weight: 600;
 831 |             box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
 832 |         }
 833 |         
 834 |         .severity-badge i {
 835 |             font-size: 11px;
 836 |         }
 837 |         
 838 |         .badge-high {
 839 |             background: rgba(229, 62, 62, 0.1);
 840 |             color: var(--high);
 841 |             border: 1px solid rgba(229, 62, 62, 0.2);
 842 |         }
 843 |         
 844 |         .badge-medium {
 845 |             background: rgba(246, 173, 85, 0.1);
 846 |             color: var(--medium);
 847 |             border: 1px solid rgba(246, 173, 85, 0.2);
 848 |         }
 849 |         
 850 |         .badge-low {
 851 |             background: rgba(56, 161, 105, 0.1);
 852 |             color: var(--low);
 853 |             border: 1px solid rgba(56, 161, 105, 0.2);
 854 |         }
 855 |         
 856 |         .problem-badge {
 857 |             display: inline-flex;
 858 |             align-items: center;
 859 |             gap: 6px;
 860 |             padding: 6px 12px;
 861 |             border-radius: 6px;
 862 |             font-size: 12px;
 863 |             font-weight: 600;
 864 |             box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
 865 |         }
 866 |         
 867 |         .problem-badge i {
 868 |             font-size: 11px;
 869 |         }
 870 |         
 871 |         .badge-loose-user {
 872 |             background: rgba(211, 47, 47, 0.1);
 873 |             color: var(--user-permission);
 874 |             border: 1px solid rgba(211, 47, 47, 0.2);
 875 |         }
 876 |         
 877 |         .badge-excessive {
 878 |             background: rgba(249, 115, 22, 0.1);
 879 |             color: var(--excessive-permission);
 880 |             border: 1px solid rgba(249, 115, 22, 0.2);
 881 |         }
 882 |         
 883 |         .badge-inheritance {
 884 |             background: rgba(139, 92, 246, 0.1);
 885 |             color: var(--inheritance-break);
 886 |             border: 1px solid rgba(139, 92, 246, 0.2);
 887 |         }
 888 |         
 889 |         /* Paginação e controles de registros por página */
 890 |         .entries-info-container {
 891 |             display: flex;
 892 |             justify-content: space-between;
 893 |             align-items: center;
 894 |             padding: 1rem 1.5rem;
 895 |             background-color: #f8f9fa;
 896 |             border-top: 1px solid var(--border-color);
 897 |         }
 898 |         
 899 |         .entries-per-page {
 900 |             display: flex;
 901 |             align-items: center;
 902 |             gap: 10px;
 903 |             font-size: 13px;
 904 |             color: var(--text-secondary);
 905 |             white-space: nowrap;
 906 |         }
 907 |         
 908 |         .entries-select {
 909 |             padding: 6px 10px;
 910 |             border: 1px solid var(--border-color);
 911 |             border-radius: 4px;
 912 |             font-size: 13px;
 913 |             color: var(--text-primary);
 914 |             background-color: white;
 915 |         }
 916 |         
 917 |         .pagination-container {
 918 |             display: flex;
 919 |             justify-content: space-between;
 920 |             align-items: center;
 921 |             padding: 8px 1.5rem;
 922 |             background-color: #f8f9fa;
 923 |             border-bottom-left-radius: 16px;
 924 |             border-bottom-right-radius: 16px;
 925 |             border-top: 1px solid var(--border-color);
 926 |         }
 927 |         
 928 |         .pagination-info {
 929 |             font-size: 13px;
 930 |             color: #515a6e;
 931 |             white-space: nowrap;
 932 |         }
 933 |         
 934 |         .pagination {
 935 |             display: flex;
 936 |             gap: 5px;
 937 |         }
 938 |         
 939 |         .pagination-button {
 940 |             display: inline-flex;
 941 |             align-items: center;
 942 |             justify-content: center;
 943 |             padding: 6px 12px;
 944 |             border: 1px solid #e0e0e0;
 945 |             border-radius: 4px;
 946 |             background-color: white;
 947 |             font-size: 14px;
 948 |             color: #515a6e;
 949 |             cursor: pointer;
 950 |             min-width: 35px;
 951 |             transition: all 0.2s ease;
 952 |         }
 953 |         
 954 |         .pagination-button:hover {
 955 |             background-color: #f0f2f5;
 956 |         }
 957 |         
 958 |         .pagination-button.active {
 959 |             background-color: #0288d1;
 960 |             color: white;
 961 |             border-color: #0288d1;
 962 |         }
 963 |         
 964 |         .pagination-button.disabled {
 965 |             opacity: 0.5;
 966 |             cursor: not-allowed;
 967 |         }
 968 |         
 969 |         /* Footer */
 970 |         .footer {
 971 |             text-align: center;
 972 |             padding: 20px 0;
 973 |             margin-top: 30px;
 974 |             border-top: 1px solid var(--border-color);
 975 |             color: var(--text-secondary);
 976 |             font-size: 13px;
 977 |             background: linear-gradient(to right, rgba(0, 120, 212, 0.03), transparent, rgba(0, 120, 212, 0.03));
 978 |             position: relative;
 979 |             overflow: hidden;
 980 |         }
 981 |         
 982 |         .footer::before {
 983 |             content: '';
 984 |             position: absolute;
 985 |             top: 0;
 986 |             left: 0;
 987 |             width: 100%;
 988 |             height: 3px;
 989 |             background: linear-gradient(135deg, #0078d4 0%, #50b0e0 100%);
 990 |             opacity: 0.5;
 991 |         }
 992 |         
 993 |         .dashboard-title {
 994 |             color: var(--primary);
 995 |             font-weight: bold;
 996 |             transition: all 0.3s ease;
 997 |         }
 998 |         
 999 |         .dashboard-title:hover {
1000 |             color: var(--primary-dark);
1001 |             text-shadow: 0 2px 10px rgba(0, 120, 212, 0.3);
1002 |         }
1003 |         
1004 |         /* Responsividade */
1005 |         @media (max-width: 1200px) {
1006 |             .summary-grid {
1007 |                 grid-template-columns: repeat(2, 1fr);
1008 |             }
1009 |             
1010 |             .summary-metric:nth-child(even) {
1011 |                 border-right: none;
1012 |             }
1013 |             
1014 |             .summary-metric:nth-child(-n+2) {
1015 |                 border-bottom: 1px solid var(--border-color);
1016 |             }
1017 |         }
1018 |         
1019 |         @media (max-width: 768px) {
1020 |             .page-header {
1021 |                 flex-direction: column;
1022 |                 align-items: flex-start;
1023 |                 gap: 20px;
1024 |             }
1025 |             
1026 |             .server-tag {
1027 |                 width: 100%;
1028 |             }
1029 |             
1030 |             .summary-grid {
1031 |                 grid-template-columns: 1fr;
1032 |             }
1033 |             
1034 |             .summary-metric {
1035 |                 border-right: none;
1036 |                 border-bottom: 1px solid var(--border-color);
1037 |             }
1038 |             
1039 |             .summary-metric:last-child {
1040 |                 border-bottom: none;
1041 |             }
1042 |             
1043 |             .table-header {
1044 |                 flex-direction: column;
1045 |                 gap: 10px;
1046 |                 align-items: flex-start;
1047 |             }
1048 |             
1049 |             .table-controls {
1050 |                 width: 100%;
1051 |             }
1052 |             
1053 |             .filter-section {
1054 |                 flex-direction: column;
1055 |             }
1056 |             
1057 |             .table-search {
1058 |                 width: 100%;
1059 |             }
1060 |             
1061 |             body {
1062 |                 padding: 10px;
1063 |             }
1064 |             
1065 |             .risk-content {
1066 |                 flex-direction: column;
1067 |             }
1068 |             
1069 |             .risk-score-section {
1070 |                 border-right: none;
1071 |                 border-bottom: 1px solid var(--border-color);
1072 |             }
1073 |         }
1074 |     </style>
1075 | </head>
1076 | <body>
1077 |     <div class="container">
1078 |         <!-- Cabeçalho com ícone -->
1079 |         <div class="page-header">
1080 |             <div>
1081 |                 <h1 class="page-title"><i class="fas fa-shield-alt"></i> Análise de Segurança de Permissões</h1>
1082 |                 <p class="page-subtitle">Visualização e análise de permissões em compartilhamentos de rede</p>
1083 |             </div>
1084 |             <div class="page-actions">
1085 |                 <div>
1086 |                     <span class="server-tag"><i class="fas fa-server"></i> Servidor: 192.168.1.250</span>
1087 |                     <span class="server-tag"><i class="fas fa-folder-open"></i> Compartilhamentos: 2</span>
1088 |                 </div>
1089 |             </div>
1090 |         </div>
1091 |         
1092 |         <!-- Summary Section - Estilo modelo -->
1093 |         <div class="summary-section">
1094 |             <div class="summary-grid">
1095 |                 <!-- Pastas Analisadas -->
1096 |                 <div class="summary-metric">
1097 |                     <div class="metric-top">
1098 |                         <div class="metric-title">Pastas Analisadas</div>
1099 |                         <div class="metric-icon icon-folders">
1100 |                             <i class="fas fa-folder"></i>
1101 |                         </div>
1102 |                     </div>
1103 |                     <div class="metric-value-section">
1104 |                         <div class="metric-value" id="folders-count">523</div>
1105 |                         <div class="metric-description">Total de pastas escaneadas em todos os compartilhamentos</div>
1106 |                     </div>
1107 |                 </div>
1108 |                 
1109 |                 <!-- Total de Permissões -->
1110 |                 <div class="summary-metric">
1111 |                     <div class="metric-top">
1112 |                         <div class="metric-title">Permissões Totais</div>
1113 |                         <div class="metric-icon icon-permissions">
1114 |                             <i class="fas fa-key"></i>
1115 |                         </div>
1116 |                     </div>
1117 |                     <div class="metric-value-section">
1118 |                         <div class="metric-value green" id="permissions-count">2487</div>
1119 |                         <div class="metric-description">Entradas de controle de acesso encontradas</div>
1120 |                     </div>
1121 |                 </div>
1122 |                 
1123 |                 <!-- Problemas Detectados -->
1124 |                 <div class="summary-metric">
1125 |                     <div class="metric-top">
1126 |                         <div class="metric-title">Problemas Detectados</div>
1127 |                         <div class="metric-icon icon-issues">
1128 |                             <i class="fas fa-exclamation-triangle"></i>
1129 |                         </div>
1130 |                     </div>
1131 |                     <div class="metric-value-section">
1132 |                         <div class="metric-value orange" id="issues-count">20</div>
1133 |                         <div class="metric-description">Questões de segurança identificadas</div>
1134 |                     </div>
1135 |                 </div>
1136 |                 
1137 |                 <!-- Índice de Risco -->
1138 |                 <div class="summary-metric">
1139 |                     <div class="metric-top">
1140 |                         <div class="metric-title">Índice de Risco</div>
1141 |                         <div class="metric-icon icon-risk">
1142 |                             <i class="fas fa-chart-line"></i>
1143 |                         </div>
1144 |                     </div>
1145 |                     <div class="metric-value-section">
1146 |                         <div class="metric-value red" id="risk-index">53</div>
1147 |                         <div class="metric-description">Avaliação geral de risco de segurança (0-100)</div>
1148 |                     </div>
1149 |                 </div>
1150 |             </div>
1151 |         </div>
1152 |         
1153 |         <!-- Gráficos lado a lado - Problemas por Tipo e Top 5 Usuários/Grupos -->
1154 |         <div class="charts-grid">
1155 |             <!-- Problemas por Tipo -->
1156 |             <div class="chart-card">
1157 |                 <div class="chart-header">
1158 |                     <h3 class="chart-title"><i class="fas fa-chart-pie"></i> Problemas por Tipo</h3>
1159 |                     <p class="chart-subtitle">Distribuição dos problemas de segurança por categoria</p>
1160 |                 </div>
1161 |                 <div class="chart-body">
1162 |                     <div class="chart-fallback">
1163 |                         <!-- Permissão de usuário direto -->
1164 |                         <div class="chart-bar-container">
1165 |                             <div class="problema-chart-label" title="Permissão de usuário direto">Permissão de usuário direto:</div>
1166 |                             <div class="chart-bar">
1167 |                                 <div class="chart-bar-fill" style="width: 50%; background-color: var(--user-permission);">
1168 |                                     <span class="chart-bar-value">10</span>
1169 |                                 </div>
1170 |                             </div>
1171 |                         </div>
1172 |                         
1173 |                         <!-- Grupos com permissões de risco -->
1174 |                         <div class="chart-bar-container">
1175 |                             <div class="problema-chart-label" title="Grupos com permissões de risco">Grupos com permissões de risco:</div>
1176 |                             <div class="chart-bar">
1177 |                                 <div class="chart-bar-fill" style="width: 35%; background-color: var(--excessive-permission);">
1178 |                                     <span class="chart-bar-value">7</span>
1179 |                                 </div>
1180 |                             </div>
1181 |                         </div>
1182 |                         
1183 |                         <!-- Quebra de herança desnecessária -->
1184 |                         <div class="chart-bar-container">
1185 |                             <div class="problema-chart-label" title="Quebra de herança desnecessária">Quebra de herança desnecessária:</div>
1186 |                             <div class="chart-bar">
1187 |                                 <div class="chart-bar-fill" style="width: 15%; background-color: var(--inheritance-break);">
1188 |                                     <span class="chart-bar-value">3</span>
1189 |                                 </div>
1190 |                             </div>
1191 |                         </div>
1192 |                     </div>
1193 |                 </div>
1194 |                 <div class="chart-legend">
1195 |                     <div class="legend-item">
1196 |                         <div class="legend-color" style="background-color: var(--user-permission);"></div>
1197 |                         <span>Permissão de usuário direto: 10</span>
1198 |                     </div>
1199 |                     <div class="legend-item">
1200 |                         <div class="legend-color" style="background-color: var(--excessive-permission);"></div>
1201 |                         <span>Grupos com permissões de risco: 7</span>
1202 |                     </div>
1203 |                     <div class="legend-item">
1204 |                         <div class="legend-color" style="background-color: var(--inheritance-break);"></div>
1205 |                         <span>Quebra de herança desnecessária: 3</span>
1206 |                     </div>
1207 |                 </div>
1208 |             </div>
1209 | 
1210 |             <!-- Top 5 Usuários/Grupos com Mais Permissões -->
1211 |             <div class="chart-card">
1212 |                 <div class="chart-header">
1213 |                     <h3 class="chart-title"><i class="fas fa-users"></i> Top 5 Usuários/Grupos com Mais Permissões</h3>
1214 |                     <p class="chart-subtitle">Entidades com maior número de permissões no ambiente</p>
1215 |                 </div>
1216 |                 <div class="chart-body">
1217 |                     <div class="chart-fallback">
1218 |                         <!-- DOMAIN\Administrator -->
1219 |                         <div style="display: flex; align-items: center; margin-bottom: 15px; gap: 10px;">
1220 |                             <div style="width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold; color: var(--text-secondary);">DOMAIN\Administrator</div>
1221 |                             <div style="flex-grow: 1; position: relative; height: 30px;">
1222 |                                 <div style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #d6efff; border-radius: 6px;"></div>
1223 |                                 <div style="position: absolute; left: 0; top: 0; height: 100%; width: 100%; min-width: 40px; background-color: #FF9900; border-radius: 6px; display: flex; align-items: center; justify-content: flex-end; padding: 0 10px; color: white; font-weight: 600; font-size: 14px; z-index: 2;">
1224 |                                     523
1225 |                                 </div>
1226 |                             </div>
1227 |                         </div>
1228 |                         
1229 |                         <!-- BUILTIN\Administradores -->
1230 |                         <div style="display: flex; align-items: center; margin-bottom: 15px; gap: 10px;">
1231 |                             <div style="width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold; color: var(--text-secondary);">BUILTIN\Administradores</div>
1232 |                             <div style="flex-grow: 1; position: relative; height: 30px;">
1233 |                                 <div style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #d6efff; border-radius: 6px;"></div>
1234 |                                 <div style="position: absolute; left: 0; top: 0; height: 100%; width: 91%; min-width: 40px; background-color: #FF9900; border-radius: 6px; display: flex; align-items: center; justify-content: flex-end; padding: 0 10px; color: white; font-weight: 600; font-size: 14px; z-index: 2;">
1235 |                                     478
1236 |                                 </div>
1237 |                             </div>
1238 |                         </div>
1239 |                         
1240 |                         <!-- NT AUTHORITY\SISTEMA -->
1241 |                         <div style="display: flex; align-items: center; margin-bottom: 15px; gap: 10px;">
1242 |                             <div style="width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold; color: var(--text-secondary);">NT AUTHORITY\SISTEMA</div>
1243 |                             <div style="flex-grow: 1; position: relative; height: 30px;">
1244 |                                 <div style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #d6efff; border-radius: 6px;"></div>
1245 |                                 <div style="position: absolute; left: 0; top: 0; height: 100%; width: 79%; min-width: 40px; background-color: #FF0000; border-radius: 6px; display: flex; align-items: center; justify-content: flex-end; padding: 0 10px; color: white; font-weight: 600; font-size: 14px; z-index: 2;">
1246 |                                     412
1247 |                                 </div>
1248 |                             </div>
1249 |                         </div>
1250 |                         
1251 |                         <!-- DOMAIN\G_Finance -->
1252 |                         <div style="display: flex; align-items: center; margin-bottom: 15px; gap: 10px;">
1253 |                             <div style="width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold; color: var(--text-secondary);">DOMAIN\G_Finance</div>
1254 |                             <div style="flex-grow: 1; position: relative; height: 30px;">
1255 |                                 <div style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #d6efff; border-radius: 6px;"></div>
1256 |                                 <div style="position: absolute; left: 0; top: 0; height: 100%; width: 47%; min-width: 40px; background-color: #3366CC; border-radius: 6px; display: flex; align-items: center; justify-content: flex-end; padding: 0 10px; color: white; font-weight: 600; font-size: 14px; z-index: 2;">
1257 |                                     245
1258 |                                 </div>
1259 |                             </div>
1260 |                         </div>
1261 |                         
1262 |                         <!-- DOMAIN\john.doe -->
1263 |                         <div style="display: flex; align-items: center; margin-bottom: 15px; gap: 10px;">
1264 |                             <div style="width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold; color: var(--text-secondary);">DOMAIN\john.doe</div>
1265 |                             <div style="flex-grow: 1; position: relative; height: 30px;">
1266 |                                 <div style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #d6efff; border-radius: 6px;"></div>
1267 |                                 <div style="position: absolute; left: 0; top: 0; height: 100%; width: 36%; min-width: 40px; background-color: #FFCC00; border-radius: 6px; display: flex; align-items: center; justify-content: flex-end; padding: 0 10px; color: white; font-weight: 600; font-size: 14px; z-index: 2;">
1268 |                                     187
1269 |                                 </div>
1270 |                             </div>
1271 |                         </div>
1272 |                     </div>
1273 |                 </div>
1274 |                 <div class="chart-legend">
1275 |                     <div class="legend-item">
1276 |                         <div class="legend-color" style="background-color: #CC0000;"></div>
1277 |                         <span>Conta Especial/Sistema: 0</span>
1278 |                     </div>
1279 |                     <div class="legend-item">
1280 |                         <div class="legend-color" style="background-color: #FF0000;"></div>
1281 |                         <span>Conta do Sistema Operacional: 412</span>
1282 |                     </div>
1283 |                     <div class="legend-item">
1284 |                         <div class="legend-color" style="background-color: #FF9900;"></div>
1285 |                         <span>Grupo administrativo: 1001</span>
1286 |                     </div>
1287 |                     <div class="legend-item">
1288 |                         <div class="legend-color" style="background-color: #3366CC;"></div>
1289 |                         <span>Grupo padrão de usuários: 245</span>
1290 |                     </div>
1291 |                     <div class="legend-item">
1292 |                         <div class="legend-color" style="background-color: #FFCC00;"></div>
1293 |                         <span>Usuário específico: 187</span>
1294 |                     </div>
1295 |                 </div>
1296 |             </div>
1297 |         </div>
1298 |         
1299 |         <!-- SEÇÃO: Pontuação de Risco e Distribuição de Severidade -->
1300 |         <div class="chart-card" style="margin-bottom: 24px;">
1301 |             <div class="chart-header" style="background: linear-gradient(to right, rgba(0, 120, 212, 0.08), transparent);">
1302 |                 <div style="display: flex; gap: 10px; align-items: center;">
1303 |                     <div style="width: 28px; height: 28px; border-radius: 8px; background-color: rgba(0, 120, 212, 0.1); display: flex; align-items: center; justify-content: center;">
1304 |                         <i class="fas fa-chart-pie" style="color: var(--primary);"></i>
1305 |                     </div>
1306 |                     <div>
1307 |                         <h3 class="chart-title">Pontuação de Risco e Distribuição de Severidade</h3>
1308 |                         <p class="chart-subtitle">Análise detalhada da severidade dos problemas de segurança</p>
1309 |                     </div>
1310 |                 </div>
1311 |             </div>
1312 |             
1313 |             <div class="chart-body" style="height: auto; padding: 0;">
1314 |                 <div class="risk-content">
1315 |                     <!-- Seção de Pontuação de Risco -->
1316 |                     <div class="risk-score-section">
1317 |                         <div class="risk-score-container">
1318 |                             <div class="risk-score" style="color: #e53e3e;">53</div>
1319 |                             <div class="risk-score-label" style="color: #e53e3e;">Alto Risco</div>
1320 |                             <div class="risk-score-sublabel">Índice de Risco Geral</div>
1321 |                         </div>
1322 |                         
1323 |                         <div class="risk-explanation">
1324 |                             <p>Este valor representa a porcentagem de permissões com problemas de segurança.</p>
1325 |                             <div class="formula">
1326 |                                 Índice = (Problemas ÷ Permissões) × 100
1327 |                             </div>
1328 |                             
1329 |                             <!-- Níveis de risco em uma linha -->
1330 |                             <div class="risk-ranges">
1331 |                                 <div class="risk-range baixo">
1332 |                                     <div class="risk-range-title">Baixo</div>
1333 |                                     <div class="risk-range-values">0-25</div>
1334 |                                 </div>
1335 |                                 <div class="risk-range moderado">
1336 |                                     <div class="risk-range-title">Moderado</div>
1337 |                                     <div class="risk-range-values">26-50</div>
1338 |                                 </div>
1339 |                                 <div class="risk-range alto">
1340 |                                     <div class="risk-range-title">Alto</div>
1341 |                                     <div class="risk-range-values">51-75</div>
1342 |                                 </div>
1343 |                                 <div class="risk-range critico">
1344 |                                     <div class="risk-range-title">Crítico</div>
1345 |                                     <div class="risk-range-values">76-100</div>
1346 |                                 </div>
1347 |                             </div>
1348 |                         </div>
1349 |                     </div>
1350 |                     
1351 |                     <!-- Seção de Distribuição de Severidade -->
1352 |                     <div class="severity-distribution">
1353 |                         <div class="distribution-title">Distribuição de Severidade</div>
1354 |                         <div class="chart-fallback">
1355 |                             <!-- Alto Impacto -->
1356 |                             <div class="chart-group">
1357 |                                 <div class="chart-bar-container">
1358 |                                     <div class="chart-label">Alto Impacto:</div>
1359 |                                     <div class="chart-bar">
1360 |                                         <div class="chart-bar-fill" style="width: 50%; background-color: var(--high);">
1361 |                                             <span class="chart-bar-value">10 <small>(50%)</small></span>
1362 |                                         </div>
1363 |                                     </div>
1364 |                                 </div>
1365 |                                 <div class="bar-description">Acesso direto e permissões excessivas</div>
1366 |                             </div>
1367 |                             
1368 |                             <!-- Médio Impacto -->
1369 |                             <div class="chart-group">
1370 |                                 <div class="chart-bar-container">
1371 |                                     <div class="chart-label">Médio Impacto:</div>
1372 |                                     <div class="chart-bar">
1373 |                                         <div class="chart-bar-fill" style="width: 35%; background-color: var(--medium);">
1374 |                                             <span class="chart-bar-value">7 <small>(35%)</small></span>
1375 |                                         </div>
1376 |                                     </div>
1377 |                                 </div>
1378 |                                 <div class="bar-description">Configurações de risco moderado</div>
1379 |                             </div>
1380 |                             
1381 |                             <!-- Baixo Impacto -->
1382 |                             <div class="chart-group">
1383 |                                 <div class="chart-bar-container">
1384 |                                     <div class="chart-label">Baixo Impacto:</div>
1385 |                                     <div class="chart-bar">
1386 |                                         <div class="chart-bar-fill" style="width: 15%; background-color: var(--low);">
1387 |                                             <span class="chart-bar-value">3 <small>(15%)</small></span>
1388 |                                         </div>
1389 |                                     </div>
1390 |                                 </div>
1391 |                                 <div class="bar-description">Questões de otimização</div>
1392 |                             </div>
1393 |                         </div>
1394 |                     </div>
1395 |                 </div>
1396 |             </div>
1397 |             
1398 |             <!-- Legenda -->
1399 |             <div class="chart-legend">
1400 |                 <div class="legend-item">
1401 |                     <div class="legend-color" style="background-color: var(--high);"></div>
1402 |                     <span>Alto Impacto: 10 (50%)</span>
1403 |                 </div>
1404 |                 <div class="legend-item">
1405 |                     <div class="legend-color" style="background-color: var(--medium);"></div>
1406 |                     <span>Médio Impacto: 7 (35%)</span>
1407 |                 </div>
1408 |                 <div class="legend-item">
1409 |                     <div class="legend-color" style="background-color: var(--low);"></div>
1410 |                     <span>Baixo Impacto: 3 (15%)</span>
1411 |                 </div>
1412 |             </div>
1413 |         </div>
1414 |         
1415 |         <!-- SEÇÃO: Insights sobre Configurações de Acesso Seguras -->
1416 |         <div class="chart-card" style="margin-bottom: 24px;">
1417 |             <div class="chart-header">
1418 |                 <h3 class="chart-title"><i class="fas fa-lightbulb"></i> Insights de Segurança e Recomendações</h3>
1419 |                 <p class="chart-subtitle">Análise das configurações atuais e sugestões para melhoria</p>
1420 |             </div>
1421 |             <div class="chart-body" style="height: auto; padding: 0;">
1422 |                 <div style="padding: 20px;">
1423 |                     <h4 style="font-size: 18px; margin-bottom: 16px; color: var(--primary);">Recomendações Personalizadas</h4>
1424 |                     
1425 |                     <div id="insights-container">
1426 |                         <!-- Insight 1: Alta Prioridade -->
1427 |                         <div style="display: flex; gap: 15px; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: rgba(229, 62, 62, 0.05); border-left: 4px solid var(--high); box-shadow: var(--shadow-sm);">
1428 |                             <div style="min-width: 36px; min-height: 36px; border-radius: 50%; background-color: rgba(229, 62, 62, 0.1); color: var(--high); display: flex; align-items: center; justify-content: center;">
1429 |                                 <i class="fas fa-user-shield"></i>
1430 |                             </div>
1431 |                             <div>
1432 |                                 <h5 style="font-size: 16px; margin-bottom: 5px; font-weight: 600; color: var(--high);">Revisar permissões de usuário direto</h5>
1433 |                                 <p style="font-size: 14px; color: var(--text-secondary); margin: 0;">Foram encontradas 10 instâncias de permissões atribuídas diretamente a usuários. Recomendamos substituir por grupos para facilitar a gestão.</p>
1434 |                             </div>
1435 |                         </div>
1436 |                         
1437 |                         <!-- Insight 2: Média Prioridade -->
1438 |                         <div style="display: flex; gap: 15px; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: rgba(246, 173, 85, 0.05); border-left: 4px solid var(--medium); box-shadow: var(--shadow-sm);">
1439 |                             <div style="min-width: 36px; min-height: 36px; border-radius: 50%; background-color: rgba(246, 173, 85, 0.1); color: var(--medium); display: flex; align-items: center; justify-content: center;">
1440 |                                 <i class="fas fa-users-cog"></i>
1441 |                             </div>
1442 |                             <div>
1443 |                                 <h5 style="font-size: 16px; margin-bottom: 5px; font-weight: 600; color: var(--medium);">Reduzir permissões excessivas em grupos</h5>
1444 |                                 <p style="font-size: 14px; color: var(--text-secondary); margin: 0;">7 grupos possuem permissões de controle total desnecessárias. Aplique o princípio do menor privilégio.</p>
1445 |                             </div>
1446 |                         </div>
1447 |                         
1448 |                         <!-- Insight 3: Baixa Prioridade -->
1449 |                         <div style="display: flex; gap: 15px; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: rgba(56, 161, 105, 0.05); border-left: 4px solid var(--low); box-shadow: var(--shadow-sm);">
1450 |                             <div style="min-width: 36px; min-height: 36px; border-radius: 50%; background-color: rgba(56, 161, 105, 0.1); color: var(--low); display: flex; align-items: center; justify-content: center;">
1451 |                                 <i class="fas fa-sitemap"></i>
1452 |                             </div>
1453 |                             <div>
1454 |                                 <h5 style="font-size: 16px; margin-bottom: 5px; font-weight: 600; color: var(--low);">Simplificar estrutura de permissões</h5>
1455 |                                 <p style="font-size: 14px; color: var(--text-secondary); margin: 0;">Existem 3 pastas com quebra de herança que podem ser simplificadas para melhorar a gestão e visibilidade.</p>
1456 |                             </div>
1457 |                         </div>
1458 |                         
1459 |                         <!-- Insight 4: Informativo -->
1460 |                         <div style="display: flex; gap: 15px; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: rgba(0, 120, 212, 0.05); border-left: 4px solid var(--primary); box-shadow: var(--shadow-sm);">
1461 |                             <div style="min-width: 36px; min-height: 36px; border-radius: 50%; background-color: rgba(0, 120, 212, 0.1); color: var(--primary); display: flex; align-items: center; justify-content: center;">
1462 |                                 <i class="fas fa-project-diagram"></i>
1463 |                             </div>
1464 |                             <div>
1465 |                                 <h5 style="font-size: 16px; margin-bottom: 5px; font-weight: 600; color: var(--primary);">Implementar modelo AGDLP para permissões</h5>
1466 |                                 <p style="font-size: 14px; color: var(--text-secondary); margin: 0;">Adote o modelo AGDLP (Account, Global, Domain Local, Permission) para organizar permissões de forma hierárquica e gerenciável.</p>
1467 |                             </div>
1468 |                         </div>
1469 |                     </div>
1470 |                 </div>
1471 |             </div>
1472 |         </div>
1473 |         
1474 |         <!-- Todos os Problemas -->
1475 |         <div class="table-section">
1476 |             <div class="table-header">
1477 |                 <div>
1478 |                     <h3 class="table-title"><i class="fas fa-exclamation-triangle"></i> Todos os Problemas</h3>
1479 |                     <p class="table-subtitle">Lista completa de problemas de segurança detectados</p>
1480 |                 </div>
1481 |             </div>
1482 |             
1483 |             <!-- Filtros -->
1484 |             <div class="filter-section">
1485 |                 <div class="filter-field">
1486 |                     <label class="filter-label">Severidade</label>
1487 |                     <select class="filter-select" id="severityFilter">
1488 |                         <option value="">Todas</option>
1489 |                         <option value="Alta">Alta</option>
1490 |                         <option value="Média">Média</option>
1491 |                         <option value="Baixa">Baixa</option>
1492 |                     </select>
1493 |                 </div>
1494 |                 
1495 |                 <div class="filter-field">
1496 |                     <label class="filter-label">Tipo</label>
1497 |                     <select class="filter-select" id="typeFilter">
1498 |                         <option value="">Todos</option>
1499 |                         <option value="Usuário direto">Usuário direto</option>
1500 |                         <option value="Grupos com permissões de risco">Grupos com permissões de risco</option>
1501 |                         <option value="Quebra de herança desnecessária">Quebra de herança desnecessária</option>
1502 |                     </select>
1503 |                 </div>
1504 |                 
1505 |                 <div class="filter-field">
1506 |                     <label class="filter-label">Pasta</label>
1507 |                     <select class="filter-select" id="folderFilter">
1508 |                         <option value="">Todas</option>
1509 |                         <option>\\192.168.1.250\dados\Empresa\Financas</option>
1510 |                         <option>\\192.168.1.250\dados\Empresa\RH</option>
1511 |                         <option>\\192.168.1.250\dados\Empresa\Marketing</option>
1512 |                         <option>\\192.168.1.250\dados\Empresa\Projetos\2023</option>
1513 |                         <option>\\192.168.1.250\dados\Empresa\Projetos\2024</option>
1514 |                         <option>\\192.168.1.250\dados\Shared\Public</option>
1515 |                         <option>\\192.168.1.250\dados\Shared\Templates</option>
1516 |                     </select>
1517 |                 </div>
1518 |                 
1519 |                 <div class="filter-field">
1520 |                     <label class="filter-label">Entidade</label>
1521 |                     <select class="filter-select" id="entityFilter">
1522 |                         <option value="">Todas</option>
1523 |                         <option>DOMAIN\john.doe</option>
1524 |                         <option>DOMAIN\jane.smith</option>
1525 |                         <option>DOMAIN\G_Finance</option>
1526 |                         <option>DOMAIN\G_HR</option>
1527 |                         <option>BUILTIN\Administradores</option>
1528 |                         <option>NT AUTHORITY\SISTEMA</option>
1529 |                     </select>
1530 |                 </div>
1531 |             </div>
1532 |             
1533 |             <div style="display: flex; justify-content: space-between; align-items: center; padding: 0 1.5rem; margin-bottom: 0.5rem; border-bottom: 1px solid #e9ecef; padding-bottom: 0.5rem;">
1534 |                 <div style="display: flex; gap: 15px;">
1535 |                     <button class="filter-apply" id="applyFilters">
1536 |                         <i class="fas fa-filter"></i> Aplicar Filtros
1537 |                     </button>
1538 |                     <button class="filter-clear" id="resetFilters">
1539 |                         <i class="fas fa-undo"></i> Limpar
1540 |                     </button>
1541 |                 </div>
1542 |                 <div style="display: flex; align-items: center; gap: 15px;">
1543 |                     <div class="entries-per-page" style="white-space: nowrap; display: flex; align-items: center; gap: 8px;">
1544 |                         <label>Mostrar</label>
1545 |                         <select class="entries-select" id="entriesPerPage">
1546 |                             <option value="10">10</option>
1547 |                             <option value="25">25</option>
1548 |                             <option value="50">50</option>
1549 |                             <option value="100">100</option>
1550 |                         </select>
1551 |                         <span>registros</span>
1552 |                     </div>
1553 |                     <div class="table-search">
1554 |                         <i class="fas fa-search table-search-icon"></i>
1555 |                         <input type="text" id="searchInput" placeholder="Buscar problemas..." class="table-search-input">
1556 |                     </div>
1557 |                 </div>
1558 |             </div>
1559 |             
1560 |             <div class="table-body">
1561 |                 <table class="security-table" id="problemsTable">
1562 |                     <thead>
1563 |                         <tr>
1564 |                             <th>Severidade</th>
1565 |                             <th>Tipo</th>
1566 |                             <th>Pasta</th>
1567 |                             <th>Entidade</th>
1568 |                             <th>Permissão</th>
1569 |                             <th>Recomendação</th>
1570 |                         </tr>
1571 |                     </thead>
1572 |                     <tbody id="tableBody">
1573 |                         <!-- Linha 1 -->
1574 |                         <tr>
1575 |                             <td>
1576 |                                 <span class="severity-badge badge-high">
1577 |                                     <i class="fas fa-exclamation-circle"></i> Alta
1578 |                                 </span>
1579 |                             </td>
1580 |                             <td>
1581 |                                 <span class="problem-badge badge-loose-user">
1582 |                                     <i class="fas fa-user"></i> Usuário direto
1583 |                                 </span>
1584 |                             </td>
1585 |                             <td>\\192.168.1.250\dados\Empresa\Financas</td>
1586 |                             <td>DOMAIN\john.doe</td>
1587 |                             <td>
1588 |                                 <span class="problem-badge badge-high" style="padding: 3px 8px; font-size: 11px;">
1589 |                                     <i class="fas fa-exclamation-circle"></i> FullControl
1590 |                                 </span>
1591 |                             </td>
1592 |                             <td>Substituir por permissão de grupo</td>
1593 |                         </tr>
1594 |                         
1595 |                         <!-- Linha 2 -->
1596 |                         <tr>
1597 |                             <td>
1598 |                                 <span class="severity-badge badge-high">
1599 |                                     <i class="fas fa-exclamation-circle"></i> Alta
1600 |                                 </span>
1601 |                             </td>
1602 |                             <td>
1603 |                                 <span class="problem-badge badge-loose-user">
1604 |                                     <i class="fas fa-user"></i> Usuário direto
1605 |                                 </span>
1606 |                             </td>
1607 |                             <td>\\192.168.1.250\dados\Empresa\RH</td>
1608 |                             <td>DOMAIN\jane.smith</td>
1609 |                             <td>
1610 |                                 <span class="problem-badge badge-high" style="padding: 3px 8px; font-size: 11px;">
1611 |                                     <i class="fas fa-exclamation-circle"></i> FullControl
1612 |                                 </span>
1613 |                             </td>
1614 |                             <td>Substituir por permissão de grupo</td>
1615 |                         </tr>
1616 |                         
1617 |                         <!-- Linha 3 -->
1618 |                         <tr>
1619 |                             <td>
1620 |                                 <span class="severity-badge badge-medium">
1621 |                                     <i class="fas fa-exclamation-circle"></i> Média
1622 |                                 </span>
1623 |                             </td>
1624 |                             <td>
1625 |                                 <span class="problem-badge badge-excessive">
1626 |                                     <i class="fas fa-exclamation-triangle"></i> Grupos com permissões de risco
1627 |                                 </span>
1628 |                             </td>
1629 |                             <td>\\192.168.1.250\dados\Empresa\Marketing</td>
1630 |                             <td>DOMAIN\G_Marketing</td>
1631 |                             <td>
1632 |                                 <span class="problem-badge badge-high" style="padding: 3px 8px; font-size: 11px;">
1633 |                                     <i class="fas fa-exclamation-circle"></i> FullControl
1634 |                                 </span>
1635 |                             </td>
1636 |                             <td>Reduzir para permissões mínimas necessárias</td>
1637 |                         </tr>
1638 |                         
1639 |                         <!-- Linha 4 -->
1640 |                         <tr>
1641 |                             <td>
1642 |                                 <span class="severity-badge badge-medium">
1643 |                                     <i class="fas fa-exclamation-circle"></i> Média
1644 |                                 </span>
1645 |                             </td>
1646 |                             <td>
1647 |                                 <span class="problem-badge badge-excessive">
1648 |                                     <i class="fas fa-exclamation-triangle"></i> Grupos com permissões de risco
1649 |                                 </span>
1650 |                             </td>
1651 |                             <td>\\192.168.1.250\dados\Empresa\Projetos\2023</td>
1652 |                             <td>DOMAIN\G_ProjectManagers</td>
1653 |                             <td>
1654 |                                 <span class="problem-badge badge-high" style="padding: 3px 8px; font-size: 11px;">
1655 |                                     <i class="fas fa-exclamation-circle"></i> FullControl
1656 |                                 </span>
1657 |                             </td>
1658 |                             <td>Reduzir para permissões mínimas necessárias</td>
1659 |                         </tr>
1660 |                         
1661 |                         <!-- Linha 5 -->
1662 |                         <tr>
1663 |                             <td>
1664 |                                 <span class="severity-badge badge-low">
1665 |                                     <i class="fas fa-exclamation-circle"></i> Baixa
1666 |                                 </span>
1667 |                             </td>
1668 |                             <td>
1669 |                                 <span class="problem-badge badge-inheritance">
1670 |                                     <i class="fas fa-unlink"></i> Quebra de herança desnecessária
1671 |                                 </span>
1672 |                             </td>
1673 |                             <td>\\192.168.1.250\dados\Shared\Public</td>
1674 |                             <td>N/A</td>
1675 |                             <td>N/A</td>
1676 |                             <td>Restaurar herança de permissões</td>
1677 |                         </tr>
1678 |                         
1679 |                         <!-- Linha 6 -->
1680 |                         <tr>
1681 |                             <td>
1682 |                                 <span class="severity-badge badge-high">
1683 |                                     <i class="fas fa-exclamation-circle"></i> Alta
1684 |                                 </span>
1685 |                             </td>
1686 |                             <td>
1687 |                                 <span class="problem-badge badge-loose-user">
1688 |                                     <i class="fas fa-user"></i> Usuário direto
1689 |                                 </span>
1690 |                             </td>
1691 |                             <td>\\192.168.1.250\dados\Empresa\Projetos\2024</td>
1692 |                             <td>DOMAIN\robert.johnson</td>
1693 |                             <td>Modify</td>
1694 |                             <td>Substituir por permissão de grupo</td>
1695 |                         </tr>
1696 |                         
1697 |                         <!-- Linha 7 -->
1698 |                         <tr>
1699 |                             <td>
1700 |                                 <span class="severity-badge badge-medium">
1701 |                                     <i class="fas fa-exclamation-circle"></i> Média
1702 |                                 </span>
1703 |                             </td>
1704 |                             <td>
1705 |                                 <span class="problem-badge badge-excessive">
1706 |                                     <i class="fas fa-exclamation-triangle"></i> Grupos com permissões de risco
1707 |                                 </span>
1708 |                             </td>
1709 |                             <td>\\192.168.1.250\dados\Shared\Templates</td>
1710 |                             <td>DOMAIN\G_Developers</td>
1711 |                             <td>
1712 |                                 <span class="problem-badge badge-high" style="padding: 3px 8px; font-size: 11px;">
1713 |                                     <i class="fas fa-exclamation-circle"></i> FullControl
1714 |                                 </span>
1715 |                             </td>
1716 |                             <td>Reduzir para permissões mínimas necessárias</td>
1717 |                         </tr>
1718 |                         
1719 |                         <!-- Linha 8 -->
1720 |                         <tr>
1721 |                             <td>
1722 |                                 <span class="severity-badge badge-low">
1723 |                                     <i class="fas fa-exclamation-circle"></i> Baixa
1724 |                                 </span>
1725 |                             </td>
1726 |                             <td>
1727 |                                 <span class="problem-badge badge-inheritance">
1728 |                                     <i class="fas fa-unlink"></i> Quebra de herança desnecessária
1729 |                                 </span>
1730 |                             </td>
1731 |                             <td>\\192.168.1.250\dados\Empresa\RH</td>
1732 |                             <td>N/A</td>
1733 |                             <td>N/A</td>
1734 |                             <td>Restaurar herança de permissões</td>
1735 |                         </tr>
1736 |                         
1737 |                         <!-- Linha 9 -->
1738 |                         <tr>
1739 |                             <td>
1740 |                                 <span class="severity-badge badge-high">
1741 |                                     <i class="fas fa-exclamation-circle"></i> Alta
1742 |                                 </span>
1743 |                             </td>
1744 |                             <td>
1745 |                                 <span class="problem-badge badge-loose-user">
1746 |                                     <i class="fas fa-user"></i> Usuário direto
1747 |                                 </span>
1748 |                             </td>
1749 |                             <td>\\192.168.1.250\dados\Empresa\Marketing</td>
1750 |                             <td>DOMAIN\sarah.williams</td>
1751 |                             <td>ReadAndExecute, Write</td>
1752 |                             <td>Substituir por permissão de grupo</td>
1753 |                         </tr>
1754 |                         
1755 |                         <!-- Linha 10 -->
1756 |                         <tr>
1757 |                             <td>
1758 |                                 <span class="severity-badge badge-medium">
1759 |                                     <i class="fas fa-exclamation-circle"></i> Média
1760 |                                 </span>
1761 |                             </td>
1762 |                             <td>
1763 |                                 <span class="problem-badge badge-excessive">
1764 |                                     <i class="fas fa-exclamation-triangle"></i> Grupos com permissões de risco
1765 |                                 </span>
1766 |                             </td>
1767 |                             <td>\\192.168.1.250\dados\Empresa\Financas</td>
1768 |                             <td>DOMAIN\G_Finance</td>
1769 |                             <td>
1770 |                                 <span class="problem-badge badge-high" style="padding: 3px 8px; font-size: 11px;">
1771 |                                     <i class="fas fa-exclamation-circle"></i> FullControl
1772 |                                 </span>
1773 |                             </td>
1774 |                             <td>Reduzir para permissões mínimas necessárias</td>
1775 |                         </tr>
1776 |                     </tbody>
1777 |                 </table>
1778 |             </div>
1779 |             
1780 |             <div class="pagination-container">
1781 |                 <div class="pagination-info" id="tableInfo">
1782 |                     Mostrando 1 a 10 de 20 registros
1783 |                 </div>
1784 |                 <div class="pagination" id="pagination">
1785 |                     <button class="pagination-button disabled" id="prevPage"><i class="fas fa-chevron-left"></i></button>
1786 |                     <button class="pagination-button active" onclick="goToPage(1)">1</button>
1787 |                     <button class="pagination-button" onclick="goToPage(2)">2</button>
1788 |                     <button class="pagination-button" id="nextPage"><i class="fas fa-chevron-right"></i></button>
1789 |                 </div>
1790 |             </div>
1791 |         </div>
1792 |         
1793 |         <!-- Footer -->
1794 |         <div class="footer">
1795 |             <p><span class="dashboard-title">Security Permissions Dashboard</span> | Gerado em 07/04/2025 | Desenvolvido por Mathews Buzetti</p>
1796 |         </div>
1797 |     </div>
1798 | 
1799 |     <script>
1800 |         // Dados de problemas para a demonstração
1801 |         const allProblems = [
1802 |             // Página 1 (já exibida na tabela HTML)
1803 |             // Esses 10 já estão no HTML
1804 |             
1805 |             // Página 2 - registros adicionais
1806 |             {
1807 |                 severity: "Alta",
1808 |                 type: "Usuário direto",
1809 |                 folderPath: "\\\\192.168.1.250\\dados\\Empresa\\Projetos\\2022",
1810 |                 identity: "DOMAIN\\michael.johnson",
1811 |                 permission: "FullControl",
1812 |                 recommendation: "Substituir por permissão de grupo",
1813 |                 hasFullControl: true
1814 |             },
1815 |             {
1816 |                 severity: "Alta",
1817 |                 type: "Usuário direto",
1818 |                 folderPath: "\\\\192.168.1.250\\dados\\Empresa\\Financas\\Reports",
1819 |                 identity: "DOMAIN\\maria.silva",
1820 |                 permission: "FullControl",
1821 |                 recommendation: "Substituir por permissão de grupo",
1822 |                 hasFullControl: true
1823 |             },
1824 |             {
1825 |                 severity: "Média",
1826 |                 type: "Grupos com permissões de risco",
1827 |                 folderPath: "\\\\192.168.1.250\\dados\\Empresa\\IT",
1828 |                 identity: "DOMAIN\\G_TechSupport",
1829 |                 permission: "FullControl",
1830 |                 recommendation: "Reduzir para permissões mínimas necessárias",
1831 |                 hasFullControl: true
1832 |             },
1833 |             {
1834 |                 severity: "Baixa",
1835 |                 type: "Quebra de herança desnecessária",
1836 |                 folderPath: "\\\\192.168.1.250\\dados\\Shared\\Templates\\2023",
1837 |                 identity: "N/A",
1838 |                 permission: "N/A",
1839 |                 recommendation: "Restaurar herança de permissões",
1840 |                 hasFullControl: false
1841 |             },
1842 |             {
1843 |                 severity: "Alta",
1844 |                 type: "Usuário direto",
1845 |                 folderPath: "\\\\192.168.1.250\\dados\\Empresa\\Projetos",
1846 |                 identity: "DOMAIN\\pedro.alves",
1847 |                 permission: "Modify",
1848 |                 recommendation: "Substituir por permissão de grupo",
1849 |                 hasFullControl: false
1850 |             },
1851 |             {
1852 |                 severity: "Alta",
1853 |                 type: "Usuário direto",
1854 |                 folderPath: "\\\\192.168.1.250\\dados\\Empresa\\RH\\Recruitment",
1855 |                 identity: "DOMAIN\\julia.costa",
1856 |                 permission: "FullControl",
1857 |                 recommendation: "Substituir por permissão de grupo",
1858 |                 hasFullControl: true
1859 |             },
1860 |             {
1861 |                 severity: "Média",
1862 |                 type: "Grupos com permissões de risco",
1863 |                 folderPath: "\\\\192.168.1.250\\dados\\Empresa\\Marketing\\Campaigns",
1864 |                 identity: "DOMAIN\\G_MarketingExt",
1865 |                 permission: "FullControl",
1866 |                 recommendation: "Reduzir para permissões mínimas necessárias",
1867 |                 hasFullControl: true
1868 |             },
1869 |             {
1870 |                 severity: "Alta",
1871 |                 type: "Usuário direto",
1872 |                 folderPath: "\\\\192.168.1.250\\dados\\Empresa\\Legal",
1873 |                 identity: "DOMAIN\\carlos.mendes",
1874 |                 permission: "FullControl",
1875 |                 recommendation: "Substituir por permissão de grupo",
1876 |                 hasFullControl: true
1877 |             },
1878 |             {
1879 |                 severity: "Média",
1880 |                 type: "Grupos com permissões de risco",
1881 |                 folderPath: "\\\\192.168.1.250\\dados\\Shared\\Common",
1882 |                 identity: "DOMAIN\\G_AllUsers",
1883 |                 permission: "FullControl",
1884 |                 recommendation: "Reduzir para permissões mínimas necessárias",
1885 |                 hasFullControl: true
1886 |             },
1887 |             {
1888 |                 severity: "Baixa",
1889 |                 type: "Quebra de herança desnecessária",
1890 |                 folderPath: "\\\\192.168.1.250\\dados\\Empresa\\IT\\Network",
1891 |                 identity: "N/A",
1892 |                 permission: "N/A",
1893 |                 recommendation: "Restaurar herança de permissões",
1894 |                 hasFullControl: false
1895 |             }
1896 |         ];
1897 |         
1898 |         // Variáveis para controle de estado
1899 |         const entriesPerPage = 10;
1900 |         let currentPage = 1;
1901 |         let filteredProblems = [...allProblems];
1902 |         
1903 |         // Funções de paginação
1904 |         function goToPage(page) {
1905 |             if (page < 1 || page > Math.ceil(filteredProblems.length / entriesPerPage)) {
1906 |                 return;
1907 |             }
1908 |             
1909 |             currentPage = page;
1910 |             displayPage();
1911 |             updatePaginationButtons();
1912 |         }
1913 |         
1914 |         function displayPage() {
1915 |             // Atualize apenas os botões de página sem recarregar toda a tabela
1916 |             document.querySelectorAll("#pagination button").forEach(button => {
1917 |                 if (button.textContent === String(currentPage)) {
1918 |                     button.classList.add("active");
1919 |                 } else if (button.id !== "prevPage" && button.id !== "nextPage") {
1920 |                     button.classList.remove("active");
1921 |                 }
1922 |             });
1923 |             
1924 |             // Atualizar informações da tabela
1925 |             const startIndex = (currentPage - 1) * entriesPerPage + 1;
1926 |             const endIndex = Math.min(currentPage * entriesPerPage, filteredProblems.length);
1927 |             document.getElementById("tableInfo").textContent = `Mostrando ${startIndex} a ${endIndex} de ${filteredProblems.length} registros`;
1928 |             
1929 |             // Se estamos na página 2, carregue os dados da tabela com os registros adicionais
1930 |             if (currentPage === 2) {
1931 |                 loadPage2Data();
1932 |             } else {
1933 |                 loadPage1Data();
1934 |             }
1935 |         }
1936 |         
1937 |         function updatePaginationButtons() {
1938 |             const prev
1939 | 


--------------------------------------------------------------------------------