:root{--ink:#1F2A33;--teal:#0F766E;--teal-dark:#0B5953;--bg:#F4F6F5;--line:#D9DEDC;--sale:#B45309;}
body{font-family:'IBM Plex Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);}
.topbar{background:var(--ink);}
.topbar .navbar-brand{font-weight:600;letter-spacing:.2px;}
.topbar .nav-link{color:#C9D3CF;}
.topbar .nav-link:hover,.topbar .nav-link.active{color:#fff;}
.page-title{font-weight:600;margin:1.5rem 0 1rem;}
.panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:1.25rem;margin-bottom:1.25rem;}
.kpi{background:#fff;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:6px;padding:.9rem 1rem;height:100%;}
.kpi .v{font-size:1.6rem;font-weight:600;line-height:1.2;}
.kpi .l{color:#5C6B66;font-size:.9rem;}
.btn-teal{background:var(--teal);color:#fff;border:0;}
.btn-teal:hover{background:var(--teal-dark);color:#fff;}
.product-img{width:100%;height:190px;object-fit:cover;background:#E6EBE9;border-radius:6px 6px 0 0;}
.price-old{text-decoration:line-through;color:#7B8A85;margin-right:.4rem;}
.price-now{font-weight:600;font-size:1.15rem;}
.badge-off{background:var(--sale);color:#fff;}
.grid th{background:#EDF1EF;font-weight:600;}
.msg-ok{color:#0F766E;}.msg-err{color:#B91C1C;}