.hero-pattern {
            background-color: #3B82F6;
            background-image: radial-gradient(at 81% 39%, #60A5FA 0, transparent 59%), 
                              radial-gradient(at 17% 89%, #10B981 0, transparent 50%);
        }
        .dashboard-card {
            transition: transform 0.3s ease;
        }
        .dashboard-card:hover {
            transform: translateY(-5px);
        }
        .feature-icon {
            width: 70px;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            margin: 0 auto 20px;
        }
        .tab-content {
            display: none;
        }
        .tab-content.active {
            display: block;
        }
        .chart-container {
            position: relative;
            height: 300px;
        }