:root { --soft-bg: #f6f8fb; --card-radius: 1rem; }
body { background: var(--soft-bg); }
.hero { background: radial-gradient(circle at top left, rgba(255,193,7,.28), transparent 30%), linear-gradient(135deg, #111827, #23395d); color: #fff; }
.hero .glass { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(12px); border-radius: 1.25rem; }
.card, .form-control, .form-select, .btn { border-radius: .85rem; }
.card { border: 0; box-shadow: 0 .5rem 1.5rem rgba(20,30,50,.08); }
.product-card .product-img { height: 220px; object-fit: cover; border-radius: 1rem 1rem 0 0; background:#e9ecef; }
.product-card { transition: transform .2s, box-shadow .2s; overflow:hidden; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 1rem 2rem rgba(20,30,50,.12); }
.badge-soft { background: rgba(13,110,253,.1); color: #0d6efd; }
.dashboard-bg { background: #eef3f8; }
.stat-card { border-left: 5px solid rgba(13,110,253,.6); }
.table > :not(caption) > * > * { vertical-align: middle; }
.thumb { width: 72px; height: 72px; object-fit: cover; border-radius: .8rem; background:#e9ecef; }
.ad-banner img { max-height: 260px; object-fit: cover; width: 100%; border-radius: 1rem; }
.footer { margin-top: auto; }
.required::after { content: " *"; color: #dc3545; }
.small-muted { font-size: .9rem; color: #6c757d; }
.whatsapp-link { color: #198754; font-weight: 600; text-decoration: none; }
.order-status { text-transform: capitalize; }
@media (max-width: 575px) { .product-card .product-img { height: 180px; } }