:root {
  --bg: #f7f7f9;
  --card: #ffffff;
  --accent: #e74b66;
  --accent-soft: #fdecef;
  --text: #20252d;
  --muted: #6d7480;
  --border: #e9e9ef;
}
* { font-family: "Red Hat Display", sans-serif; }
body { background: var(--bg); color: var(--text); }
.sidebar { min-height: 100vh; background: #fff; border-right: 1px solid var(--border); }
.brand { font-weight: 800; letter-spacing: .05em; }
.nav-link { color: #3f4652; border-radius: 10px; margin-bottom: 4px; }
.nav-link.active, .nav-link:hover { background: var(--accent-soft); color: #af2f47; }
.topbar { background: #fff; border-bottom: 1px solid var(--border); }
.card { border: 1px solid var(--border); border-radius: 14px; }
.btn-accent { background: var(--accent); color: #fff; border: none; }
.btn-accent:hover { background: #cf4058; color: #fff; }
.tag { background: var(--accent-soft); color: #af2f47; padding: 6px 12px; border-radius: 8px; }
.pos-product img { width: 100%; height: 120px; object-fit: cover; border-radius: 10px; }
.cart-panel { background: #fff; border: 1px solid var(--border); border-radius: 14px; }
.table thead th { background: #f9fafc; }