:root{--primary:#2563eb; --accent:#10b981}
.btn-primary{background:var(--primary);border-color:var(--primary)}
.card{border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 18px rgba(16,24,40,.06);border-radius:16px}
.card-kpi{background:linear-gradient(180deg,#fff,#f7fbff)}

.nav-grad{background:linear-gradient(135deg,var(--grad1, var(--primary)), var(--grad2,#111827))}
.nav-logo{height:32px;width:auto}
.nav-right{justify-content:flex-start}
.nav-search{width:320px}
@media (max-width: 992px){
  .nav-search{width:100%}
}

.product-card{width:100%;border:1px solid rgba(0,0,0,.06);border-radius:16px;background:#fff;padding:12px;cursor:pointer;text-align:right}
.product-card.active{outline:2px solid rgba(37,99,235,.45);box-shadow:0 8px 24px rgba(37,99,235,.15)}
.pc-title{font-weight:800}
.pc-meta{color:#6b7280;font-size:12px}
.cart-item{border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:10px;margin-bottom:10px;background:#fff}
.cart-item .name{font-weight:800}
.cart-item .meta{color:#6b7280;font-size:12px}