:root{--bg:#f7f8fa;--fg:#1f2329;--muted:#8a919e;--line:#e5e7eb;--brand:#2563eb;--ok:#16a34a;--warn:#d97706;--danger:#dc2626;--radius:10px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#fff;border-right:1px solid var(--line);padding:20px 12px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar .logo{font-weight:800;font-size:18px;padding:8px 12px 16px}.sidebar nav a{display:block;padding:10px 12px;border-radius:8px;color:var(--muted);font-size:14px}.sidebar nav a:hover{background:#f1f5f9;color:var(--fg)}.main{flex:1 1;padding:28px 32px;max-width:1100px}h1{font-size:22px;margin:0 0 16px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.card{border:1px solid var(--line);padding:20px}.card,table.tbl{background:#fff;border-radius:var(--radius)}table.tbl{width:100%;border-collapse:collapse;overflow:hidden;border:1px solid var(--line)}table.tbl td,table.tbl th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px}table.tbl th{background:#fafbfc;color:var(--muted);font-weight:600}table.tbl tr:last-child td{border-bottom:none}table.tbl img.thumb{width:56px;height:42px;object-fit:cover;border-radius:6px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:14px;cursor:pointer}.btn:hover{background:#f1f5f9}.btn--primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn--primary:hover{opacity:.92;background:var(--brand)}.btn--danger{color:var(--danger);border-color:#fca5a5}.btn--sm{padding:5px 10px;font-size:13px}.badge{font-size:12px;padding:2px 8px;border-radius:999px}.badge--on{background:#dcfce7;color:var(--ok)}.badge--off{background:#f3f4f6;color:var(--muted)}.badge--hot{background:#fee2e2;color:var(--danger)}.badge--new{background:#dbeafe;color:var(--brand)}form.product-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}form.product-form .full{grid-column:1/-1}label.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}label.field input,label.field select,label.field textarea{border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:14px;font-family:inherit;color:var(--fg);background:#fff}label.field textarea{min-height:80px;resize:vertical}.checks{display:flex;flex-wrap:wrap;gap:14px}.checks label{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--fg)}.msg{padding:10px 14px;border-radius:8px;font-size:14px;margin-bottom:14px}.msg--err{background:#fee2e2;color:var(--danger)}.msg--ok{background:#dcfce7;color:var(--ok)}select.status-select{border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:13px}