.survey-column {
    margin: 20px 0;
}

.survey-column h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
}

#respondents-list,
#uncommented-students-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#respondents-list li,
#uncommented-students-list li {
    font-size: 16px;
    color: #444;
    padding: 10px;
    border-bottom: 1px solid #eee;
    transition: all 0.3s ease;
    opacity: 1;
    transform: translateX(0);
}

#respondents-list li.no-data,
#uncommented-students-list li.no-data {
    font-style: italic;
    color: #888;
}

#respondents-list li:last-child,
#uncommented-students-list li:last-child {
    border-bottom: none;
}

/* Hiệu ứng cho phần tử mới */
#respondents-list li.new-item,
#uncommented-students-list li.new-item {
    opacity: 0;
    transform: translateX(-10px);
}

/* Hiệu ứng cho phần tử bị xóa */
#respondents-list li.removing,
#uncommented-students-list li.removing {
    opacity: 0;
    transform: translateX(10px);
}

/* Hiệu ứng cho thông báo lỗi */
#respondents-list li.error,
#uncommented-students-list li.error {
    color: #d9534f;
    background-color: #f9f2f2;
}