body { background: #f5f5f5; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
.navbar-brand i { color: #ffc107; }
.product-card { transition: transform .15s, box-shadow .15s; border: none; border-radius: 12px; overflow: hidden; }
.product-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.1) !important; }
.store-badge { font-size: .7rem; padding: .25em .5em; border-radius: 20px; }
.price-up { color: #dc3545; }
.price-down { color: #198754; }
.comment-avatar { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .75rem; font-weight: 700; color: #fff; flex-shrink: 0; }
.hero { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: #fff; padding: 3rem 0; }
.comment-box { background: #fff; border-radius: 10px; }
.price-col { border-right: 1px solid #eee; }
.price-col:last-child { border-right: none; }
.footer { background: #1a1a2e; color: #aaa; font-size: .85rem; }
.trend { font-size: .75rem; }
.chart-bar { border-radius: 4px; transition: height .3s; }
.stat-card { border: none; border-radius: 12px; }
.bg-navy { background: #1a1a2e; }
.deal-card { border-left: 4px solid; border-radius: 10px; }
.alert-card { border-left: 4px solid #ffc107; border-radius: 10px; }