*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f5f5f0;color:#1a1a1a;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font:inherit}*{-webkit-tap-highlight-color:transparent}:root{--primary: #e85d04;--primary-hover: #cf4f00;--bg: #f5f5f0;--card: #ffffff;--border: #e2ddd2;--text: #1a1a1a;--muted: #666;--success: #059669;--warning: #d97706;--danger: #dc2626;--info: #2563eb;--shadow: 0 1px 3px rgba(20, 10, 0, .05)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#fff5eb,#fef7d9)}.login-box{background:var(--card);padding:32px 28px;border-radius:12px;box-shadow:0 8px 24px #00000014;width:100%;max-width:380px}.login-box h1{margin:0 0 4px;font-size:22px}.login-box .sub{color:var(--muted);font-size:14px;margin:0 0 20px}.layout{display:flex;min-height:100vh}.sidebar{background:#1a1a1a;color:#e5e5e5;width:220px;flex-shrink:0;padding:20px 0;display:flex;flex-direction:column}.sidebar h1{color:#fff;padding:0 20px;margin:0 0 4px;font-size:16px;letter-spacing:-.3px}.sidebar .loja-nome{padding:0 20px 20px;color:var(--primary);font-size:12px;font-weight:600}.sidebar nav{flex:1;padding:8px 0}.sidebar nav button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 20px;color:#aaa;font-size:14px;text-align:left;transition:background .1s,color .1s}.sidebar nav button:hover{color:#fff;background:#ffffff0d}.sidebar nav button.on{color:var(--primary);background:#e85d041a;border-left:3px solid var(--primary);padding-left:17px}.sidebar .sair{padding:12px 20px;color:#999;font-size:13px;border-top:1px solid #333;display:flex;align-items:center;gap:8px}.sidebar .sair:hover{color:#fff}.main{flex:1;padding:24px 32px;overflow-x:auto}.main h1{margin:0 0 20px;font-size:22px}.menu-toggle{display:none;padding:8px 12px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary)}.field textarea{min-height:60px;resize:vertical;font-family:inherit}.field .hint{font-size:12px;color:var(--muted);margin-top:4px}.btn{padding:10px 18px;border-radius:6px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px;justify-content:center}.btn-primary{background:var(--primary);color:#fff!important}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:#fff;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:#f0ebde}.btn-danger{background:#fff;border:1px solid var(--danger);color:var(--danger)}.btn-danger:hover{background:#fef2f2}.alert{padding:10px 14px;border-radius:6px;margin-bottom:12px;font-size:14px}.alert.err{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}.alert.ok{background:#ecfdf5;color:var(--success);border:1px solid #a7f3d0}.kanban{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:12px;margin-top:4px}.kanban .col{background:#ffffff80;border-radius:8px;padding:10px;border:1px solid var(--border);min-height:200px}.kanban .col h3{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);display:flex;justify-content:space-between}.kanban .col h3 .count{background:var(--card);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.kanban .col.novo h3{color:var(--info)}.kanban .col.em_preparo h3{color:var(--warning)}.kanban .col.saiu h3{color:#7c3aed}.kanban .col.entregue h3{color:var(--success)}.pedido-card{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:10px;margin-bottom:8px;cursor:pointer;box-shadow:var(--shadow);transition:transform .1s}.pedido-card:hover{transform:translateY(-1px)}.pedido-card .num{font-weight:700;color:var(--primary);font-size:15px}.pedido-card .cli{font-size:13px;margin-top:2px}.pedido-card .val{font-size:13px;color:var(--muted);margin-top:2px}.pedido-card .foot{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--muted)}.pedido-card .pgto-pix{color:var(--warning)}.pedido-card .pgto-dinheiro{color:var(--success)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--card);border-radius:8px;padding:20px 24px;width:100%;max-width:520px;max-height:92vh;overflow-y:auto}.modal h2{margin:0 0 12px;font-size:20px;display:flex;justify-content:space-between;align-items:center}.modal .close{padding:4px 10px;color:var(--muted);font-size:22px}.modal .close:hover{color:var(--text)}.modal .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal .info-row{padding:6px 0;border-bottom:1px solid #f0ebde;font-size:14px}.modal .info-row .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.modal .item-linha{padding:8px 0;border-bottom:1px solid #f0ebde;font-size:14px}.modal .item-linha .adds{font-size:12px;color:var(--muted);padding-left:20px}.modal .status-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.cardapio-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cardapio-toolbar h1{margin:0}.categoria-produtos{margin-bottom:24px}.categoria-produtos h2{margin:0 0 8px;font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.prod-linha{display:grid;grid-template-columns:60px 1fr 100px 80px 120px;gap:12px;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:6px;margin-bottom:6px;align-items:center}.prod-linha .foto{width:52px;height:52px;border-radius:6px;overflow:hidden;background:#f5f0e5;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:22px}.prod-linha .foto img{width:100%;height:100%;object-fit:cover}.prod-linha .nome{font-weight:600}.prod-linha .desc{color:var(--muted);font-size:12px;margin-top:2px}.prod-linha .preco{color:var(--primary);font-weight:700;text-align:right}.prod-linha .badge{font-size:11px;padding:2px 6px;border-radius:4px;text-align:center}.prod-linha .on-badge{background:#d1fae5;color:var(--success)}.prod-linha .off-badge{background:#f5f5f5;color:var(--muted)}.prod-linha .actions{display:flex;gap:6px;justify-content:flex-end}.prod-linha .actions button{padding:4px 8px;font-size:12px;border-radius:4px}.foto-upload{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:12px;background:#f9f6ee;border-radius:8px}.foto-upload .thumb{width:80px;height:80px;border-radius:6px;overflow:hidden;background:#ede4d1;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:30px;flex-shrink:0}.foto-upload .thumb img{width:100%;height:100%;object-fit:cover}.foto-upload .acoes{display:flex;flex-direction:column;gap:6px}.foto-upload .acoes .file-btn{padding:8px 12px;background:#fff;border:1px solid var(--border);border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;text-align:center}.foto-upload .acoes .file-btn:hover{background:#f0ebde}.foto-upload .acoes small{color:var(--muted);font-size:11px}.config-secao{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px}.config-secao h2{margin:0 0 4px;font-size:16px;color:var(--text)}.config-secao p.sub{margin:0 0 14px;color:var(--muted);font-size:13px}.config-secao .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-group{display:flex;gap:12px;flex-wrap:wrap}.checkbox-group label{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f5f0e5;border-radius:6px;cursor:pointer;font-size:13px}.prod-linha .badge.estoque-baixo{background:#fef3c7;color:#92400e;margin-left:4px;border:1px solid #fbbf24}.secao-colapsavel{margin:12px 0}.tabela-estoque{border:1px solid var(--border);border-radius:8px;background:var(--card);overflow:hidden;margin-bottom:12px}.tabela-estoque .th,.tabela-estoque .td{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.2fr;gap:10px;padding:10px 14px;align-items:center}.tabela-estoque .th{background:#faf7f0;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.tabela-estoque .td{font-size:14px;border-top:1px solid var(--border)}.tabela-estoque .td.linha-baixa{background:#fffbeb}.tabela-estoque .badge{font-size:11px;padding:2px 6px;border-radius:4px}.tabela-estoque .tipo-entrada{background:#d1fae5;color:#065f46}.tabela-estoque .tipo-saida{background:#fee2e2;color:#991b1b}.tabela-estoque .tipo-ajuste{background:#e0e7ff;color:#3730a3}.tabela-estoque .tipo-venda{background:#fef3c7;color:#92400e}.tabela-estoque .tipo-estorno{background:#f5f5f5;color:#666}@media (max-width: 900px){.tabela-estoque .th{display:none}.tabela-estoque .td{grid-template-columns:1fr;gap:4px}.tabela-estoque .td>div{text-align:left!important}}@media (max-width: 900px){.kanban{grid-template-columns:1fr}.prod-linha{grid-template-columns:60px 1fr}.prod-linha .preco,.prod-linha .actions,.prod-linha>div:nth-child(4){grid-column:2;text-align:left;padding-top:4px}.config-secao .form-row{grid-template-columns:1fr}}@media (max-width: 640px){.layout{flex-direction:column}.sidebar{width:100%;padding:12px 0}.sidebar .loja-nome{padding:0 20px 8px}.sidebar nav{display:flex;overflow-x:auto;padding:0 12px}.sidebar nav button{padding:8px 14px;white-space:nowrap;border-left:none!important}.sidebar nav button.on{border-bottom:3px solid var(--primary);padding-bottom:5px}.sidebar .sair{border-top:none;padding:8px 20px}.main{padding:16px}}
