#whs-wrapper { display: flex; gap: 10px; font-family: sans-serif; }
#whs-categories { width: 200px; background: #f0f0f0; padding: 10px; }
#whs-products { flex: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
#whs-sale { width: 300px; background: #fafafa; padding: 10px; border-left: 1px solid #ccc; }
.whs-product { border: 1px solid #ccc; padding: 10px; text-align: center; }
.whs-product img { width: 80px; height: 80px; object-fit: contain; }
.whs-add { margin-top: 5px; background: #4caf50; color: #fff; border: none; padding: 5px 10px; cursor: pointer; }