.product-card {
    border-radius: 12px;
    transition: 0.2s;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 25px rgba(0,0,0,0.15);
}

.product-card img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.sidebar-box {
    background: #fff;
    border-radius: 14px;
    padding: 15px;
    box-shadow: 0px 6px 18px rgba(0,0,0,0.08);
}

.sidebar-title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 12px;
    border-bottom: 2px solid #f1f1f1;
    padding-bottom: 8px;
}

.sidebar-link {
    display: block;
    padding: 10px 12px;
    margin-bottom: 6px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    color: #0d6efd;
    transition: 0.2s;
}

.sidebar-link:hover {
    background: #f3f7ff;
    color: #dc3545;
}

.sidebar-link.active {
    background: #0d6efd;
    color: white;
}
/* ===== SIDEBAR DARK THEME ===== */
.sidebar-box {
    background: #1f2d3d; /* màu nền tối giống AdminLTE */
    border-radius: 14px;
    padding: 15px;
    box-shadow: 0px 6px 18px rgba(0,0,0,0.35);
    border: 1px solid rgba(255,255,255,0.08);
}

.sidebar-title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 12px;
    color: #ffffff;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    padding-bottom: 8px;
}

/* Link danh mục */
.sidebar-link {
    display: block;
    padding: 10px 12px;
    margin-bottom: 6px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    color: #c2c7d0; /* màu chữ xám nhạt */
    transition: 0.2s;
}

/* Hover */
.sidebar-link:hover {
    background: rgba(255,255,255,0.08);
    color: #ffffff;
}

/* Active */
/*.sidebar-link.active {*/
/*    background: #0d6efd;*/
/*    color: white;*/
/*}*/
/**/