body { background: #f5f7fb; }
.card { border: 0; box-shadow: 0 10px 25px rgba(0,0,0,.05); border-radius: 16px; }
.metric-card { background: linear-gradient(135deg, #111827, #1f2937); color: #fff; }
.metric-title { font-size: .9rem; opacity: .85; margin-bottom: .35rem; }
.metric-value { font-size: 2rem; font-weight: 700; }
.table thead th { background: #f8fafc; font-size: .9rem; }
.btn, .form-control, .form-select { border-radius: 12px; }
.card-header { background: #fff; border-bottom: 1px solid rgba(0,0,0,.05); font-weight: 600; }

.product-thumb { width: 56px; height: 56px; object-fit: cover; border-radius: 12px; border: 1px solid rgba(0,0,0,.08); }
.product-thumb-empty { display:flex; align-items:center; justify-content:center; font-size:.72rem; color:#6b7280; background:#f8fafc; }
.product-preview { width: 140px; height: 140px; object-fit: cover; border-radius: 16px; border: 1px solid rgba(0,0,0,.08); }