body {
            font-family: 'Inter', sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        /* Estilo para o scrollbar no modo escuro */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #1e293b;
        }
        ::-webkit-scrollbar-thumb {
            background: #475569;
            border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #64748b;
        }
        .chart-container {
            position: relative;
            height: 300px;
            width: 100%;
        }
        .auth-bg {
            background-color: #0f172a;
            background-image: radial-gradient(#475569 1px, transparent 0);
            background-size: 30px 30px;
        }
        /* Animações */
        .fade-in-up {
            animation: fadeInUp 0.5s ease-out forwards;
            opacity: 0;
        }
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .modal-content {
            transition: transform 0.3s ease-out, opacity 0.3s ease-out;
        }
        .modal.open .modal-content {
            transform: scale(1);
            opacity: 1;
        }
        .modal .modal-content {
            transform: scale(0.95);
            opacity: 0;
        }
        /* Estilos da SPA */
        .app-page {
            animation: fadeIn 0.3s ease-in-out;
        }
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        /* Estilos de Navegação */
        #main-nav .active-link {
            background-color: #7c3aed; /* purple-600 */
            color: #ffffff;
            box-shadow: 0 4px 14px 0 rgb(124 58 237 / 50%);
        }
        #bottom-nav .active-link {
            color: #a78bfa; /* purple-400 */
        }