.chart-container {
            position: relative;
            width: 100%;
            max-width: 400px;
            margin-left: auto;
            margin-right: auto;
            height: 250px;
            max-height: 300px;
        }

        @media (min-width: 768px) {
            .chart-container {
                height: 300px;
            }
        }

        .nav-active {
            background-color: #0d9488;
            color: white;
            border-color: #0d9488;
        }

        .nav-inactive {
            background-color: transparent;
            color: #0f766e;
            border-color: #0d9488;
        }

        .fade-in {
            animation: fadeIn 0.3s ease-in-out;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(5px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }