/* --- FONTES E CONFIGURAÇÕES GERAIS --- */
body {
    font-family: 'Inter', sans-serif;
    background-color: #0F0F1A; /* Fundo principal azul escuro/preto */
    background-image: radial-gradient(circle at 1% 1%, #5D5CDE, transparent 30%),
                      radial-gradient(circle at 99% 99%, #E025CE, transparent 40%);
    background-attachment: fixed;
}

/* --- ESTILO DA SIDEBAR (MENU LATERAL) --- */
.sidebar-glass {
    background: rgba(15, 15, 26, 0.5); /* Fundo da sidebar com transparência */
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-right: 1px solid rgba(255, 255, 255, 0.1); /* Borda de vidro */
}

.sidebar-item {
    transition: all 0.2s ease-in-out;
    border-left: 3px solid transparent;
}
.sidebar-item:hover {
    background-color: rgba(93, 92, 222, 0.2);
    border-left-color: #5D5CDE;
}
.sidebar-item.active {
    background-color: rgba(93, 92, 222, 0.3);
    border-left-color: #5D5CDE;
    box-shadow: inset 0 0 10px rgba(93, 92, 222, 0.5);
    color: white;
    font-weight: 600;
}

/* --- EFEITO VITRIFICADO (GLASSMORPHISM) PARA CARDS --- */
.glass-card {
    background: rgba(42, 42, 42, 0.5); /* Fundo de card translúcido */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}
.glass-card:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 0 30px rgba(93, 92, 222, 0.3);
    border-color: rgba(93, 92, 222, 0.5);
}

/* --- EFEITO NEON --- */
.neon-text {
    text-shadow:
        0 0 5px #06B6D4,
        0 0 10px #06B6D4,
        0 0 15px #3B82F6;
}

/* --- COMPONENTES ADICIONAIS --- */
.status-indicator.online {
    background-color: #10b981;
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.3);
    animation: pulse-dot 2s infinite;
}
@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.1); }
}