diff --git a/README.md b/README.md
index 4179618d..079b9fe6 100644
--- a/README.md
+++ b/README.md
@@ -46,6 +46,19 @@ Principais endpoints:
 -   `POST orders` – cria pedido `{ name, phone, address, table, type, items, total, status?, payment? }`.
 -   `PATCH orders/:id/status` – atualiza status.
 
+### Resetar o banco com os dados padrão
+
+-   As credenciais de admin usam os mesmos valores de `PGUSER`/`PGPASSWORD` (ou `ADMIN_USER`/`ADMIN_PASSWORD`). Ajuste as variáveis de ambiente se o erro de conexão indicar senha incorreta.
+-   Para restaurar as tabelas e dados de exemplo, execute:
+
+```bash
+cd server
+npm install
+npm run db:reset
+```
+
+-   Também é possível disparar o reset via API autenticada: `POST /admin/reset-database` com `{ "username": "<PGUSER>", "password": "<PGPASSWORD>" }`.
+
 ### pgAdmin (local)
 
 Instale pgAdmin localmente ou utilize a imagem oficial. Para conectar ao banco local, crie um novo servidor no pgAdmin com:
diff --git a/server/databaseReset.js b/server/databaseReset.js
new file mode 100644
index 00000000..d708ccdb
--- /dev/null
+++ b/server/databaseReset.js
@@ -0,0 +1,25 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { pool } from './db.js';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export async function resetDatabase() {
+  const schemaPath = path.join(__dirname, 'schema.sql');
+  const sql = fs.readFileSync(schemaPath, 'utf8');
+  await pool.query(sql);
+}
+
+if (process.argv[1] === fileURLToPath(import.meta.url)) {
+  resetDatabase()
+    .then(() => {
+      console.log('Banco resetado e populado com dados iniciais.');
+    })
+    .catch((err) => {
+      console.error('Falha ao resetar banco:', err.message);
+      process.exitCode = 1;
+    })
+    .finally(() => pool.end());
+}
diff --git a/server/index.js b/server/index.js
index 1d50694b..a4911b03 100644
--- a/server/index.js
+++ b/server/index.js
@@ -1,6 +1,7 @@
 import express from "express";
 import cors from "cors";
 import { pool } from "./db.js";
+import { resetDatabase } from "./databaseReset.js";
 
 const app = express();
 const port = process.env.PORT || 4000;
@@ -8,6 +9,13 @@ const port = process.env.PORT || 4000;
 app.use(cors());
 app.use(express.json());
 
+const validUser = process.env.ADMIN_USER || process.env.PGUSER || "postgres";
+const validPassword =
+    process.env.ADMIN_PASSWORD || process.env.PGPASSWORD || "postgres";
+
+const isValidAdmin = (username, password) =>
+    username === validUser && password === validPassword;
+
 const mapOrderRow = (row) => ({
     id: row.id,
     name: row.customer_name,
@@ -30,36 +38,86 @@ const mapCustomerRow = (row) => ({
     phone: row.phone,
 });
 
-app.get("/products", async (_, res) => {
+const defaultOwnerId = process.env.DEFAULT_OWNER_ID || "espetinhodatony";
+
+const getOwnerId = (req) =>
+    (req.headers["x-owner-id"] || req.query.ownerId || req.body?.ownerId || "")
+        .toString()
+        .trim();
+
+const requireOwner = (req, res) => {
+    const ownerId = getOwnerId(req);
+    if (!ownerId) {
+        res.status(400).json({ error: "ownerId é obrigatório" });
+        return null;
+    }
+    return ownerId;
+};
+
+app.get("/products", async (req, res) => {
+    const ownerId = requireOwner(req, res);
+    if (!ownerId) return;
+
     const result = await pool.query(
-        "SELECT * FROM products ORDER BY category, name"
+        "SELECT * FROM products WHERE owner_id = $1 ORDER BY category, name",
+        [ownerId]
     );
     res.json(result.rows);
 });
 
 app.post("/login", (req, res) => {
-    const { username, password } = req.body || {};
+    const { username, password, espetoId } = req.body || {};
 
-    const validUser =
-        process.env.ADMIN_USER || process.env.PGUSER || "postgres";
-    const validPassword =
-        process.env.ADMIN_PASSWORD || process.env.PGPASSWORD || "postgres";
+    if (isValidAdmin(username, password)) {
+        const ownerId = (espetoId || defaultOwnerId).trim();
+        if (!ownerId) {
+            res.status(400).json({ message: "Informe o ID do espeto" });
+            return;
+        }
 
-    if (username === validUser && password === validPassword) {
-        res.json({ token: "ok", name: "Administrador" });
+        res.json({
+            token: "ok",
+            name: process.env.ADMIN_NAME || "Administrador",
+            ownerId,
+        });
         return;
     }
 
     res.status(401).json({ message: "Credenciais inválidas" });
 });
 
+app.post("/admin/reset-database", async (req, res) => {
+    const { username, password } = req.body || {};
+
+    if (!isValidAdmin(username, password)) {
+        res.status(401).json({ message: "Credenciais inválidas" });
+        return;
+    }
+
+    try {
+        await resetDatabase();
+        res.json({
+            message: "Banco resetado e populado com dados iniciais.",
+        });
+    } catch (error) {
+        console.error("Erro ao resetar banco", error);
+        res.status(500).json({
+            error: "Falha ao resetar banco",
+            detail: error.message,
+        });
+    }
+});
+
 app.get(["/customers", "/api/customers"], async (req, res) => {
+    const ownerId = requireOwner(req, res);
+    if (!ownerId) return;
+
     const search = (req.query.search || "").toLowerCase();
-    let query = "SELECT * FROM customers";
-    const params = [];
+    let query = "SELECT * FROM customers WHERE owner_id = $1";
+    const params = [ownerId];
 
     if (search) {
-        query += " WHERE LOWER(name) LIKE $1";
+        query += " AND LOWER(name) LIKE $2";
         params.push(`%${search}%`);
     }
 
@@ -70,6 +128,9 @@ app.get(["/customers", "/api/customers"], async (req, res) => {
 });
 
 app.post("/products", async (req, res) => {
+    const ownerId = requireOwner(req, res);
+    if (!ownerId) return;
+
     const {
         name,
         price,
@@ -80,14 +141,25 @@ app.post("/products", async (req, res) => {
     } = req.body;
 
     const query =
-        "INSERT INTO products (name, price, category, description, active, image_url) VALUES ($1,$2,$3,$4,$5,$6) RETURNING *";
+        "INSERT INTO products (owner_id, name, price, category, description, active, image_url) VALUES ($1,$2,$3,$4,$5,$6,$7) RETURNING *";
 
-    const values = [name, price, category, description, active, imageUrl];
+    const values = [
+        ownerId,
+        name,
+        price,
+        category,
+        description,
+        active,
+        imageUrl,
+    ];
     const result = await pool.query(query, values);
     res.status(201).json(result.rows[0]);
 });
 
 app.put("/products/:id", async (req, res) => {
+    const ownerId = requireOwner(req, res);
+    if (!ownerId) return;
+
     const { id } = req.params;
     const {
         name,
@@ -99,34 +171,70 @@ app.put("/products/:id", async (req, res) => {
     } = req.body;
 
     const query =
-        "UPDATE products SET name = $1, price = $2, category = $3, description = $4, active = $5, image_url = $6 WHERE id = $7 RETURNING *";
+        "UPDATE products SET name = $1, price = $2, category = $3, description = $4, active = $5, image_url = $6 WHERE id = $7 AND owner_id = $8 RETURNING *";
 
-    const values = [name, price, category, description, active, imageUrl, id];
+    const values = [
+        name,
+        price,
+        category,
+        description,
+        active,
+        imageUrl,
+        id,
+        ownerId,
+    ];
     const result = await pool.query(query, values);
+    if (!result.rowCount) {
+        res.status(404).json({ error: "Produto não encontrado para este espeto" });
+        return;
+    }
     res.json(result.rows[0]);
 });
 
 app.delete("/products/:id", async (req, res) => {
-    await pool.query("DELETE FROM products WHERE id = $1", [req.params.id]);
+    const ownerId = requireOwner(req, res);
+    if (!ownerId) return;
+
+    const result = await pool.query(
+        "DELETE FROM products WHERE id = $1 AND owner_id = $2",
+        [req.params.id, ownerId]
+    );
+
+    if (!result.rowCount) {
+        res.status(404).json({ error: "Produto não encontrado para este espeto" });
+        return;
+    }
+
     res.status(204).send();
 });
 
-app.get("/orders", async (_, res) => {
+app.get("/orders", async (req, res) => {
+    const ownerId = requireOwner(req, res);
+    if (!ownerId) return;
+
     const result = await pool.query(
-        "SELECT * FROM orders ORDER BY created_at DESC"
+        "SELECT * FROM orders WHERE owner_id = $1 ORDER BY created_at DESC",
+        [ownerId]
     );
     res.json(result.rows.map(mapOrderRow));
 });
 
-app.get("/orders/queue", async (_, res) => {
+app.get("/orders/queue", async (req, res) => {
+    const ownerId = requireOwner(req, res);
+    if (!ownerId) return;
+
     const result = await pool.query(
-        "SELECT * FROM orders WHERE status IN ('pending', 'preparing') ORDER BY created_at ASC"
+        "SELECT * FROM orders WHERE owner_id = $1 AND status IN ('pending', 'preparing') ORDER BY created_at ASC",
+        [ownerId]
     );
     res.json(result.rows.map(mapOrderRow));
 });
 
 app.post("/orders", async (req, res) => {
     console.log("DEBUG BODY:", req.body);
+    const ownerId = requireOwner(req, res);
+    if (!ownerId) return;
+
     try {
         const {
             name,
@@ -144,6 +252,7 @@ app.post("/orders", async (req, res) => {
 
         const query = `
       INSERT INTO orders (
+        owner_id,
         customer_name,
         phone,
         address,
@@ -156,11 +265,12 @@ app.post("/orders", async (req, res) => {
         created_at,
         date_string
       )
-      VALUES ($1,$2,$3,$4,$5,$6,$7,$8,$9,$10,$11)
+      VALUES ($1,$2,$3,$4,$5,$6,$7,$8,$9,$10,$11,$12)
       RETURNING *;
     `;
 
         const values = [
+            ownerId,
             name,
             phone,
             address ?? null,
@@ -178,11 +288,11 @@ app.post("/orders", async (req, res) => {
 
         if (name) {
             await pool.query(
-                `INSERT INTO customers (name, phone, updated_at)
-                 VALUES ($1, $2, NOW())
-                 ON CONFLICT (name)
+                `INSERT INTO customers (owner_id, name, phone, updated_at)
+                 VALUES ($1, $2, $3, NOW())
+                 ON CONFLICT (owner_id, name)
                  DO UPDATE SET phone = COALESCE(EXCLUDED.phone, customers.phone), updated_at = NOW();`,
-                [name, phone ?? null]
+                [ownerId, name, phone ?? null]
             );
         }
 
@@ -194,16 +304,28 @@ app.post("/orders", async (req, res) => {
 });
 
 app.patch("/orders/:id/status", async (req, res) => {
+    const ownerId = requireOwner(req, res);
+    if (!ownerId) return;
+
     const { id } = req.params;
     const { status } = req.body;
     const result = await pool.query(
-        "UPDATE orders SET status = $1 WHERE id = $2 RETURNING *",
-        [status, id]
+        "UPDATE orders SET status = $1 WHERE id = $2 AND owner_id = $3 RETURNING *",
+        [status, id, ownerId]
     );
+
+    if (!result.rowCount) {
+        res.status(404).json({ error: "Pedido não encontrado para este espeto" });
+        return;
+    }
+
     res.json(mapOrderRow(result.rows[0]));
 });
 
 app.patch("/orders/:id", async (req, res) => {
+    const ownerId = requireOwner(req, res);
+    if (!ownerId) return;
+
     const { id } = req.params;
     const { items, total } = req.body;
 
@@ -219,11 +341,30 @@ app.patch("/orders/:id", async (req, res) => {
             : sanitizedItems.reduce((sum, item) => sum + (item.price || 0) * (item.qty || 0), 0);
 
     const result = await pool.query(
-        "UPDATE orders SET items = $1, total = $2 WHERE id = $3 RETURNING *",
-        [JSON.stringify(sanitizedItems), computedTotal, id]
+        "UPDATE orders SET items = $1, total = $2 WHERE id = $3 AND owner_id = $4 RETURNING *",
+        [JSON.stringify(sanitizedItems), computedTotal, id, ownerId]
     );
 
+    if (!result.rowCount) {
+        res.status(404).json({ error: "Pedido não encontrado para este espeto" });
+        return;
+    }
+
     res.json(mapOrderRow(result.rows[0]));
 });
 
-app.listen(port, () => console.log(`API escutando na porta ${port}`));
+const startServer = async () => {
+    try {
+        await pool.query("SELECT 1");
+    } catch (error) {
+        console.error(
+            "Falha ao conectar no banco. Verifique PGUSER/PGPASSWORD/PGDATABASE.",
+            error.message
+        );
+        process.exit(1);
+    }
+
+    app.listen(port, () => console.log(`API escutando na porta ${port}`));
+};
+
+startServer();
diff --git a/server/package.json b/server/package.json
index 78df3cb4..b48726c7 100644
--- a/server/package.json
+++ b/server/package.json
@@ -4,7 +4,8 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "start": "node index.js"
+    "start": "node index.js",
+    "db:reset": "node databaseReset.js"
   },
   "dependencies": {
     "cors": "^2.8.5",
diff --git a/server/schema.sql b/server/schema.sql
index c4e8c12e..1bfe870f 100644
--- a/server/schema.sql
+++ b/server/schema.sql
@@ -1,8 +1,14 @@
+-- Reinicia o banco para os dados de exemplo
+DROP TABLE IF EXISTS orders;
+DROP TABLE IF EXISTS customers;
+DROP TABLE IF EXISTS products;
+
 -- ===============================
 --   TABELA DE PRODUTOS
 -- ===============================
 CREATE TABLE IF NOT EXISTS products (
   id SERIAL PRIMARY KEY,
+  owner_id TEXT NOT NULL DEFAULT 'default_owner',
   name TEXT NOT NULL,
   price NUMERIC(10,2) NOT NULL,
   category TEXT NOT NULL,
@@ -17,6 +23,7 @@ CREATE TABLE IF NOT EXISTS products (
 -- ===============================
 CREATE TABLE IF NOT EXISTS orders (
   id SERIAL PRIMARY KEY,
+  owner_id TEXT NOT NULL DEFAULT 'default_owner',
   customer_name TEXT,
   phone TEXT,
   address TEXT,
@@ -35,73 +42,75 @@ CREATE TABLE IF NOT EXISTS orders (
 -- ===============================
 CREATE TABLE IF NOT EXISTS customers (
   id SERIAL PRIMARY KEY,
-  name TEXT UNIQUE,
+  owner_id TEXT NOT NULL DEFAULT 'default_owner',
+  name TEXT NOT NULL,
   phone TEXT,
   created_at TIMESTAMP DEFAULT NOW(),
-  updated_at TIMESTAMP DEFAULT NOW()
+  updated_at TIMESTAMP DEFAULT NOW(),
+  CONSTRAINT customers_owner_name_unique UNIQUE(owner_id, name)
 );
 
 -- ===============================
 --   POPULAR PRODUTOS (ESPETOS)
 -- ===============================
-INSERT INTO products (name, price, category, description, active, image_url) VALUES
-('Alcatra c/ Bacon', 10.50, 'espetos', NULL, true,
+INSERT INTO products (owner_id, name, price, category, description, active, image_url) VALUES
+('espetinhodatony', 'Alcatra c/ Bacon', 10.50, 'espetos', NULL, true,
  'https://i0.wp.com/espetinhodesucesso.com/wp-content/uploads/2018/03/espetinho-de-carne-com-bacon.jpg?w=750&ssl=1'),
 
-('Frango c/ Bacon', 10.50, 'espetos', NULL, true,
+('espetinhodatony', 'Frango c/ Bacon', 10.50, 'espetos', NULL, true,
  'https://www.vivaochurrasco.com.br/wp-content/uploads/2019/05/frangocombacon.jpg'),
 
-('Carne Bovina', 8.50, 'espetos', NULL, true,
+('espetinhodatony', 'Carne Bovina', 8.50, 'espetos', NULL, true,
  'https://eliteprimebeef.com.br/wp-content/uploads/2016/04/espetinho-de-carne-600x400.jpg'),
 
-('Frango', 8.50, 'espetos', NULL, true,
+('espetinhodatony', 'Frango', 8.50, 'espetos', NULL, true,
  'https://www.vivaespetos.com.br/wp-content/uploads/2019/05/frango.jpg'),
 
-('Coração', 8.50, 'espetos', NULL, true,
+('espetinhodatony', 'Coração', 8.50, 'espetos', NULL, true,
  'https://d1muf25xaso8hp.cloudfront.net/https://img.criativodahora.com.br/homologacao/thumbs/2025/07/25/01983fc9-c59b-73dd-93d5-ec62564dd71c.jpg?w=1000&h=&auto=compress&dpr=1&fit=max'),
 
-('Linguiça', 8.50, 'espetos', NULL, true,
+('espetinhodatony', 'Linguiça', 8.50, 'espetos', NULL, true,
  'https://as1.ftcdn.net/jpg/03/51/38/68/1000_F_351386865_CPy3Ir6Go8waqfiNdUWp0aK1YaGU9FdB.jpg'),
 
-('Kafta Bovina', 8.50, 'espetos', NULL, true,
+('espetinhodatony', 'Kafta Bovina', 8.50, 'espetos', NULL, true,
  'https://cozinhasimples.com.br/wp-content/uploads/kafta-no-palito-cozinha-simples.jpg'),
 
-('Kafta de Frango c/ Queijo', 8.50, 'espetos', NULL, true,
+('espetinhodatony', 'Kafta de Frango c/ Queijo', 8.50, 'espetos', NULL, true,
  'https://s3-sa-east-1.amazonaws.com/loja2/191f40e696fa55001362045933e28607.jpg'),
 
-('Torresmo', 8.50, 'espetos', NULL, true,
+('espetinhodatony', 'Torresmo', 8.50, 'espetos', NULL, true,
  'https://www.minhasreceitas.blog.br/wp-content/webp-express/webp-images/uploads/2021/07/pork-skewer-over-fire-flames-panceta.jpg.webp'),
 
-('Pão de Alho', 8.50, 'espetos', NULL, true,
+('espetinhodatony', 'Pão de Alho', 8.50, 'espetos', NULL, true,
  'https://i.pinimg.com/736x/73/9b/c6/739bc692563f9cfa5ab3b2ce91c25e11.jpg'),
 
-('Queijo Coalho', 8.50, 'espetos', NULL, true,
+('espetinhodatony', 'Queijo Coalho', 8.50, 'espetos', NULL, true,
  'https://content.paodeacucar.com/wp-content/uploads/2019/11/queijo-coalho-churrasco.jpg'),
 
-('Costela Bovina', 8.50, 'espetos', NULL, true,
+('espetinhodatony', 'Costela Bovina', 8.50, 'espetos', NULL, true,
  'http://bertioga.tudoem.com.br/assets/img/anuncio/espeto_de_costela_bovina_4.webp'),
 
-('Tulipa de Frango', 8.50, 'espetos', NULL, true,
+('espetinhodatony', 'Tulipa de Frango', 8.50, 'espetos', NULL, true,
  'https://andinacocacola.vtexassets.com/arquivos/ids/157883-1200-auto?v=638412015595530000&width=1200&height=auto&aspect=true');
 
 -- ===============================
 --   POPULAR PRODUTOS (BEBIDAS)
 -- ===============================
-INSERT INTO products (name, price, category, description, active, image_url) VALUES
-('Refrigerante Lata', 7.50, 'bebidas', NULL, true,
+INSERT INTO products (owner_id, name, price, category, description, active, image_url) VALUES
+('espetinhodatony', 'Refrigerante Lata', 7.50, 'bebidas', NULL, true,
  'https://alloydeliveryimages.s3.sa-east-1.amazonaws.com/item_images/11542/669add5769e6e2x9g4.webp'),
 
-('Refrigerante Mantiqueira', 8.50, 'bebidas', NULL, true,
+('espetinhodatony', 'Refrigerante Mantiqueira', 8.50, 'bebidas', NULL, true,
  'https://refrigerantesmantiqueira.com.br/wp-content/uploads/2023/11/guarana-2-litros.webp'),
 
-('Suco', 7.50, 'bebidas', NULL, true,
+('espetinhodatony', 'Suco', 7.50, 'bebidas', NULL, true,
  'https://boomi.b-cdn.net/wp-content/uploads/2024/11/Sucos-de-frutas-sao-ou-nao-sao-saudaveis.png.webp'),
 
-('Água', 3.00, 'bebidas', NULL, true,
+('espetinhodatony', 'Água', 3.00, 'bebidas', NULL, true,
  'https://andinacocacola.vtexassets.com/arquivos/ids/157883-1200-auto?v=638412015595530000&width=1200&height=auto&aspect=true'),
 
-('Cerveja Heineken', 7.00, 'bebidas', NULL, true,
+('espetinhodatony', 'Cerveja Heineken', 7.00, 'bebidas', NULL, true,
  'https://res.cloudinary.com/piramides/image/upload/c_fill,h_564,w_395/v1/products/16195-heineken-lata-269ml-normal-8un.20251024104230.png?_a=BAAAV6GX'),
 
-('Cerveja Skol', 6.00, 'bebidas', NULL, true,
+('espetinhodatony', 'Cerveja Skol', 6.00, 'bebidas', NULL, true,
  'https://savegnagoio.vtexassets.com/arquivos/ids/451158-1200-auto?v=638610711235400000&width=1200&height=auto&aspect=true');
diff --git a/src/App.js b/src/App.js
index eb06adb0..7a7891a0 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import {
   ShoppingCart,
   Send,
@@ -20,6 +20,8 @@ import { SuccessView } from './components/Client/SuccessView';
 import { DashboardView } from './components/Admin/DashboardView';
 import { ProductManager } from './components/Admin/ProductManager';
 import { GrillQueue } from './components/Admin/GrillQueue';
+import { BrandingSettings } from './components/Admin/BrandingSettings';
+import { apiClient } from './config/apiClient';
 import {
   formatCurrency,
   formatOrderStatus,
@@ -35,6 +37,29 @@ const initialCustomer = { name: '', phone: formatPhoneInput('', DEFAULT_AREA_COD
 const defaultPaymentMethod = 'debito';
 const WHATSAPP_NUMBER = process.env.REACT_APP_WHATSAPP_NUMBER || '5512996797210';
 const PIX_KEY = process.env.REACT_APP_PIX_KEY || '';
+const defaultBranding = {
+  brandName: 'Datony',
+  espetoId: 'espetinhodatony',
+  logoUrl: '/logo-datony.svg',
+  primaryColor: '#b91c1c',
+  accentColor: '#111827',
+  tagline: 'O melhor churrasco da região • Peça agora',
+  instagram: 'espetinhodatony',
+};
+
+const brandingStorageKey = (ownerId) => `brandingSettings:${ownerId || defaultBranding.espetoId}`;
+
+const getPersistedBranding = (ownerId = defaultBranding.espetoId) => {
+  const saved = localStorage.getItem(brandingStorageKey(ownerId));
+  if (!saved) return { ...defaultBranding, espetoId: ownerId };
+  try {
+    const parsed = JSON.parse(saved);
+    return { ...defaultBranding, espetoId: ownerId, ...parsed };
+  } catch (error) {
+    console.error('Erro ao carregar branding salvo', error);
+    return { ...defaultBranding, espetoId: ownerId };
+  }
+};
 
 function App() {
   const [user, setUser] = useState(null);
@@ -47,8 +72,29 @@ function App() {
   const [customer, setCustomer] = useState(initialCustomer);
   const [paymentMethod, setPaymentMethod] = useState(defaultPaymentMethod);
   const [lastOrder, setLastOrder] = useState(null);
-  const [loginForm, setLoginForm] = useState({ username: '', password: '' });
+  const [loginForm, setLoginForm] = useState({ username: '', password: '', espetoId: defaultBranding.espetoId });
   const [loginError, setLoginError] = useState('');
+  const [branding, setBranding] = useState(() => getPersistedBranding(defaultBranding.espetoId));
+  const [reportFilter, setReportFilter] = useState({
+    mode: 'all',
+    month: '',
+    year: new Date().getFullYear().toString(),
+    start: '',
+    end: '',
+  });
+
+  const requireAuth = useCallback(
+    (nextView) => {
+      if (user) {
+        setView(nextView);
+        return;
+      }
+
+      setLoginError('Faça login para acessar essa área protegida.');
+      setView('login');
+    },
+    [user]
+  );
 
   const formatOrderDate = (order) => {
     if (order.createdAt?.seconds) return new Date(order.createdAt.seconds * 1000).toLocaleString('pt-BR');
@@ -57,24 +103,122 @@ function App() {
     return order.dateString || '';
   };
 
+  const getOrderDateValue = useCallback((order) => {
+    if (order.createdAt?.seconds) return new Date(order.createdAt.seconds * 1000);
+    if (order.createdAt) return new Date(order.createdAt);
+    if (order.timestamp) return new Date(order.timestamp);
+    if (order.dateString) return new Date(order.dateString);
+    return null;
+  }, []);
+
   useEffect(() => {
     const savedSession = localStorage.getItem('adminSession');
+    let initialOwnerId = defaultBranding.espetoId;
+
     if (savedSession) {
       const parsedSession = JSON.parse(savedSession);
+      initialOwnerId = parsedSession.ownerId || initialOwnerId;
       setUser(parsedSession);
       setView('admin');
+      setLoginForm((prev) => ({ ...prev, espetoId: parsedSession.ownerId || prev.espetoId }));
+      setBranding(getPersistedBranding(initialOwnerId));
     }
 
+    apiClient.setOwnerId(initialOwnerId);
+
     const unsubProd = productService.subscribe(setProducts);
-    const unsubOrders = orderService.subscribeAll(setOrders);
-    customerService.fetchAll().then(setCustomers).catch(() => setCustomers([]));
     return () => {
       unsubProd();
-      unsubOrders();
     };
   }, []);
 
+  useEffect(() => {
+    if (!user) {
+      setOrders([]);
+      return undefined;
+    }
+
+    const unsubOrders = orderService.subscribeAll(setOrders);
+    return () => {
+      unsubOrders();
+    };
+  }, [user?.ownerId]);
+
+  useEffect(() => {
+    if (!user) {
+      setCustomers([]);
+      return;
+    }
+
+    customerService.fetchAll().then(setCustomers).catch(() => setCustomers([]));
+  }, [user?.ownerId]);
+
+  const resolvedOwnerId = useMemo(
+    () => user?.ownerId || branding?.espetoId || defaultBranding.espetoId,
+    [user?.ownerId, branding?.espetoId]
+  );
+
+  useEffect(() => {
+    if (!resolvedOwnerId) return;
+    apiClient.setOwnerId(resolvedOwnerId);
+    setBranding((prev) => {
+      if (prev.espetoId === resolvedOwnerId) return prev;
+      return getPersistedBranding(resolvedOwnerId);
+    });
+  }, [resolvedOwnerId]);
+
+  useEffect(() => {
+    if (!user && (view === 'admin' || view === 'grill')) {
+      setLoginError('Faça login para acessar essa área protegida.');
+      setView('login');
+    }
+  }, [user, view]);
+
+  useEffect(() => {
+    const storageKey = brandingStorageKey(branding.espetoId || resolvedOwnerId);
+    localStorage.setItem(storageKey, JSON.stringify(branding));
+    document.documentElement.style.setProperty('--primary-color', branding.primaryColor || defaultBranding.primaryColor);
+    document.documentElement.style.setProperty('--accent-color', branding.accentColor || branding.primaryColor || defaultBranding.accentColor);
+  }, [branding, resolvedOwnerId]);
+
   const cartTotal = useMemo(() => Object.values(cart).reduce((acc, item) => acc + item.price * item.qty, 0), [cart]);
+  const brandInitials = useMemo(
+    () => branding.brandName?.split(' ').map((part) => part?.[0]).join('').slice(0, 2).toUpperCase() || 'ED',
+    [branding.brandName]
+  );
+  const instagramHandle = useMemo(() => (branding.instagram ? `@${branding.instagram.replace('@', '')}` : ''), [branding.instagram]);
+
+  const filteredOrders = useMemo(() => {
+    if (!reportFilter.mode || reportFilter.mode === 'all') return orders;
+
+    return orders.filter((order) => {
+      const date = getOrderDateValue(order);
+      if (!date) return false;
+
+      if (reportFilter.mode === 'month' && reportFilter.month) {
+        const monthString = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}`;
+        return monthString === reportFilter.month;
+      }
+
+      if (reportFilter.mode === 'year' && reportFilter.year) {
+        return String(date.getFullYear()) === reportFilter.year;
+      }
+
+      if (reportFilter.mode === 'range' && reportFilter.start && reportFilter.end) {
+        const startDate = new Date(reportFilter.start);
+        const endDate = new Date(reportFilter.end);
+        endDate.setHours(23, 59, 59, 999);
+        return date >= startDate && date <= endDate;
+      }
+
+      return true;
+    });
+  }, [orders, reportFilter, getOrderDateValue]);
+
+  const filteredTotal = useMemo(
+    () => filteredOrders.reduce((acc, order) => acc + (order.total || 0), 0),
+    [filteredOrders]
+  );
 
   const updateCart = (item, qty) => {
     setCart((previous) => {
@@ -183,9 +327,10 @@ function App() {
     setLoginError('');
 
     try {
-      const session = await authService.login(loginForm.username, loginForm.password);
-      const sessionData = { ...session, username: loginForm.username };
+      const session = await authService.login(loginForm.username, loginForm.password, loginForm.espetoId);
+      const sessionData = { ...session, username: loginForm.username, espetoId: loginForm.espetoId };
       localStorage.setItem('adminSession', JSON.stringify(sessionData));
+      setBranding(getPersistedBranding(sessionData.ownerId || loginForm.espetoId));
       setUser(sessionData);
       setView('admin');
     } catch (error) {
@@ -193,14 +338,24 @@ function App() {
     }
   };
 
+  const updateBranding = (updater) => {
+    setBranding((prev) => {
+      const nextState = typeof updater === 'function' ? updater(prev) : { ...prev, ...updater };
+      return nextState;
+    });
+  };
+
   const logout = () => {
     localStorage.removeItem('adminSession');
     setUser(null);
-    setLoginForm({ username: '', password: '' });
+    setLoginForm({ username: '', password: '', espetoId: defaultBranding.espetoId });
+    const fallbackBranding = getPersistedBranding(defaultBranding.espetoId);
+    apiClient.setOwnerId(fallbackBranding.espetoId);
+    setBranding(fallbackBranding);
     setView('menu');
   };
 
-  const exportOrders = () => {
+  const exportOrders = (dataset = filteredOrders) => {
     const headers = [
       { key: 'data', label: 'Data' },
       { key: 'cliente', label: 'Cliente' },
@@ -211,7 +366,7 @@ function App() {
       { key: 'status', label: 'Status' },
     ];
 
-    const rows = orders.map((order) => ({
+    const rows = dataset.map((order) => ({
       data: formatOrderDate(order),
       cliente: order.name,
       telefone: order.phone,
@@ -230,9 +385,9 @@ function App() {
         <aside className="w-64 bg-gray-900 text-white hidden md:flex flex-col">
           <div className="p-6">
             <h1 className="text-xl font-bold flex items-center gap-2">
-              <ChefHat className="text-red-500" /> Datony Admin
+              <ChefHat className="text-red-500" /> {branding.brandName || 'Admin'}
             </h1>
-            <p className="text-xs text-gray-400 mt-1">Gerenciamento Profissional</p>
+            <p className="text-xs text-gray-400 mt-1">{branding.espetoId || 'Gerenciamento Profissional'}</p>
           </div>
           <nav className="flex-1 px-4 space-y-2">
             <button
@@ -267,6 +422,14 @@ function App() {
             >
               <FileText size={18} /> Relatório Vendas
             </button>
+            <button
+              onClick={() => setAdminTab('branding')}
+              className={`w-full flex items-center gap-3 p-3 rounded-lg text-sm ${
+                adminTab === 'branding' ? 'bg-red-600 font-bold' : 'text-gray-400 hover:bg-gray-800'
+              }`}
+            >
+              <ChefHat size={18} /> Aparência da Loja
+            </button>
           </nav>
           <div className="p-4 border-t border-gray-800">
             <div className="flex items-center gap-3 mb-4">
@@ -317,6 +480,77 @@ function App() {
                   Exportar Excel (.csv)
                 </button>
               </div>
+              <div className="p-4 border-b bg-white grid md:grid-cols-4 gap-4 items-end">
+                <div className="space-y-1">
+                  <label className="text-xs font-semibold text-gray-600">Filtro</label>
+                  <select
+                    value={reportFilter.mode}
+                    onChange={(e) => setReportFilter((prev) => ({ ...prev, mode: e.target.value }))}
+                    className="w-full border rounded-lg p-2 text-sm focus:ring-2 focus:ring-primary focus:outline-none"
+                  >
+                    <option value="all">Todos os pedidos</option>
+                    <option value="month">Por mês</option>
+                    <option value="year">Por ano</option>
+                    <option value="range">Intervalo específico</option>
+                  </select>
+                </div>
+
+                {reportFilter.mode === 'month' && (
+                  <div className="space-y-1">
+                    <label className="text-xs font-semibold text-gray-600">Mês</label>
+                    <input
+                      type="month"
+                      value={reportFilter.month}
+                      onChange={(e) => setReportFilter((prev) => ({ ...prev, month: e.target.value }))}
+                      className="w-full border rounded-lg p-2 text-sm focus:ring-2 focus:ring-primary focus:outline-none"
+                    />
+                  </div>
+                )}
+
+                {reportFilter.mode === 'year' && (
+                  <div className="space-y-1">
+                    <label className="text-xs font-semibold text-gray-600">Ano</label>
+                    <input
+                      type="number"
+                      min="2000"
+                      value={reportFilter.year}
+                      onChange={(e) => setReportFilter((prev) => ({ ...prev, year: e.target.value }))}
+                      className="w-full border rounded-lg p-2 text-sm focus:ring-2 focus:ring-primary focus:outline-none"
+                    />
+                  </div>
+                )}
+
+                {reportFilter.mode === 'range' && (
+                  <div className="grid grid-cols-2 gap-2 md:col-span-2">
+                    <div className="space-y-1">
+                      <label className="text-xs font-semibold text-gray-600">Início</label>
+                      <input
+                        type="date"
+                        value={reportFilter.start}
+                        onChange={(e) => setReportFilter((prev) => ({ ...prev, start: e.target.value }))}
+                        className="w-full border rounded-lg p-2 text-sm focus:ring-2 focus:ring-primary focus:outline-none"
+                      />
+                    </div>
+                    <div className="space-y-1">
+                      <label className="text-xs font-semibold text-gray-600">Fim</label>
+                      <input
+                        type="date"
+                        value={reportFilter.end}
+                        onChange={(e) => setReportFilter((prev) => ({ ...prev, end: e.target.value }))}
+                        className="w-full border rounded-lg p-2 text-sm focus:ring-2 focus:ring-primary focus:outline-none"
+                      />
+                    </div>
+                  </div>
+                )}
+
+                <div className="md:col-span-1">
+                  <div className="bg-gray-50 border border-gray-200 rounded-lg p-3">
+                    <p className="text-xs text-gray-500">Total no período</p>
+                    <p className="text-xl font-bold text-gray-800">{formatCurrency(filteredTotal)}</p>
+                    <p className="text-[11px] text-gray-400">{filteredOrders.length} pedidos filtrados</p>
+                  </div>
+                </div>
+              </div>
               <div className="max-h-[600px] overflow-y-auto">
                 <table className="w-full text-left text-sm">
                   <thead className="bg-gray-50 text-gray-500 sticky top-0">
@@ -331,7 +565,7 @@ function App() {
                     </tr>
                   </thead>
                   <tbody className="divide-y">
-                    {orders.map((order) => (
+                    {filteredOrders.map((order) => (
                     <tr key={order.id}>
                         <td className="p-3 text-gray-500">{formatOrderDate(order)}</td>
                         <td className="p-3 font-medium">{order.name}</td>
@@ -339,10 +573,6 @@ function App() {
                         <td className="p-3 text-gray-600">{order.phone}</td>
                         <td className="p-3 uppercase text-xs font-bold">{formatOrderType(order.type)}</td>
                         <td className="p-3 uppercase text-xs font-bold text-gray-600">{formatPaymentMethod(order.payment)}</td>
-                        <td className="p-3 uppercase text-xs font-bold">{formatOrderType(order.type)}</td>
-
-                        <td className="p-3 uppercase text-xs font-bold text-gray-600">{formatPaymentMethod(order.payment)}</td>
-
                         <td className="p-3 font-bold text-green-600">{formatCurrency(order.total || 0)}</td>
                         <td className="p-3">
                           <span
@@ -360,6 +590,7 @@ function App() {
               </div>
             </div>
           )}
+          {adminTab === 'branding' && <BrandingSettings branding={branding} onChange={updateBranding} />}
         </main>
       </div>
     );
@@ -368,47 +599,48 @@ function App() {
   return (
     <div className="min-h-screen bg-gray-100 font-sans pb-24">
       <header className="bg-white sticky top-0 z-30 shadow-sm">
-        <div className="bg-red-900 text-white p-1 text-center text-[10px] md:text-xs font-medium uppercase tracking-wider">
-          O melhor churrasco da região • Peça agora
+        <div
+          className="text-white p-1 text-center text-[10px] md:text-xs font-medium uppercase tracking-wider"
+          style={{ backgroundColor: branding.primaryColor }}
+        >
+          {branding.tagline}
         </div>
         <div className="p-4 flex flex-wrap gap-3 justify-between items-center max-w-5xl mx-auto">
           <div className="flex items-center gap-3">
-            <div className="w-10 h-10 bg-yellow-400 rounded-lg flex items-center justify-center text-red-900 font-black text-xl shadow-sm">
-              ED
+            <div
+              className="w-10 h-10 rounded-lg flex items-center justify-center text-white font-black text-xl shadow-sm overflow-hidden"
+              style={{ backgroundColor: branding.primaryColor }}
+            >
+              {branding.logoUrl ? (
+                <img src={branding.logoUrl} alt={branding.brandName} className="w-full h-full object-cover" />
+              ) : (
+                brandInitials
+              )}
             </div>
             <div>
-              <h1 className="font-bold text-gray-800 leading-none">Datony</h1>
-              <span className="text-xs text-gray-500">Espetinhos Premium</span>
+              <h1 className="font-bold text-gray-800 leading-none">{branding.brandName}</h1>
+              <span className="text-xs text-gray-500">{branding.espetoId || 'Churrasco premium'}</span>
             </div>
           </div>
           <div className="hidden md:flex items-center gap-2">
             <button
-              onClick={() => setView('grill')}
-              className="flex items-center gap-2 px-3 py-2 rounded-full bg-red-50 text-red-700 font-semibold border border-red-200 hover:bg-red-100"
+              onClick={() => requireAuth('grill')}
+              className="flex items-center gap-2 px-3 py-2 rounded-full font-semibold border border-primary text-primary bg-white hover:bg-gray-50"
             >
               <ChefHat size={18} /> Fila do churrasqueiro
             </button>
             <button
-              onClick={() => {
-                setView('login');
-                setLoginError('');
-              }}
-              className="flex items-center gap-2 px-3 py-2 rounded-full bg-gray-900 text-white font-semibold hover:bg-black/80"
+              onClick={() => requireAuth('admin')}
+              className="flex items-center gap-2 px-3 py-2 rounded-full bg-primary text-white font-semibold hover:opacity-90"
             >
               <LayoutDashboard size={18} /> Área admin
             </button>
           </div>
           <div className="flex md:hidden items-center gap-3 text-gray-400">
-            <button
-              onClick={() => {
-                setView('login');
-                setLoginError('');
-              }}
-              className="hover:text-red-600 transition-colors"
-            >
+            <button onClick={() => requireAuth('admin')} className="hover:text-primary transition-colors">
               <User size={20} />
             </button>
-            <button onClick={() => setView('grill')} className="hover:text-red-600 transition-colors">
+            <button onClick={() => requireAuth('grill')} className="hover:text-primary transition-colors">
               <ChefHat size={20} />
             </button>
           </div>
@@ -453,6 +685,21 @@ function App() {
               />
             </div>
 
+            <div className="space-y-2">
+              <label className="text-sm font-semibold text-gray-700" htmlFor="espetoId">
+                ID do espeto / conta
+              </label>
+              <input
+                id="espetoId"
+                type="text"
+                value={loginForm.espetoId}
+                onChange={(e) => setLoginForm((prev) => ({ ...prev, espetoId: e.target.value }))}
+                className="w-full border rounded-lg p-3 focus:ring-2 focus:ring-red-500 focus:outline-none"
+                placeholder="ex.: espetinhodatony"
+              />
+              <p className="text-xs text-gray-500">Usado para buscar somente produtos, clientes e pedidos da sua conta.</p>
+            </div>
+
             <div className="flex gap-3">
               <button
                 type="submit"
@@ -470,7 +717,16 @@ function App() {
             </div>
           </form>
         )}
-          {view === 'menu' && <MenuView products={products} cart={cart} onUpdateCart={updateCart} onProceed={() => setView('cart')} />}
+          {view === 'menu' && (
+          <MenuView
+            products={products}
+            cart={cart}
+            branding={branding}
+            instagramHandle={instagramHandle}
+            onUpdateCart={updateCart}
+            onProceed={() => setView('cart')}
+          />
+        )}
           {view === 'cart' && (
             <CartView
               cart={cart}
diff --git a/src/components/Admin/BrandingSettings.jsx b/src/components/Admin/BrandingSettings.jsx
new file mode 100644
index 00000000..d6a3e2a0
--- /dev/null
+++ b/src/components/Admin/BrandingSettings.jsx
@@ -0,0 +1,127 @@
+import React from "react";
+
+export const BrandingSettings = ({ branding, onChange }) => {
+  const handleChange = (field, value) => {
+    onChange((prev) => ({ ...prev, [field]: value }));
+  };
+
+  const previewInitials = branding.brandName
+    ?.split(" ")
+    .map((part) => part[0])
+    .join("")
+    .slice(0, 2)
+    .toUpperCase();
+
+  return (
+    <div className="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
+      <div className="p-4 border-b bg-gray-50 flex items-center justify-between">
+        <div>
+          <h3 className="font-bold text-gray-800">Identidade visual</h3>
+          <p className="text-sm text-gray-500">Deixe a loja com a cara do seu churrasco.</p>
+        </div>
+        <div className="text-xs text-gray-500 text-right">
+          ID do espeto
+          <div className="font-bold text-gray-800">{branding.espetoId || "não informado"}</div>
+        </div>
+      </div>
+
+      <div className="grid md:grid-cols-2 gap-4 p-4">
+        <div className="space-y-2">
+          <label className="text-sm font-semibold text-gray-700">Nome da marca</label>
+          <input
+            type="text"
+            value={branding.brandName}
+            onChange={(e) => handleChange("brandName", e.target.value)}
+            className="w-full border rounded-lg p-3 focus:ring-2 focus:ring-primary focus:outline-none"
+            placeholder="Ex: Churras do Lucas"
+          />
+        </div>
+
+        <div className="space-y-2">
+          <label className="text-sm font-semibold text-gray-700">ID do espeto (único para você)</label>
+          <input
+            type="text"
+            value={branding.espetoId}
+            onChange={(e) => handleChange("espetoId", e.target.value.replace(/\s+/g, "").toLowerCase())}
+            className="w-full border rounded-lg p-3 focus:ring-2 focus:ring-primary focus:outline-none"
+            placeholder="meu-espeto"
+          />
+          <p className="text-xs text-gray-500">Use letras, números e traços. Ajuda a identificar sua conta em marketplaces.</p>
+        </div>
+
+        <div className="space-y-2">
+          <label className="text-sm font-semibold text-gray-700">Logo (URL)</label>
+          <input
+            type="url"
+            value={branding.logoUrl}
+            onChange={(e) => handleChange("logoUrl", e.target.value)}
+            className="w-full border rounded-lg p-3 focus:ring-2 focus:ring-primary focus:outline-none"
+            placeholder="https://.../meu-logo.png"
+          />
+        </div>
+
+        <div className="space-y-2">
+          <label className="text-sm font-semibold text-gray-700">Instagram</label>
+          <input
+            type="text"
+            value={branding.instagram}
+            onChange={(e) => handleChange("instagram", e.target.value.replace("@", ""))}
+            className="w-full border rounded-lg p-3 focus:ring-2 focus:ring-primary focus:outline-none"
+            placeholder="@meuchurras"
+          />
+        </div>
+
+        <div className="space-y-2">
+          <label className="text-sm font-semibold text-gray-700">Cor primária</label>
+          <input
+            type="color"
+            value={branding.primaryColor}
+            onChange={(e) => handleChange("primaryColor", e.target.value)}
+            className="w-full border rounded-lg h-12 cursor-pointer"
+          />
+        </div>
+
+        <div className="space-y-2">
+          <label className="text-sm font-semibold text-gray-700">Cor de apoio</label>
+          <input
+            type="color"
+            value={branding.accentColor}
+            onChange={(e) => handleChange("accentColor", e.target.value)}
+            className="w-full border rounded-lg h-12 cursor-pointer"
+          />
+        </div>
+
+        <div className="md:col-span-2 space-y-2">
+          <label className="text-sm font-semibold text-gray-700">Mensagem do topo</label>
+          <input
+            type="text"
+            value={branding.tagline}
+            onChange={(e) => handleChange("tagline", e.target.value)}
+            className="w-full border rounded-lg p-3 focus:ring-2 focus:ring-primary focus:outline-none"
+            placeholder="O melhor churrasco da região"
+          />
+        </div>
+      </div>
+
+      <div className="p-4 bg-gray-50 border-t">
+        <h4 className="font-semibold text-gray-700 mb-3">Pré-visualização rápida</h4>
+        <div className="flex items-center gap-3">
+          <div
+            className="w-12 h-12 rounded-xl flex items-center justify-center text-white font-bold shadow-sm"
+            style={{ backgroundColor: branding.primaryColor }}
+          >
+            {branding.logoUrl ? (
+              <img src={branding.logoUrl} alt={branding.brandName} className="w-full h-full object-cover rounded-xl" />
+            ) : (
+              previewInitials || "ES"
+            )}
+          </div>
+          <div>
+            <div className="font-bold text-gray-900">{branding.brandName}</div>
+            <div className="text-xs text-gray-500">@{branding.instagram || "seuinsta"}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/Client/MenuView.jsx b/src/components/Client/MenuView.jsx
index 62dcba91..ebfa0079 100644
--- a/src/components/Client/MenuView.jsx
+++ b/src/components/Client/MenuView.jsx
@@ -5,34 +5,51 @@ import { formatCurrency } from "../../utils/format";
 // =======================================
 // HEADER PREMIUM COM LOGO OFICIAL
 // =======================================
-const Header = () => {
+const Header = ({ branding, instagramHandle }) => {
+  const previewInitials = branding?.brandName
+    ?.split(" ")
+    .map((part) => part[0])
+    .join("")
+    .slice(0, 2)
+    .toUpperCase();
+
   return (
     <div className="w-full bg-white shadow-md px-4 py-4 flex items-center gap-4 sticky top-0 z-50 border-b border-gray-100">
 
       {/* LOGO OFICIAL */}
-      <div className="w-14 h-14 rounded-full overflow-hidden border border-red-600 shadow-sm bg-white">
-        <img
-          src="/logo-datony.svg"
-          alt="Espetinho Datony"
-          className="w-full h-full object-cover"
-        />
+      <div
+        className="w-14 h-14 rounded-full overflow-hidden border shadow-sm bg-white flex items-center justify-center"
+        style={{ borderColor: branding?.primaryColor, color: branding?.primaryColor, backgroundColor: '#fff' }}
+      >
+        {branding?.logoUrl ? (
+          <img
+            src={branding.logoUrl}
+            alt={branding.brandName}
+            className="w-full h-full object-cover"
+          />
+        ) : (
+          <span className="font-bold text-lg">{previewInitials || "ES"}</span>
+        )}
       </div>
 
       {/* Nome + Insta */}
       <div className="flex-1 leading-tight">
-        <h1 className="text-xl font-bold text-gray-900">Espetinho Datony</h1>
-
-        <a
-          href="https://instagram.com/espetinhodatony"
-          target="_blank"
-          className="text-red-600 text-sm font-semibold hover:underline"
-        >
-          @espetinhodatony
-        </a>
+        <h1 className="text-xl font-bold text-gray-900">{branding?.brandName || "Seu Espeto"}</h1>
+
+        {instagramHandle && (
+          <a
+            href={`https://instagram.com/${instagramHandle.replace("@", "")}`}
+            target="_blank"
+            rel="noreferrer"
+            className="text-primary text-sm font-semibold hover:underline"
+          >
+            {instagramHandle}
+          </a>
+        )}
       </div>
 
       {/* STATUS */}
-      <div className="px-3 py-1 rounded-full bg-green-100 text-green-700 text-sm font-bold shadow-sm">
+      <div className="px-3 py-1 rounded-full accent-pill text-sm font-bold shadow-sm">
         Aberto
       </div>
     </div>
@@ -42,7 +59,7 @@ const Header = () => {
 // =======================================
 // MENU ORGANIZADO POR CATEGORIA (COM FOTOS)
 // =======================================
-export const MenuView = ({ products, cart, onUpdateCart }) => {
+export const MenuView = ({ products, cart, onUpdateCart, branding, instagramHandle }) => {
 
   const grouped = useMemo(() => {
     const map = {};
@@ -66,7 +83,7 @@ export const MenuView = ({ products, cart, onUpdateCart }) => {
   return (
     <div className="bg-gray-50 min-h-screen">
 
-      <Header />
+      <Header branding={branding} instagramHandle={instagramHandle} />
 
       <div className="space-y-10 p-4">
 
@@ -74,8 +91,11 @@ export const MenuView = ({ products, cart, onUpdateCart }) => {
           <div key={category} className="space-y-3">
 
             {/* Título da categoria */}
-            <div className="px-4 py-2 bg-red-50 border-l-4 border-red-600 rounded">
-              <h2 className="text-red-700 font-bold text-lg capitalize tracking-wide">
+            <div
+              className="px-4 py-2 rounded border-l-4"
+              style={{ borderColor: branding?.primaryColor, background: 'rgba(0,0,0,0.02)' }}
+            >
+              <h2 className="font-bold text-lg capitalize tracking-wide" style={{ color: branding?.primaryColor }}>
                 {category}
               </h2>
             </div>
@@ -108,7 +128,7 @@ export const MenuView = ({ products, cart, onUpdateCart }) => {
                     <p className="font-semibold text-gray-900 text-[15px]">
                       {item.name}
                     </p>
-                    <p className="text-red-600 font-bold text-lg mt-[-1px]">
+                    <p className="text-primary font-bold text-lg mt-[-1px]">
                       {formatCurrency(item.price)}
                     </p>
                   </div>
@@ -116,7 +136,7 @@ export const MenuView = ({ products, cart, onUpdateCart }) => {
                   {/* Botão de adicionar */}
                   <button
                     onClick={() => onUpdateCart(item, 1)}
-                    className="w-11 h-11 rounded-full bg-red-600 text-white flex items-center justify-center hover:bg-red-700 shadow-md active:scale-95 transition"
+                    className="w-11 h-11 rounded-full bg-primary text-white flex items-center justify-center hover:opacity-90 shadow-md active:scale-95 transition"
                   >
                     <Plus size={20} />
                   </button>
diff --git a/src/config/apiClient.js b/src/config/apiClient.js
index 70f31ad4..ae228ac6 100644
--- a/src/config/apiClient.js
+++ b/src/config/apiClient.js
@@ -20,6 +20,16 @@ const defaultHeaders = {
     "Content-Type": "application/json",
 };
 
+let currentOwnerId = null;
+
+const buildUrl = (path) => {
+    const url = new URL(path, API_BASE_URL);
+    if (currentOwnerId) {
+        url.searchParams.set("ownerId", currentOwnerId);
+    }
+    return url.toString();
+};
+
 const handleResponse = async (response) => {
     if (!response.ok) {
         const message = await response.text();
@@ -28,9 +38,38 @@ const handleResponse = async (response) => {
     return response.json();
 };
 
-const request = async (path, options) => {
+const attachOwnerToBody = (body) => {
+    if (!body || typeof body !== "string") return body;
     try {
-        const response = await fetch(`${API_BASE_URL}${path}`, options);
+        const parsed = JSON.parse(body);
+        if (currentOwnerId && !parsed.ownerId) {
+            parsed.ownerId = currentOwnerId;
+        }
+        return JSON.stringify(parsed);
+    } catch (error) {
+        return body;
+    }
+};
+
+const request = async (path, options = {}) => {
+    try {
+        const url = buildUrl(path);
+        const finalOptions = { ...options };
+
+        finalOptions.headers = {
+            ...defaultHeaders,
+            ...(options.headers || {}),
+        };
+
+        if (currentOwnerId) {
+            finalOptions.headers["x-owner-id"] = currentOwnerId;
+        }
+
+        if (finalOptions.body) {
+            finalOptions.body = attachOwnerToBody(finalOptions.body);
+        }
+
+        const response = await fetch(url, finalOptions);
         return await handleResponse(response);
     } catch (error) {
         console.error("Erro ao comunicar com a API", error);
@@ -41,6 +80,10 @@ const request = async (path, options) => {
 };
 
 export const apiClient = {
+    setOwnerId: (ownerId) => {
+        currentOwnerId = ownerId || null;
+    },
+    getOwnerId: () => currentOwnerId,
     get: async (path) => request(path),
     post: async (path, body) =>
         request(path, {
diff --git a/src/index.css b/src/index.css
index 560f464c..e2f3804f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -7,6 +7,29 @@ body {
   color: #111827;
 }
 
+:root {
+  --primary-color: #b91c1c;
+  --accent-color: #111827;
+}
+
+.bg-primary {
+  background-color: var(--primary-color) !important;
+  color: #fff;
+}
+
+.text-primary {
+  color: var(--primary-color) !important;
+}
+
+.border-primary {
+  border-color: var(--primary-color) !important;
+}
+
+.accent-pill {
+  background: color-mix(in srgb, var(--primary-color) 15%, transparent);
+  color: var(--primary-color);
+}
+
 .no-scrollbar::-webkit-scrollbar {
   display: none;
 }
diff --git a/src/services/authService.js b/src/services/authService.js
index 28d8fef8..ae8c51c2 100644
--- a/src/services/authService.js
+++ b/src/services/authService.js
@@ -1,14 +1,16 @@
 import { apiClient } from "../config/apiClient";
 
 export const authService = {
-    async login(username, password) {
+    async login(username, password, espetoId) {
         const response = await apiClient.post("/login", {
             username,
             password,
+            espetoId,
         });
         return {
             token: response.token,
             name: response.name || "Administrador",
+            ownerId: response.ownerId || espetoId,
         };
     },
 };