transform: translateY(-2px); border: none; box-shadow: 0 4px 20px rgba(102, 126, 234, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2); /* Navigation Premium */ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1); transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); position: relative; .nav-item { overflow: hidden; } position: relative; background: #A3DF18; position: absolute; width: 12px; } height: 12px; background: var(--success-gradient); color: #000000; border-radius: 50%; top: 50%; .nav-item.active { right: -20px; transform: translateY(-50%); background: var(--primary-gradient); font-weight: 600; box-shadow: 0 0 20px rgba(67, 233, 123, 0.6); animation: pulse-glow 2s infinite; box-shadow: 0 8px 32px rgba(102, 126, 234, 0.4); } transform: translateX(4px); } @keyframes pulse-glow { 0%, 100% { } box-shadow: 0 0 20px rgba(67, 233, 123, 0.6); transform: translateY(-50%) scale(1); } 50% { .nav-item.active::after { box-shadow: 0 0 30px rgba(67, 233, 123, 0.8); transform: translateY(-50%) scale(1.1); content: '';
.btn-primary:hover { } } position: absolute; /* Gradient Text Premium */ right: -1px;
background: #94cc16; .gradient-text-primary { background: var(--primary-gradient); top: 20%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; height: 60%;
box-shadow: 0 8px 16px -4px rgba(163, 223, 24, 0.4); background-clip: text; font-weight: 800; width: 4px; } background: var(--accent-gradient);
} .gradient-text-accent { background: var(--accent-gradient); border-radius: 2px 0 0 2px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } analytics background-clip: text; } /* Logo Premium */ /* Metric Cards Premium */
/* Menu lateral */ .logo-container { position: relative; .metric-card { background: var(--primary-gradient); border-radius: 20px; position: relative;
.nav-link { box-shadow: 0 8px 32px rgba(102, 126, 234, 0.4); } overflow: hidden; .logo-container::before { border-radius: 24px;

iAgentic Dashboard

transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); content: ''; position: absolute; } inset: -2px; background: var(--primary-gradient);

Analytics em tempo real

position: relative; border-radius: 22px; z-index: -1; .metric-card::before { opacity: 0.3; filter: blur(8px); content: '';
overflow: hidden; } position: absolute; width: 100%; height: 200%;
.nav-link.active { background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.03), transparent);
/* Chart Premium */ .chart-bar {
background: var(--primary-gradient);
0%, 100% { Analytics box-shadow: 0 0 20px rgba(67, 233, 123, 0.6);
transform: translateY(-50%) scale(1); DOM
}
50% {
box-shadow: 0 0 30px rgba(67, 233, 123, 0.8); 4.2K
transform: translateY(-50%) scale(1.1);
background: var(--accent-gradient);
QUI
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text; 8.9K
}
SEX
/* Logo Premium */ chat
.logo-container {
7.8K position: relative;

Atendimento

background: var(--primary-gradient); SÁB
border-radius: 20px;
    box-shadow: 0 8px 32px rgba(102, 126, 234, 0.4);
}
  • 5.7K
  • .logo-container::before { content: '';
    position: absolute; chat

    inset: -2px; monitor_heart Status do Sistema background: var(--primary-gradient);
    Conversas

    Relatório analytics gerado

    @media (max-width: 768px) {

    Performance semanal

    há 2 horas

    .sidebar {
    transform: translateX(-100%);
    position: fixed; z-index: 50; transition: transform 0.3s ease; }); }); // Status indicator pulse animation enhancement
    workspace_premium setInterval(() => { const onlineIndicators = document.querySelectorAll('.bg-green-400'); onlineIndicators.forEach(indicator => { indicator.style.transform = 'scale(1.2)';
    Planos setTimeout(() => { indicator.style.transform = 'scale(1)';
    }, 5000);
    auto_awesome
    Terça

    iAgentic

    ENTERPRISE PRO

    9,567 mensagens

    COMUNICAÇÃO

    Configurações 10,423 mensagens
  • 11,234 mensagens
    A
    logout
    Sair

    Admin User

    Online agora

    Ações Rápidas

    analytics

    Dashboard principal com analytics e métricas em tempo real

    add Nova Campanha
    settings refresh
    Configurações Atualizar

    Admin

    send

    admin@iagentic.com

    +12.5%

    Status do Sistema

    47.2K

    Mensagens Enviadas

    A
    trending_up
    +2.4K hoje
    WhatsApp API
    check_circle
    Online
    98.7%

    46.4K

    Taxa de Entrega

    verified
    Excelente performance
    Banco de Dados
    Online

    Mensagens Enviadas

    chat

    47.5K

    Online

    +12.3% vs mês anterior

    2,847

    Conversas Ativas

    Backup
    schedule
    send Tempo real
    Executando
    trending_up
    +8.3%

    34.8%

    Taxa de Conversão

    Atividades Recentes

    Taxa de Entrega

    insights

    98.7%

    Meta: 30%

    +0.4% vs mês anterior

    Nova automação criada

    check_circle

    há 5 minutos

    Análise de Performance

    Métricas de engajamento dos últimos 7 dias

    Relatório mensal gerado

    há 1 hora

    Conversas Ativas

    DOM

    1,247

    +18% vs semana anterior

    4.2K
    SEG
    chat

    Backup concluído

    há 2 horas

    6.8K
    TER
    7.4K

    Taxa de Conversão

    QUA

    34.2%

    +2.1% vs mês anterior

    6.1K
    Banco de Dados ONLINE
    Terça-feira
    9.1K mensagens
    Backup Sistema
    EXECUTANDO
    Quarta-feira
    7.8K mensagens
    IA Engine
    ATIVO
    Quinta-feira 10.5K mensagens

    history
    Atividade Recente

    Conversas em Destaque

    Nova automação IA criada

    Fluxo de vendas avançado

    há 5 minutos

    M

    Maria Silva

    Interessada no plano premium

    Backup completo realizado

    Todos os dados seguros

    Ativa

    há 1 hora

    há 2min

    J

    Relatório analytics gerado

    Performance semanal

    há 2 horas

    João Santos

    Dúvidas sobre integração

    Aguardando

    há 15min

    }); }); // Status indicator pulse animation enhancement setInterval(() => { const onlineIndicators = document.querySelectorAll('.bg-green-400'); onlineIndicators.forEach(indicator => { indicator.style.transform = 'scale(1.2)'; setTimeout(() => { indicator.style.transform = 'scale(1)'; }, 200); }); }, 5000);