(5px);
        animation: fadeIn 0.3s ease-out;
    `;
    
    const modal = document.createElement('div');
    modal.className = 'metric-detail-modal';
    modal.style.cssText = `
        background: var(--rc-card-bg);
        border-radius: var(--rc-radius-lg);
        padding: 2rem;
        max-width: 500px;
        width: 90%;
        box-shadow: var(--rc-shadow-2xl);
        transform: scale(0.9);
        animation: scaleIn 0.3s ease-out forwards;
    `;
    
    const detailContent = getMetricDetailC