/* CC-02b Wave 2 - extracted from FRONTEND/07_vendors/vendor-performance-metrics.html */
html.rbac-pending body { visibility: hidden; }
        html.rbac-pending::before {
            content: "Verifying access...";
            position: fixed;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Inter', system-ui, sans-serif;
            font-size: 1rem;
            color: #475569;
            background: #f8fafc;
            visibility: visible;
            z-index: 2147483647;
        }
    


        
        @keyframes bounceIn {
            0% { 
                opacity: 0;
                transform: scale(0.3);
            }
            50% { 
                transform: scale(1.05);
            }
            70% { 
                transform: scale(0.9);
            }
            100% { 
                opacity: 1;
                transform: scale(1);
            }
        }
        
        @keyframes scaleIn {
            from { 
                opacity: 0;
                transform: scale(0.9);
            }
            to { 
                opacity: 1;
                transform: scale(1);
            }
        }

        @keyframes counter {
            from { 
                transform: translateY(1.25rem);
                opacity: 0;
            }
            to { 
                transform: translateY(0);
                opacity: 1;
            }
        }

        .logo-gradient {
            background: linear-gradient(135deg, #ff6b9d, #ffd700);
        }

        .gradient-bg {
            background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);
        }

        .progress-bar {
            transition: width 1.5s ease-in-out;
        }

        .chart-container {
            position: relative;
            height: 18.75rem;
        }

        @media (max-width: 768px) {
            .chart-container {
                height: 15.625rem;
            }
        }

        .trend-up {
            color: #10b981;
        }

        .trend-down {
            color: #ef4444;
        }

        .trend-neutral {
            color: #6b7280;
        }

        .glass-effect {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(0.625rem);
            border: 0.0625rem solid rgba(255, 255, 255, 0.2);
        }

        .dark .glass-effect {
            background: rgba(0, 0, 0, 0.2);
            border: 0.0625rem solid rgba(255, 255, 255, 0.1);
        }