/* Làm bo tròn các góc bảng và đổ bóng nhẹ */
.card {
    border-radius: 15px;
}

thead.table-warning th {
    color: #856404;
    font-weight: 600;
}

.table {
    border-radius: 10px;
    overflow: hidden;
}

/* Hiệu ứng khi di chuột qua hàng của bảng */
tbody tr:hover {
    background-color: #f8f9fa;
    transition: 0.3s;
}

/* Tùy chỉnh màu sắc các nút */
.btn-sm {
    width: 60px;
    font-size: 12px;
}

/* Hình nền cho toàn bộ trang web */
body {
    background-image: url('/images/hình nền.jpg');
    background-size: cover;
    background-position: center bottom;
    background-attachment: fixed; /* Giữ ảnh cố định khi cuộn trang */
    background-repeat: no-repeat;
}

/* Làm cho các card nội dung trắng mờ (Glassmorphism) để dễ đọc chữ */
.container .card {
    background-color: rgba(255, 255, 255, 0.9); /* Trắng 90% để nhìn xuyên thấu nhẹ */
    backdrop-filter: blur(5px); /* Làm mờ nhẹ phía sau card */
    border: none;
    border-radius: 15px;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
}

/* Chỉnh lại độ trong suốt của bảng */
.table {
    background-color: transparent;
}

.table-warning {
    background-color: rgba(253, 245, 215, 0.8) !important;
}