body {
    background: #f8f9fa;
    font-family: Tahoma, Arial, sans-serif;
}


.comments-section {
    min-height: 100vh;
}


.comment-form {
    border-radius: 20px;
}


.form-control {
    border-radius: 10px;
    padding: 12px;
}


.btn {
    border-radius: 10px;
}


.comment-card {
    background: white;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
}


.comment-name {
    font-weight: bold;
    font-size: 17px;
}


.comment-date {
    font-size: 12px;
    color: #888;
}


.comment-text {
    margin-top: 12px;
    color: #555;
    line-height: 1.9;
}


.status-approved {
    color: #198754;
    font-weight: bold;
}


.status-pending {
    color: #fd7e14;
    font-weight: bold;
}


.admin-actions {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}


.table td {
    vertical-align: middle;
}