:root {
    --teal-main: #14b8a6;
    --bg-dark: #0f172a;
    --card-bg: #1e293b;
}

body {
    background-color: var(--bg-dark);
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
}

/* Efeito de Gradiente no Fundo */
body::before {
    content: "";
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: radial-gradient(circle at top right, rgba(20, 184, 166, 0.1), transparent);
    z-index: -1;
}

/* Animação dos Cards */
.alert-item {
    animation: fadeInUp 0.5s ease forwards;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Estilização da Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #1e293b; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--teal-main); }

/* Suaviza todas as transições de escala e hover no app */
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}