body { background: #f8f9fa; }
.card-product img { height: 220px; object-fit: cover; }
.hero { background: linear-gradient(135deg, #111827, #334155); color: white; border-radius: 1rem; }
.table th, .table td { vertical-align: middle; }
.admin-sidebar a { text-decoration: none; }

#carouselProduct .carousel-indicators button[data-bs-target] {
    background-color: #9e9e9e;
    opacity: 1;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

#carouselProduct .carousel-indicators button.active {
    background-color: #000000 !important;
    opacity: 1 !important;
}