/* Shared Styles from Registration omitted for brevity, adding Specific Styles */
body { 
    background: #0f172a; 
    color: white; 
    font-family: 'Inter', sans-serif; 
    padding: 40px 20px; 
}

.header { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    max-width: 1000px; 
    margin: 0 auto 30px; 
}

.search-bar { 
    background: rgba(255,255,255,0.05); 
    border: 1px solid rgba(255,255,255,0.1);
    padding: 10px 20px; 
    border-radius: 30px; 
    color: white; 
    width: 300px;
}

.grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); 
    gap: 20px; 
    max-width: 1000px; 
    margin: 0 auto; 
}

.card { 
    background: rgba(255,255,255,0.03); 
    border: 1px solid rgba(255,255,255,0.1);
    padding: 20px; 
    border-radius: 16px; 
    transition: transform 0.3s;
}

.card:hover { 
    transform: translateY(-5px); 
    border-color: #6366f1; 
}

.reg-id { 
    color: #818cf8; 
    font-size: 0.8rem; 
    font-weight: bold; 
}

.name { 
    font-size: 1.2rem; 
    margin: 10px 0; 
}

.event-tag { 
    background: #312e81; 
    padding: 4px 10px; 
    border-radius: 20px; 
    font-size: 0.7rem; 
}

.timestamp {
    margin-top: 15px; 
    font-size: 0.8rem; 
    color: #94a3b8;
}