body { background: #f6f8f7; }
.hero { background: linear-gradient(135deg, #0f5132 0%, #198754 60%, #20c997 100%); color: #fff; }
.hero .lead { color: rgba(255,255,255,.85); }
.thumb { width: 56px; height: 56px; object-fit: contain; background: #fff; border-radius: .5rem; border: 1px solid #e9ecef; }
.thumb-empty { display: flex; align-items: center; justify-content: center; color: #adb5bd; }
.thumb-cell { width: 64px; }
.product-img { max-height: 280px; object-fit: contain; }
table.dataTable td { vertical-align: middle; }
div.dt-processing { z-index: 10; }
@media (max-width: 576px) { .display-6 { font-size: 1.6rem; } }