document.addEventListener('DOMContentLoaded', function() {
    // Generate random reference ID
    const refId = `PP-${Math.floor(1000000000 + Math.random() * 9000000000)}`;
    document.querySelector('.font-mono').textContent = refId;
    
    // Add current date
    const today = new Date();
    const options = { month: 'short', day: 'numeric', year: 'numeric' };
    document.querySelector('.font-medium:nth-of-type(2)').textContent = today.toLocaleDateString('en-US', options);
    
    // Add subtle hover effects
    const buttons = document.querySelectorAll('button');
    buttons.forEach(button => {
        button.addEventListener('mouseenter', () => {
            button.classList.add('transform', 'scale-105');
        });
        button.addEventListener('mouseleave', () => {
            button.classList.remove('transform', 'scale-105');
        });
    });
});