:root{--brand:#2563eb;--dark:#111827;--muted:#64748b;--bg:#f5f7fb}
body{background:var(--bg);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:#0f172a;color:#cbd5e1;overflow:auto;z-index:1030}
.sidebar .brand{font-weight:800;font-size:20px;padding:20px;color:#fff}
.sidebar a{display:flex;gap:10px;align-items:center;color:#cbd5e1;text-decoration:none;padding:10px 18px;border-radius:8px;margin:2px 10px}
.sidebar a:hover,.sidebar a.active{background:#1e293b;color:#fff}
.sidebar .section{font-size:11px;text-transform:uppercase;color:#64748b;padding:16px 18px 5px}
.main{margin-left:260px;min-height:100vh}
.topbar{height:70px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:1020}
.content{padding:24px}.card{border:0;border-radius:16px;box-shadow:0 4px 20px rgba(15,23,42,.06)}
.kpi{padding:18px}.kpi .value{font-size:27px;font-weight:800}.kpi .label{color:var(--muted);font-size:13px}
.table> :not(caption)>*>*{padding:13px 12px;vertical-align:middle}.badge-soft{background:#eef2ff;color:#3730a3}
.product-thumb{width:52px;height:52px;object-fit:cover;border-radius:10px;background:#eef2f7}
.front-nav{background:#fff;border-bottom:1px solid #e5e7eb}.hero{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border-radius:24px;padding:60px 40px}.product-card img{height:210px;object-fit:cover}.price{font-weight:800}.old{text-decoration:line-through;color:#94a3b8}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.show{transform:none}.main{margin-left:0}.topbar{padding:0 14px}.content{padding:14px}}